@font-face{font-family:'Sora';font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/Sora-normal-500-800.woff) format('woff');unicode-range:U+0000-024F, U+0259, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0304, U+0308, U+0329, U+1E00-1EFF, U+2000-206F, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/Hanken-normal-400-700.woff) format('woff');unicode-range:U+0000-024F, U+0259, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0304, U+0308, U+0329, U+1E00-1EFF, U+2000-206F, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Hanken Grotesk';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/Hanken-italic-400.woff) format('woff');unicode-range:U+0000-024F, U+0259, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0304, U+0308, U+0329, U+1E00-1EFF, U+2000-206F, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{--steel:#102A43;--steel-2:#18395A;--page:#E9EEF3;--glass:#fff;--ink:#0F1B2A;--muted:#4A5A6E;--on-steel:#E8EEF5;--on-steel-2:#A9BACB;--amber:#FFB020;--link:#0B5CAD;--read:#1F8A4C;--disp:Sora,system-ui,sans-serif;--sans:'Hanken Grotesk',system-ui,sans-serif;--mx:clamp(16px,4vw,56px);--spring:cubic-bezier(.34,1.45,.5,1);--ease:cubic-bezier(.2,.8,.2,1)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--ink);font:400 18px/1.6 var(--sans);overflow-x:clip}
img,svg{display:block;max-width:100%}
a{color:var(--link);text-underline-offset:3px}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px;box-shadow:0 0 0 2px var(--ink)}
h1,h2,h3{font-family:var(--disp);font-weight:700;line-height:1.1;margin:0;letter-spacing:-.02em}
.skip{position:absolute;left:-9999px;top:8px;background:#fff;color:var(--ink);padding:8px 14px;z-index:60}.skip:focus{left:8px}
.app{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--steel);flex:none}
.app svg{width:20px;height:20px;fill:none;stroke:var(--amber);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* header + sentence picker */
.hd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding:14px var(--mx);background:var(--steel);color:var(--on-steel);position:relative;z-index:30}
.mark{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:700 1.15rem/1 var(--disp)}
.say{position:relative;display:flex;align-items:baseline;gap:8px;font-size:1.05rem}
.say-l{color:var(--on-steel-2)}
.say-w{font:700 1.05rem var(--disp);color:#fff;background:none;border:0;border-bottom:2px dashed var(--amber);padding:2px 22px 2px 2px;cursor:pointer;position:relative}
.say-w::after{content:'';position:absolute;right:4px;top:50%;width:7px;height:7px;border-right:2px solid var(--amber);border-bottom:2px solid var(--amber);transform:translateY(-70%) rotate(45deg);transition:transform .25s var(--ease)}
.say-w[aria-expanded=true]::after{transform:translateY(-20%) rotate(225deg)}
.say-p{position:absolute;right:0;top:calc(100% + 10px);min-width:240px;margin:0;padding:6px;list-style:none;background:#fff;border-radius:14px;box-shadow:0 20px 40px rgba(5,15,30,.35)}
.say-p:not([hidden]){animation:pop .3s var(--spring) both;transform-origin:top right}
@keyframes pop{from{opacity:0;transform:scale(.85) translateY(-6px)}to{opacity:1;transform:none}}
.say-p a{display:flex;justify-content:space-between;gap:16px;padding:10px 12px;border-radius:10px;color:var(--ink);text-decoration:none;font:600 1rem var(--disp)}
.say-p a span{color:var(--muted);font:500 .95rem var(--sans)}
.say-p a:hover,.say-p a:focus-visible{background:#EEF3F8}
.say-p a[aria-current=page]{box-shadow:inset 3px 0 0 var(--amber)}

/* notifications (shared) */
.note>a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:4px 12px;padding:14px 16px;background:var(--glass);color:var(--ink);text-decoration:none;border-radius:18px;box-shadow:0 1px 2px rgba(15,27,42,.08),0 8px 24px rgba(15,27,42,.10);position:relative}
.note .app{grid-row:1/span 2;width:30px;height:30px}
.n-top{display:flex;justify-content:space-between;gap:10px;font-size:.9rem;color:var(--muted)}
.n-app{font-weight:700;color:var(--ink)}
.n-t{grid-column:2;font:700 1.08rem/1.3 var(--disp)}
.n-d{grid-column:2;color:var(--muted);font-size:.98rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.n-m{grid-column:2;font-size:.9rem;color:var(--muted)}
.n-dot{position:absolute;right:14px;bottom:16px;width:10px;height:10px;border-radius:50%;background:var(--amber);transition:transform .3s var(--spring),background .3s}
.note.read .n-dot{background:var(--read);transform:scale(.7)}
.note.read .n-m::after{content:', read';color:var(--read);font-weight:600}
.note>a:hover{background:#F3F7FB}
.note>a:hover .n-t{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.notes{list-style:none;margin:0;padding:0;display:grid;gap:12px}

/* lock screen hero */
.lock{background:var(--steel);color:var(--on-steel);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:clamp(28px,6vw,90px);align-items:start;padding:clamp(40px,7vw,100px) var(--mx) clamp(56px,8vw,120px)}
.lock h1{font-size:clamp(2.8rem,7vw,6rem);font-weight:800;color:#fff;line-height:1}
.lock .dek{font-size:clamp(1.05rem,1.5vw,1.25rem);max-width:44ch;margin:22px 0 0;color:var(--on-steel)}
.st-h{display:flex;justify-content:space-between;align-items:center;margin:0 4px 10px}
.st-h p{margin:0;font:700 1.1rem var(--disp);color:#fff}
.st-b{font:600 .95rem var(--sans);color:var(--ink);background:rgba(232,238,245,.9);border:0;border-radius:999px;padding:6px 14px;cursor:pointer}
.st-l{list-style:none;margin:0;padding:0;display:grid;gap:10px;position:relative}
.js .stack.shut .st-l{gap:0}
.js .stack.shut .note:nth-child(n+2){position:absolute;left:calc(var(--i) * 10px);right:calc(var(--i) * 10px);top:0;bottom:calc(var(--i) * -11px);z-index:calc(10 - var(--i));overflow:hidden;border-radius:18px;pointer-events:none;opacity:calc(1 - var(--i) * .22)}
.js .stack.shut .note:nth-child(n+2)>a{height:100%;filter:brightness(.97)}
.js .stack.shut .note:nth-child(n+2)>a>*{visibility:hidden}
.js .stack.shut .note:nth-child(n+4){display:none}
.js .stack.shut .note:first-child{z-index:10}
.js .stack.shut{padding-bottom:22px}
.st-l .note{position:relative}
.js .stack:not(.shut) .note:nth-child(n+2){animation:drop .6s calc(var(--i) * 60ms) var(--spring) both}
@keyframes drop{from{transform:translateY(calc(var(--i) * -60px)) scale(.94);opacity:0}}
.js .stack .note:first-child{animation:arrive .7s .1s var(--spring) both}
@keyframes arrive{from{transform:translateY(-40px) scale(.9);opacity:0}}

/* shield */
.shield{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center;max-width:1100px;margin:0 auto;padding:clamp(48px,7vw,96px) var(--mx)}
.sh-v svg{width:100%;max-width:260px;margin:0 auto}
.sh-bg{fill:#D6DFE8}
.sg{fill:var(--read);transform-box:fill-box;transform-origin:bottom;transform:scaleY(0);transition:transform .6s var(--spring)}
.sg.on{transform:none}
.sh-o{fill:none;stroke:var(--steel);stroke-width:5}
.sh-c h2,.all h2,.clear h2{font-size:clamp(2rem,4.4vw,3.2rem)}
.sh-c p{color:var(--muted);max-width:56ch}
.sw{display:flex;align-items:center;gap:14px;cursor:pointer;font-weight:600;margin:18px 0 6px}
.sw input{position:absolute;opacity:0;width:1px;height:1px}
.sw-t{width:54px;height:32px;border-radius:999px;background:#B8C4D0;position:relative;flex:none;transition:background .25s}
.sw-t::after{content:'';position:absolute;left:3px;top:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.25);transition:transform .35s var(--spring)}
.sw input:checked+.sw-t{background:var(--read)}
.sw input:checked+.sw-t::after{transform:translateX(22px)}
.sw input:focus-visible+.sw-t{outline:3px solid var(--amber);outline-offset:2px}
.sh-s{font-weight:600;color:var(--ink)!important}
.sh-f{font:600 .95rem var(--sans);background:none;border:0;color:var(--link);text-decoration:underline;cursor:pointer;padding:0}

/* every alert */
.all{max-width:1180px;margin:0 auto;padding:0 var(--mx) clamp(48px,7vw,96px)}
.all h2{margin-bottom:26px}
.grps{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:36px;align-items:start}
.grp h3{display:flex;align-items:baseline;gap:10px;font-size:1.4rem;margin:0 0 14px}
.grp h3 a{color:var(--ink);text-decoration:none}
.grp h3 a:hover{text-decoration:underline}
.grp h3 span{font:600 .95rem var(--sans);color:var(--muted)}
.g-b{display:grid;gap:36px}

/* ending */
.clear{background:var(--steel);color:var(--on-steel);padding:clamp(56px,8vw,110px) var(--mx);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:20px 56px;align-items:center}
.clear h2{color:#fff}
.cl-s{grid-column:1;margin:0;font-size:1.15rem;color:var(--on-steel)}
.cl-n{grid-column:2;grid-row:1/span 2}
.clear h2{align-self:end}

/* article */
.ar-h{background:var(--steel);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,5vw,60px);align-items:center;padding:clamp(32px,6vw,80px) var(--mx)}
.ar-n{background:var(--glass);border-radius:24px;padding:clamp(20px,3vw,34px);box-shadow:0 24px 50px rgba(0,0,0,.3);animation:arrive .7s var(--spring) both}
.ar-n .app{width:40px;height:40px;border-radius:11px;margin-bottom:14px}
.ar-n .app svg{width:26px;height:26px}
.ar-k{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 12px;color:var(--muted);font-size:.95rem}
.ar-k a{font-weight:700}
.ar-n h1{font-size:clamp(2rem,4.2vw,3.5rem);font-weight:800}
.ar-d{margin:14px 0 0;color:var(--muted);font-size:1.08rem}
.ar-pic{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/3;background:var(--steel-2)}
.ar-pic img,.ar-pic svg{width:100%;height:100%;object-fit:cover}
.prose{max-width:780px;margin:0 auto;padding:clamp(36px,5vw,64px) var(--mx)}
.prose h2{font-size:clamp(1.6rem,2.8vw,2.1rem);margin:1.6em 0 .5em;scroll-margin-top:20px}
.prose h3{font-size:1.3rem;margin:1.4em 0 .4em}
.prose li{margin:.3em 0}
.prose img{height:auto;border-radius:12px}
.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;font-size:.95rem}
.prose th,.prose td{border-bottom:1px solid #C9D3DD;padding:9px 10px;text-align:left;vertical-align:top}
.prose blockquote{margin:1.4em 0;padding:4px 0 4px 18px;border-left:4px solid var(--amber)}
.prose pre{overflow-x:auto;background:#fff;padding:14px;border-radius:12px}
.prose .v358-meta{color:var(--muted);font-size:.95rem}
.prose .v358-toc,.prose .quick-answer,.prose .v463-about,.prose .v302-checked,.prose .dyor-disclosure{background:#fff;border-radius:16px;padding:16px 20px;margin:1.4em 0;box-shadow:0 1px 2px rgba(15,27,42,.06)}
.prose .quick-answer{box-shadow:inset 4px 0 0 var(--amber)}
.prose .v358-related{border-top:1px solid #C9D3DD;margin-top:2em;padding-top:1em}
.toast{position:fixed;left:50%;top:14px;z-index:50;transform:translate(-50%,-140%);background:var(--ink);color:#fff;border-radius:16px;padding:12px 18px;font-weight:600;box-shadow:0 14px 30px rgba(0,0,0,.3);transition:transform .5s var(--spring);max-width:calc(100vw - 32px)}
.toast.on{transform:translate(-50%,0)}
.toast:empty{display:none}
.nextn{max-width:780px;margin:0 auto;padding:0 var(--mx) clamp(56px,8vw,96px)}
.nextn h2{font-size:1.5rem;margin-bottom:14px}

/* topic, trust, 404 */
.tp{max-width:860px;margin:0 auto;padding:clamp(36px,6vw,80px) var(--mx)}
.tp header{margin-bottom:26px}
.tp h1{font-size:clamp(2.4rem,6vw,4.4rem);font-weight:800}
.tp header p{color:var(--muted);margin:10px 0 0}
.none{background:#fff;border-radius:18px;padding:18px}
.tr{max-width:820px;margin:clamp(28px,5vw,64px) auto;background:#fff;border-radius:24px;padding:clamp(24px,5vw,56px)}
.tr h1{font-size:clamp(2.2rem,5vw,3.4rem);margin-bottom:.5em}
.tr h2{font-size:1.5rem;margin:1.5em 0 .4em}
.tr-b input,.tr-b textarea,.tr-b select{font:inherit;max-width:100%;padding:10px 12px;border:2px solid #B8C4D0;border-radius:10px}
.tr-b button,.tr-b [type=submit]{font:700 1rem var(--sans);background:var(--steel);color:#fff;border:0;border-radius:999px;padding:12px 22px;cursor:pointer}
.lost{max-width:620px;margin:0 auto;padding:clamp(48px,8vw,110px) var(--mx);display:grid;gap:24px}
.lost h1{font-size:clamp(2rem,5vw,3rem)}

/* footer */
.ft{display:grid;grid-template-columns:1.4fr .8fr 1.4fr .8fr;gap:28px;padding:48px var(--mx) 26px;background:#0A1E31;color:var(--on-steel-2);font-size:.98rem}
.ft-n{font:700 1.4rem var(--disp);color:#fff;margin:0 0 8px}
.ft nav{display:flex;flex-direction:column;gap:6px}
.ft a{color:#fff;text-decoration:none}.ft a:hover{text-decoration:underline}
.ft-c{grid-column:1/-1;border-top:1px solid #23415F;padding-top:14px;margin:8px 0 0}

@media (max-width:960px){
 .lock,.ar-h,.clear{grid-template-columns:minmax(0,1fr)}
 .cl-n{grid-column:1;grid-row:auto}
 .grps{grid-template-columns:minmax(0,1fr)}
 .ft{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
 body{font-size:17px}
 .shield{grid-template-columns:minmax(0,1fr)}
 .sh-v svg{max-width:170px}
 .say-p{right:auto;left:0}
 .hd{padding-top:12px;padding-bottom:12px}
 .ar-pic{aspect-ratio:16/10}
}
@media (max-width:480px){.ft{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.lock .note>a{padding:18px 20px;border-radius:22px}
.lock .n-t{font-size:clamp(1.1rem,1.7vw,1.35rem)}
.lock .n-d{font-size:1.02rem}
.l-copy{padding-top:clamp(0px,3vw,40px)}

/* long URLs in prose and policy pages wrap instead of running off a phone screen */
main a{overflow-wrap:anywhere}
main p,main li,main td,main dd{overflow-wrap:break-word}