.jrj-help-hub{--help-line:rgba(166,186,214,.22);--help-muted:#acb9cb;--help-accent:#9fc2f4;background:#080c12;color:#f5f7fb;font-family:"Barlow",Arial,sans-serif;padding:70px 24px;scroll-margin-top:110px}
.jrj-help-hub *{box-sizing:border-box}
.jrj-help-hub__wrap{max-width:1320px;margin:0 auto}
.jrj-help-hub .jrj-help-hub__eyebrow{margin:0 0 15px;color:var(--help-accent);font-size:12px;line-height:1.5;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.jrj-help-hub__header .jrj-help-hub__eyebrow:before{content:"";display:inline-block;width:34px;height:3px;margin-right:12px;vertical-align:middle;background:linear-gradient(90deg,#2c78ed 0 38%,#edf3fc 38% 68%,#d4314c 68%)}
.jrj-help-hub h1,.jrj-help-hub h2,.jrj-help-hub h3,.jrj-help-hub h4{color:#f5f7fb;text-shadow:none}
.jrj-help-hub__header h1{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:clamp(36px,4.2vw,60px);font-weight:900;text-transform:uppercase;line-height:1.02;letter-spacing:.005em;margin:0 0 19px}
.jrj-help-hub__header>p:last-child{max-width:780px;margin:0;color:var(--help-muted);font-size:18px;line-height:1.7}
.jrj-help-hub__lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.jrj-help-hub__lesson{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;padding:20px;border:1px solid var(--help-line);border-radius:16px;background:radial-gradient(ellipse at 0 0,rgba(36,76,129,.13),transparent 60%),#0c121b;scroll-margin-top:110px;overflow:hidden}
.jrj-help-hub__overview{margin-top:20px;min-width:0}
.jrj-help-hub__overview .jrj-help-hub__eyebrow{display:flex;gap:16px;align-items:center;color:#a7b6cb;font-size:12px}
.jrj-help-hub__overview .jrj-help-hub__eyebrow>span{color:var(--help-accent);border:1px solid #354b6a;border-radius:5px;padding:5px 9px}
.jrj-help-hub__overview h3{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:clamp(28px,2.6vw,32px);font-weight:800;line-height:1.05;letter-spacing:.005em;text-transform:uppercase;margin:0 0 18px}
.jrj-help-hub__overview>p:not(.jrj-help-hub__eyebrow){color:var(--help-muted);font-size:16px;line-height:1.7;margin:0 0 22px}
.jrj-help-hub a{color:#b7d2f6;text-underline-offset:4px}
.jrj-help-hub__text-link{display:inline-flex;gap:28px;font-size:14px;font-weight:750;line-height:1.5}
.jrj-help-hub__video{display:block;min-width:0;align-self:center}
.jrj-help-hub__media{position:relative;aspect-ratio:16/9;background:#05080d;border:1px solid #33435a;border-radius:9px;overflow:hidden}
.jrj-help-hub__play{display:block;position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:#05080d;color:white}
.jrj-help-hub__play img{display:block;width:100%;height:100%;object-fit:cover;opacity:.94}
.jrj-help-hub__play:hover img{opacity:1}
.jrj-help-hub__play-icon{position:absolute;display:grid;place-items:center;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:48px;border:1px solid #7a9ece;border-radius:11px;background:rgba(8,17,31,.93);box-shadow:0 5px 20px #0008}
.jrj-help-hub__play-icon svg{margin-left:0}
.jrj-help-hub__play:disabled{cursor:default}
.jrj-help-hub__play:disabled .jrj-help-hub__play-icon{display:none}
.jrj-help-hub__duration{position:absolute;bottom:12px;right:12px;padding:3px 7px;border-radius:4px;background:#05080de6;color:#fff;font:700 12px/1.5 "Barlow",Arial,sans-serif}
.jrj-help-hub__media iframe{display:block;width:100%;height:100%;border:0}
.jrj-help-hub .jrj-help-hub__video-footer{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin:11px 0 0;color:#91a0b5;font-size:11px;line-height:1.6}
.jrj-help-hub__video-footer a{flex-shrink:0;font-size:12px;font-weight:700}
.jrj-help-hub__instructions{grid-column:1/-1;margin-top:25px;border-top:1px solid var(--help-line);scroll-margin-top:110px}
.jrj-help-hub__instructions>summary{display:flex;align-items:center;gap:15px;min-height:66px;cursor:pointer;list-style:none;color:#edf3fc;font-size:15px;font-weight:800;line-height:1.5}
.jrj-help-hub__instructions>summary::-webkit-details-marker{display:none}
.jrj-help-hub__step-count{color:#96a7bf;font-size:12px;font-weight:600}
.jrj-help-hub__toggle{margin-left:auto;font-size:24px;font-weight:400;transition:transform .15s}
.jrj-help-hub__instructions[open] .jrj-help-hub__toggle{transform:rotate(45deg)}
.jrj-help-hub__written{max-width:900px;padding:12px 0 25px;color:var(--help-muted);font-size:16px;line-height:1.75}
.jrj-help-hub__written h4{font:800 17px/1.4 "Barlow",Arial,sans-serif;letter-spacing:0;margin:0 0 10px;text-transform:none}
.jrj-help-hub__before{padding-left:22px;margin:0 0 30px;display:grid;gap:9px}
.jrj-help-hub__steps{padding:0;margin:0;list-style:none;counter-reset:help-step;display:grid;gap:23px}
.jrj-help-hub__steps>li{position:relative;padding:0 0 23px 50px;border-bottom:1px solid var(--help-line);counter-increment:help-step}
.jrj-help-hub__steps>li:before{content:counter(help-step,decimal-leading-zero);position:absolute;left:0;top:0;color:#8daed9;font-weight:800;font-size:19px;line-height:1.4}
.jrj-help-hub__steps p,.jrj-help-hub__result p{margin:0;color:var(--help-muted)}
.jrj-help-hub__result{padding:22px 24px;margin:27px 0;border-left:3px solid #83a5d6;background:#121e2d;border-radius:0 7px 7px 0}
.jrj-help-hub__problems{margin:18px 0 26px;display:grid;gap:20px}
.jrj-help-hub__problems dt{margin:0 0 5px;color:#e5edf9;font-size:15px;font-weight:750}
.jrj-help-hub__problems dd{margin:0;font-size:15px}
.jrj-help-hub .jrj-help-hub__scope{padding-top:20px;border-top:1px solid var(--help-line);color:#93a3ba;font-size:13px;line-height:1.7;margin:0}
.jrj-help-hub__lesson-footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-top:16px;border-top:1px solid var(--help-line);font-size:12px;font-weight:700;line-height:1.5}
.jrj-help-hub__lesson-footer a{display:inline-flex;gap:10px}
.jrj-help-hub a:focus-visible,.jrj-help-hub button:focus-visible,.jrj-help-hub summary:focus-visible{outline:3px solid #99c3ff;outline-offset:4px}
@media(max-width:900px){.jrj-help-hub__lessons{grid-template-columns:minmax(0,1fr)}.jrj-help-hub__video-footer{flex-wrap:wrap}}
@media(max-width:700px){.jrj-help-hub{padding:42px 18px}.jrj-help-hub__header>p:last-child{font-size:16px}.jrj-help-hub__lesson{padding:20px}.jrj-help-hub__overview h3{font-size:32px}.jrj-help-hub__overview>p:not(.jrj-help-hub__eyebrow){font-size:15px;margin-bottom:15px}.jrj-help-hub__instructions{margin-top:20px}.jrj-help-hub__instructions>summary{font-size:14px;gap:12px}.jrj-help-hub__written{font-size:15px}.jrj-help-hub__steps>li{padding-left:38px}.jrj-help-hub__steps>li:before{font-size:17px}}
@media(prefers-reduced-motion:reduce){.jrj-help-hub *{scroll-behavior:auto!important;transition:none!important}}
