/* Extend the existing GramFather palette and poster typography with readable guides. */
:root{--base:#16111b;--surface:#251b2c;--text:#faf5fb;--muted:#c3b7ca;--line:#49394f;--accent:#ff99c3;--violet:#c5acff;--tt-fg:var(--text);--tt-ring:var(--accent);--tt-hover:var(--accent)}
html[data-theme=light]{--base:#fffcff;--surface:#f4edf8;--text:#291b30;--muted:#66566f;--line:#decee5;--accent:#a51d60;--violet:#7040a6}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--base);color:var(--text);font:17px/1.8 'DM Sans',Arial,sans-serif}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.15}h1,h2{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:500}h1{font-size:clamp(40px,5.5vw,76px);max-width:950px;margin:14px 0 24px;text-wrap:balance}h2{font-size:clamp(27px,3vw,36px);margin:0 0 22px}h3{font-size:21px;margin:28px 0 12px}p{margin:0 0 20px}li{margin:0 0 12px}ol,ul{padding-left:26px}.search-wrap,.search-head,.search-footer{width:min(1160px,calc(100% - 64px));margin-inline:auto}.search-head{display:flex;align-items:center;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.search-brand{margin-right:auto;line-height:0}.search-brand img{width:150px;height:88px;object-fit:contain}.light-logo{display:none}html[data-theme=light] .dark-logo{display:none}html[data-theme=light] .light-logo{display:block}.search-head nav{display:flex;flex-wrap:wrap;gap:24px}.search-head nav a{color:var(--text);font-size:14px;text-decoration:none}.search-head nav a:hover{text-decoration:underline}.search-button{display:inline-block;background:#a51d60;color:#fff;padding:13px 23px;border-radius:6px;font-weight:700;text-decoration:none;line-height:1.4}.search-button:hover{background:#8b184f;text-decoration:underline}.header-cta{font-size:14px;white-space:nowrap}.skip{position:absolute;top:-100px;left:12px;z-index:10;background:var(--base);padding:12px}.skip:focus{top:12px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;padding:26px 0;color:var(--muted)}.article-top{padding:32px 0 52px;border-bottom:1px solid var(--line)}.topic{color:var(--violet);font-size:16px;font-weight:600;margin-bottom:12px}.answer{font-size:clamp(19px,2vw,23px);line-height:1.65;max-width:820px}.byline,.fine{font-size:13px;color:var(--muted);max-width:700px}.fine{margin-top:14px}.reading-layout{display:grid;grid-template-columns:240px minmax(0,740px);gap:70px;padding-top:54px;justify-content:space-between}.reading-body{min-width:0}.contents{align-self:start;position:sticky;top:24px;font-size:14px}.contents p{font-weight:700}.contents ol{list-style:none;padding:0;border-left:1px solid var(--line)}.contents li{padding-left:16px;line-height:1.5;margin-bottom:20px}.contents a{color:var(--muted);text-decoration:none}.contents a:hover{color:var(--accent);text-decoration:underline}.reading-body section{padding-bottom:34px;margin-bottom:22px;border-bottom:1px solid var(--line)}.product-figure{margin:0 0 50px}.product-figure img{display:block;border:1px solid var(--line);border-radius:5px}.product-figure figcaption{font-size:12px;color:var(--muted);margin-top:12px}.article-cta{background:var(--surface);padding:30px!important;border:0!important}.article-cta h2{color:var(--accent)}.related{padding:40px 0 70px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.related-grid a{padding-top:22px;border-top:2px solid var(--accent);text-decoration:none}.related-grid strong{display:block;font-size:20px;margin-bottom:10px}.related-grid span{font-size:15px;line-height:1.6;color:var(--muted);display:block}.search-footer{border-top:1px solid var(--line);padding:35px 0;font-size:13px;color:var(--muted)}.search-footer nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin:20px 0}.search-footer p{margin-bottom:10px}.table-scroll{overflow:auto;max-width:100%;margin:24px 0}table{border-collapse:collapse;width:100%;font-size:15px;text-align:left}td,th{padding:16px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--accent);background:var(--surface)}.facts{display:grid;grid-template-columns:150px 1fr;gap:15px 25px}.facts dt{font-weight:700;color:var(--violet)}.facts dd{margin:0}.hub{padding-top:65px;padding-bottom:70px}.hub>section{margin-top:60px}.resource-list>a{display:grid;grid-template-columns:40px 1fr 45px;gap:24px;padding:26px 0;border-top:1px solid var(--line);text-decoration:none;align-items:start}.resource-list h3{margin:0 0 12px}.resource-list p{font-size:16px;color:var(--muted);max-width:800px;margin:0}.resource-number{font:26px Oswald,sans-serif;color:var(--violet)}.resource-action{font-size:14px}.resource-list a:hover h3{text-decoration:underline}
@media(max-width:900px){.search-head{gap:16px}.search-head nav{gap:14px}.reading-layout{grid-template-columns:1fr;gap:30px;padding-top:30px}.contents{position:static;padding:20px;background:var(--surface)}.contents ol{columns:2}.contents li{break-inside:avoid}.related-grid{gap:20px}.search-brand img{width:120px}}
@media(max-width:600px){.search-wrap,.search-head,.search-footer{width:calc(100% - 36px)}.search-head{flex-wrap:wrap;gap:12px}.search-head nav{order:4;width:100%;justify-content:space-between;gap:10px}.search-brand img{width:110px;height:66px}.header-cta{padding:11px 15px}.article-top{padding:20px 0 32px}.contents ol{columns:1}.related-grid{grid-template-columns:1fr}.reading-body section{padding-bottom:22px}.article-cta{padding:22px!important}.facts{grid-template-columns:1fr;gap:3px}.facts dd{margin-bottom:16px}.resource-list>a{grid-template-columns:25px 1fr;gap:15px}.resource-action{display:none}td,th{padding:10px;font-size:13px}.hub{padding-top:38px}.breadcrumbs{font-size:12px}.search-button{max-width:100%;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}