:root{--paper:#faf7f0;--ink:#16161a;--muted:#55555c;--rule:#ddd6c8;--blue:#1446a0;--blue-ink:#0f3a85;--card:#fffdf8;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;--r:8px;
--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Noto Serif","Noto Serif SC","Noto Serif Devanagari","Noto Naskh Arabic",serif;
--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","PingFang SC","Microsoft YaHei","Noto Sans SC","Noto Sans Devanagari","Nirmala UI","Noto Sans Arabic","Segoe UI Arabic",Tahoma,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 var(--sans)}
@media(min-width:768px){body{font-size:18px}}
a{color:var(--blue);text-underline-offset:2px}a:hover{color:var(--blue-ink)}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:2px}
.skip{position:absolute;inset-inline-start:-999px;top:0}.skip:focus{inset-inline-start:var(--s2);background:var(--card);padding:var(--s2);z-index:9}
header.site{position:sticky;top:0;z-index:5;background:var(--paper);border-block-end:1px solid var(--rule)}
.bar{max-width:1120px;margin:0 auto;padding:0 var(--s4);display:flex;align-items:center;gap:var(--s4);min-height:52px}
.brand{font:700 22px/1 var(--serif);color:var(--ink);text-decoration:none;white-space:nowrap;display:flex;align-items:center;min-height:44px}
.brand span{color:var(--blue)}
nav.main{flex:1;overflow-x:auto;scrollbar-width:none}nav.main::-webkit-scrollbar{display:none}
nav.main ul{display:flex;gap:var(--s1);list-style:none;margin:0;padding:0}
nav.main a{display:flex;align-items:center;min-height:44px;padding:0 var(--s2);color:var(--ink);text-decoration:none;font-size:15px;white-space:nowrap;border-radius:var(--r)}
nav.main a[aria-current]{color:var(--blue);font-weight:600}nav.main a:hover{background:#efe9dc}
.langs select{min-height:44px;font:inherit;font-size:15px;background:var(--card);color:var(--ink);border:1px solid var(--rule);border-radius:var(--r);padding:0 var(--s2)}
@media(max-width:820px){.bar{flex-wrap:wrap;gap:0 var(--s2)}nav.main{order:3;flex-basis:100%;margin-inline:calc(-1*var(--s2))}.langs{margin-inline-start:auto}}
main{max-width:1120px;margin:0 auto;padding:var(--s6) var(--s4) var(--s12)}
.prose{max-width:68ch}
h1,h2,h3,.hl{font-family:var(--serif);line-height:1.15;margin:0 0 var(--s3);text-wrap:balance}
h1{font-size:clamp(30px,6vw,46px)}h2{font-size:26px;margin-top:var(--s8)}h3{font-size:21px}
.kicker{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);font-weight:700;margin:0 0 var(--s2)}
.kicker.op{color:#8a2a12}
.dek{font-size:1.15em;color:var(--muted);margin:0 0 var(--s4)}
.meta{font-size:14px;color:var(--muted)}
.note{background:#efe9dc;border-inline-start:4px solid var(--blue);padding:var(--s3) var(--s4);border-radius:var(--r);font-size:15px;margin:var(--s4) 0}
.grid{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:0;list-style:none}
.card{background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:var(--s4)}
.card a.t{color:var(--ink);text-decoration:none;font:700 20px/1.2 var(--serif);display:block;margin-block-end:var(--s1)}
.card a.t:hover{color:var(--blue)}
.card p{margin:var(--s2) 0 0;font-size:15px;color:var(--muted)}
.tag{display:inline-block;font-size:13px;font-weight:600;color:var(--blue);background:#e7edf8;border-radius:var(--r);padding:2px var(--s2)}
.res{background:var(--card);border:1px solid var(--rule);border-inline-start:4px solid var(--blue);border-radius:var(--r);padding:var(--s4);margin:var(--s4) 0;max-width:68ch}
.res dt{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.res dd{margin:0 0 var(--s2);font-weight:600}
ul.facts{padding-inline-start:var(--s6)}ul.facts li{margin-block-end:var(--s2)}
.src{font-size:14px;white-space:nowrap}
.ad{border:1px dashed var(--muted);border-radius:var(--r);padding:var(--s6);text-align:center;color:var(--muted);margin:var(--s6) 0;font-size:14px}
form.f label{display:block;font-weight:600;margin-block:var(--s3) var(--s1)}
form.f input,form.f textarea{width:100%;max-width:480px;min-height:44px;font:inherit;padding:var(--s2) var(--s3);border:1px solid var(--muted);border-radius:var(--r);background:var(--card);color:var(--ink)}
.btn{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s6);background:var(--blue);color:#fff;border:0;border-radius:var(--r);font:600 16px var(--sans);text-decoration:none;cursor:pointer;margin-block-start:var(--s3)}
.btn:hover{background:var(--blue-ink);color:#fff}
.lead{border-block-end:1px solid var(--rule);padding-block-end:var(--s6);margin-block-end:var(--s6)}
.lead a{color:var(--ink);text-decoration:none}.lead a:hover{color:var(--blue)}
.crumbs{font-size:14px;color:var(--muted);margin-block-end:var(--s4)}.crumbs a{color:var(--muted)}
.crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--s2)}.crumbs li+li::before{content:"/";margin-inline-end:var(--s2)}
blockquote{margin:var(--s4) 0;padding-inline-start:var(--s4);border-inline-start:3px solid var(--blue);font-family:var(--serif);font-size:1.1em}
footer.site{border-block-start:1px solid var(--rule);font-size:14px;color:var(--muted)}
footer.site .in{max-width:1120px;margin:0 auto;padding:var(--s6) var(--s4)}
footer.site ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--s1) var(--s4)}footer.site a{color:var(--muted);display:inline-flex;min-height:44px;align-items:center}
[dir=rtl] .kicker{letter-spacing:0}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}