/* IANIA brand tokens — use var(--brand), never its hex, outside this block */
:root{--paper:#ffffff;--concrete:#f2f3f3;--rule:#d9dcde;--ink:#101418;--graphite:#495257;--muted:#5d666c;--brand:#111619;
  --body:'Archivo',sans-serif;--mono:'IBM Plex Mono',monospace;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--paper:#0d1012;--concrete:#161b1e;--rule:#283035;--ink:#edf0f1;--graphite:#a8b0b5;--muted:#8b949a;--brand:#e6eaeb}}
*{box-sizing:border-box;border-radius:0;box-shadow:none}
html{background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--graphite);font:400 16px/1.55 var(--body)}
h1,h2,h3{font-family:var(--body);font-weight:620;font-stretch:84%;color:var(--ink);letter-spacing:-.005em;margin:0}
a{color:var(--ink)}a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--paper);padding:.5rem 1rem;border:1px solid var(--rule);z-index:10}.skip:focus{left:1rem}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
header.site{border-bottom:1px solid var(--rule);background:var(--paper)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.brand{display:flex;align-items:center;gap:12px}.logo{color:var(--brand);display:inline-flex;line-height:0}.logo svg{height:28px;width:auto}
.section{font-family:var(--mono);font-weight:500;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--graphite);text-decoration:none;border:1px solid var(--rule);border-radius:0;padding:2px 7px;line-height:1.4}.section:hover{color:var(--ink);border-color:var(--ink)}
.hlinks{display:flex;gap:20px;font-size:15px}.hlinks a{text-decoration:none}.hlinks a:hover{text-decoration:underline}
.intro{padding:48px 0 28px;border-bottom:1px solid var(--rule)}
h1{font-size:clamp(36px,5vw,56px);line-height:1.05;font-weight:640;font-stretch:80%}
.lede{font-size:19px;color:var(--graphite);margin:12px 0 16px;max-width:60ch}
.notice{display:inline-block;margin:0 0 20px;padding:6px 10px;border:1px solid var(--rule);background:var(--concrete);color:var(--graphite);font-size:14px}
#sform{display:flex;gap:8px;max-width:680px}
input[type=search]{flex:1;min-width:0;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--rule);padding:10px 12px}
input::placeholder{color:var(--muted)}
button{font:inherit;font-size:15px;cursor:pointer;color:var(--ink);background:var(--paper);border:1px solid var(--rule);padding:9px 16px}
button:hover{border-color:var(--ink)}
#sform button[type=submit]{background:var(--brand);color:var(--paper);border-color:var(--brand)}
.featured{padding:28px 0;border-bottom:1px solid var(--rule)}
.fhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}h2{font-size:24px}
.fnav{display:flex;gap:8px}.fnav button{padding:4px 12px}
.viewport{overflow:hidden}.track{display:flex;transition:transform .4s ease}
@media (prefers-reduced-motion:reduce){.track{transition:none}}
.slide{min-width:100%;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:start}
.thumb{display:block;aspect-ratio:16/9;background:var(--concrete);border:1px solid var(--rule);overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.slide h3{font-size:28px;line-height:1.15;margin:4px 0 10px}
.meta{font-family:var(--mono);font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 12px}
.meta a{color:var(--muted)}
.sum{margin:10px 0 12px;color:var(--graphite);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.acts{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:15px}
.credit{font-size:14px;color:var(--muted)}.credit a{color:var(--graphite)}
.sec{margin:28px 0 8px}
.list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:0;border-top:1px solid var(--rule);border-left:1px solid var(--rule)}
.item{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:16px;display:flex;flex-direction:column;gap:8px}
.item h3{font-size:19px;line-height:1.25}
.item .sum{margin:0;font-size:15px}
.muted{color:var(--muted)}
.more{text-align:center;margin:24px 0 48px}
footer.site{border-top:1px solid var(--rule);padding:20px 0;font-size:14px;color:var(--muted)}
@media(max-width:800px){.slide{grid-template-columns:1fr;gap:12px}.slide h3{font-size:22px}.hlinks a[href^=mailto]{display:none}.intro{padding:32px 0 20px}.wrap{padding:0 16px}.list{grid-template-columns:1fr}}