:root{--navy:#1e1b4b;--indigo:#4338ca;--violet:#7c3aed;--emerald:#10b981;--saffron:#f59e0b;--coral:#f43f5e;--sky:#0ea5e9;--bg:#f5f3ff;--card:#fff;--ink:#1f2142;--mute:#5b5f86;--line:#e4e1fb;--r:18px;--shadow:0 10px 30px -12px rgba(67,56,202,.28);--font:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.7 var(--font);color:var(--ink);background:var(--bg)}
img{max-width:100%;height:auto;display:block}a{color:var(--indigo);text-underline-offset:3px}a:hover{color:var(--violet)}
.wrap{max-width:1140px;margin:0 auto;padding:0 18px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px 12px;z-index:99}
/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:14px;min-height:66px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--navy);text-decoration:none;font-size:18px;line-height:1.1}
.logo svg{flex:none}.logo small{display:block;font-weight:600;color:var(--mute);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.nav{margin-left:auto;display:flex;gap:2px;align-items:center}
.nav>div{position:relative}.nav>div>a{display:block;padding:10px 12px;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:700;font-size:15px}
.nav>div>a:hover,.nav>div:focus-within>a{background:#eef2ff;color:var(--indigo)}
.drop{display:none;position:absolute;left:0;top:100%;min-width:290px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:var(--shadow)}
.nav>div:hover .drop,.nav>div:focus-within .drop{display:block}.drop a{display:block;padding:9px 12px;border-radius:9px;color:var(--ink);text-decoration:none;font-size:15px}.drop a:hover{background:#eef2ff;color:var(--indigo)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:800;text-decoration:none;border:0;cursor:pointer;font-size:16px}
.btn-main{background:linear-gradient(135deg,var(--emerald),#059669);color:#fff;box-shadow:0 8px 20px -8px rgba(16,185,129,.7)}.btn-main:hover{color:#fff;filter:brightness(1.07)}
.btn-alt{background:var(--saffron);color:#2b1a00}.btn-alt:hover{color:#2b1a00;filter:brightness(1.05)}
.btn-ghost{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.4)}.btn-ghost:hover{color:#fff;background:rgba(255,255,255,.24)}
.burger{display:none;margin-left:auto;background:var(--indigo);color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:800}
/* hero */
.hero{background:radial-gradient(1200px 400px at 90% -10%,rgba(245,158,11,.35),transparent),radial-gradient(900px 500px at -10% 110%,rgba(16,185,129,.28),transparent),linear-gradient(135deg,var(--navy),var(--indigo) 60%,var(--violet));color:#fff;padding:44px 0 56px}
.crumbs{font-size:14px;margin:0 0 14px;color:#c7d2fe}.crumbs a{color:#e0e7ff}.crumbs span{opacity:.6;margin:0 6px}
.hero h1{font-size:clamp(28px,4.4vw,48px);line-height:1.12;margin:0 0 16px;letter-spacing:-.02em}
.meta{font-size:14px;color:#c7d2fe;margin:12px 0 0}
.answer-box{background:rgba(255,255,255,.96);color:var(--ink);border-left:7px solid var(--saffron);border-radius:14px;padding:16px 20px;margin:18px 0;box-shadow:0 12px 30px -14px rgba(0,0,0,.5);max-width:820px}
.answer-box b{color:var(--indigo)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center}.hero-grid>*,.layout>*{min-width:0}h1,h2,h3{overflow-wrap:break-word}
.picker{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:22px;padding:20px}
.picker p{margin:0 0 10px;font-weight:800}.picker a{display:flex;justify-content:space-between;gap:8px;background:#fff;color:var(--navy);text-decoration:none;font-weight:700;border-radius:12px;padding:12px 14px;margin-bottom:8px}.picker a:hover{background:#fef3c7;color:var(--navy)}
/* layout */
main{padding:28px 0 20px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
article.card{padding:30px 34px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 26px}
.fact{background:linear-gradient(160deg,#fff,#eef2ff);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.fact b{display:block;font-size:22px;color:var(--indigo);line-height:1.2}.fact span{font-size:14px;color:var(--mute)}
.block-title{font-weight:800;font-size:20px;color:var(--navy);margin:0 0 10px}
.steps-list{counter-reset:s;list-style:none;padding:0;margin:0 0 28px;display:grid;gap:10px}
.steps-list li{counter-increment:s;position:relative;background:#f8faff;border:1px solid var(--line);border-radius:14px;padding:12px 14px 12px 58px}
.steps-list li:before{content:counter(s);position:absolute;left:12px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:var(--indigo);color:#fff;font-weight:800;display:grid;place-items:center}
article h2{font-size:clamp(23px,3vw,30px);line-height:1.25;color:var(--navy);margin:38px 0 12px;padding-left:16px;border-left:6px solid var(--saffron);letter-spacing:-.01em}
article h3{font-size:19px;line-height:1.35;margin:22px 0 6px;color:var(--indigo)}
article h3:before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;background:var(--emerald);margin-right:9px;transform:rotate(45deg)}
article p{margin:0 0 14px}
dl.terms{display:grid;gap:8px;margin:12px 0}dl.terms div{background:#f8faff;border:1px solid var(--line);border-radius:12px;padding:10px 14px}dl.terms dt{font-weight:800;color:var(--indigo)}dl.terms dd{margin:2px 0 0}
figure.info{margin:26px 0;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
figure.info img{width:100%;aspect-ratio:16/9}figure.info figcaption{padding:10px 16px;font-size:14px;color:var(--mute);background:#fafaff}
.faq details{background:#f8faff;border:1px solid var(--line);border-radius:14px;margin:0 0 10px;padding:0 16px}
.faq summary{cursor:pointer;font-weight:800;padding:14px 26px 14px 0;list-style:none;position:relative;color:var(--navy)}
.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:0;top:11px;font-size:26px;color:var(--indigo)}.faq details[open] summary:after{content:"\2212"}
.faq details p{margin:0 0 14px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.tags span{background:#eef2ff;border:1px solid var(--line);color:var(--indigo);border-radius:999px;padding:4px 12px;font-size:14px}
aside .card{padding:18px;margin-bottom:18px}.sticky{position:sticky;top:84px}
.toc{max-height:62vh;overflow:auto;font-size:14px;line-height:1.4}.toc ol{margin:8px 0 0;padding-left:20px}.toc li{margin:4px 0}.toc a{text-decoration:none;color:var(--ink)}.toc a:hover{color:var(--indigo)}
.toc-mobile{display:none;margin-bottom:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.tile{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;text-decoration:none;color:var(--ink);transition:.2s}.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--indigo);color:var(--ink)}
.tile b{display:block;color:var(--navy);margin-bottom:4px}.tile em{font-style:normal;font-size:14px;color:var(--mute)}.tile i{display:inline-block;font-style:normal;font-size:12px;font-weight:800;color:#fff;background:var(--emerald);padding:2px 10px;border-radius:99px;margin-bottom:8px}
.tile.b i{background:var(--saffron);color:#2b1a00}
.band{padding:34px 0}.band h2{font-size:28px;color:var(--navy);margin:0 0 16px}
.notice{background:#fffbeb;border:1px solid #fde68a;border-radius:14px;padding:14px 18px;margin:0 0 22px;font-size:15px}
table.data{width:100%;border-collapse:collapse;margin:14px 0}table.data th{background:var(--navy);color:#fff;text-align:left;padding:10px 12px}table.data td{padding:10px 12px;border-bottom:1px solid var(--line)}
/* footer */
.disclaimer-bar{background:#fff7ed;border-top:3px solid var(--saffron);padding:12px 0;font-size:14px;color:#7c2d12}
footer{background:var(--navy);color:#c7d2fe;padding:44px 0 90px;font-size:15px}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}footer a{color:#e0e7ff;text-decoration:none;display:block;padding:3px 0}footer a:hover{color:var(--saffron)}
.foot-h{font-weight:800;color:#fff;margin:0 0 8px}.copy{border-top:1px solid rgba(255,255,255,.14);margin-top:26px;padding-top:16px;font-size:14px}
.bottom-bar{display:none}
@media(max-width:980px){.layout{grid-template-columns:1fr}aside{display:none}.toc-mobile{display:block}.hero-grid{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr 1fr}.facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1120px){.burger{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;padding:10px 18px 18px;border-bottom:1px solid var(--line);max-height:75vh;overflow:auto}.nav.open{display:flex}.drop{display:block;position:static;box-shadow:none;border:0;padding:0 0 6px 12px}.nav>div>a{font-size:16px}.header-cta{display:none}}
@media(max-width:620px){body{font-size:16px}article.card{padding:20px 16px}.fgrid{grid-template-columns:1fr}.bottom-bar{display:grid;grid-template-columns:1fr 1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(30,27,75,.15)}.bottom-bar a{padding:10px 4px;text-align:center;font-size:12px;font-weight:800;text-decoration:none;color:var(--navy)}.bottom-bar a b{display:block;font-size:20px}.facts{grid-template-columns:1fr 1fr}.hero{padding:30px 0 40px}}
.searchbox{display:flex;gap:8px;margin:12px 0}.searchbox input{flex:1;padding:12px 16px;border:2px solid var(--line);border-radius:999px;font-size:16px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* TOC: scrollable sidebar with active state, mobile drawer, progress bar */
#progress{position:fixed;left:0;top:0;height:4px;width:0;background:linear-gradient(90deg,var(--emerald),var(--saffron),var(--coral));z-index:100;transition:width .1s}
.toc{padding:16px 14px 10px}.toc .block-title{display:flex;justify-content:space-between;align-items:center;font-size:18px}.toc-count{background:var(--indigo);color:#fff;font-size:12px;border-radius:99px;padding:2px 9px}
.toc-scroll{max-height:calc(100vh - 230px);overflow:auto;scrollbar-width:thin;padding-right:6px}
.toc-scroll ol{margin:0;padding:0;list-style:none;counter-reset:t}.toc-scroll li{counter-increment:t;margin:2px 0}
.toc-scroll a{display:block;padding:6px 8px 6px 34px;position:relative;border-radius:8px;color:var(--ink);text-decoration:none;font-size:14px;line-height:1.35;border-left:3px solid transparent}
.toc-scroll a:before{content:counter(t);position:absolute;left:8px;top:6px;font-weight:800;color:var(--indigo);font-size:12px}
.toc-scroll a:hover{background:#eef2ff;color:var(--indigo)}.toc-scroll a.active{background:#eef2ff;border-left-color:var(--saffron);color:var(--indigo);font-weight:700}
.toc-fab{display:none;position:fixed;right:14px;bottom:76px;z-index:70;background:var(--indigo);color:#fff;border:0;border-radius:999px;padding:12px 18px;font-weight:800;box-shadow:0 10px 24px -8px rgba(67,56,202,.7);font-size:15px}
.drawer{position:fixed;inset:0;z-index:110;background:rgba(30,27,75,.55);display:flex;align-items:flex-end}.drawer[hidden]{display:none}
.drawer-box{background:#fff;width:100%;max-height:78vh;border-radius:22px 22px 0 0;padding:16px 16px 22px;overflow:hidden;display:flex;flex-direction:column}
.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:var(--navy)}.drawer-head button{border:0;background:#eef2ff;border-radius:50%;width:36px;height:36px;font-size:16px;cursor:pointer}
.drawer .toc-scroll{max-height:none;flex:1}
.share{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}.share a,.share button{background:#eef2ff;color:var(--indigo);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer}.share a:hover,.share button:hover{background:var(--indigo);color:#fff}
.to-top{position:fixed;right:14px;bottom:20px;width:44px;height:44px;border-radius:50%;border:0;background:var(--navy);color:#fff;font-size:20px;cursor:pointer;opacity:0;pointer-events:none;transition:.2s;z-index:65}.to-top.show{opacity:1;pointer-events:auto}
/* tools + forms */
form.tool fieldset{border:1px solid var(--line);border-radius:14px;margin:0 0 12px;padding:12px 16px;background:#f8faff}form.tool legend{font-weight:800;color:var(--navy);padding:0 6px}form.tool label{margin-right:18px;cursor:pointer}
.result{margin-top:14px;border-radius:14px;padding:14px 18px;font-weight:600}.result.ok{background:#ecfdf5;border:1px solid #a7f3d0}.result.warn{background:#fffbeb;border:1px solid #fde68a}.result.no{background:#fff1f2;border:1px solid #fecdd3}
.checklist{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px}.checklist li{background:#f8faff;border:1px solid var(--line);border-radius:12px;padding:10px 14px}.checklist label{cursor:pointer;display:block}.checklist input{margin-right:10px;transform:scale(1.25)}
.progress-wrap{height:12px;background:#e4e1fb;border-radius:99px;overflow:hidden}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--emerald),var(--sky));transition:width .3s}.mute{color:var(--mute);font-size:14px}
.fl{display:block;margin:0 0 12px;font-weight:700}.fl input,.fl select,.fl textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;border:2px solid var(--line);border-radius:12px;font:inherit;background:#fff}
.fl input:focus,.fl select:focus,.fl textarea:focus,.searchbox input:focus{outline:3px solid #c7d2fe;border-color:var(--indigo)}
/* responsive refinements */
img,svg,video,iframe,table{max-width:100%}table.data{display:block;overflow-x:auto}
@media(max-width:980px){.toc-fab{display:block}}
@media(max-width:620px){.hero h1{font-size:27px}.cta-row .btn{width:100%;justify-content:center}.answer-box{padding:14px 16px}article h2{font-size:22px;padding-left:12px;border-left-width:5px}article h3{font-size:17px}.facts .fact b{font-size:19px}.share a,.share button{flex:1 1 40%;text-align:center}.toc-fab{bottom:72px}.to-top{bottom:74px;right:auto;left:14px}.steps-list li{padding-left:54px}.band h2{font-size:24px}.grid{grid-template-columns:1fr}.logo small{display:none}}
@media(max-width:380px){.wrap{padding:0 14px}.btn{padding:11px 16px;font-size:15px}}
@media print{.site-header,.disclaimer-bar,footer,.bottom-bar,.toc-fab,.to-top,aside,.share,#progress{display:none!important}.hero{background:#fff;color:#000;padding:10px 0}.layout{display:block}.card{box-shadow:none;border:0}figure.info{break-inside:avoid}}

.nav>div>a,.header-cta,.logo span{white-space:nowrap}.nav>div>a{padding:10px 10px}@media(max-width:1260px){.nav>div>a{font-size:14px;padding:10px 8px}.header-cta{padding:10px 14px;font-size:14px}}

.dir{columns:3 260px;column-gap:24px;margin:0 0 26px}.dir a{display:block;padding:4px 0;font-size:15px;line-height:1.35;break-inside:avoid;text-decoration:none}.dir a:hover{text-decoration:underline}.dir-letter{break-after:avoid;margin:12px 0 4px;font-weight:800;color:var(--indigo);border-bottom:2px solid var(--line);font-size:18px}

@media(max-width:1400px){.nav>div>a{font-size:14px;padding:10px 7px}.header-cta{padding:10px 14px;font-size:14px}.logo small{display:none}.bar{gap:10px}}@media(max-width:1180px){.burger{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;padding:10px 18px 18px;border-bottom:1px solid var(--line);max-height:75vh;overflow:auto}.nav.open{display:flex}.drop{display:block;position:static;box-shadow:none;border:0;padding:0 0 6px 12px}.nav>div>a{font-size:16px;padding:10px 12px}.header-cta{display:none}}

/* ---- fluid layout: full width on phones, laptops, desktops and big monitors ---- */
.wrap{width:100%;max-width:1560px;padding:0 clamp(14px,3vw,40px)}
@media(min-width:1700px){.wrap{max-width:1780px}body{font-size:18px}}
@media(min-width:2200px){.wrap{max-width:2160px}body{font-size:20px}}
.layout{grid-template-columns:minmax(0,1fr) clamp(270px,22vw,390px);gap:clamp(18px,2.4vw,42px)}
figure.info{max-width:1100px;margin-left:auto;margin-right:auto}
/* sticky contents: the aside itself sticks, so it follows the reader down the page */
aside{position:sticky;top:84px;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain;padding-bottom:6px}
.sticky{position:static}
.toc-scroll{max-height:calc(100vh - 340px);min-height:180px;scroll-behavior:smooth}
html{scroll-padding-top:92px}article h2,article h3{scroll-margin-top:92px}
.toc-scroll a.active{box-shadow:inset 0 0 0 1px #c7d2fe}
@media(max-width:980px){aside{position:static;max-height:none;overflow:visible}}
/* jump chips under the answer box */
.jump{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}.jump a{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:999px;padding:6px 13px;font-size:14px;text-decoration:none;font-weight:600}.jump a:hover{background:#fff;color:var(--indigo)}
.home-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(14px,2vw,28px);margin:6px 0 22px}.home-groups h2{margin:0 0 10px;font-size:clamp(20px,2vw,26px)}.home-groups .grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}

.ni{font-style:normal;margin-right:6px;font-size:1.05em;vertical-align:-1px}.nav>div>a{display:inline-flex;align-items:center}.drop a:first-letter{text-transform:uppercase}
.faq details p a{font-weight:700}

/* picker: colourful animated icons */
.picker a{display:flex;align-items:center;gap:12px}.picker a b{flex:1;font-weight:700}
.pi{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-size:21px;box-shadow:0 6px 14px -6px rgba(0,0,0,.45)}
.pi.a1{background:linear-gradient(135deg,#38bdf8,#4f46e5)}.pi.a2{background:linear-gradient(135deg,#fbbf24,#f97316)}.pi.a3{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.pi.a4{background:linear-gradient(135deg,#34d399,#059669)}.pi.a5{background:linear-gradient(135deg,#f472b6,#e11d48)}.pi.a6{background:linear-gradient(135deg,#2dd4bf,#0ea5e9)}
@keyframes pi-pop{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes pi-wig{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@keyframes pi-pul{0%,100%{box-shadow:0 0 0 0 rgba(124,58,237,.55)}70%{box-shadow:0 0 0 10px rgba(124,58,237,0)}}@keyframes pi-bou{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.pi.pop{animation:pi-pop 2.4s ease-in-out infinite}.pi.wig{animation:pi-wig 2.8s ease-in-out infinite}.pi.pul{animation:pi-pul 2s ease-out infinite}.pi.bou{animation:pi-bou 1.9s ease-in-out infinite}
.picker a:hover .pi{animation-duration:.8s}
@media(prefers-reduced-motion:reduce){.pi{animation:none!important}}

/* compact footer with icons */
footer{padding:26px 0 22px;font-size:14px;line-height:1.45}
.fgrid{grid-template-columns:1.3fr 1fr 1fr 1.25fr;gap:18px 26px}
footer a{padding:2px 0;display:flex;align-items:center;gap:8px}footer a:hover{transform:translateX(2px)}
.fi{font-style:normal;flex:none;width:22px;height:22px;display:grid;place-items:center;font-size:13px;background:rgba(255,255,255,.1);border-radius:7px}
.foot-h{margin:0 0 6px;font-size:15px}.fbrand p{margin:0 0 8px}
.fgrid>div:last-child{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;align-content:start}.fgrid>div:last-child .foot-h{grid-column:1/-1}
.copy{margin-top:14px;padding-top:12px;font-size:13px}
@media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.fgrid{grid-template-columns:1fr 1fr;gap:14px 14px}.fbrand{grid-column:1/-1}.fgrid>div:last-child{grid-column:1/-1}footer{padding-bottom:84px}}
/* phones and small tablets: one column (must stay last so it beats the desktop two-column rule) */
@media(max-width:980px){.layout{grid-template-columns:1fr!important}.layout>aside{display:none}.layout>article{order:0}}

/* Mobile-first polish: thumb-friendly targets, no zoom on inputs, no sideways scroll, readable type */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{overflow-x:clip;max-width:100%}
a,button,summary,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.08)}
img,svg,video,iframe{max-width:100%;height:auto}
table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
input,select,textarea{font-size:16px}
@media(max-width:760px){
  body{font-size:17px;line-height:1.65}
  .wrap{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  h1{font-size:clamp(25px,7.2vw,32px);line-height:1.2;overflow-wrap:anywhere}
  h2{font-size:clamp(21px,5.8vw,25px);line-height:1.25;overflow-wrap:anywhere}
  h3{font-size:clamp(18px,5vw,21px);line-height:1.3}
  .btn,button,.chip,.tile,.picker a,.nav a,.drop a,.foot a,summary,.faq-item summary{min-height:46px}
  .btn{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 16px;font-size:17px}
  .header-cta{display:none!important}
  .nav a{padding:13px 14px;font-size:17px;display:flex;align-items:center}
  .burger{min-width:48px;min-height:48px;font-size:16px}
  .answer-box{font-size:18px;line-height:1.55;padding:16px}
  .card{padding:16px;border-radius:16px}
  .grid,.fgrid{grid-template-columns:1fr!important;gap:10px}
  .picker{grid-template-columns:1fr 1fr!important;gap:10px}
  .picker a{padding:12px 10px;font-size:15px;line-height:1.25}
  .foot a{display:inline-flex;align-items:center;padding:8px 6px}
  .chips{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}
  .chips a,.chip{white-space:nowrap;flex:0 0 auto;padding:10px 14px}
  .faq-item summary,.faq-item h3{padding:14px 12px}
  figure{margin:14px -4px}
  figcaption{font-size:14px}
  .toc-fab{bottom:max(18px,env(safe-area-inset-bottom));right:14px;padding:14px 20px;font-size:16px;min-height:48px}
  .to-top{bottom:max(76px,calc(env(safe-area-inset-bottom) + 66px));width:48px;height:48px}
  p,li{overflow-wrap:break-word}
  .crumbs,.breadcrumb{font-size:14px;overflow-x:auto;white-space:nowrap}
}
@media(max-width:380px){.picker{grid-template-columns:1fr!important}body{font-size:16.5px}}
@media(max-width:760px){
  .crumbs{scrollbar-width:none;-ms-overflow-style:none}.crumbs::-webkit-scrollbar{display:none}
  .jump{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.jump::-webkit-scrollbar{display:none}
  .jump a{flex:0 0 auto;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;padding:0 16px}
  .bottom-bar a{min-height:56px}
  .foot a{min-height:44px}
}