@import url("./help-hub-v130.css");
.help-top-actions{gap:8px!important;white-space:nowrap}.help-top-actions .portal-language{width:42px!important;min-width:42px!important}.help-top-actions .help-icon-button{width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;flex:none!important}
.help-home-hero{min-height:570px;background-color:var(--help-paper);background-repeat:no-repeat;background-position:center;background-size:cover}.help-home-hero.hero-bg-ship{background-image:url("../help/backgrounds/help-hero-ship-v1.webp")}.help-home-hero.hero-bg-trucks{background-image:url("../help/backgrounds/help-hero-trucks-v1.webp")}.help-home-hero.hero-bg-route{background-image:url("../help/backgrounds/help-hero-route-v1.webp")}.help-home-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.48) 30%,rgba(255,255,255,.76) 50%,rgba(255,255,255,.35) 70%,rgba(255,255,255,.08));pointer-events:none}:root[data-theme=dark] .help-home-hero{background-blend-mode:multiply;background-color:#22231f}:root[data-theme=dark] .help-home-hero:before{background:rgba(16,17,14,.58)}.help-home-hero h1{font-size:clamp(50px,5.4vw,76px)}.help-home-search{margin-top:30px}.help-home-search button{min-width:130px;font-size:16px}.help-paths{margin-top:-42px}.help-path-card{min-height:128px}.help-knowledge{padding:78px 0 72px}.help-topic-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.help-topic-grid>a{min-height:220px;padding:20px}.help-topic-grid h3{font-size:16px;margin-top:18px}.help-topic-grid p{font-size:12px}.help-topic-grid small{font-size:11px}.help-topic-grid>b{right:18px;top:auto;bottom:18px;color:#d89b00}.lesson-breadcrumb{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:16px}.lesson-breadcrumb a{display:block;color:var(--help-muted);font-weight:750;text-decoration:none}.lesson-breadcrumb span{display:block;color:#967711;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.lesson-page>aside h2{margin-top:0}.marketplace-choice{padding:70px 0 25px}.marketplace-choice>header{max-width:760px}.marketplace-choice h2{font-size:clamp(32px,4vw,50px);letter-spacing:-.04em;margin:10px 0}.marketplace-choice p{color:var(--help-muted);font-size:17px}.marketplace-choice>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:25px}.marketplace-choice a{display:flex;flex-direction:column;gap:18px;padding:22px;border:1px solid var(--help-border);border-radius:16px;background:var(--help-card);text-decoration:none}.marketplace-choice a.active{border-color:var(--help-gold);box-shadow:inset 0 0 0 1px var(--help-gold)}.marketplace-choice a span{font-size:18px;font-weight:850}.marketplace-choice a b{color:#9a760a;font-size:12px}.rich-lesson-content{white-space:normal}.rich-lesson-content h2{font-size:34px;line-height:1.15;margin-top:42px}.rich-lesson-content h3{font-size:25px;margin-top:32px}.rich-lesson-content img{display:block;max-width:100%;height:auto;margin:25px auto;border-radius:18px}.rich-lesson-content figure{margin:28px 0}.rich-lesson-content figcaption{text-align:center;color:var(--help-muted);font-size:13px}.rich-lesson-content blockquote{margin:28px 0;padding:18px 22px;border-left:4px solid var(--help-gold);border-radius:0 14px 14px 0;background:var(--help-soft)}.lesson-content-button{display:inline-flex;padding:14px 19px;border-radius:11px;background:var(--help-gold);color:#17130a;text-decoration:none;font-weight:850}.lesson-downloads{margin:48px 0}.lesson-downloads>header>span{font-size:11px;letter-spacing:.14em;color:#97750d;font-weight:850}.lesson-downloads>header h2{font-size:30px;margin:7px 0 18px}.lesson-downloads>div{display:grid;gap:10px}.lesson-downloads a{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:15px;border:1px solid var(--help-border);border-radius:14px;background:var(--help-card);text-decoration:none}.lesson-downloads a>i{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--help-gold-soft);color:#94720b;font-style:normal;font-size:22px}.lesson-downloads b,.lesson-downloads small{display:block}.lesson-downloads small{color:var(--help-muted);margin-top:3px}.lesson-downloads strong{padding:10px 13px;border-radius:9px;background:var(--help-soft);font-size:12px}.restart-practice{margin:14px auto 0;display:block;border:0;background:none;color:var(--help-muted);text-decoration:underline;cursor:pointer}.restart-practice[hidden]{display:none}.step-actions button:last-child.practice-done{background:#def3df;color:#1d6b28}.complete-lesson.single-action{display:block;margin-top:32px}.complete-lesson.single-action form{margin:0}.lesson-primary-action,.complete-lesson button.lesson-primary-action{display:flex;width:100%;justify-content:center;padding:17px 22px;border:0;border-radius:13px;background:var(--help-ink);color:var(--help-paper);font:inherit;font-weight:850;text-decoration:none;cursor:pointer}
@media(max-width:1100px){.help-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.marketplace-choice>div{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.help-home-hero{background-position:center bottom}.help-home-hero:before{background:rgba(255,255,255,.72)}:root[data-theme=dark] .help-home-hero:before{background:rgba(16,17,14,.7)}.help-topic-grid{grid-template-columns:1fr 1fr}.help-topic-grid>a{min-height:205px}.marketplace-choice>div{grid-template-columns:1fr}.lesson-downloads a{grid-template-columns:44px 1fr}.lesson-downloads strong{display:none}}
.content-preview-banner{margin-bottom:24px;padding:13px 16px;border:1px solid #e2b53d;border-radius:12px;background:#fff4ca;color:#654d0a;font-size:13px;font-weight:800}
/* v1.33 — course catalogue and completion state */
.help-courses-link{padding:12px 18px;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-weight:800;text-decoration:none;white-space:nowrap}
.course-catalog-hero{max-width:1360px;margin:0 auto;padding:80px 48px 54px;display:flex;align-items:end;justify-content:space-between;gap:30px}.course-catalog-hero h1{font-size:clamp(44px,6vw,84px);line-height:.96;margin:12px 0 18px;letter-spacing:-.055em}.course-catalog-hero p{max-width:720px;font-size:20px;color:var(--muted)}.course-catalog-hero>strong{padding:14px 20px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);white-space:nowrap}
.course-catalog{padding-bottom:100px}.course-category{margin-bottom:58px}.course-category>header{display:flex;align-items:center;gap:18px;margin-bottom:22px}.course-category>header h2{font-size:32px;margin:0 0 4px}.course-category>header p{margin:0;color:var(--muted)}.course-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.course-catalog-card{display:grid;grid-template-columns:118px 1fr auto;gap:22px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:26px;background:var(--card);color:var(--ink);text-decoration:none;box-shadow:0 16px 50px rgba(18,20,17,.05);transition:.25s}.course-catalog-card:hover{transform:translateY(-4px);border-color:var(--accent)}.course-catalog-card img,.course-card-art{width:118px;height:100px;border-radius:18px;object-fit:cover}.course-card-art{display:grid;place-items:center;background:linear-gradient(145deg,#fff3c6,#f5b400);font-size:32px;font-weight:950}.course-card-copy{display:flex;flex-direction:column;gap:7px;min-width:0}.course-card-copy>small{color:var(--accent-strong);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.course-card-copy>strong{font-size:22px}.course-card-copy>em{font-style:normal;color:var(--muted);line-height:1.45}.course-card-copy>span{display:flex;gap:12px;flex-wrap:wrap;margin-top:5px}.course-card-copy b{font-size:12px;color:var(--muted)}.course-card-copy .done{color:#16834a}.course-catalog-card>i{font-size:28px;font-style:normal;color:var(--accent-strong)}.course-catalog-card.is-complete{border-color:rgba(22,131,74,.35)}
.course-complete-banner{display:flex;align-items:center;gap:18px;margin-top:28px;padding:22px 28px;border:1px solid rgba(22,131,74,.28);border-radius:24px;background:rgba(22,131,74,.08)}.course-complete-banner>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#16834a;color:#fff;font-size:24px;font-weight:900}.course-complete-banner strong{font-size:22px}.course-complete-banner p{margin:5px 0 0;color:var(--muted)}
@media(max-width:900px){.help-courses-link{display:none}.course-catalog-hero{padding:52px 22px 34px;align-items:start;flex-direction:column}.course-card-grid{grid-template-columns:1fr}.course-catalog{padding-left:20px;padding-right:20px}}@media(max-width:560px){.course-catalog-card{grid-template-columns:78px 1fr auto;padding:14px;gap:14px}.course-catalog-card img,.course-card-art{width:78px;height:82px}.course-card-copy>strong{font-size:18px}.course-card-copy>em{display:none}}
.unavailable-translation{max-width:820px;text-align:center;padding-top:100px;padding-bottom:120px}.unavailable-translation>.help-topic-icon{margin:0 auto 22px}.unavailable-translation h1{font-size:clamp(34px,6vw,62px);line-height:1.04;letter-spacing:-.04em}.unavailable-translation p{max-width:650px;margin:18px auto 30px;color:var(--muted);font-size:18px;line-height:1.65}.unavailable-translation>div{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.unavailable-translation .help-back{margin:0}

@media(max-width:680px){.help-topbar{grid-template-columns:auto 1fr auto!important;gap:10px!important;padding:9px 12px!important}.help-courses-link{display:none!important}.help-top-actions{gap:5px!important}.help-top-actions .help-icon-button,.help-top-actions .portal-language{width:38px!important;min-width:38px!important;height:38px!important}.help-top-actions .help-icon-button:last-child{display:none!important}}
