:root{
--paper:#FAFAFA;--surface:#FFFFFF;--ink:#14171F;--ink-soft:#626B79;--ink-faint:#8A93A0;
--border:#E4E7EC;--accent:#1B4B43;--accent-soft:#EAF1EF;--radius:8px;--max:1080px;--max-narrow:760px;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Inter',system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;}
h1,h2,h3{font-family:'Inter',sans-serif;font-weight:700;letter-spacing:-0.015em;}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px;}
.wrap-narrow{max-width:var(--max-narrow);margin:0 auto;padding:0 24px;}
.mono{font-family:'IBM Plex Mono',monospace;}

header.site{border-bottom:1px solid var(--border);background:var(--surface);}
.site-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;}
.wordmark{font-weight:700;font-size:1.05rem;color:var(--ink);text-decoration:none;letter-spacing:-0.01em;}
.wordmark:hover{text-decoration:none;}
nav.primary{display:flex;gap:32px;}
nav.primary a{color:var(--ink-soft);font-size:0.92rem;font-weight:500;text-decoration:none;}
nav.primary a:hover{color:var(--ink);}
@media (max-width:760px){nav.primary{display:none;}}

.hero{padding:88px 0 56px;text-align:center;}
.hero .eyebrow{color:var(--ink-faint);font-size:0.85rem;font-weight:500;margin-bottom:14px;}
.hero h1{font-size:clamp(2rem,4.4vw,2.9rem);margin:0 0 14px;line-height:1.15;}
.hero p.lede{color:var(--ink-soft);font-size:1.05rem;max-width:46ch;margin:0 auto 36px;}

.search-row{max-width:560px;margin:0 auto 24px;display:flex;gap:10px;}
.search-row input{flex:1;font-family:inherit;font-size:1rem;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--ink);}
.search-row input::placeholder{color:var(--ink-faint);}
.search-row button{font-family:'Inter',sans-serif;font-weight:600;font-size:0.95rem;background:var(--accent);color:#fff;border:none;padding:0 24px;border-radius:var(--radius);cursor:pointer;}
.search-row button:hover{opacity:0.92;}
@media (max-width:520px){.search-row{flex-direction:column;}}

.quick-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:640px;margin:0 auto;}
.quick-pills a{border:1px solid var(--border);border-radius:100px;padding:7px 16px;font-size:0.86rem;color:var(--ink-soft);text-decoration:none;background:var(--surface);}
.quick-pills a:hover{border-color:var(--accent);color:var(--accent);}

section.categories{padding:56px 0 8px;}
.section-head{margin-bottom:22px;}
.section-head h2{font-size:1.25rem;margin:0;}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}
@media (max-width:900px){.grid4{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.grid4{grid-template-columns:1fr;}}
.cat-card{background:var(--surface);padding:22px 20px;text-decoration:none;color:var(--ink);display:block;}
.cat-card:hover{background:var(--accent-soft);}
.cat-card h3{margin:0 0 6px;font-size:1rem;}
.cat-card p{margin:0;color:var(--ink-soft);font-size:0.87rem;}

section.popular{padding:52px 0;}
.pop-list{border-top:1px solid var(--border);}
.pop-list a{display:flex;justify-content:space-between;gap:12px;text-decoration:none;color:var(--ink);font-size:0.94rem;padding:13px 4px;border-bottom:1px solid var(--border);}
.pop-list a:hover{color:var(--accent);}
.pop-list a span.vol{color:var(--ink-faint);font-size:0.82rem;}

section.value{padding:52px 0 72px;}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid var(--border);padding-top:36px;}
@media (max-width:760px){.value-grid{grid-template-columns:1fr;gap:24px;}}
.value-card h3{margin:0 0 8px;font-size:1rem;}
.value-card p{margin:0;color:var(--ink-soft);font-size:0.9rem;}

.crumbs{font-size:0.85rem;color:var(--ink-faint);padding:20px 0 0;}
.crumbs a{color:var(--ink-faint);text-decoration:none;}
.crumbs a:hover{color:var(--accent);}
.crumbs span.sep{margin:0 6px;}

.page-head{padding:14px 0 4px;}
.page-head h1{font-size:clamp(1.6rem,3.4vw,2.1rem);margin:0 0 14px;}
p.answer{font-size:1.02rem;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:6px;padding:16px 18px;margin:0 0 32px;}
p.answer strong{color:var(--accent);}

.countdown-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:36px 24px;text-align:center;margin-bottom:16px;}
.countdown-card .to{color:var(--ink-faint);font-size:0.84rem;margin-bottom:20px;}
.flaps{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;}
.flap-group{display:flex;flex-direction:column;align-items:center;gap:6px;}
.flap{font-family:'IBM Plex Mono',monospace;font-weight:600;color:var(--ink);font-size:clamp(2.2rem,6vw,3.2rem);line-height:1;transition:opacity .15s ease;}
.flap.changed{opacity:0.35;}
@media (prefers-reduced-motion:reduce){.flap.changed{opacity:1;}}
.flap-unit{color:var(--ink-faint);font-size:0.72rem;letter-spacing:0.06em;text-transform:uppercase;}
.flap-sep{font-family:'IBM Plex Mono',monospace;font-size:clamp(2.2rem,6vw,3.2rem);color:var(--border);align-self:flex-start;}
.tz-toggle{margin-top:26px;display:inline-flex;border:1px solid var(--border);border-radius:100px;padding:3px;}
.tz-toggle button{font-family:'Inter',sans-serif;font-size:0.82rem;font-weight:500;padding:7px 16px;border-radius:100px;border:none;background:transparent;color:var(--ink-soft);cursor:pointer;}
.tz-toggle button.active{background:var(--accent);color:#fff;}

.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:24px 0 40px;}
@media (max-width:560px){.facts{grid-template-columns:1fr;}}
.fact{background:var(--surface);padding:16px 18px;}
.fact .k{font-size:0.76rem;color:var(--ink-faint);text-transform:uppercase;letter-spacing:0.04em;}
.fact .v{font-family:'IBM Plex Mono',monospace;font-size:1rem;margin-top:4px;}

section.faq{padding:8px 0 48px;}
section.faq h2{font-size:1.15rem;margin:0 0 16px;}
details{border-bottom:1px solid var(--border);padding:14px 2px;}
details summary{font-weight:600;cursor:pointer;font-size:0.96rem;list-style:none;}
details summary::-webkit-details-marker{display:none;}
details p{color:var(--ink-soft);margin:10px 0 2px;font-size:0.93rem;}

section.related{padding:0 0 56px;}
section.related h2{font-size:1.05rem;margin:0 0 14px;}
.rel-row{display:flex;flex-wrap:wrap;gap:8px;}
.rel-row a{border:1px solid var(--border);border-radius:100px;padding:8px 18px;text-decoration:none;color:var(--ink-soft);font-size:0.88rem;}
.rel-row a:hover{border-color:var(--accent);color:var(--accent);}

footer.site{border-top:1px solid var(--border);padding:36px 0;}
.foot-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;align-items:center;}
.foot-links{display:flex;gap:22px;flex-wrap:wrap;}
.foot-links a{color:var(--ink-soft);font-size:0.88rem;}
.foot-links a:hover{color:var(--ink);}
.foot-note{color:var(--ink-faint);font-size:0.82rem;margin-top:18px;}