@font-face{font-family:"Aeonik";font-style:normal;font-weight:300;font-display:swap;src:url(fonts/aeonik-Light.woff2) format("woff2")}
@font-face{font-family:"Aeonik";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/aeonik-Regular.woff2) format("woff2")}
@font-face{font-family:"Aeonik";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/aeonik-Medium.woff2) format("woff2")}
@font-face{font-family:"Aeonik";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/aeonik-Bold.woff2) format("woff2")}
@font-face{font-family:"Aeonik";font-style:normal;font-weight:800 900;font-display:swap;src:url(fonts/aeonik-Black.woff2) format("woff2")}
@font-face{font-family:"Aeonik";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/aeonik-RegularItalic.woff2) format("woff2")}
@font-face{font-family:"Aeonik";font-style:italic;font-weight:500;font-display:swap;src:url(fonts/aeonik-MediumItalic.woff2) format("woff2")}

/* Design system = Newing Q2/2026 newsletter (sampled from the live page) */
:root{
  --bg:#F8F7E9;        /* page cream */
  --navy:#122757;      /* title, headings */
  --navy-sub:#112D52;  /* italic subtitle */
  --ink:#051D40;       /* body text + dark panels */
  --gold:#D59A04;      /* section headings, numerals, accents */
  --grey:#545454;      /* secondary heading line */
  --peach:#FEEDC7;     /* content panels */
  --btn:#F8CC64;       /* yellow buttons */
  --rule:#85898C;      /* thin rules */
  --dot:#FFC150;       /* halftone */
  --pad:clamp(20px,7.7vw,99px);--max:1082px
}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:400 clamp(1rem,.92rem + .4vw,1.25rem)/1.45 "Aeonik",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;overflow-x:clip}
a{color:inherit;text-underline-offset:.2em}
:focus-visible{outline:3px solid var(--navy);outline-offset:3px;border-radius:2px}
.wrap{width:100%;max-width:calc(var(--max) + 2*var(--pad));margin-inline:auto;padding-inline:var(--pad)}
strong,b{font-weight:700}
p+p{margin-top:.9em}
p{max-width:none}
h1,h2,h3,h4{font-weight:700;text-wrap:balance}
h3,h4{color:var(--navy);line-height:1.12;letter-spacing:0}

/* hero: Q2 masthead, two halftone panels on a cream gradient */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--ink);background:#FAF8EC url(img/zalo-image-108-800w.webp) center/cover no-repeat}
@media(min-width:801px){.hero{background-image:url(img/zalo-image-108-1600w.webp)}}
.hero::before,.hero::after{content:"";position:absolute;background:url(img/halftone-hero.svg) center/contain no-repeat;pointer-events:none;aspect-ratio:900/760}
.hero::before{width:min(46vw,600px);height:min(22vw,290px);left:30%;top:0;background-size:100% auto;background-position:top;opacity:.95}
.hero::after{width:min(48vw,600px);height:min(18vw,235px);right:0;top:min(43vw,550px);background-size:100% auto;background-position:right bottom;transform:none;opacity:.95}
.bar,.hero-body{z-index:1;position:relative}
.bar{display:flex;justify-content:space-between;align-items:center;padding-block:clamp(24px,4vw,64px) 0;position:relative}
.mark{display:block;line-height:0}
.mark img{display:block;width:clamp(96px,12.7vw,163px);height:auto}
.bar span{font-weight:400;font-size:clamp(1.1rem,2.6vw,2.08rem);color:var(--navy)}
.hero-body{position:relative;padding-block:clamp(36px,7vw,100px) clamp(40px,6vw,80px)}
.kicker{font-size:clamp(2.1rem,7.2vw,6.2rem);font-weight:700;text-transform:uppercase;letter-spacing:0;line-height:1.05;color:var(--navy)}
.headline{margin-top:clamp(18px,3vw,40px);font-size:clamp(1.3rem,3.1vw,2.5rem);font-weight:500;font-style:italic;line-height:1.4;color:var(--navy-sub);max-width:none}
.stats-h{position:relative;margin-top:clamp(40px,6vw,80px);font-weight:700;font-size:clamp(1.35rem,3.1vw,2.5rem);color:var(--navy);line-height:1.12}
.stats{position:relative;list-style:none;padding:0;margin-top:clamp(14px,2vw,24px);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.5vw,20px)}
.stats li{background:var(--peach);padding:clamp(14px,2vw,26px);display:flex;flex-direction:column;gap:8px}
.stats .ill{width:clamp(72px,8vw,96px);height:auto;aspect-ratio:1;margin-bottom:clamp(6px,1vw,14px)}
.stats b{font-size:clamp(2.6rem,6.4vw,5.2rem);font-weight:700;line-height:.95;color:var(--gold)}
.stats span{font-size:clamp(.9rem,1.5vw,1.2rem);line-height:1.3;color:var(--ink)}

/* sections: Q2 rhythm = cream, thin full-width rule, gold numbered heading, navy bold sub-heading */
section{padding-block:clamp(48px,8vw,112px);border-bottom:1px solid var(--rule)}
.sec-head{margin-bottom:clamp(28px,4vw,56px)}
.sec-head h2{font-size:clamp(1.9rem,7.4vw,5.9rem);line-height:1.03;letter-spacing:0;text-transform:uppercase;color:var(--gold);text-wrap:balance}
.sec-head p{font-weight:700;font-size:clamp(1.35rem,3.1vw,2.5rem);line-height:1.15;margin-top:clamp(12px,2vw,24px);color:var(--navy);max-width:none}
.story{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,4vw,56px);align-items:start}
.story h3{font-size:clamp(1.5rem,3.1vw,2.5rem)}
.story>h3{grid-column:1/-1;margin-bottom:-8px}
.big{margin-top:clamp(20px,3vw,32px);padding:clamp(16px,2.4vw,28px);background:var(--peach)}
.big b{display:block;font-size:clamp(3.2rem,7vw,5.6rem);font-weight:700;line-height:.95;color:var(--gold)}
.big span{display:block;margin-top:8px;font-weight:700}
.tri{list-style:none;padding:0;margin:1.1em 0;display:grid;gap:10px}
.tri li{display:flex;gap:14px;padding:14px 16px;background:var(--peach)}
.tri li::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;background:var(--gold);margin-top:.5em}
.pull{font-weight:500;font-style:italic;font-size:clamp(1.1rem,1.9vw,1.5rem);line-height:1.4;max-width:none;margin-block:1.4em;padding:clamp(18px,2.4vw,32px);background:var(--ink);color:#FBF8EC}
.sub{margin-top:clamp(48px,7vw,96px);font-size:clamp(1.5rem,3.1vw,2.5rem);padding-top:clamp(20px,3vw,40px);border-top:1px solid var(--rule)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,28px);margin-top:clamp(20px,3vw,40px)}
.card{padding:clamp(18px,2.6vw,36px);background:var(--peach)}
.card h3{font-size:clamp(1.3rem,2.4vw,2rem);margin-bottom:.6em}
.steps{display:flex;flex-wrap:wrap;gap:6px 0;background:var(--ink);color:#FBF8EC;padding:clamp(18px,2.4vw,30px);margin-block:1.4em;font-weight:700;font-size:clamp(1rem,1.7vw,1.4rem);line-height:1.5;max-width:none}
.steps i{font-style:normal;color:var(--btn)}
.ask{font-weight:700;font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.25;max-width:none;margin-block:1em;color:var(--navy)}
.mods{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,28px);margin-top:clamp(20px,3vw,40px)}
.mod{padding:clamp(18px,2.2vw,30px);background:var(--peach)}
.mod .tag{display:inline-block;font-weight:700;letter-spacing:.08em;font-size:.85rem;color:var(--ink);padding-bottom:4px;margin-bottom:14px;border-bottom:3px solid var(--gold)}
.mod-ph{margin:0 0 clamp(14px,1.6vw,20px)}
.mod-ph img{display:block;width:100%;height:auto;box-shadow:0 8px 28px rgb(5 29 64/.18)}
.mod-ph img[src*="module1"],.mod-ph img[src*="module2"],.mod-ph img[src*="module3"]{aspect-ratio:16/9;object-fit:cover}
.mod h4{font-size:clamp(1.25rem,2vw,1.6rem);margin-bottom:14px}
.mod p{font-size:1rem}
.mod .ask{font-size:1.1rem;margin-block:.9em}

/* what's next: Q2 section V = gold heading, peach panels */
.next .card.wide{grid-column:1/-1}
.next .card.wide p{max-width:none}
.next .card.has-ph{display:grid;grid-template-columns:5fr 7fr;gap:0 clamp(20px,3.5vw,48px);align-items:start}
.next .card.has-ph.flip{grid-template-columns:7fr 5fr}
.next .card.has-ph.flip .ph{order:2}
.next .card.has-ph .ph-card{margin-bottom:0}
.cta{display:inline-block;margin-top:1.2em;background:var(--btn);color:var(--ink);font-weight:500;padding:.55em 1.6em;text-decoration:underline;text-underline-offset:.18em;border-radius:0;text-align:center}
.cta:hover{background:#F2BB45}

/* closing */
.closing{border-bottom:1px solid var(--rule)}
.closing p{font-size:clamp(1.1rem,1.9vw,1.5rem);line-height:1.5;max-width:none}
.closing .lead{font-weight:700;font-size:clamp(1.6rem,3.6vw,2.9rem);line-height:1.12;max-width:none;color:var(--navy);margin-bottom:.7em}

/* footer: Q2 = near-white band, gold thanks line, italic navy second line, yellow buttons */
footer{background:#FEFEFC;border-top:1px solid var(--rule);padding-block:clamp(40px,6vw,80px) 36px}
.thanks{text-align:center}
.thanks p{margin-inline:auto;max-width:none}
.t1{font-weight:700;font-size:clamp(1.25rem,2.6vw,2.1rem);line-height:1.15;color:var(--gold);text-wrap:balance}
.t2{margin-top:.2em;font-weight:500;font-style:italic;font-size:clamp(1.1rem,2.2vw,1.8rem);color:var(--navy-sub)}
.thanks .cta{margin-top:1.6em}
.past{margin-top:clamp(36px,5vw,64px);padding-top:clamp(20px,3vw,32px);border-top:1px solid var(--rule);text-align:center}
.past h2{font-size:clamp(1.25rem,2.4vw,1.9rem);color:var(--navy)}
.past ul{list-style:none;padding:0;margin-top:clamp(14px,2vw,24px);display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,1.5vw,20px)}
.past li{display:flex}
.past a{flex:1;padding:.55em .8em;background:var(--navy);color:#fff;font-weight:500;text-decoration:none;text-align:center;font-size:clamp(.95rem,1.7vw,1.3rem)}
.follow{margin-top:clamp(28px,4vw,48px);padding-top:clamp(18px,2.6vw,28px);border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px}
.follow p{font-weight:700;color:var(--navy);width:100%}
.social{list-style:none;padding:0;display:flex;gap:10px;color:var(--navy)}
.social a,.social span{display:grid;place-items:center;width:44px;height:44px;text-decoration:none}
.social a:hover{color:var(--gold)}
.wordmark{margin-top:clamp(24px,4vw,40px);text-align:right}
.wordmark img{display:inline-block;width:clamp(120px,15vw,190px);height:auto}
.credit{margin-top:36px;font-size:.8rem;opacity:.7;text-align:center;max-width:none}

/* photos: Q2 treatment = natural colour, square corners, soft shadow, small caption */
.ph{margin:0}
.ph-wide{margin-bottom:clamp(32px,5vw,72px)}
.hero .ph-wide{margin-top:clamp(28px,4vw,48px);margin-bottom:0}
.ph-card{margin-bottom:clamp(16px,2vw,24px)}
.ph-img{overflow:hidden;box-shadow:0 8px 28px rgb(5 29 64/.18);background:var(--peach)}
.ph-img img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover}
.ph-card .ph-img img{aspect-ratio:16/10}
.ph-wide .ph-img img{aspect-ratio:16/9}
.ph-contain .ph-img img{aspect-ratio:auto;object-fit:contain}
#movements+.grid .ph-card .ph-img img{aspect-ratio:1/1}
#movements+.grid .ph-contain .ph-img img{aspect-ratio:1/1;object-fit:contain}
@media(min-width:641px){
  #movements+.grid{--g:clamp(14px,2vw,28px);--p:clamp(18px,2.6vw,36px)}
  #movements+.grid .card:last-child{grid-column:1/-1}
  #movements+.grid .card:last-child .ph-img img{aspect-ratio:2/1}
  #movements+.grid .card:last-child .ph-aeon .ph-img img{aspect-ratio:1/1}
}
.ph-aeon-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1.4vw,16px)}
#movements+.grid .ph-aeon .ph-img{min-width:0}
#movements+.grid .ph-aeon .ph-img img{aspect-ratio:1/1;object-position:50% 20%}
.ph-side{margin-top:clamp(20px,3vw,32px)}
.ph-side .ph-img img{aspect-ratio:4/3}
.ph-pair{grid-column:1/-1}
.ph-pair-row{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden;box-shadow:0 8px 28px rgb(5 29 64/.18);background:var(--peach)}
.ph-pair .ph-img{box-shadow:none;min-width:0}
.ph-pair .ph-img img{aspect-ratio:16/10}
.story>div{grid-column:1/-1}
.ph-band{margin-block:clamp(24px,4vw,48px)}

@media(max-width:820px){
  .story{grid-template-columns:1fr}
  .mods{grid-template-columns:1fr}
  .next .card.has-ph,.next .card.has-ph.flip{display:block}
  .next .card.has-ph .ph-card{margin-bottom:16px}
  .hero::before{width:36vw;left:34%;height:12vw;top:0}
  .hero::after{width:34vw;height:30vw;top:88vw}
}
@media(max-width:767px){
  .ph-pair-row{grid-template-columns:1fr}
}
@media(max-width:640px){
  .stats{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr}
  .ph-wide .ph-img img,.ph-band .ph-img img{aspect-ratio:3/2}
  .follow{justify-content:flex-start}
  .wordmark{text-align:left}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Q3 part 2: section label, NIM sub-blocks, instructor credits, reserved slots, closing */
.sec-head .alt{display:inline-block;margin-top:clamp(10px,1.6vw,18px);font-weight:700;letter-spacing:.08em;font-size:clamp(.85rem,1.4vw,1.1rem);color:var(--ink);padding-bottom:4px;border-bottom:3px solid var(--gold);text-transform:uppercase}
.nim-more{margin-top:clamp(28px,4vw,48px);display:grid;gap:clamp(14px,2vw,24px)}
.nim-more>p{max-width:none}
.ph-poster{max-width:760px;width:100%;margin-inline:auto}
.ph-poster img{display:block;width:100%;height:auto;box-shadow:0 8px 28px rgb(5 29 64/.18)}
.mod{display:flex;flex-direction:column}
.inst{margin-top:auto;padding-top:18px}
.inst .lbl{display:block;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;color:var(--gold);padding-top:14px;border-top:1px solid var(--gold);margin-bottom:12px}
.inst ul{list-style:none;padding:0;display:grid;gap:14px}
.inst li{display:grid;grid-template-columns:1fr;align-items:start}
.inst p{font-size:.9rem;line-height:1.4;margin:0}
.inst strong{color:var(--navy)}
.reserved{max-width:none;padding:clamp(18px,2.6vw,32px);border:1px solid var(--rule);background:transparent;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.5;color:var(--grey)}
.slot{margin:0 0 clamp(16px,2vw,24px);aspect-ratio:16/10;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;text-align:center;padding:16px;background:var(--bg) url(img/halftone-disc.svg) no-repeat right -40px bottom -40px/45%;border:1px solid var(--gold);outline:1px solid var(--gold);outline-offset:-8px}
.slot-mark{font-weight:700;color:var(--navy);font-size:clamp(1.1rem,2vw,1.6rem);line-height:1.15}
.slot-sub{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}
.next .card.has-ph.flip .slot{order:2}
.closing .lead{max-width:none;font-size:clamp(1.5rem,3.8vw,3.2rem);text-wrap:balance}
.closing .lead span{display:block}
.closing .lead span+span{margin-top:.5em}
@media(max-width:820px){.slot{margin-bottom:16px}}
.sec-head p.gold{color:var(--gold)}

/* Q2 series grammar: top nav strip, language switch, eyebrow, highlight cards, contact */
.topnav{position:sticky;top:0;z-index:10;background:rgb(248 247 233/.96);backdrop-filter:blur(6px);border-bottom:1px solid rgb(5 29 64/.12)}
.topnav ul{list-style:none;padding:0;display:flex;gap:6px 28px;justify-content:flex-end;overflow-x:auto;scrollbar-width:none;padding-inline:var(--pad)}
.topnav ul::-webkit-scrollbar{display:none}
.topnav a{display:block;padding:14px 0;font-weight:500;font-size:.875rem;white-space:nowrap;text-decoration:none;color:var(--ink)}
.topnav a:hover{color:var(--gold)}
@media(max-width:700px){.topnav{position:static}.topnav ul{justify-content:flex-start;flex-wrap:wrap;overflow:visible;gap:0 20px}.topnav a{padding:8px 0}}
.lang{display:flex;gap:.4em;align-items:baseline;font-size:clamp(1.1rem,2.6vw,2rem);color:var(--navy)}
.lang .cur{font-weight:700;text-decoration:underline;text-underline-offset:.2em}
.lang .off{opacity:.6}
.eyebrow{display:flex;flex-wrap:wrap;gap:.2em .5em;align-items:baseline;margin-bottom:clamp(14px,2vw,24px);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(1rem,2.4vw,1.75rem);color:var(--ink);max-width:none}
.eyebrow span{color:var(--gold)}
#abc,#movements,#alibaba,#bootcamp,#diem-nhan,#highlights{scroll-margin-top:64px}
.contact{margin-top:clamp(28px,4vw,48px);padding-top:clamp(18px,2.6vw,28px);border-top:1px solid var(--rule);text-align:center}
.contact p{margin-inline:auto;font-weight:700;color:var(--navy)}
.contact a{display:inline-block;margin-top:6px;font-weight:700;font-size:1.25rem;color:var(--gold);text-decoration-thickness:2px}
.inst li{grid-template-columns:60px 1fr;gap:14px}
.pt{display:block;width:60px;height:60px;border-radius:50%;object-fit:cover;background:#a3a3ad}
@media(max-width:640px){
  .stats b{font-size:clamp(2.2rem,11vw,3rem)}
  .stats li{padding:12px}
}

@media(min-width:821px){
  #abc>div{column-count:2;column-gap:clamp(28px,4vw,56px)}
  #abc>div>*{break-inside:avoid}
  #abc>div>.pull,#abc>div>.span-all{column-span:all}
  #abc>div>.col-break{break-before:column;margin-top:0}
}

.ph-quad{margin:24px 0}
.ph-quad-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ph-quad .ph-img{min-width:0}
.ph-quad .ph-img img{aspect-ratio:1/1;object-fit:cover;object-position:50% 25%}
@media(max-width:640px){.ph-quad-row{grid-template-columns:repeat(2,minmax(0,1fr))}}

.story-cta{margin:0 0 8px;text-align:center}
.story-cta .cta{margin-top:0;min-height:44px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
.story-cta .cta:hover{background:var(--navy);color:var(--btn)}
.story-cta .cta:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
@media(max-width:820px){.story-cta .cta{display:flex;width:100%}}

/* CTAs centred in their container */
.cta{display:block;width:fit-content;margin-inline:auto}
.story-cta{text-align:center}
.story-cta .cta{display:flex;width:fit-content;margin-inline:auto}
@media(max-width:820px){.story-cta .cta{width:100%}}
@media(max-width:640px){.cta{max-width:100%}}

/* Section IV: vertical timeline (navy rail + gold dots), image left, text right */
.timeline{position:relative;margin-top:clamp(20px,3vw,40px);padding-left:clamp(28px,4vw,48px)}
.timeline::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:3px;background:var(--navy)}
.tl-row{position:relative;display:grid;grid-template-columns:44fr 56fr;gap:0 clamp(20px,3.5vw,48px);align-items:center;background:var(--peach);padding:clamp(16px,2.2vw,28px)}
.tl-row+.tl-row{margin-top:clamp(20px,3vw,36px)}
.tl-row::before{content:"";position:absolute;left:calc(-1*clamp(28px,4vw,48px) + 1px);top:clamp(24px,3vw,36px);width:15px;height:15px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px var(--bg)}
.tl-row .slot,.tl-row .ph-card{margin:0;min-width:0}
.tl-row .ph-card .ph-img img{aspect-ratio:16/9;object-fit:cover;width:100%}
.tl-row .slot{aspect-ratio:16/9}
.tl-text{min-width:0}
.tl-text p{max-width:none}
@media(max-width:820px){
  .tl-row{display:block}
  .tl-row .slot,.tl-row .ph-card{margin-bottom:16px}
}
.ph-shot{margin:clamp(16px,2vw,24px) 0}
.ph-shot .ph-img img{aspect-ratio:1370/422;object-fit:contain}
.ph-shot figcaption{margin-top:8px;font-size:.875rem;font-style:italic;opacity:.8}
@media(min-width:821px){#abc>div>.ph-shot{column-span:all}}

/* Cainiao: feature panel inside the Q3 highlights block, same surface as the stat tiles */
.cainiao{position:relative;margin-top:clamp(8px,1.5vw,20px);background:var(--peach);padding:clamp(14px,2vw,26px);display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(16px,2.5vw,32px);align-items:center}
.cainiao h3{font-size:clamp(1.1rem,2vw,1.6rem);line-height:1.15;color:var(--navy);text-transform:uppercase}
.cainiao p{margin-top:clamp(10px,1.4vw,16px);font-size:clamp(.9rem,1.25vw,1.05rem);line-height:1.45}
.cainiao .ph-img img{aspect-ratio:3/2;object-position:50% 40%}
@media(max-width:820px){.cainiao{grid-template-columns:1fr}.cainiao .ph{order:-1}}

/* NSN case (section IV) */
.nsn-sub{font-weight:700;font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.25;color:var(--navy);margin-top:1.4em}
#nsn>div>.nsn-sub:first-child{margin-top:0}

/* Language switch (links), numbered .tri lists, 4-tile stats, footer language link */
.lang a{color:inherit;text-decoration:none;padding:.5em .35em;margin:-.5em -.35em}
.lang .off{opacity:.6}
.lang .off:hover{opacity:1}
.lang .cur{color:var(--gold);font-weight:700;text-decoration:underline;text-underline-offset:.2em;opacity:1}
ol.tri{counter-reset:n}
ol.tri li::before{counter-increment:n;content:counter(n);width:1.7em;height:1.7em;margin-top:0;display:grid;place-items:center;font-size:.8rem;font-weight:700;color:#fff}
.mod .pull{font-size:clamp(1rem,1.6vw,1.2rem);margin-block:1em;padding:clamp(14px,2vw,22px)}
.stats.four{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.stats.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.stats.four{grid-template-columns:1fr}}
.langfoot{margin-top:20px;text-align:center;font-size:.8rem;max-width:none}
.langfoot a{color:inherit;opacity:.7;text-decoration:none;padding:.6em .8em;letter-spacing:.08em}
.langfoot a:hover{opacity:1;text-decoration:underline}
.langfoot span{opacity:.7}
.langfoot [aria-current]{opacity:1;font-weight:700}