/* Round r1 (Anuar comments 18 Oct 2026): shared components on top of the J design */
:root{--blue:#0078C0;--navy:#0B2F5B;--sky:#38B0E8;--green:#2E9A48;--leaf:#6CC24A;--mint:#EAF6EE;--ice:#EEF6FC;--ink:#0B2340;--muted:#4A6178}
/* homepage stats with kg */
.sg.kg b{font-size:clamp(30px,3.1vw,48px)}
.sg.kg b small{font-size:.45em;font-weight:800;margin-left:4px;letter-spacing:0}
/* accountability card */
.gr .acc small{display:block;font-weight:800;letter-spacing:.18em;font-size:13px;color:#BFF0B0;margin-bottom:8px}
.gr .acc b{font-size:clamp(28px,2.8vw,40px);line-height:1.1}
.gr .acc b+b{color:#8EE07A}
/* logo directory */
.dirbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:22px}
.dirbar button,.cchips button{border:1.5px solid #CFE0EE;background:#fff;color:var(--navy);font:700 14px/1 "Plus Jakarta Sans",sans-serif;padding:11px 16px;border-radius:999px;cursor:pointer}
.dirbar button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.dirbar .lbl{font-weight:800;font-size:12px;letter-spacing:.14em;color:var(--muted);margin-right:4px}
.cchips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.cchips button{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:13px}
.cchips img{width:22px;height:16px;border-radius:3px;object-fit:cover}
.cchips button[aria-pressed=true]{border-color:var(--green);background:var(--mint)}
.cchips button:disabled{opacity:.55;cursor:not-allowed}
.cchips small{font-weight:600;color:var(--muted)}
.lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.lgt{margin:0;background:#fff;border-radius:18px;border:1.5px solid #DCE8F2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 14px 14px;min-height:150px;text-align:center;position:relative}
.lgt img{max-width:86%;max-height:72px;object-fit:contain}
.lgt figcaption{font-size:12px;font-weight:700;color:var(--muted);line-height:1.3}
.lgt .nm{font-weight:800;color:var(--navy);font-size:15px;line-height:1.25}
.lgt.part{border-bottom:4px solid var(--blue)}.lgt.rp{border-bottom:4px solid var(--green)}
.lgt .yr{position:absolute;top:10px;right:10px;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;background:var(--mint);color:var(--green)}
.lgt[hidden]{display:none}
.lgrp h3{font-size:14px;letter-spacing:.14em;color:var(--muted);margin:26px 0 12px;font-weight:800}
.lgrp h3:first-child{margin-top:0}
.lnote{font-size:13px;color:var(--muted);margin-top:14px}
/* montage */
.mtg{position:relative;border-radius:28px;overflow:hidden;background:#071a33;aspect-ratio:16/8;box-shadow:0 30px 70px rgba(11,47,91,.25)}
.mtg figure{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1s ease}
.mtg figure.on{opacity:1}
.mtg figure img{width:100%;height:100%;object-fit:cover;transform:scale(1.02)}
.mtg figure.on img{animation:kb 6s ease-out forwards}
.mtg figure.tall img{object-fit:contain;background:#071a33}
@keyframes kb{to{transform:scale(1.1)}}
@media (prefers-reduced-motion:reduce){.mtg figure.on img{animation:none}}
.mtg figcaption{position:absolute;left:0;right:0;bottom:0;padding:70px 28px 24px;background:linear-gradient(0deg,rgba(7,26,51,.9),transparent);color:#fff}
.mtg figcaption small{display:block;color:#8EE07A;font-weight:800;font-size:12px;letter-spacing:.14em;margin-bottom:6px}
.mtg figcaption b{font-size:clamp(18px,2vw,26px);font-weight:800}
.mtgc{position:absolute;top:18px;right:18px;display:flex;gap:8px;z-index:3}
.mtgc button{width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--navy);font-size:18px;font-weight:800;cursor:pointer}
.mtgd{position:absolute;left:28px;top:22px;display:flex;gap:6px;z-index:3}
.mtgd i{width:22px;height:4px;border-radius:4px;background:rgba(255,255,255,.35)}.mtgd i.on{background:#8EE07A}
.film{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;align-items:center;margin-top:22px;background:#fff;border-radius:22px;padding:18px}
.film video{width:100%;border-radius:16px;background:#000}
.film p{color:var(--muted);font-size:15px;line-height:1.5}.film b{display:block;color:var(--navy);font-size:18px;margin-bottom:6px}
/* 2026 band */
.y26{background:linear-gradient(110deg,var(--navy),var(--blue) 55%,var(--green));color:#fff;padding:100px 0}
.y26 .tag{background:rgba(255,255,255,.15);color:#fff}
.y26 h2{color:#fff;font-size:clamp(38px,4.6vw,70px);margin-top:16px}
.y26 h2 .g{color:#8EE07A}
.y26 .lead{color:#D9E8F5;font-size:18px;max-width:640px;margin:14px 0 34px}
.y26g{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.y26c{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:22px;padding:26px}
.y26c h3{font-size:13px;letter-spacing:.14em;color:#BFF0B0;font-weight:800;margin-bottom:14px}
.y26c ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.y26c li{background:#fff;color:var(--navy);border-radius:14px;padding:13px 14px;font-weight:800;font-size:15px;line-height:1.3}
.y26c li small{display:block;font-weight:600;color:var(--muted);font-size:12px;margin-top:3px}
.y26c li a{color:var(--blue)}
.y26 .disc2{color:#C9DBEC;font-size:13px;margin-top:18px}
/* about: facts */
.urg{position:relative;min-height:92svh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#0B2F5B}
.urg>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.urg:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,47,91,.95),rgba(11,47,91,.2) 70%)}
.urg .wrap{position:relative;z-index:2;padding:160px 0 80px}
.urg .tag{background:rgba(255,255,255,.15);color:#fff}
.urg h1{font-size:clamp(44px,6.2vw,100px);margin:18px 0 22px;max-width:1100px}
.urg h1 .g{color:#8EE07A}
.urg p{font-size:20px;line-height:1.55;color:#DCE9F4;max-width:640px}
.urg .cap{position:absolute;right:24px;bottom:18px;z-index:3;font-size:11px;color:#BCD0E3}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:2px solid var(--navy)}
.fact{padding:36px 30px 30px 0;border-right:1.5px solid #D6E5F0}
.fact+.fact{padding-left:30px}.fact:last-child{border-right:0}
.fact b{display:block;font-size:clamp(56px,6.4vw,104px);font-weight:800;letter-spacing:-.05em;line-height:.95;color:var(--navy)}
.fact:nth-child(2) b{color:var(--blue)}.fact:nth-child(3) b{color:var(--green)}
.fact b small{font-size:.32em;letter-spacing:-.01em;display:block;margin-top:6px}
.fact p{color:var(--ink);font-weight:700;font-size:17px;margin:16px 0 10px;line-height:1.4}
.src{font-size:12px;color:var(--muted);line-height:1.4}.src a{color:var(--blue);font-weight:700}
.amb{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.amb figure{margin:0}.amb img{width:100%;border-radius:28px;aspect-ratio:3/2;object-fit:cover}
.amb figcaption{font-size:12px;color:var(--muted);margin-top:10px}
.amb h2{font-size:clamp(34px,4vw,60px);color:var(--navy);margin:16px 0 18px}
.amb p{color:var(--muted);font-size:17px;line-height:1.6;margin-bottom:12px}
.tri{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tri article{position:relative;border-radius:26px;overflow:hidden;min-height:440px;color:#fff;display:flex;align-items:flex-end}
.tri img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tri article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,47,91,.92),rgba(11,47,91,.1) 65%)}
.tri div{position:relative;z-index:2;padding:28px}
.tri h3{font-size:26px;line-height:1.1;letter-spacing:-.02em}
.tri article:nth-child(2) h3{color:#8EE07A}
.tri p{color:#DCE9F4;margin-top:10px;line-height:1.5}
.ecof{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:e}
.ecof div{position:relative;background:#fff;border-radius:22px;padding:26px 22px;margin-right:26px;box-shadow:0 14px 40px rgba(11,47,91,.08)}
.ecof div:last-child{margin-right:0}
.ecof div:not(:last-child):after{content:"→";position:absolute;right:-24px;top:50%;transform:translateY(-50%);font-weight:800;color:var(--blue);font-size:20px}
.ecof b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;margin-bottom:14px}
.ecof div:nth-child(even) b{background:var(--green)}
.ecof h3{font-size:17px;color:var(--navy);line-height:1.25}
.ecof p{font-size:14px;color:var(--muted);margin-top:8px;line-height:1.45}
.res{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
.resb{background:var(--navy);color:#fff;border-radius:28px;padding:40px}
.resb small{color:#BFF0B0;font-weight:800;letter-spacing:.14em;font-size:12px}
.resb .n3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 18px}
.resb .n3 b{display:block;font-size:clamp(26px,2.6vw,38px);font-weight:800;letter-spacing:-.03em}
.resb .n3 span{color:#BCD0E3;font-size:13px;font-weight:600}
.resb p{color:#BCD0E3;font-size:13px}
.resc{border:2px dashed #BFD6EA;border-radius:28px;padding:36px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.resc h3{color:var(--navy);font-size:22px}.resc p{color:var(--muted);line-height:1.55}
.aboutz{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start}
.aboutz h2{font-size:clamp(34px,4vw,60px);color:var(--navy);margin-top:16px}
.aboutz p{color:var(--muted);font-size:17px;line-height:1.65;margin-bottom:14px}
.aboutz .cu{display:flex;align-items:center;gap:14px;margin-top:10px;font-size:13px;color:var(--muted)}.aboutz .cu img{height:22px}
.close4{font-weight:800;letter-spacing:.2em;font-size:13px;color:#BFF0B0;margin-top:26px}
.endcta.photo{position:relative;overflow:hidden}
.endcta.photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25}
.endcta.photo .wrap{position:relative;z-index:2}
/* verification */
.vb4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.vb4 div{background:#fff;border-radius:22px;padding:26px;box-shadow:0 14px 40px rgba(11,47,91,.07)}
.vb4 svg,.ev3 svg,.why3 svg{width:42px;height:42px;stroke:var(--blue);fill:none;stroke-width:1.7;margin-bottom:14px}
.vb4 div:nth-child(even) svg,.ev3 div:nth-child(2) svg{stroke:var(--green)}
.vb4 h3,.ev3 h3,.why3 h3{font-size:18px;color:var(--navy);line-height:1.25}
.vb4 p,.ev3 p,.why3 p{color:var(--muted);font-size:15px;margin-top:8px;line-height:1.5}
.svc{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.svc article{background:#fff;border-radius:24px;padding:28px 24px;display:flex;flex-direction:column;gap:12px;border-top:6px solid var(--blue);box-shadow:0 14px 40px rgba(11,47,91,.08)}
.svc article:nth-child(2){border-color:#1A8AA8}.svc article:nth-child(3){border-color:#23955F}.svc article:nth-child(4){border-color:var(--green)}
.svc small{font-weight:800;color:var(--muted);letter-spacing:.12em;font-size:12px}
.svc h3{font-size:21px;color:var(--navy);line-height:1.2}
.svc p{color:var(--muted);font-size:15px;line-height:1.5;flex:1}
.svc a{font-weight:800;color:var(--blue);font-size:15px}
.lvls{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.lvl{border-radius:24px;padding:30px 24px;color:#fff;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}
.lvl:nth-child(1){background:#1860B4}.lvl:nth-child(2){background:#0078C0}.lvl:nth-child(3){background:#1A8F86}.lvl:nth-child(4){background:var(--green)}
.lvl small{font-weight:800;letter-spacing:.14em;font-size:12px;opacity:.85}
.lvl b{font-size:clamp(30px,3vw,44px);font-weight:800;letter-spacing:-.03em;display:block;margin:10px 0}
.lvl h3{font-size:18px;line-height:1.25}
.ev3,.why3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ev3 div,.why3 div{background:#fff;border-radius:22px;padding:28px;box-shadow:0 14px 40px rgba(11,47,91,.07)}
.why3 div{background:var(--ice);box-shadow:none}
.vend{background:var(--navy);color:#fff;padding:100px 0 0}
.vend .grid{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:start}
.vend h2{font-size:clamp(38px,4.4vw,66px);color:#fff}
.vend h2 .g{color:#8EE07A}
.vend .lead{color:#C9DBEC;font-size:18px;line-height:1.55;margin:16px 0}
.vend .sup{color:#9FB8D0;font-size:15px}
.eqf{background:#fff;color:var(--ink);border-radius:28px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;scroll-margin-top:100px}
.eqf .full{grid-column:1/-1}
.eqf label{display:grid;gap:6px;font-weight:700;font-size:14px;color:var(--navy)}
.eqf label i{font-style:normal;color:var(--green)}
.eqf input,.eqf textarea,.jsel-btn{font:500 15px "Plus Jakarta Sans",sans-serif;border:1.5px solid #D6E5F0;border-radius:14px;padding:13px 14px;color:var(--ink);background:#fff;width:100%;box-sizing:border-box}
.eqf textarea{min-height:96px;resize:vertical}
.eqf input:focus,.eqf textarea:focus,.jsel-btn:focus{outline:2px solid var(--blue);border-color:var(--blue)}
.eqf .chk{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:13px;color:var(--muted)}
.eqf .chk input{width:18px;height:18px;margin-top:2px;flex:none}
.eqf button[type=submit]{justify-self:start;border:0;cursor:pointer;font-family:inherit}
.eqf .st{grid-column:1/-1;font-size:14px;font-weight:600;color:var(--green);min-height:1em}
.eqf .err{color:#C0392B;font-size:12px;font-weight:600}
.eqf [aria-invalid=true],.eqf .jsel[data-invalid] .jsel-btn{border-color:#C0392B}
/* custom select */
.jsel{position:relative}
.jsel select{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.jsel-btn{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;cursor:pointer}
.jsel-btn:after{content:"";width:9px;height:9px;border-right:2.5px solid var(--blue);border-bottom:2.5px solid var(--blue);transform:rotate(45deg) translateY(-3px);flex:none}
.jsel-btn[data-empty]{color:#7D93A8}
.jsel ul{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;list-style:none;margin:0;padding:6px;background:#fff;border-radius:16px;box-shadow:0 24px 50px rgba(11,47,91,.2);max-height:280px;overflow:auto}
.jsel ul[hidden]{display:none}
.jsel li{padding:11px 12px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;color:var(--navy)}
.jsel li:hover,.jsel li[aria-selected=true]{background:var(--ice)}
/* training */
.prog3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.prog3 article{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 14px 40px rgba(11,47,91,.08);display:flex;flex-direction:column}
.prog3 .im{position:relative}.prog3 .im img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.prog3 .ic{position:absolute;left:22px;bottom:-26px;width:56px;height:56px;border-radius:50%;background:var(--mint);display:grid;place-items:center;border:4px solid #fff}
.prog3 .ic svg{width:26px;height:26px;stroke:var(--green);fill:none;stroke-width:1.8}
.prog3 article:nth-child(1) .ic{background:var(--ice)}.prog3 article:nth-child(1) .ic svg{stroke:var(--blue)}
.prog3 .tx{padding:40px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.prog3 h3{font-size:21px;color:var(--navy)}
.prog3 p{color:var(--muted);line-height:1.55;flex:1}
.prog3 .im small{position:absolute;right:12px;top:12px;background:rgba(11,47,91,.82);color:#fff;font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px}
.prog3 a{font-weight:800;color:var(--blue)}
.aw4box{background:var(--ice);border-radius:30px;padding:44px}
.aw4{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:30px}
.aw4 div{display:flex;gap:14px;padding:0 20px;border-right:1.5px solid #CFE0EE}.aw4 div:first-child{padding-left:0}.aw4 div:last-child{border-right:0}
.aw4 svg{width:38px;height:38px;flex:none;stroke:var(--blue);fill:none;stroke-width:1.6}
.aw4 div:last-child svg{stroke:var(--green)}
.aw4 h3{font-size:16px;color:var(--navy);line-height:1.25}.aw4 p{font-size:13px;color:var(--muted);margin-top:6px}
.tend{position:relative;overflow:hidden;background:#0D3B2A;color:#fff;padding:110px 0 0}
.tend>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.tend:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,40,28,.95),rgba(8,40,28,.4));z-index:1}
.tend .wrap{position:relative;z-index:2;padding-bottom:80px}
.tend small{font-weight:800;letter-spacing:.16em;font-size:12px;color:#BFF0B0}
.tend h2{font-size:clamp(38px,4.6vw,68px);margin:14px 0}.tend h2 .g{color:#8EE07A}
.tend p{color:#D8E8DE;font-size:18px;max-width:560px;margin-bottom:28px}
/* knowledge hub quiz band */
.jquiz{background:linear-gradient(110deg,var(--navy),var(--blue) 55%,var(--green));color:#fff;border-radius:30px;padding:46px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;margin:0 auto;width:min(1280px,90vw);box-sizing:border-box;font-family:"Plus Jakarta Sans",sans-serif}
.jquiz small{font-weight:800;letter-spacing:.16em;font-size:12px;color:#BFF0B0}
.jquiz h2{font-size:clamp(34px,4vw,58px)!important;color:#fff!important;line-height:1.05!important;margin:12px 0!important}
.jquiz h2 em{color:#8EE07A!important}
.jquiz p{color:#D9E8F5;font-size:17px;line-height:1.55}
.jquiz .qs{display:grid;gap:10px}
.jquiz .qs span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:14px 16px;font-weight:700}
.jquiz .qs span b{color:#8EE07A;margin-right:8px}
.jquiz a.go{display:inline-flex;align-items:center;gap:12px;background:#fff;color:var(--navy)!important;font-weight:800;padding:15px 18px 15px 26px;border-radius:999px;margin-top:20px;text-decoration:none}
.jquiz a.go i{font-style:normal;width:28px;height:28px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center}
.jquizwrap{padding:70px 0 10px}
@media (max-width:900px){
 .y26g,.tri,.ecof,.res,.aboutz,.amb,.vend .grid,.prog3,.ev3,.why3,.film,.jquiz{grid-template-columns:1fr}
 .facts{grid-template-columns:1fr}.fact{border-right:0;border-bottom:1.5px solid #D6E5F0;padding:28px 0}.fact+.fact{padding-left:0}
 .ecof div{margin:0 0 26px}.ecof div:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-25px;transform:translateX(-50%)}
 .vb4,.svc,.lvls{grid-template-columns:1fr 1fr}
 .aw4{grid-template-columns:1fr 1fr;gap:22px}.aw4 div{border:0;padding:0}
 .lgrid{grid-template-columns:1fr 1fr}.lgt{min-height:120px}.lgt img{max-height:52px}
 .mtg{aspect-ratio:4/5}.tri article{min-height:320px}
 .eqf{grid-template-columns:1fr;padding:22px}.urg h1{font-size:clamp(36px,10vw,56px)}
 .sg.kg b{font-size:26px}.resb .n3{grid-template-columns:1fr}
 .jquiz{padding:28px}.y26{padding:70px 0}.aw4box{padding:26px}
}
@media (max-width:520px){.vb4,.svc,.lvls{grid-template-columns:1fr}}
.news3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:900px){.news3{grid-template-columns:1fr}}
.aw4 div,.sg.kg div,.lgt,.y26c,.svc article,.lvl{min-width:0}
@media (max-width:900px){
 .aw4box .head{grid-template-columns:1fr;gap:12px}
 .aw4{grid-template-columns:1fr}
 .sg.kg b{font-size:clamp(20px,6.2vw,26px);overflow-wrap:anywhere}
 .sg.kg b small{font-size:.6em}
}
/* nav readable over dark full-bleed hero (About) */
body:has(.urg)>nav{background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 24px rgba(11,47,91,.08)}
/* kg stats: number + unit never split; big figures get full width on mobile */
.sg.kg b{white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums}
.sg.kg b small{display:inline}
@media (max-width:900px){
 .sg.kg{grid-template-columns:1fr 1fr}
 .sg.kg div:nth-child(-n+2){grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
 .sg.kg b{font-size:clamp(30px,9vw,44px);overflow-wrap:normal}
 .sg.kg div:nth-child(n+3) b{font-size:clamp(30px,9vw,40px)}
}
.pillrow>div{min-width:0}
@media (max-width:360px){.pillrow{grid-template-columns:1fr}.pillrow div+div{border-left:0;border-top:1px solid #DCE8F2}}
/* Stories index: keep kicker below the fixed nav */
body.jskin .stories-index-header,.stories-index-header{padding-top:clamp(96px,12vw,140px)}
footer .lgs img+img,.jnav .cu{width:auto}
/* menu open: solid header so page text never shows through */
body:has(.jmnav:not([hidden])) .jnav,body:has(.mnav:not([hidden]))>nav{background:#fff!important;box-shadow:0 6px 24px rgba(11,47,91,.08)}
.appnote{font-size:13px;color:var(--muted);margin:10px 0 0;line-height:1.45}
.eqf .chk span{flex:1;min-width:0}
/* story cards: inner padding so text doesn't touch the rounded edge */
body.jskin .story-card .story-card-copy{padding:20px 22px 24px}