/* Shared by every name page. One cached request instead of 5,000 inline copies. */
:root{--ground:#f4f1ea;--surface:#fbf9f4;--surface-2:#eae5d9;--ink:#17140f;--ink-2:#57503f;
--ink-3:#8a8271;--rule:#ded7c6;--rule-2:#c6bda6;--select:#8c1c2f;--focus:#1f6fbf;--s1:#1b5e8f;
--serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
--sans:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
--mono:ui-monospace,Consolas,"SF Mono",Menlo,monospace}
@media (prefers-color-scheme:dark){:root{--ground:#14120f;--surface:#1d1a15;--surface-2:#262218;
--ink:#efe9db;--ink-2:#a89f8b;--ink-3:#7b7362;--rule:#302b21;--rule-2:#463f31;
--select:#d95c6e;--focus:#5b9ee6;--s1:#4e97cc}}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);
font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.wrap{max-width:660px;margin:0 auto;padding:0 20px 64px}
.top{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;padding:20px 0 12px;
border-bottom:1px solid var(--rule);margin-bottom:28px}
.top a.home{font-family:var(--serif);font-size:19px;color:var(--ink);text-decoration:none}
.top nav{margin-left:auto;display:flex;gap:14px}
.top nav a{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
color:var(--ink-2);text-decoration:none;display:inline-flex;align-items:center;min-height:44px;
margin:-12px 0}
.top nav a:hover{color:var(--ink)}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(34px,8vw,44px);margin:0;
letter-spacing:-.02em;line-height:1.05}
.sub{margin:10px 0 0;font-size:13px;color:var(--ink-3)}
.lede{margin:22px 0 0;font-size:17px;line-height:1.6}
.lede b{font-weight:600;font-variant-numeric:tabular-nums}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;
margin:26px 0 0;background:var(--rule);border:1px solid var(--rule)}
.fact{background:var(--surface);padding:12px 13px}
.fact .k{display:block;font-size:13px;color:var(--ink-3)}
.fact .v{display:block;font-family:var(--mono);font-size:19px;font-variant-numeric:tabular-nums;
line-height:1.2;margin-top:3px}
h2{font-family:var(--serif);font-weight:400;font-size:19px;margin:34px 0 10px;letter-spacing:-.01em}
figure{margin:0}
svg.spark{display:block;width:100%;height:auto;border-top:1px solid var(--rule-2);padding-top:12px}
figcaption{margin-top:8px;font-size:13px;color:var(--ink-3)}
.meaning{margin:0;padding:14px 15px;background:var(--surface-2);border:1px solid var(--rule);
border-radius:2px;font-size:15px}
.meaning b{font-weight:600}
.rel{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.rel a{display:inline-block;font-family:var(--serif);font-size:15px;color:var(--ink);
text-decoration:none;background:var(--surface);border:1px solid var(--rule-2);
border-radius:2px;padding:8px 12px}
.rel a:hover{border-color:var(--ink-3)}
.cta{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;
font-size:15px;padding:12px 18px;border-radius:2px;border:1px solid var(--ink);
background:var(--ink);color:var(--ground);text-decoration:none}
.cta:hover{opacity:.86}
.foot{margin-top:40px;padding-top:14px;border-top:1px solid var(--rule);font-family:var(--mono);
font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}
.foot a{color:var(--ink-3)}
/* Footer link gets a thumb-sized target too; negative margin keeps the layout. */
.foot a{display:inline-flex;align-items:center;min-height:44px;margin:-14px 0;text-decoration:none;
border-bottom:1px solid var(--rule-2)}
.foot a:hover{color:var(--ink)}