/* hcc-v40 — care-career design (navy hero, teal + magenta from the logo, Newsreader display / Figtree body).
   Page bodies are scoped to .v4; site chrome to .v4top / .v4h / .v4f / .v4wa / .v4mbar, so pages
   still on the v-39 Tailwind markup are unaffected. */
:root{--ink:#0B2238;--ink2:#14334F;--teal:#1890A8;--teal2:#0E6478;--tealsoft:#E3F3F6;--mag:#C04890;--mag2:#A63A7B;--magsoft:#FBEAF3;
--bg:#F6F8FA;--paper:#fff;--text:#13263A;--muted:#566476;--line:#DDE4EA;--disp:"Newsreader",Georgia,serif;--body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif}
[hidden]{display:none!important}html{scroll-behavior:smooth}

/* ---------- base (scoped) ---------- */
.v4,.v4top,.v4h,.v4f,.v4wa,.v4mbar{font:400 17px/1.65 var(--body);color:var(--text);-webkit-font-smoothing:antialiased}
.v4{background:var(--paper)}
:is(.v4,.v4top,.v4h,.v4f,.v4mbar),:is(.v4,.v4top,.v4h,.v4f,.v4mbar) *,:is(.v4,.v4top,.v4h,.v4f,.v4mbar) *::before,:is(.v4,.v4top,.v4h,.v4f,.v4mbar) *::after{box-sizing:border-box}
:is(.v4,.v4h,.v4f) :is(h1,h2,h3,h4){margin:0;text-wrap:balance;color:inherit}
:is(.v4,.v4f) :is(h1,h2){font-family:var(--disp);font-weight:600;letter-spacing:-.015em;line-height:1.08}
.v4 h3{font-family:var(--body);font-weight:700;font-size:19px;line-height:1.3}
:is(.v4,.v4top,.v4h,.v4f) p{margin:0}
:is(.v4,.v4top,.v4h,.v4f,.v4mbar) a{color:inherit}
:is(.v4,.v4h,.v4f) :is(ul,ol){margin:0;padding:0;list-style:none}
:is(.v4,.v4h,.v4f) img{max-width:100%}
:is(.v4,.v4top,.v4h,.v4f,.v4wa,.v4mbar) :focus-visible{outline:3px solid var(--mag);outline-offset:3px}
:is(.v4,.v4top,.v4h,.v4f) .wrap{max-width:1240px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
@media (max-width:600px){:is(.v4,.v4top,.v4h,.v4f) .wrap{padding-left:16px;padding-right:16px}}
:is(.v4,.v4h,.v4mbar) .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 15.5px/1.2 var(--body);padding:14px 24px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;white-space:nowrap}
:is(.v4,.v4h,.v4mbar) .btn-m{background:var(--mag);color:#fff}:is(.v4,.v4h,.v4mbar) .btn-m:hover{background:var(--mag2);color:#fff}
.v4 .btn-t{background:var(--teal2);color:#fff}.v4 .btn-t:hover{background:#0A4F60;color:#fff}
:is(.v4,.v4mbar) .btn-o{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.v4 .btn-w{background:#fff;color:var(--ink)}
.v4 .eyebrow{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--teal2)}
.v4 section{padding-block:clamp(64px,8vw,108px)}
.v4 .sh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:24px 56px;align-items:end;margin-bottom:44px}
.v4 .sh h2{font-size:clamp(34px,4vw,54px);margin-top:12px}.v4 .sh>p{color:var(--muted);font-size:18px}
@media (max-width:860px){.v4 .sh{grid-template-columns:minmax(0,1fr)}}
.v4 .ph{display:block;width:100%;height:100%;object-fit:cover}
.v4 .credit{font-size:12px;color:#5E6B7A;margin-top:8px}.v4 .credit a{text-decoration:underline}

/* ---------- site chrome ---------- */
.v4top .offer{background:var(--mag);color:#fff;font-size:14px;font-weight:600;text-align:center;padding:9px 16px;margin:0}
.v4top .offer a{color:#fff;text-decoration:underline}
.v4top .util{background:var(--ink);color:#B8C6D6;font-size:13.5px}
.v4top .util .wrap{display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:space-between;padding-block:8px}
.v4top .util a{text-decoration:none;color:#B8C6D6}.v4top .util a:hover{color:#fff}.v4top .util .r{display:flex;flex-wrap:wrap;gap:6px 18px}
header.v4h{background:#fff;position:sticky;top:0;z-index:90;border-bottom:1px solid var(--line)}
.v4h .hbar{display:flex;align-items:center;gap:24px;height:84px}
.v4h .logo{flex:none;display:block;line-height:0}.v4h .logo img{display:block;height:50px;width:auto}
.v4h nav.main{margin-left:auto;display:flex;gap:2px}
.v4h nav.main a{text-decoration:none;font-weight:600;font-size:15px;padding:9px 12px;border-radius:999px;color:var(--ink)}
.v4h nav.main a:hover,.v4h nav.main a[aria-current="page"]{background:var(--tealsoft);color:var(--teal2)}
.v4h .mnav{display:none;position:relative}
.v4h .mnav summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;border:1.5px solid var(--line);color:var(--ink)}
.v4h .mnav summary::-webkit-details-marker{display:none}.v4h .mnav summary svg{width:22px;height:22px}
.v4h .mnav .panel{position:absolute;right:0;top:56px;width:min(320px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 60px -30px rgba(11,34,56,.45);padding:10px;display:grid}
.v4h .mnav .panel a{text-decoration:none;font-weight:600;padding:11px 14px;border-radius:12px;color:var(--ink)}.v4h .mnav .panel a:hover{background:var(--tealsoft);color:var(--teal2)}
@media (max-width:1120px){.v4h nav.main{display:none}.v4h .mnav{display:block;margin-left:auto}
.v4h .hbar{position:relative}.v4h .mnav{position:static}.v4h .mnav .panel{top:calc(100% - 4px);right:24px}}
@media (max-width:600px){.v4h .mnav .panel{left:16px;right:16px;width:auto}.v4h .mnav .panel a{padding:13px 14px}}
@media (max-width:820px){.v4 .shelf-h a,.v4 .crumbs a,.v4 .ofq a,.v4 .help a,.v4 .help button,.v4 .fit>a,.v4 .result>a{display:inline-block;padding-block:9px}.v4 .crumbs{margin-bottom:8px}
.v4f .lg a{display:inline-block;padding-block:10px}
.hcc-v39-main nav[aria-label="Breadcrumb"] a,.hcc-v39-main section a.inline-block.text-sm{display:inline-block;padding-block:10px}.hcc-v39-main section a.block.text-sm{padding-block:10px}}
@media (max-width:480px){.v4h .logo img{height:38px}.v4h .btn{padding:11px 16px;font-size:14px}.v4h .hbar{gap:12px;height:72px}}
footer.v4f{background:var(--ink);color:#A9B8C9;font-size:15px;position:relative;z-index:2}
.v4f .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:36px;padding-block:64px 32px}
.v4f .logo{display:inline-block;line-height:0}.v4f .logo img{display:block;height:45px;width:auto}
.v4f .fh{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:16px}
.v4f ul{display:grid;gap:9px}.v4f a{text-decoration:none;overflow-wrap:anywhere;color:#A9B8C9}.v4f a:hover{color:#fff}
.v4f .lg{grid-column:1/-1;border-top:1px solid #20395A;padding-top:24px;font-size:13.5px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
.v4f .lg a{text-decoration:underline}
@media (max-width:1000px){.v4f .wrap{grid-template-columns:1fr 1fr}.v4f .wrap>div:first-child{grid-column:1/-1}}
.v4wa{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:95;display:flex;align-items:center;gap:10px;background:#25D366;color:#06301A!important;font-weight:800;text-decoration:none!important;border-radius:999px;padding:12px 18px 12px 14px;box-shadow:0 16px 30px -12px rgba(0,0,0,.45)}
.v4wa svg{width:26px;height:26px}
.v4mbar{display:none}
@media (max-width:700px){.v4wa{display:none}.v4mbar{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:95;background:#fff;border-top:1px solid var(--line);padding:10px max(14px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))}
.v4mbar .btn{flex:1;min-width:0;padding:13px 8px;font-size:14.5px}.v4mbar .btn-m{flex:1.4}footer.v4f{padding-bottom:76px}.v4mbar .btn-o{color:var(--ink)}}
body:has(.v4mbar.page) .v4mbar.site{display:none!important}
@media (max-width:700px){body:has(.v4mbar) #kw{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
.v4top .util .wrap{justify-content:center;padding-block:6px}.v4top .util .wrap>span:first-child,.v4top .util .r a:nth-child(n+3){display:none}.v4top .util .r{gap:4px 16px;justify-content:center}}

/* ---------- home: hero + role finder ---------- */
.v4 .hero{background:var(--ink);color:#fff;position:relative;overflow:hidden;padding-block:72px 88px}
.v4 .hero::before{content:"";position:absolute;right:-180px;top:-220px;width:720px;height:720px;border-radius:50%;border:70px solid rgba(24,144,168,.22)}
.v4 .hero::after{content:"";position:absolute;right:120px;bottom:-260px;width:520px;height:520px;border-radius:50%;border:50px solid rgba(192,72,144,.2)}
.v4 .hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.v4 .hero h1{font-size:clamp(40px,5.2vw,74px);margin:18px 0 20px}.v4 .hero h1 em{font-style:italic;color:#7FD3E2}
.v4 .hero .lede{color:#C6D3E0;font-size:19.5px;max-width:50ch}
.v4 .hero .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.v4 .hero .btn-o{color:#fff}
.v4 .ticks{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:30px;color:#C6D3E0;font-size:15px}
.v4 .ticks li{display:flex;gap:8px;align-items:center}
.v4 .ticks li::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat;flex:none}
.v4 .hero .proof{display:flex;align-items:center;gap:14px;margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14)}
.v4 .avs{display:flex}.v4 .avs span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;color:#fff;border:2px solid var(--ink);margin-left:-10px}.v4 .avs span:first-child{margin-left:0}
.v4 .hero .proof p{color:#C6D3E0;font-size:15px;line-height:1.45}.v4 .hero .proof b{color:#fff}
.v4 .hvis{position:relative;padding-bottom:40px}
.v4 .hphoto{border-radius:28px;overflow:hidden;aspect-ratio:5/4;background:#1b3550 center/cover;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.v4 .finder{background:#fff;color:var(--text);border-radius:24px;padding:28px;box-shadow:0 40px 80px -40px rgba(0,0,0,.6);position:relative;margin:-110px 0 0 -40px;max-width:430px}
.v4 .finder h2{font-size:28px}.v4 .finder .s{color:var(--muted);font-size:15px;margin-top:4px}
.v4 .roles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.v4 .roles button{font:600 14.5px/1.3 var(--body);text-align:left;border:1.5px solid var(--line);background:#fff;color:var(--text);border-radius:14px;padding:12px 14px;cursor:pointer}
.v4 .roles button:hover{border-color:var(--teal)}
.v4 .roles button[aria-pressed="true"]{border-color:var(--teal);background:var(--tealsoft);color:var(--teal2)}
.v4 .result{margin-top:16px;background:var(--bg);border-radius:16px;padding:18px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 16px;align-items:center}
.v4 .result .lv{grid-row:span 3;width:74px;height:74px;border-radius:18px;background:var(--ink);color:#fff;display:grid;place-items:center;text-align:center;line-height:1}
.v4 .result .lv b{display:block;font:600 34px/1 var(--disp)}.v4 .result .lv span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7FD3E2}
.v4 .result h3{font-size:17px}.v4 .result p{color:var(--muted);font-size:14.5px}.v4 .result a{font-weight:700;color:var(--mag2);text-decoration:none;font-size:15px}
.v4 .finder .note{font-size:13.5px;color:var(--muted);margin-top:12px}.v4 .finder .note a{color:var(--teal2);font-weight:700}
@media (max-width:1000px){.v4 .hero .wrap{grid-template-columns:minmax(0,1fr)}.v4 .finder{margin:-80px 16px 0;max-width:none}}
@media (max-width:420px){.v4 .roles{grid-template-columns:minmax(0,1fr)}}

/* trust strip + quotes */
.v4 .trust{background:var(--bg);border-bottom:1px solid var(--line)}
.v4 .trust .wrap{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.v4 .trust .wrap>div{padding:22px 18px;border-left:1px solid var(--line)}.v4 .trust .wrap>div:first-child{border-left:0;padding-left:0}
.v4 .trust span{display:block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.v4 .trust b{display:block;font-size:17px;margin-top:3px}
@media (max-width:900px){.v4 .trust .wrap{grid-auto-flow:row;grid-template-columns:1fr 1fr}.v4 .trust .wrap>div{border-left:0;padding-left:0;border-bottom:1px solid var(--line)}.v4 .trust .wrap>div:nth-last-child(-n+2):nth-child(odd),.v4 .trust .wrap>div:last-child{border-bottom:0}.v4 .trust .wrap>div:last-child:nth-child(odd){grid-column:1/-1}}
.v4 .quote-strip{background:#fff;border-bottom:1px solid var(--line);padding-block:8px}
.v4 .qs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.v4 .qs figure{margin:0;padding:26px 24px;border-left:1px solid var(--line)}.v4 .qs figure:first-child{border-left:0;padding-left:0}
.v4 .qs blockquote{margin:0;font:500 19px/1.4 var(--disp);color:var(--ink)}.v4 .qs blockquote::before{content:"\201C";color:var(--mag);font-size:30px;line-height:0;vertical-align:-.35em;margin-right:2px}
.v4 .qs figcaption{margin-top:10px;font-size:14px;color:var(--muted)}.v4 .qs figcaption b{color:var(--ink)}
@media (max-width:900px){.v4 .qs{grid-template-columns:minmax(0,1fr)}.v4 .qs figure{border-left:0;padding-left:0;border-top:1px solid var(--line)}.v4 .qs figure:first-child{border-top:0}}

/* why */
.v4 .whyg{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:stretch}
.v4 .whyph{border-radius:26px;overflow:hidden;min-height:420px}
.v4 .why{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.v4 .wc{border-radius:22px;padding:26px;background:var(--bg);display:flex;flex-direction:column;gap:10px}
.v4 .wc .ic{width:48px;height:48px;border-radius:14px;background:var(--ink);color:#fff;display:grid;place-items:center}.v4 .wc .ic svg{width:24px;height:24px}
.v4 .wc p{color:var(--muted);font-size:15.5px}
.v4 .wc.hl{background:var(--ink);color:#fff}.v4 .wc.hl p{color:#C6D3E0}.v4 .wc.hl .ic{background:var(--mag)}
@media (max-width:1000px){.v4 .whyg{grid-template-columns:minmax(0,1fr)}.v4 .whyph{min-height:280px}}
@media (max-width:560px){.v4 .why{grid-template-columns:minmax(0,1fr)}}

/* career ladder */
.v4 .ladder{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end}
.v4 .rung{display:flex;flex-direction:column;gap:8px;background:var(--bg);border-radius:20px 20px 8px 8px;padding:22px 18px;text-decoration:none;border:1.5px solid transparent;transition:border-color .15s,transform .15s;min-width:0}
.v4 .rung:hover{border-color:var(--teal);transform:translateY(-3px)}
.v4 .rung .n{font:600 46px/1 var(--disp);color:var(--teal)}.v4 .rung .role{font-weight:800;font-size:16px}
.v4 .rung .eq{font-size:13.5px;color:var(--muted)}.v4 .rung .cnt{margin-top:auto;font-size:13.5px;font-weight:700;color:var(--ink);padding-top:10px;border-top:1px solid var(--line)}
.v4 .rung:nth-child(1){min-height:250px}.v4 .rung:nth-child(2){min-height:285px}.v4 .rung:nth-child(3){min-height:320px}.v4 .rung:nth-child(4){min-height:355px;background:var(--tealsoft)}
.v4 .rung:nth-child(5){min-height:390px}.v4 .rung:nth-child(6){min-height:425px;background:var(--ink);color:#fff}.v4 .rung:nth-child(6) .n{color:#7FD3E2}.v4 .rung:nth-child(6) .eq{color:#B8C6D6}.v4 .rung:nth-child(6) .cnt{color:#fff;border-color:rgba(255,255,255,.18)}
.v4 .rung .pop{align-self:flex-start;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--mag);color:#fff;border-radius:999px;padding:4px 9px}
@media (max-width:1000px){.v4 .ladder{grid-template-columns:repeat(3,minmax(0,1fr))}.v4 .rung{min-height:0!important}}
@media (max-width:560px){.v4 .ladder{grid-template-columns:1fr 1fr}}

/* course shelves */
.v4 .courses{background:var(--bg)}
.v4 .shelf+.shelf{margin-top:56px}
.v4 .shelf-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px}
.v4 .shelf-h h3{font:600 28px/1.2 var(--disp)}.v4 .shelf-h p{color:var(--muted);font-size:15.5px;margin-top:4px}.v4 .shelf-h a{font-weight:700;color:var(--teal2);text-decoration:none}
.v4 .cgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v4 .cc{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;text-decoration:none;display:flex;flex-direction:column;gap:12px;min-height:200px;transition:box-shadow .15s,border-color .15s}
.v4 .cc:hover{border-color:var(--teal);box-shadow:0 24px 44px -28px rgba(11,34,56,.4)}
.v4 .cc .lvb{display:flex;gap:6px;flex-wrap:wrap}.v4 .cc .lvb span{font-size:12.5px;font-weight:800;border-radius:8px;padding:5px 9px;background:var(--tealsoft);color:var(--teal2)}
.v4 .cc .lvb span.m{background:var(--magsoft);color:var(--mag2)}
.v4 .cc h4{font:600 21px/1.25 var(--disp)}.v4 .cc p{color:var(--muted);font-size:15px}.v4 .cc .go{margin-top:auto;font-weight:700;color:var(--mag2);font-size:15px}
.v4 .cc.feature{background:var(--ink);color:#fff;border-color:var(--ink)}.v4 .cc.feature p{color:#B8C6D6}.v4 .cc.feature .go{color:#F3A6D3}.v4 .cc.feature .lvb span{background:rgba(255,255,255,.1);color:#7FD3E2}
@media (max-width:960px){.v4 .cgrid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.v4 .cgrid{grid-template-columns:minmax(0,1fr)}}
.v4 .stack{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.v4 .stk{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;text-decoration:none;display:flex;flex-direction:column;gap:12px}
.v4 .stk:hover{border-color:var(--mag)}
.v4 .bars{display:flex;gap:4px;align-items:flex-end;height:46px}.v4 .bars i{flex:1;border-radius:4px;background:var(--line)}.v4 .bars i.on{background:var(--mag)}
.v4 .stk b{font-size:15.5px;line-height:1.35}.v4 .stk span{font-size:13px;color:var(--muted);margin-top:auto}
@media (max-width:1000px){.v4 .stack{grid-template-columns:1fr 1fr}}@media (max-width:520px){.v4 .stack{grid-template-columns:minmax(0,1fr)}}

/* worries */
.v4 .worry{background:var(--ink);color:#fff}.v4 .worry .sh>p{color:#C6D3E0}.v4 .worry .eyebrow{color:#7FD3E2}
.v4 .wgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v4 .wq{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px}
.v4 .wq .q{font:500 21px/1.3 var(--disp);color:#fff}.v4 .wq .q::before{content:"\201C"}.v4 .wq .q::after{content:"\201D"}
.v4 .wq .a{margin-top:12px;color:#C6D3E0;font-size:15.5px}.v4 .wq .a b{color:#7FD3E2}.v4 .wq .a a{color:#fff}
@media (max-width:960px){.v4 .wgrid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.v4 .wgrid{grid-template-columns:minmax(0,1fr)}}

/* study + pay */
.v4 .split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.v4 .panel{border-radius:24px;padding:clamp(28px,4vw,48px)}
.v4 .panel.a{background:var(--tealsoft)}.v4 .panel.b{background:var(--ink);color:#fff}.v4 .panel.b .eyebrow{color:#7FD3E2}.v4 .panel.b p,.v4 .panel.b li span{color:#C6D3E0}
.v4 .panel h2{font-size:clamp(30px,3.2vw,42px);margin:12px 0 22px}
.v4 .stphoto{border-radius:18px;overflow:hidden;aspect-ratio:2/1;margin:-6px 0 22px}
.v4 .feat{display:grid;gap:16px}.v4 .feat li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 14px}
.v4 .feat li i{grid-row:span 2;width:44px;height:44px;border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--teal)}.v4 .panel.b .feat li i{background:rgba(255,255,255,.08);color:#7FD3E2}
.v4 .feat li i svg{width:22px;height:22px}.v4 .feat b{font-size:17px}.v4 .feat span{color:var(--muted);font-size:15px}
.v4 .price{display:flex;align-items:baseline;gap:10px;margin:-6px 0 22px}.v4 .price b{font:600 64px/1 var(--disp)}.v4 .price span{color:#C6D3E0}
.v4 .panel .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.v4 .panel.b .btn-o{color:#fff}
@media (max-width:900px){.v4 .split{grid-template-columns:minmax(0,1fr)}}

/* steps */
.v4 .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:s}
.v4 .steps li{background:var(--bg);border-radius:20px;padding:26px;counter-increment:s}
.v4 .steps li::before{content:counter(s);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--mag);color:#fff;font-weight:800;margin-bottom:16px}
.v4 .steps p{color:var(--muted);margin-top:6px}
@media (max-width:800px){.v4 .steps{grid-template-columns:minmax(0,1fr)}}

/* reviews */
.v4 .rev{background:var(--magsoft)}
.v4 .rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v4 .rgrid.r2{grid-template-columns:1fr 1fr}
.v4 .rc{background:#fff;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:10px;margin:0}
.v4 .rc .av{width:46px;height:46px;flex:none;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800}
.v4 .rq{font:500 19px/1.45 var(--disp);color:var(--ink);margin:0}.v4 .rq::before{content:"\201C";color:var(--mag)}.v4 .rq::after{content:"\201D";color:var(--mag)}
.v4 .rc .who{display:flex;gap:12px;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.v4 .rc .who b{display:block;font-size:15.5px;color:var(--ink)}.v4 .rc .who .meta{display:block;font-size:13.5px;color:var(--muted)}.v4 .rc .who .meta span{display:block;margin-top:2px}
.v4 .stars{color:#B07F00;font-size:15px;letter-spacing:1px}
@media (max-width:860px){.v4 .rgrid,.v4 .rgrid.r2{grid-template-columns:minmax(0,1fr)}}

/* photo band + adviser */
.v4 .band{position:relative;color:#fff;min-height:460px;display:flex;align-items:flex-end;border-radius:28px;overflow:hidden;background:var(--ink)}
.v4 .band img{position:absolute;inset:0}.v4 .band::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,34,56,.92),rgba(11,34,56,.55) 55%,rgba(11,34,56,.1));z-index:1}
.v4 .band .in{position:relative;z-index:2;padding:clamp(28px,5vw,64px);max-width:640px}.v4 .band h2{font-size:clamp(34px,4vw,54px)}.v4 .band p{color:#D4DEE8;margin-top:14px;font-size:18px}
.v4 .band .eyebrow{color:#7FD3E2}.v4 .band .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.v4 .band .btn-o{color:#fff}
.v4 .adv{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center;background:var(--tealsoft);border-radius:26px;padding:clamp(24px,4vw,40px)}
.v4 .adv .faces{display:flex}.v4 .adv .faces span{width:64px;height:64px;border-radius:50%;background:#fff;border:3px solid var(--tealsoft);margin-left:-14px;display:grid;place-items:center;color:var(--teal2)}.v4 .adv .faces span:first-child{margin-left:0}
.v4 .adv h2{font-size:clamp(26px,2.8vw,36px)}.v4 .adv p{color:var(--muted);margin-top:6px}.v4 .adv .acts{display:flex;flex-wrap:wrap;gap:10px}.v4 .adv .btn-o{color:var(--ink)}
@media (max-width:900px){.v4 .adv{grid-template-columns:minmax(0,1fr)}}

/* about + faq + cta */
.v4 .about .wrap{max-width:880px}.v4 .about h2{font-size:clamp(30px,3.4vw,44px);margin:12px 0 20px}.v4 .about .txt{color:var(--muted);display:grid;gap:16px}.v4 .about .txt a{color:var(--teal2);font-weight:600}
.v4 .faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px}
.v4 .faq h2{font-size:clamp(34px,4vw,52px);margin-top:12px}.v4 .faq .contact{color:var(--muted);margin-top:16px}.v4 .faq .contact a{color:var(--teal2);font-weight:600}
.v4 details{border-top:1px solid var(--line);padding-block:20px}.v4 details:last-child{border-bottom:1px solid var(--line)}
.v4 summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px;font-weight:700;font-size:18px}
.v4 summary::-webkit-details-marker{display:none}.v4 summary::after{content:"+";color:var(--mag);font-size:24px;line-height:1;flex:none}.v4 details[open]>summary::after{content:"\2013"}
.v4 details>p,.v4 details>.ans{color:var(--muted);margin-top:10px;max-width:66ch}
@media (max-width:860px){.v4 .faq{grid-template-columns:minmax(0,1fr);gap:20px}}
.v4 .cta{background:linear-gradient(120deg,var(--teal2),var(--teal) 55%,#2AA7BE);color:#fff;border-radius:28px;padding:clamp(36px,5vw,64px);display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:28px;align-items:center;position:relative;overflow:hidden}
.v4 .cta::after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;border:40px solid rgba(192,72,144,.35)}
.v4 .cta h2{font-size:clamp(34px,4vw,54px);position:relative}.v4 .cta p{color:#E3F3F6;margin-top:12px;font-size:18px;position:relative}.v4 .cta .acts{display:flex;flex-wrap:wrap;gap:12px;position:relative}
.v4 .cta .btn-o{color:#fff}
@media (max-width:860px){.v4 .cta{grid-template-columns:minmax(0,1fr)}}

/* ---------- course page ---------- */
.v4 .crumbs{font-size:14px;color:#9DB0C6;margin-bottom:18px}.v4 .crumbs a{text-decoration:underline;text-underline-offset:3px;color:#C6D3E0}.v4 .crumbs a:hover{color:#fff}
.v4 .chero{background:var(--ink);color:#fff;padding-block:48px 0;position:relative;overflow:hidden}
.v4 .chero .wrap{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:48px;align-items:start}
.v4 .chero .eyebrow{color:#7FD3E2}
.v4 .chero h1{font-size:clamp(36px,4.4vw,60px);margin:14px 0 18px}.v4 .chero .lede{color:#C6D3E0;font-size:19px;max-width:56ch}
.v4 .chero .sub{color:#9DB0C6;font-size:15px;margin-top:10px}
.v4 .kf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.14);border-radius:18px;overflow:hidden;margin-top:30px}
.v4 .kf div{background:var(--ink2);padding:16px 18px}.v4 .kf span{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9DB0C6}.v4 .kf b{display:block;font-size:17px;margin-top:3px}
.v4 .cphoto{margin-top:32px;border-radius:24px 24px 0 0;overflow:hidden;aspect-ratio:16/7;background:#1b3550}
.v4 .enrol{position:sticky;top:100px;background:#fff;color:var(--text);border-radius:24px;box-shadow:0 40px 80px -40px rgba(0,0,0,.6);padding:26px;margin-bottom:40px}
.v4 .enrol h2{font-size:24px}.v4 .enrol .s{font-size:14px;color:var(--muted)}
.v4 .seg{display:grid;grid-template-columns:1fr 1fr;background:var(--bg);border-radius:14px;padding:4px;margin:16px 0 12px;border:0}
.v4 .seg label{text-align:center;padding:10px 6px;border-radius:11px;cursor:pointer;font-weight:700;font-size:14.5px;color:var(--muted);position:relative}
.v4 .seg input,.v4 .opt input{position:absolute;opacity:0;width:1px;height:1px}
.v4 .seg label:has(input:checked){background:#fff;color:var(--ink);box-shadow:0 2px 6px rgba(11,34,56,.1)}
.v4 .seg label:has(input:focus-visible),.v4 .opt:has(input:focus-visible){outline:3px solid var(--mag);outline-offset:2px}
.v4 .opts{display:grid;gap:8px}.v4 .opt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;cursor:pointer;position:relative}
.v4 .opt:has(input:checked){border-color:var(--mag);background:#FFF8FC}.v4 .opt b{font-size:15.5px}.v4 .opt em{font-style:normal;font-weight:800;font-size:19px;text-align:right}.v4 .opt em small{font-size:13px;font-weight:700}.v4 .opt>small{grid-column:1/-1;color:var(--muted);font-size:13px}
.v4 .opt .save{color:var(--mag2);font-weight:700}
.v4 .enrol .single{background:var(--bg);border-radius:14px;padding:14px 16px;margin-top:14px}.v4 .enrol .single b{font:600 34px/1 var(--disp);display:block}.v4 .enrol .single span{color:var(--muted);font-size:14px}
.v4 .enrol .btn{width:100%;margin-top:14px}.v4 .enrol .fine{text-align:center;font-size:13px;color:var(--muted);margin-top:10px}
.v4 .enrol .help{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;border-top:1px solid var(--line);margin-top:16px;padding-top:14px;font-size:14px}.v4 .enrol .help a,.v4 .enrol .help button{font:700 14px var(--body);color:var(--teal2);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline}
@media (max-width:820px){.v4 .enrol .help a,.v4 .enrol .help button{padding-block:10px}}
@media (max-width:1060px){.v4 .chero .wrap{grid-template-columns:minmax(0,1fr)}.v4 .enrol{position:static}.v4 .kf{grid-template-columns:1fr 1fr}}
.v4 .cnav{position:sticky;top:84px;z-index:30;background:#fff;border-bottom:1px solid var(--line);overflow:hidden}
.v4 .cnav .wrap{display:flex;gap:4px;overflow-x:auto;padding-block:10px;max-width:1240px;scrollbar-width:none}
.v4 .cnav a{white-space:nowrap;text-decoration:none;font-weight:600;font-size:15px;padding:8px 14px;border-radius:999px}.v4 .cnav a:hover{background:var(--tealsoft);color:var(--teal2)}
@media (max-width:480px){.v4 .cnav{top:72px}}
.v4 .body2{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}
@media (max-width:1060px){.v4 .body2{grid-template-columns:minmax(0,1fr)}}
.v4 .blk{padding-block:48px;border-bottom:1px solid var(--line);scroll-margin-top:150px}.v4 .blk:last-child{border-bottom:0}
.v4 .blk h2{font-size:clamp(28px,3vw,40px);margin:10px 0 16px}.v4 .blk>p{color:var(--muted);max-width:68ch}.v4 .blk>p+p{margin-top:12px}
.v4 .prose{color:var(--muted);max-width:70ch}
.v4 .prose :is(p,ul,ol,table,h3,h4){margin:0 0 12px}.v4 .prose :is(h3,h4){color:var(--text);font:700 18px/1.35 var(--body);margin-top:20px}
.v4 .prose ul{list-style:disc;padding-left:1.3em}.v4 .prose ol{list-style:decimal;padding-left:1.3em}.v4 .prose li{margin:4px 0}.v4 .prose li::marker{color:var(--teal)}
.v4 .prose strong,.v4 .prose b{color:var(--text)}.v4 .prose a{color:var(--teal2);text-decoration:underline}
.v4 .prose table{border-collapse:collapse;width:100%;font-size:15px}.v4 .prose :is(td,th){border-bottom:1px solid var(--line);padding:10px 12px;text-align:left}
.v4 .prose .overflow-x-auto{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
@media (max-width:600px){.v4 .prose table{font-size:14px}.v4 .prose :is(td,th){padding:9px 7px}}
.v4 .for{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.v4 .for li{background:var(--bg);border-radius:16px;padding:18px;font-weight:600}.v4 .for li span{display:block;font-weight:400;color:var(--muted);font-size:14.5px;margin-top:4px}
@media (max-width:600px){.v4 .for{grid-template-columns:minmax(0,1fr)}}
.v4 .units details{background:var(--bg);border-radius:16px;padding:0 20px;margin-bottom:10px;border:0}
.v4 .units summary{padding:18px 0;font-size:17px;justify-content:flex-start;align-items:baseline}.v4 .units summary .n{font:600 15px var(--body);color:var(--teal2);min-width:62px;flex:none}
.v4 .units summary::after{margin-left:14px}.v4 .units .cr{font-size:13.5px;color:var(--muted);font-weight:600;margin-left:auto;padding-left:12px;white-space:nowrap}
.v4 .units details>.ans{padding-bottom:18px;margin:0}
.v4 .units .unit{display:flex;gap:4px 14px;align-items:baseline;background:var(--bg);border-radius:16px;padding:16px 20px;margin-bottom:10px;font-weight:700;font-size:17px}
.v4 .units .unit .n{font:600 15px var(--body);color:var(--teal2);min-width:62px;flex:none}
.v4 .units .qual{font:600 20px/1.3 var(--disp);margin:26px 0 12px}.v4 .units .qual:first-child{margin-top:0}
.v4 .units .sum{color:var(--muted);font-size:15px;margin-top:14px}.v4 .units .sum a{color:var(--teal2);font-weight:600}
.v4 .chk{display:grid;gap:10px;margin-top:12px}.v4 .chk li{display:flex;gap:10px;align-items:flex-start;color:var(--text)}
.v4 .chk li::before{content:"";flex:none;width:20px;height:20px;margin-top:3px;border-radius:50%;background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.v4 .ftab{width:100%;border-collapse:collapse;margin-top:18px;font-size:15.5px;border-radius:16px;overflow:hidden}
.v4 .ftab th,.v4 .ftab td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line)}.v4 .ftab th{background:var(--ink);color:#fff;font-weight:700}.v4 .ftab tr:nth-child(even) td{background:var(--bg)}
@media (max-width:600px){.v4 .ftab{font-size:14px}.v4 .ftab th,.v4 .ftab td{padding:11px 8px}.v4 .ftab th:first-child,.v4 .ftab td:first-child{padding-left:12px}}
.v4 .next{display:flex;gap:16px;align-items:center;background:var(--tealsoft);border-radius:20px;padding:22px;text-decoration:none;margin-top:20px}.v4 .next b{font:600 22px/1.2 var(--disp);display:block}.v4 .next span span{color:var(--muted);font-size:14.5px}.v4 .next .arr{margin-left:auto;font-size:28px;color:var(--teal2)}
.v4 .ofq{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;background:var(--bg);border-radius:18px;padding:18px 20px;margin-top:18px;font-size:15px}.v4 .ofq a{color:var(--teal2);font-weight:700}
.v4 .cert{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:20px;align-items:center;margin-top:16px}.v4 .cert img{border-radius:12px;border:1px solid var(--line)}
@media (max-width:600px){.v4 .cert{grid-template-columns:minmax(0,1fr)}}
.v4 .ulist{display:grid;gap:12px;margin-top:12px}.v4 .ulist li{background:var(--bg);border-radius:16px;padding:18px 20px}.v4 .ulist a{font-weight:700;text-decoration:none;color:var(--ink)}.v4 .ulist a:hover{color:var(--teal2);text-decoration:underline}.v4 .ulist p{color:var(--muted);font-size:15px;margin-top:6px}.v4 .ulist time,.v4 .ulist .k{font-size:13px;color:var(--muted);font-weight:600}
.v4 .more{display:inline-block;margin-top:14px;font-weight:700;color:var(--teal2)}
.v4 .video{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;margin-top:16px}.v4 .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.v4 .side{position:sticky;top:150px;display:grid;gap:14px;padding-top:48px;padding-bottom:48px}
.v4 .sc{background:var(--bg);border-radius:20px;padding:22px}.v4 .sc h3{font-size:17px;margin-bottom:10px}
.v4 .sc li{padding:8px 0;border-bottom:1px solid var(--line);font-size:15px;display:flex;justify-content:space-between;gap:10px}.v4 .sc li:last-child{border:0}.v4 .sc li b{text-align:right}
.v4 .sc.links li{display:block}.v4 .sc.links a{text-decoration:none;font-weight:600}.v4 .sc.links a:hover{color:var(--teal2);text-decoration:underline}
.v4 .sc.q{margin:0}.v4 .sc.q blockquote{margin:0;font:500 18px/1.45 var(--disp)}.v4 .sc.q figcaption{font-size:13.5px;color:var(--muted);margin-top:10px}
.v4 .sc.dark{background:var(--ink);color:#fff}.v4 .sc.dark p{color:#C6D3E0;font-size:14.5px}.v4 .sc.dark .btn{width:100%;margin-top:14px}
@media (max-width:1060px){.v4 .side{position:static;padding-top:0}}
.v4 .reviewed{font-size:14px;color:var(--muted);margin-top:16px}
.v4 .langbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;font-size:14px}.v4 .langbar a{color:#C6D3E0;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:4px 12px;text-decoration:none}.v4 .langbar a[aria-current]{background:#fff;color:var(--ink)}
@media (prefers-reduced-motion:reduce){.v4 *,.v4h *{transition:none!important}html{scroll-behavior:auto}}

/* ---------- catalogue (level hubs + list_course) ---------- */
.v4 .crumbs{font-size:14px;color:#9DB0C6;margin-bottom:18px}.v4 .crumbs a{color:#C6D3E0;text-underline-offset:3px}
.v4 .lhero{background:var(--ink);color:#fff;padding-block:48px 72px;position:relative;overflow:hidden}
.v4 .lhero[data-level]::before{content:attr(data-level);position:absolute;right:-30px;bottom:-140px;font:600 560px/1 var(--disp);color:rgba(127,211,226,.06);pointer-events:none}
.v4 .lhero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.v4 .lhero h1{font-size:clamp(40px,5vw,68px);margin:14px 0 18px}.v4 .lhero h1 em{font-style:italic;color:#7FD3E2}
.v4 .lhero .lede{color:#C6D3E0;font-size:19px;max-width:52ch}.v4 .lhero .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.v4 .lhero .btn-o{color:#fff}
.v4 .lvis{position:relative}.v4 .ph-w{border-radius:26px;overflow:hidden;aspect-ratio:4/3}.v4 .ph-w .ph{display:block;width:100%;height:100%;object-fit:cover}
.v4 .fit{position:relative;margin:-90px 24px 0;background:#fff;color:var(--text);border-radius:22px;padding:22px 24px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.v4 .fit h2{font-size:22px;font-family:var(--disp);font-weight:600}.v4 .fit ul{display:grid;gap:8px;margin-top:12px}.v4 .fit li{display:flex;gap:10px;font-size:15px}
.v4 .fit li::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;margin-top:2px;background:var(--teal2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.v4 .fit a{display:inline-block;margin-top:12px;font-weight:700;color:var(--mag2);text-decoration:none}
.v4 .ticks{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:30px;color:#C6D3E0;font-size:15px}
.v4 .ticks li{display:flex;gap:8px;align-items:center}.v4 .ticks li::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat;flex:none}
@media (max-width:1000px){.v4 .lhero .wrap{grid-template-columns:minmax(0,1fr)}.v4 .fit{margin:-80px 16px 0;max-width:none}}
.v4 .lvlnav{position:sticky;top:84px;z-index:30;background:#fff;border-bottom:1px solid var(--line)}
.v4 .lvlnav .wrap{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-block:10px}
.v4 .lvlnav span{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:6px;white-space:nowrap}
.v4 .lvlnav a{white-space:nowrap;text-decoration:none;font-weight:700;font-size:15px;padding:8px 16px;border-radius:999px;border:1.5px solid var(--line)}
.v4 .lvlnav a[aria-current]{background:var(--ink);color:#fff;border-color:var(--ink)}.v4 .lvlnav a:hover{border-color:var(--teal)}
.v4 .ov{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px}.v4 .ov p{color:var(--muted)}.v4 .ov p+p{margin-top:14px}.v4 .ov h2{font-size:clamp(32px,3.6vw,48px);margin:12px 0 20px}
.v4 .whobox{background:var(--tealsoft);border-radius:24px;padding:28px}.v4 .whobox h3{font:600 24px/1.2 var(--disp);margin-bottom:12px}
.v4 .whobox li{padding:12px 0;border-top:1px solid rgba(14,100,120,.15);font-weight:600}
@media (max-width:900px){.v4 .ov{grid-template-columns:minmax(0,1fr)}}
.v4 .learn{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:40px}
.v4 .lt{background:var(--bg);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:12px}
.v4 .lt i{width:44px;height:44px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center}.v4 .lt i svg{width:22px;height:22px}
.v4 .lt b{font-size:16px;line-height:1.35}.v4 .lt:nth-child(5){background:var(--magsoft)}.v4 .lt:nth-child(5) i{background:var(--mag)}
@media (max-width:1000px){.v4 .learn{grid-template-columns:1fr 1fr}}@media (max-width:520px){.v4 .learn{grid-template-columns:minmax(0,1fr)}}
.v4 .progs{background:var(--bg)}
.v4 .tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:22px}
.v4 .chips{display:flex;flex-wrap:wrap;gap:8px}
.v4 .chips button,.v4 .chips a.chip-lnk{font:700 14.5px var(--body);border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:10px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.v4 .chips button[aria-pressed="true"],.v4 .chips a.chip-lnk[aria-current="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.v4 .chips button em{font-style:normal;opacity:.65;margin-left:6px}
.v4 .srch{margin-left:auto;display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:6px 8px 6px 16px;min-width:0;flex:0 1 300px}
.v4 .srch input{border:0;font:500 15px var(--body);outline:none;min-width:0;width:100%;background:transparent;color:var(--text)}
@media (max-width:760px){.v4 .srch{margin-left:0;flex:1 1 100%}}
.v4 .count{font-size:15px;color:var(--muted);margin-bottom:16px}
.v4 .pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v4 .pc{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;text-decoration:none;display:flex;flex-direction:column;gap:8px;min-height:180px;transition:box-shadow .15s,border-color .15s}
.v4 .pc:hover{border-color:var(--teal);box-shadow:0 22px 40px -28px rgba(11,34,56,.4)}
.v4 .pc .pt{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--teal2)}
.v4 .pc[data-cat="plus"] .pt{color:var(--mag2)}.v4 .pc[data-cat="bundle"] .pt{color:var(--ink)}
.v4 .pc h3{font:600 19px/1.3 var(--disp)}.v4 .pc .pm{font-size:14px;color:var(--muted)}.v4 .pc .go{margin-top:auto;font-weight:700;color:var(--mag2);font-size:14.5px;padding-top:6px}
.v4 .pc .popb{position:absolute;top:-11px;right:18px;background:var(--mag);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 10px}
.v4 .pc .bars{display:flex;gap:4px;align-items:flex-end;height:34px}.v4 .pc .bars i{flex:1;border-radius:4px;background:var(--line)}.v4 .pc .bars i.on{background:var(--mag)}
.v4 .empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:40px;border:1.5px dashed var(--line);border-radius:20px}
@media (max-width:960px){.v4 .pgrid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.v4 .pgrid{grid-template-columns:minmax(0,1fr)}}
.v4 .lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}
.v4 .lead .l{background:var(--ink);color:#fff;border-radius:24px;padding:clamp(28px,4vw,44px)}.v4 .lead .l p{color:#C6D3E0;margin-top:12px}.v4 .lead .l h2{font-size:clamp(30px,3.2vw,42px);margin-top:12px}
.v4 .path{display:flex;align-items:center;gap:10px;margin-top:24px;flex-wrap:wrap}.v4 .path span{background:rgba(255,255,255,.08);border-radius:14px;padding:12px 16px;font-weight:700}.v4 .path span.on{background:var(--mag)}.v4 .path i{font-style:normal;color:#7FD3E2;font-size:20px}
.v4 .lead .r{border-radius:24px;overflow:hidden;min-height:320px;position:relative}.v4 .lead .r img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.v4 .lead{grid-template-columns:minmax(0,1fr)}}
.v4 .faqwrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px}.v4 .faqwrap h2{font-size:clamp(32px,3.6vw,48px);margin-top:12px}
.v4 details{border-top:1px solid var(--line);padding-block:20px}.v4 details:last-child{border-bottom:1px solid var(--line)}
.v4 summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px;font-weight:700;font-size:18px}
.v4 summary::-webkit-details-marker{display:none}.v4 summary::after{content:"+";color:var(--mag);font-size:24px;line-height:1}.v4 details[open] summary::after{content:"–"}
.v4 details p{color:var(--muted);margin-top:10px;max-width:66ch}
@media (max-width:860px){.v4 .faqwrap{grid-template-columns:minmax(0,1fr);gap:20px}}
.v4 .credit{font-size:12px;color:var(--muted);margin-top:8px}
.v4 .pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:32px}
.v4 .pager-mid{font-size:15px;color:var(--muted)}
body:has(.v4-catalogue .v4mbar.page) .v4mbar.site{display:none!important}