.customer-page:has(.v3){background:#eef4fc;--blue:#0758ed;--cyan:#00bdf0;--text:#10284b;--line:#c8d8ed;font-family:"Segoe UI",Tahoma,Arial,sans-serif}
.customer-page:has(.v3)>header{background:#071c3d;border-bottom:4px solid #16c9fa}
.v3{max-width:940px;margin:24px auto 60px;line-height:1.85;font-size:16px;color:#10284b;overflow-wrap:anywhere}
.v3 h1{font-size:clamp(26px,4vw,40px);line-height:1.5;margin:10px 0 16px;letter-spacing:-.3px}.v3 h2{font-size:21px;line-height:1.6}.v3 p{color:#425b79}.v3 small,.v3-note{font-size:14px;color:#506683}.v3 small{display:block}
.v3 a{color:#0750c9;text-underline-offset:4px}.v3 button,.v3-outline{background:#fff;color:#173961;border:1px solid #b5cbe6;border-radius:5px;min-height:44px;padding:10px 18px;font:inherit}.v3 button:disabled{cursor:not-allowed;opacity:.5}
.v3-primary{display:inline-block;background:#0758ed!important;border:1px solid #0758ed!important;color:#fff!important;text-decoration:none;border-radius:5px;padding:12px 22px;font-weight:700;min-height:48px}.v3-primary:hover{background:#0643b4!important}.v3-outline{display:inline-block;text-decoration:none;white-space:nowrap}.v3 :focus-visible{outline:3px solid #058cd1;outline-offset:4px}
.v3-crumbs{border:0;padding:0;margin:0 0 22px;font-size:14px}.v3-crumbs ol{display:flex;flex-wrap:wrap;list-style:none;gap:8px;margin:0;padding:0}.v3-crumbs li:not(:first-child):before{content:'›';padding-right:8px;color:#526b8b}.v3-crumbs a{display:inline-block;padding:8px 0}.v3-crumbs li{padding:0;align-self:center}
.v3 .v3-hero{display:block;padding:34px;background:#071e43;border:0;border-top:5px solid #22d3fa;border-radius:8px;color:#fff}.v3-hero h1{font-size:clamp(36px,6vw,56px);line-height:1.35}.v3 .v3-hero p{color:#cee6ff}.v3 .v3-kicker{font-size:14px;font-weight:750;letter-spacing:1px;color:#1460cf}.v3 .v3-hero .v3-kicker{color:#50d9ff}.v3-preview{font-size:14px}.v3-hero .v3-primary{background:#33d3fa!important;color:#062447!important;border-color:#33d3fa!important}.v3-resume{font-size:14px;margin-bottom:0}
.v3-progress{margin:22px 0;font-size:14px}.v3 progress{display:block;width:100%;height:8px;border:0;border-radius:8px;overflow:hidden;accent-color:#0a75ea;margin-top:8px}.v3 progress::-webkit-progress-bar{background:#d7e3f4}.v3 progress::-webkit-progress-value{background:#0a75ea}.v3-hero progress::-webkit-progress-value{background:#28d3f5}
.v3-section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:28px 0 12px}.v3-section-title span{font-size:14px;color:#526783}.v3-levels{display:grid;gap:14px}.v3-level{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:20px;background:white;border:1px solid #c5d5eb;border-radius:7px;padding:24px}.v3-level.current{border:2px solid #0758ed}.v3-level h2{margin:0}.v3-level p{margin:4px 0}.v3-level-number{font:bold italic 30px Arial;color:#0758ed}.v3 .v3-state{font-size:14px;color:#0654bf;font-weight:650}.v3-lock{font-size:14px;color:#526783}.v3-level.locked,.v3-level.unavailable{background:#f3f6fc;border-style:dashed}.v3-level-header{display:block;background:transparent;padding:0;border:0}.v3-level-header p{max-width:700px}
.v3 .learn{--group:#1c5de4;--ink:#fff}.v3 .quiz{--group:#7443ca;--ink:#fff}.v3 .practice{--group:#007f86;--ink:#fff}.v3-badge{display:inline-block;background:var(--group);color:var(--ink);font-size:14px;padding:5px 13px;border-radius:3px;font-weight:700}
.v3-group{background:white;border:1px solid #c5d5eb;border-radius:7px;overflow:hidden;margin:22px 0}.v3-group>h2{display:flex;gap:12px;align-items:center;background:var(--group);color:var(--ink);padding:14px 20px;margin:0;font-size:18px}.v3-group>h2>span{font:700 16px Arial;opacity:.85}.v3-group>h2 small{color:inherit;margin-left:auto;font-size:14px;font-weight:400}.v3-topic-row{display:flex;align-items:center;gap:16px;padding:20px;border-bottom:1px solid #deE6f2}.v3-topic-row:last-child{border:0}.v3-topic-row>div{flex:1}.v3-topic-row a{font-weight:650;display:inline-block;padding:5px 0}.v3-topic-num{font:bold 20px Arial;color:#48688c;min-width:24px}.v3-topic-row.current{background:#edf5ff}.v3-topic-row.locked{color:#596b82;background:#f8faff}.v3-topic-row small{margin-top:4px}
.v3-topic-header{display:block;background:#071e43;border:0;border-top:6px solid var(--group);padding:26px;border-radius:7px;color:#fff;margin-bottom:18px}.v3-topic-header>span:not(.v3-badge){font-size:14px;margin-left:14px;color:#d1e5ff}.v3 .v3-complete{color:#11705c}.v3-topic-header .v3-complete,.v3-hero .v3-complete{color:#87efce!important}
.v3-reader{background:#fff;border:1px solid #c5d5eb;border-radius:7px;padding:28px}.v3-summary{font-size:18px;margin-top:0}.v3-safety{background:#fff5e7;border-left:4px solid #b56a0b;padding:16px 18px;margin:22px 0;border-radius:3px;font-size:14px}.v3-safety strong{color:#754309}.v3-safety p{color:#754309;margin:8px 0}.v3-accordion{border:1px solid #c6d8ee;border-radius:5px;overflow:hidden;margin:12px 0}.v3-accordion summary{display:flex;justify-content:space-between;gap:14px;list-style:none;cursor:pointer;padding:16px 18px;background:#f2f7ff;font-weight:650;min-height:52px}.v3-accordion summary::-webkit-details-marker{display:none}.v3-accordion summary:after{content:'+';font-size:22px;color:#0758ed}.v3-accordion[open] summary:after{content:'−'}.v3-accordion[open] summary{background:#e7f0ff;border-bottom:1px solid #c6d8ee}.v3-accordion>div{padding:4px 18px 14px}.v3 blockquote{margin:22px 0;padding:16px 20px;border-left:4px solid #0758ed;background:#eaf3ff;color:#123c71}.v3-footer,.v3-quiz-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid #d4e0ef;padding-top:22px;margin-top:28px}
.v3-steps ol{padding-left:26px}.v3-steps li{padding:8px 0 12px 10px}.v3-steps li::marker{color:#007f86;font-weight:bold}.v3-easier{padding:14px 20px;background:#e7f9f7;border-left:4px solid #007f86}.v3-easier h2{font-size:18px}.v3 fieldset{border:0;padding:0;margin:24px 0;min-width:0}.v3 legend{font-size:21px;font-weight:650;margin-bottom:12px}.v3-option{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #bfd0e9;border-radius:5px;cursor:pointer;background:#f7faff}.v3-option input{width:20px;height:20px;flex:none;margin:5px 0 0;accent-color:#7443ca}.v3-option:has(input:checked){border-color:#7443ca;background:#f1ebff;box-shadow:inset 3px 0 #7443ca}.v3-score{font-size:36px;font-weight:750}.v3-completion,.v3-empty{background:white;border:1px solid #b9d5df;border-left:4px solid #007f86;padding:24px;border-radius:5px;margin:20px 0}#v3-feedback:not(:empty){background:#fff0ef;color:#972a22;padding:15px;margin-bottom:18px;border-radius:5px}
@media(max-width:640px){.v3{margin-top:16px}.v3 .v3-hero{padding:24px}.v3-level{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:18px}.v3-level>a,.v3-level>.v3-lock{grid-column:2;justify-self:start}.v3-reader,.v3-topic-header{padding:18px}.v3-topic-header>span:not(.v3-badge){display:block;margin:10px 0 0}.v3-group>h2,.v3-topic-row{padding:16px}.v3-footer .v3-primary,.v3-quiz-actions .v3-primary{flex:1;text-align:center}.v3-crumbs{font-size:14px}.v3-crumbs li:last-child{max-width:100%}}

/* Timed practice and compact safety disclosure. */
.v3 details.v3-safety{padding:0;margin:16px 0 8px;background:#fff8ed;border:1px solid #e3c793;border-left:4px solid #b56a0b}
.v3 details.v3-safety summary{background:#fff4df;color:#754309}
.v3 details.v3-safety[open] summary{background:#ffefd0;border-color:#e3c793}
.v3 .v3-stop-warning{font-size:14px;font-weight:650;color:#8b3920;margin:14px 0}
.v3-timeline-wrap{overflow-x:auto;border:1px solid #c5d5eb;border-radius:6px}
.v3 .v3-timeline{width:100%;min-width:530px;background:white}
.v3-timeline caption{padding:14px 16px;text-align:left;background:#e7f7f6;color:#07585e;font-weight:650;caption-side:top}
.v3-timeline thead{background:#0b5260}
.v3 .v3-timeline thead th{color:white;font-weight:650}
.v3 .v3-timeline th,.v3 .v3-timeline td{vertical-align:top;padding:16px;font-size:16px}
.v3-timeline tbody th{width:29%;color:#154560;font-weight:650}
.v3-timeline td:last-child{width:22%}
.v3-timeline p{font-size:14px;margin:6px 0 0}
.v3-timeline tbody tr:nth-child(even){background:#f3f8ff}
.v3-timeline tbody tr:last-child{background:#e7f7f6}
.v3-time{font-variant-numeric:tabular-nums;white-space:nowrap}
.v3-step-index{display:block;font-size:13px;color:#536d83;margin-bottom:4px}
@media(max-width:640px){.v3 .v3-timeline th,.v3 .v3-timeline td{padding:12px;font-size:15px}.v3-timeline caption{font-size:14px}}

/* Match the category bars on the level page. */
.v3 .v3-topic-header{padding:0;border-top:0;overflow:hidden}
.v3 .v3-topic-band{background:var(--group);color:#fff;padding:14px 24px;font-weight:800;font-size:1.1rem}
.v3 .v3-topic-heading{padding:24px}

.v3-crumbs{scroll-margin-top:24px}
.v3-duration{display:block;font-size:15px;font-weight:700;color:#07585e;margin-top:5px}

/* Topic-only category canvas: tinted surrounding space, white reading surfaces. */
.customer-page:has(.theme-learn){background:#e2edff}
.customer-page:has(.theme-quiz){background:#eee5fb}
.customer-page:has(.theme-practice){background:#ddf3ef}
.v3.theme-learn{--topic-tint:#e2edff;--topic-accent:#1c5de4;--topic-border:#b8cfee}
.v3.theme-quiz{--topic-tint:#eee5fb;--topic-accent:#7443ca;--topic-border:#d0bce9}
.v3.theme-practice{--topic-tint:#ddf3ef;--topic-accent:#007f86;--topic-border:#abd7cf}
.v3-topic-theme .v3-topic-header{background:var(--topic-tint);color:#10284b;border:1px solid var(--topic-border)}
.v3-topic-theme .v3-topic-header .v3-complete{color:#11664f!important}
.v3-topic-theme .v3-reader{background:transparent;border:0;padding:0}
.v3-topic-theme .v3-summary{padding:18px 22px;border-left:4px solid var(--topic-accent);background:rgba(255,255,255,.45)}
.v3-topic-theme .v3-accordion:not(.v3-safety){background:#fff;border-color:var(--topic-border)}
.v3-topic-theme .v3-accordion:not(.v3-safety) summary{background:#fff;color:#10284b}
.v3-topic-theme .v3-accordion:not(.v3-safety) summary:after{color:var(--topic-accent)}
.v3-topic-theme form[data-quiz],.v3-topic-theme .v3-result{background:#fff;padding:22px;border:1px solid var(--topic-border);border-radius:7px}
.v3-topic-theme blockquote{background:rgba(255,255,255,.55);border-color:var(--topic-accent);color:#10284b}
.v3-topic-theme .v3-footer{border-color:var(--topic-border)}
.v3-topic-theme .v3-primary{background:var(--topic-accent)!important;border-color:var(--topic-accent)!important}
@media(max-width:640px){.v3-topic-theme form[data-quiz],.v3-topic-theme .v3-result{padding:16px}}

/* Training Quest: map, checkpoints and readable practice cards. */
.customer-page:has(.quest-home-page){background:#081c38}
.quest-home-page{color:#fff}
.quest-home-page .v3-crumbs,.quest-home-page .v3-crumbs a{color:#bfeaff}
.quest-world{padding:32px;border:1px solid #2d6199;border-radius:24px;background:radial-gradient(ellipse at 95% 10%,#164f83,transparent 55%),repeating-linear-gradient(115deg,transparent 0 85px,#ffffff04 86px 88px),#0b2446;box-shadow:0 24px 60px #00122655}
.quest-world .quest-intro{display:block;padding:0 0 28px;background:transparent;border:0}
.v3 .quest-eyebrow{font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}
.quest-world p,.quest-world small{color:#c3ddf5}
.quest-world h1{font-size:clamp(34px,6vw,56px)}
.quest-world h1 span{font-size:clamp(20px,3vw,28px);color:#6ee8ff}
.quest-world .v3-primary{background:#47dfff!important;color:#052849!important;border-color:#47dfff!important}
.quest-world .v3-progress{max-width:440px;color:#c3ddf5}
.quest-world .quest-finished{color:#91f6cf}
.quest-map,.quest-missions,.quest-timeline{list-style:none;padding:0;margin:24px 0}
.quest-map{position:relative;max-width:720px;margin:28px auto}
.quest-node{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);gap:24px;padding-bottom:30px}
.quest-node:not(:last-child):before{content:"";position:absolute;left:37px;top:60px;bottom:-12px;width:3px;background:linear-gradient(#40ccec,#537198)}
.quest-orb{position:relative;z-index:1;width:76px;height:76px;border:3px solid #5796cf;border-radius:50%;display:grid;place-items:center;background:#153c65;font-size:30px;font-weight:800}
.quest-node article{padding:20px 24px;background:#071b35bb;border:1px solid #3a6288;border-radius:14px}
.quest-node h2{margin:4px 0;font-size:22px}.quest-node p{margin:4px 0}
.quest-node.current article{border:2px solid #50e6ff;box-shadow:0 0 28px #37dfff1c}
.quest-node.current .quest-orb{background:#006486;border-color:#70f0ff;box-shadow:0 0 20px #22dcff66}
.quest-node.done .quest-orb{background:#085868;border-color:#4fe4da;color:#a6fff2}
.quest-node.locked article,.quest-node.unavailable article{background:#0b203a;border-style:dashed}
.quest-node.locked .quest-orb,.quest-node.unavailable .quest-orb{background:#293d55;color:#b9cadc;border-color:#667e98}
.quest-world .quest-entry{display:block;color:#6feaff;font-weight:750;margin-top:12px;min-height:44px;padding-top:8px}
.quest-lock{display:block;color:#b9cadc;font-size:14px;margin-top:12px}
.quest-footnote{font-size:13px;border-top:1px solid #315578;padding-top:20px}
.quest-level-hero{display:flex;padding:28px;border:0;border-radius:18px;background:linear-gradient(125deg,#082649,#124f77);color:white;gap:24px}
.quest-level-hero>div{flex:1;min-width:0}.quest-level-hero p{color:#cdeaff}.quest-level-hero h1{font-size:clamp(24px,4vw,36px)}
.quest-level-emblem{display:grid;place-items:center;width:88px;height:96px;flex:none;background:#123e61;border:2px solid #53ddf7;border-radius:24px 24px 38px 38px;font-size:44px;font-weight:850;color:#75eaff}
.quest-level-hero .v3-progress{color:#cdeaff}
.quest-legend{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}
.quest-mission{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;padding-bottom:20px}
.quest-mission:not(:last-child):before{content:"";position:absolute;left:23px;top:48px;bottom:0;width:2px;background:#b3c9df}
.quest-checkpoint{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--group);color:#fff;font-weight:800;border:4px solid #eef4fc;z-index:1}
.quest-mission-card{padding:20px 22px;background:#fff;border:1px solid #bfd2e6;border-left:5px solid var(--group);border-radius:12px}
.quest-mission-card h2{margin:10px 0 4px}.quest-mission-card h2 a{color:#10284b}.quest-mission-card p{font-size:14px;margin:4px 0}
.quest-mission.current .quest-mission-card{box-shadow:0 0 0 2px var(--group),0 8px 24px #12345618}
.quest-mission.locked .quest-mission-card{background:#edf2f8;border-left-color:#8097af;padding:14px 22px}
.quest-mission.locked h2{font-size:17px}.quest-mission.locked .v3-badge{background:#e0e7f0;color:#425b79}
.quest-mission-index{font-size:13px;margin-left:12px;color:#506683}
.quest-victory{padding:30px;text-align:center;background:linear-gradient(140deg,#e4fff6,#e3edff);border:1px solid #afd3d5;border-radius:18px;margin-top:22px}
.quest-medal{display:grid;place-items:center;width:64px;height:64px;margin:auto;border:4px double #087b76;border-radius:50%;background:white;color:#087b76;font-size:30px}
.quest-victory small{margin-top:18px}.quest-victory h2{font-size:26px}
.v3-topic-theme .v3-topic-header{border-radius:18px}.v3-topic-theme .v3-topic-band{letter-spacing:1px}
.v3-topic-theme .v3-summary{border-radius:12px}.v3-summary>p{margin:6px 0 0}
.v3-topic-theme .v3-accordion{border-radius:12px}
.quest-plan-heading{margin:28px 0 20px}.quest-plan-heading h2{font-size:26px;margin:8px 0}
.quest-phases{display:flex;gap:8px;flex-wrap:wrap}.quest-phases span{padding:6px 12px;border:1px solid #9dcfc7;border-radius:20px;font-size:13px;background:#ffffff99;color:#07585e}
.quest-step{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;padding-bottom:18px}
.quest-step:not(:last-child):before{content:"";position:absolute;width:2px;left:17px;top:36px;bottom:0;background:#91c9bf}
.quest-step-dot{display:grid;place-items:center;height:36px;width:36px;border-radius:50%;background:#007f86;color:white;font-weight:800;z-index:1}
.quest-step article{background:white;border:1px solid #abd7cf;border-radius:14px;padding:22px}
.quest-step-top{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;font-size:13px;font-weight:700;color:#476779}
.quest-step-top .v3-duration{margin:0;padding:3px 10px;background:#e2f5ee;border-radius:8px}
.quest-step .v3-time{font-size:clamp(23px,4vw,32px);font-weight:800;color:#07585e;margin:10px 0}
.quest-step h3{font-size:19px;margin:6px 0}.quest-step p{margin:8px 0;font-size:15px}
.quest-step .quest-incline{border-top:1px solid #e1ecea;padding-top:10px;font-size:14px;color:#07585e}
.quest-stop{padding:20px;background:#c4e9df;border:1px solid #8cc3b8;border-radius:12px}
.quest-stop p{margin-bottom:0}
.v3-topic-theme form[data-quiz],.v3-topic-theme .v3-result{border-radius:16px}
.v3-option{border-radius:10px}.v3-primary{border-radius:10px}
@media(max-width:640px){
.quest-world{padding:20px 14px;border-radius:16px}
.quest-node{grid-template-columns:48px minmax(0,1fr);gap:12px}
.quest-orb{width:48px;height:48px;font-size:22px}.quest-node:not(:last-child):before{left:23px;top:45px}
.quest-node article{padding:16px}.quest-node h2{font-size:18px}
.quest-level-hero{padding:20px;gap:14px}.quest-level-emblem{width:52px;height:62px;font-size:30px}
.quest-mission{grid-template-columns:36px minmax(0,1fr);gap:10px}
.quest-checkpoint{width:36px;height:36px}.quest-mission:not(:last-child):before{left:17px;top:36px}
.quest-mission-card,.quest-mission.locked .quest-mission-card{padding:16px}
.quest-mission-index{display:block;margin:6px 0}.quest-mission-card h2{font-size:18px}
.quest-step{grid-template-columns:28px minmax(0,1fr);gap:8px}.quest-step-dot{width:28px;height:28px}
.quest-step:not(:last-child):before{left:13px;top:28px}.quest-step article{padding:16px}
.quest-victory{padding:24px 16px}
}
