.wrap{max-width:1040px;margin:0 auto;padding:0 16px}.narrow{max-width:760px}
.site{background:var(--bg)}
.top{display:flex;align-items:center;gap:20px;padding:12px 16px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.top nav{display:flex;gap:16px;flex:1;flex-wrap:wrap}.top nav a,.foot a{color:var(--ink);text-decoration:none}.top nav a:hover,.foot a:hover{color:var(--brand)}
.brand{font-size:20px;font-weight:800;color:var(--ink);text-decoration:none}.brand b{color:var(--brand)}
.hero{padding:72px 0 56px;background:radial-gradient(900px 380px at 85% -10%,color-mix(in srgb,var(--c1) 30%,transparent),transparent),radial-gradient(700px 360px at 10% 0%,color-mix(in srgb,var(--c5) 22%,transparent),transparent),radial-gradient(800px 300px at 50% 110%,color-mix(in srgb,var(--c2) 22%,transparent),transparent),var(--bg)}
.hero h1{font-size:clamp(28px,5vw,48px);line-height:1.15;margin:8px 0 16px;max-width:820px}.lead{font-size:18px;color:var(--mut);max-width:720px}
.eyebrow{color:var(--brand);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:13px;margin:0}
.search{display:flex;gap:8px;max-width:620px;margin:24px 0}.search input{flex:1}.cta{display:flex;gap:10px;flex-wrap:wrap}
h2{font-size:26px;margin:48px 0 16px}.grid3{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card h3{margin:0 0 6px}.card h3 a{color:var(--ink);text-decoration:none}.card p{margin:0 0 10px;color:var(--mut)}.card a{color:var(--brand)}
.muted{color:var(--mut)}.tag{font-size:12px;padding:2px 10px;border-radius:20px;background:var(--line);text-transform:uppercase}
.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:6px 14px;border-radius:20px;border:1px solid var(--line);color:var(--ink);text-decoration:none;background:var(--card)}.chip.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.band{margin-top:56px;padding:40px 0;background:var(--card);border-block:1px solid var(--line);text-align:center}.band h2{margin-top:0}
.meta{border-collapse:collapse;margin:20px 0;width:100%}.meta th{text-align:start;padding:8px 0 8px 12px;color:var(--mut);width:140px}.meta td{padding:8px 0;word-break:break-all}.prose{margin-top:24px;max-width:70ch}
.foot{margin-top:64px;background:var(--card);border-top:1px solid var(--line);padding:32px 0 12px}.foot .wrap{display:grid;gap:24px;grid-template-columns:2fr 1fr 2fr}.foot h4{margin:0 0 8px}.foot a{display:block;margin:4px 0}.foot p{color:var(--mut);margin:8px 0}.fine{display:block!important;color:var(--mut);font-size:13px;margin-top:16px}
@media(max-width:700px){.top nav{display:none}.foot .wrap{grid-template-columns:1fr}}
.site main{max-width:none;padding:0}.site h1{color:var(--ink)}.site .top h1{color:var(--brand)}
.brand{display:inline-flex;align-items:center;gap:8px}.brand img{border-radius:8px}
.site .foot{margin-top:64px;padding:20px 16px;text-align:center}.site .foot p{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:13px}.site .foot img{border-radius:5px}.site .foot a{display:inline;color:var(--brand)}
.brand{direction:ltr}

.eyebrow{background:linear-gradient(90deg,var(--c1),var(--c5));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1{background:linear-gradient(100deg,var(--ink) 40%,var(--brand));-webkit-background-clip:text;background-clip:text;color:transparent}
.grid3>.card{border-top:4px solid var(--c1);transition:transform .15s,box-shadow .15s}.grid3>.card:hover{transform:translateY(-3px);box-shadow:0 10px 24px color-mix(in srgb,var(--c1) 22%,transparent)}
.grid3>.card:nth-child(6n+2){border-top-color:var(--c2)}.grid3>.card:nth-child(6n+3){border-top-color:var(--c3)}.grid3>.card:nth-child(6n+4){border-top-color:var(--c5)}.grid3>.card:nth-child(6n+5){border-top-color:var(--c6)}.grid3>.card:nth-child(6n+6){border-top-color:var(--c4)}
button.primary,.btn.primary{background:linear-gradient(135deg,var(--c1),var(--brand2));border-color:transparent}
.band{background:linear-gradient(135deg,color-mix(in srgb,var(--c5) 14%,var(--card)),color-mix(in srgb,var(--c1) 14%,var(--card)))}
.theme{min-height:36px;padding:0 12px;border-radius:20px;font-size:13px}
.chip:nth-child(3n+1).on{background:var(--c1)}.chip{transition:border-color .15s}.chip:hover{border-color:var(--brand)}
[data-theme="dark"] .hero h1{background:linear-gradient(100deg,#fff 40%,var(--c1));-webkit-background-clip:text;background-clip:text;color:transparent}

.site .foot{margin-top:56px;padding:18px 16px;background:var(--card);border-top:1px solid var(--line);text-align:center}

code.u{direction:ltr;unicode-bidi:isolate;display:inline-block;font-size:.92em;word-break:break-all}
.meta a{color:var(--brand)}