:root{--bg:#f6f1e7;--paper:#fffdf8;--ink:#1d1a16;--muted:#6b6257;--rule:#e2d8c6;--brass:#9a6b1f;--brass-2:#b9862f;--card:#fbf6ec;--link:#7a4f10}
@media (prefers-color-scheme:dark){:root{--bg:#14120f;--paper:#1b1814;--ink:#efe8db;--muted:#a89d8d;--rule:#332d25;--brass:#d6a54c;--brass-2:#e7b95f;--card:#211d18;--link:#e3b45a}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.7 "Source Serif 4",Georgia,"Times New Roman",serif}
a{color:var(--link);text-underline-offset:3px}a:hover{color:var(--brass-2)}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header.top{border-bottom:1px solid var(--rule);background:var(--paper)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;max-width:1040px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:600 22px/1 "Fraunces",Georgia,serif;letter-spacing:-.01em}
.brand .mark{width:28px;height:28px;color:var(--brass)}.brand b{color:var(--brass);font-weight:600}
nav.az{display:flex;flex-wrap:wrap;gap:2px}nav.az a{font:600 13px/1 system-ui,sans-serif;color:var(--muted);text-decoration:none;padding:6px 5px;border-radius:4px}
nav.az a:hover,nav.az a.on{color:var(--paper);background:var(--brass)}
@media (max-width:820px){nav.az{display:none}}
.go{font:600 14px/1 system-ui,sans-serif;color:var(--paper);background:var(--brass);padding:10px 14px;border-radius:999px;text-decoration:none;white-space:nowrap}
.go:hover{background:var(--brass-2);color:var(--paper)}
h1,h2,h3{font-family:"Fraunces",Georgia,serif;line-height:1.2;letter-spacing:-.01em}
.hero{padding:56px 0 24px;text-align:center}
.hero h1{font-size:clamp(34px,6vw,54px);margin:0 0 12px}
.hero p{color:var(--muted);font-size:20px;margin:0 auto;max-width:600px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:28px 0 56px}
.tile{display:flex;gap:14px;align-items:flex-start;background:var(--paper);border:1px solid var(--rule);border-radius:12px;padding:14px 16px;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}
.tile:hover{border-color:var(--brass);transform:translateY(-1px);color:var(--ink)}
.tile .L{font:600 30px/1 "Fraunces",Georgia,serif;color:var(--brass);min-width:28px}
.tile strong{display:block;font:600 16px/1.3 system-ui,sans-serif;color:var(--ink)}.tile span span{display:block;font:14px/1.45 system-ui,sans-serif;color:var(--muted);margin-top:4px}
article{padding:40px 0 24px}
.kicker{font:600 13px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--brass)}
.dropL{float:left;font:600 92px/.8 "Fraunces",Georgia,serif;color:var(--brass);margin:6px 16px 0 0}
article h1{font-size:clamp(30px,5vw,44px);margin:12px 0 10px}
.dek{font-size:21px;color:var(--muted);margin:0 0 18px}
.byline{font:14px/1.4 system-ui,sans-serif;color:var(--muted);border-bottom:1px solid var(--rule);padding-bottom:16px;margin-bottom:22px;clear:both}
.facts{background:var(--card);border:1px solid var(--rule);border-left:4px solid var(--brass);border-radius:10px;padding:14px 18px;margin:0 0 26px}
.facts h2{font:600 13px/1 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--brass);margin:2px 0 10px}
.facts dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;font:15px/1.45 system-ui,sans-serif}
.facts dt{color:var(--muted)}.facts dd{margin:0}
@media (max-width:520px){.facts dl{grid-template-columns:1fr}.facts dt{margin-top:6px}}
article h2{font-size:27px;margin:34px 0 8px}article p{margin:0 0 16px}
.oc{display:flex;gap:14px;align-items:center;background:var(--paper);border:1px solid var(--rule);border-radius:12px;padding:16px 18px;margin:26px 0;font:16px/1.5 system-ui,sans-serif}
.oc .mark{width:36px;height:36px;color:var(--brass);flex:none}.oc a{font-weight:600}
.faq h3{font-size:20px;margin:22px 0 4px}
.rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:12px 0 0}
.src{font:14px/1.6 system-ui,sans-serif;color:var(--muted);padding-left:18px}.src li{margin:4px 0}
footer{border-top:1px solid var(--rule);margin-top:40px;padding:26px 0 40px;font:14px/1.6 system-ui,sans-serif;color:var(--muted)}
footer .wrap{max-width:1040px;display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:space-between}
footer a{color:var(--muted)}
.prose{padding:40px 0}
.hdr-r{display:flex;align-items:center;gap:14px}.mk{white-space:nowrap;font:600 14px/1 system-ui,sans-serif;color:var(--ink);text-decoration:none}.mk:hover{color:var(--brass)}
@media (max-width:440px){header.top .wrap{padding:0 14px;gap:8px}.brand{font-size:18px;gap:7px}.brand .mark{width:22px;height:22px}.hdr-r{gap:10px}.go{padding:8px 10px;font-size:13px}.mk{font-size:13px}}
table.lang{border-collapse:collapse;width:100%;font:15px/1.4 system-ui,sans-serif}table.lang th,table.lang td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--rule)}table.lang th{color:var(--muted);font-weight:600}
@media (max-width:520px){.hide-s{display:none}}
.askf{display:grid;gap:14px;margin:22px 0;padding:18px;background:var(--paper);border:1px solid var(--rule);border-radius:12px;font:15px/1.4 system-ui,sans-serif}.askf label{display:grid;gap:6px;font-weight:600}.askf small{font-weight:400;color:var(--muted)}.askf input,.askf textarea{font:16px/1.4 system-ui,sans-serif;padding:10px 12px;border:1px solid var(--rule);border-radius:8px;background:var(--bg);color:var(--ink);width:100%}.askf .chk{display:flex;gap:10px;align-items:flex-start;font-weight:400}.askf .chk input{width:auto;margin-top:3px}.askf .go{border:0;cursor:pointer;justify-self:start}.hp{position:absolute;left:-9999px}.note{color:var(--muted)}
.ctry{font:600 13px/1 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--brass);margin:36px 0 10px}
.tile .L.sm{font-size:15px;min-width:auto;margin-top:2px}
.seealso{font:15px/1.5 system-ui,sans-serif;color:var(--muted);border-left:3px solid var(--rule);padding-left:12px}