/* Websiter Guides. Tokens copied from live websiter.it (.home-a in /assets/styles-BffSit3w.css, 20 Oct 2026). */
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 500;font-display:swap;src:url(/guides/assets/fonts/dmsans.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:600;font-display:swap;src:url(/guides/assets/fonts/fraunces-600.woff2) format("woff2")}
:root{--paper:#e8e2d6;--card:#f3eee4;--ink:#161412;--ink-soft:#5c564c;--stone:#dfd8ca;--rule:#16141224;--signal:#161412;--signal-hover:#0c0b09}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font-family:"DM Sans",ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.5;overflow-x:clip;max-width:100%;-webkit-font-smoothing:antialiased}
.grain{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.025;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}
.wrap{position:relative;z-index:1}
a{color:inherit}
h1,h2,h3,.fr{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.02em}
.in{margin:0 auto;width:100%;max-width:1152px}
/* header: same as live homepage */
header{border-bottom:1px solid var(--rule)}
header .in{display:flex;height:60px;align-items:center;justify-content:space-between;gap:24px;padding:0 24px}
.logo{font-size:1.125rem;text-decoration:none;white-space:nowrap}
.hr{display:flex;align-items:center;gap:40px}
nav.main{display:none;gap:32px;font-size:.875rem;color:var(--ink-soft)}
nav.main a,.mail,.mguides{text-decoration:none;transition:color .15s}
nav.main a:hover,.mail:hover,.mguides:hover{color:var(--ink)}
nav.main a[aria-current]{color:var(--ink)}
.mail{font-size:11px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mguides{font-size:.875rem;color:var(--ink)}
.hr-m{display:flex;align-items:center;gap:16px;min-width:0}
@media(min-width:768px){header .in{height:72px;padding:0 64px;max-width:1280px}.logo{font-size:1.25rem}nav.main{display:flex}.mail{font-size:12px}.mguides{display:none}}
/* sections */
section{padding:56px 24px}
section+section{border-top:1px solid var(--rule)}
@media(min-width:768px){section{padding:96px 64px}}
.crumb{font-size:.8125rem;color:var(--ink-soft);margin-bottom:28px}
.crumb a{text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:5px}
.crumb span{margin:0 6px}
h1{font-size:2.125rem;line-height:1.12;max-width:760px}
@media(min-width:768px){h1{font-size:2.75rem}}
h2{font-size:1.75rem;line-height:1.15;margin:0 0 20px;max-width:680px}
@media(min-width:768px){h2{font-size:2rem}}
h3{font-size:1.25rem;line-height:1.25;margin:32px 0 12px}
.lede p,.lines p{max-width:600px}
.lede p{color:var(--ink-soft);margin-top:8px}
.lede p:first-child{margin-top:20px}
.lines p{margin-top:6px}
.lines p:first-child{margin-top:0}
.soft{color:var(--ink-soft)}
.small{font-size:.875rem}
.u{text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:6px;transition:text-decoration-color .15s}
.u:hover{text-decoration-color:var(--ink)}
/* cards */
.cards{display:grid;gap:16px;margin-top:32px;max-width:1152px}
@media(min-width:900px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--rule);padding:24px;text-decoration:none;min-height:100%}
a.card:hover{border-color:var(--ink)}
.card .k{font-size:.75rem;color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase}
.card h3{margin:12px 0 10px;font-size:1.25rem}
.card p{font-size:.9375rem;color:var(--ink-soft)}
.card .go{margin-top:auto;padding-top:20px;font-size:.875rem;font-weight:500}
.card.soon{background:transparent;border-style:dashed}
.card.soon .go{color:var(--ink-soft);font-weight:400}
.sec-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px}
.sec-head a{font-size:.875rem}
.sec+.sec{margin-top:72px}
/* guide article */
.article{max-width:680px}
.byline{margin-top:20px;font-size:.875rem;color:var(--ink-soft)}
.byline p{margin-top:2px}
.byline a{color:var(--ink)}
.short{margin-top:32px;background:var(--card);border:1px solid var(--rule);padding:22px 22px 24px}
.short .k{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:10px}
.short p{margin-top:6px}
.short p:first-of-type{margin-top:0}
.body h2{margin-top:56px}
.body p{margin-top:8px}
.body ul,.body ol{margin:12px 0 0 0;padding-left:22px}
.body li{margin-top:8px}
.body li::marker{color:var(--ink-soft)}
.body ul ul{margin-top:6px}
blockquote{margin:20px 0 4px;border-left:2px solid var(--ink);padding:2px 0 2px 18px}
blockquote p.q{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.25rem;line-height:1.3;letter-spacing:-.01em;margin:0}
blockquote p.c{font-size:.8125rem;color:var(--ink-soft);margin-top:10px}
.faq{margin-top:16px;border-top:1px solid var(--rule)}
.faq div{border-bottom:1px solid var(--rule);padding:22px 0 24px}
.faq .qq{font-weight:500}
.faq .aa{margin-top:4px;font-size:.9375rem;color:var(--ink-soft)}
.sources{font-size:.8125rem;color:var(--ink-soft)}
.sources li{overflow-wrap:anywhere}
a{overflow-wrap:anywhere}
.help{margin-top:56px;padding-top:28px;border-top:1px solid var(--rule)}
footer{border-top:1px solid var(--rule);padding:48px 24px}
footer p{font-size:.75rem;color:var(--ink-soft);margin:0 auto;max-width:1152px}
footer a{text-decoration:none}
footer a:hover{color:var(--ink)}
@media(min-width:768px){footer{padding:48px 64px}}
.sec-head{margin-bottom:14px}.sec-head h2{margin-bottom:0}
/* ---- live: compact, informational layout (20 Oct 2026) ---- */
.live section{padding:28px 20px 40px}
@media(min-width:768px){.live section{padding:44px 64px 64px}}
.live .crumb{margin-bottom:14px}
.live h1{font-size:1.75rem;line-height:1.15}
@media(min-width:768px){.live h1{font-size:2.25rem}}
.live .sub{margin-top:8px;font-size:1rem;color:var(--ink-soft)}
.live .byline{margin-top:12px;font-size:.8125rem}
.live .short{margin-top:18px;padding:16px 18px}
.live .short p{margin-top:3px}
.live .k{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px}
.live .lede p{margin-top:2px}
.live .lede p:first-child{margin-top:12px}
.jump{margin-top:18px;padding-bottom:4px}
.jump ol{list-style:none;padding:0;display:grid;gap:0}
.jump li a{display:block;padding:7px 0;font-size:.9375rem;text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:5px}
.jump li a:hover{text-decoration-color:var(--ink)}
@media(min-width:768px){.jump ol{grid-template-columns:1fr 1fr;column-gap:24px}.jump li a{padding:5px 0}}
.folds{margin-top:18px;border-top:1px solid var(--rule)}
.fold{border-bottom:1px solid var(--rule)}
.fold>summary,.fq>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:10px 2px}
.fold>summary::-webkit-details-marker,.fq>summary::-webkit-details-marker{display:none}
.fold>summary h2{font-size:1.1875rem;line-height:1.25;margin:0;max-width:none}
@media(min-width:768px){.fold>summary h2{font-size:1.3125rem}}
.fold>summary::after,.fq>summary::after{content:"";flex:none;width:9px;height:9px;border-right:1.6px solid var(--ink);border-bottom:1.6px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .15s}
.fold[open]>summary::after,.fq[open]>summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.fold>summary:focus-visible,.fq>summary:focus-visible,.jump a:focus-visible,.gi:focus-visible,.live a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.fold>summary:hover h2{text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:5px}
.fold-b{padding:0 2px 20px}
.live .body p,.fold-b p{margin-top:6px}
.fold-b>p:first-child,.fold-b>ul:first-child,.fold-b>ol:first-child{margin-top:0}
.fold-b ul,.fold-b ol{margin:8px 0 0;padding-left:22px}
.fold-b li{margin-top:5px}
.fold-b li::marker{color:var(--ink-soft)}
.fold-b h3{font-size:1.0625rem;margin:18px 0 4px}
.fold-b blockquote{margin:12px 0 4px}
.fold-b blockquote p.q{font-size:1.0625rem}
.faqs{padding:0!important;border:0!important;margin-top:28px}
.faqs h2{font-size:1.1875rem;margin:0 0 4px}
@media(min-width:768px){.faqs h2{font-size:1.3125rem}}
.fq{border-top:1px solid var(--rule)}
.fq:last-child{border-bottom:1px solid var(--rule)}
.fq>summary h3{font-family:"DM Sans",ui-sans-serif,system-ui,sans-serif;font-weight:500;font-size:1rem;letter-spacing:0;line-height:1.35;margin:0}
.fq p{margin:0 2px 4px;font-size:.9375rem;color:var(--ink-soft)}
.fq p:last-child{margin-bottom:16px}
.faqs+.fold{border-top:1px solid var(--rule);margin-top:28px}
.live .sources li{overflow-wrap:anywhere}
/* hub list */
.hsec{margin-top:28px}
.hsec h2{font-size:1.3125rem;margin:0 0 6px}
@media(min-width:768px){.hsec h2{font-size:1.5rem}}
.hsec .lines p{margin-top:1px}
.glist{list-style:none;margin-top:10px;border-top:1px solid var(--rule)}
.glist li{border-bottom:1px solid var(--rule)}
.gi{display:flex;flex-direction:column;gap:2px;padding:12px 2px;min-height:48px;text-decoration:none}
a.gi .gt{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.0625rem;line-height:1.3;letter-spacing:-.01em;text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:5px}
a.gi:hover .gt{text-decoration-color:var(--ink)}
.gi .gd{font-size:.875rem;color:var(--ink-soft)}
.gi.quiet .gt{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.0625rem;line-height:1.3;color:var(--ink-soft)}
.gi .tag{margin-top:4px;font-size:.6875rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}
.live .endnote{margin-top:24px}
.live footer{padding:28px 20px}
@media(min-width:768px){.live footer{padding:32px 64px}}