:root{--paper:#faf6ee;--ink:#2a2018;--soft:#6b5d50;--rule:#e2d8c8;--accent:#a5442a}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 Georgia,"Times New Roman",serif}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}
.masthead{text-align:center;padding:28px 16px 18px;border-bottom:3px double var(--rule)}
.masthead .name{font-size:1.7rem;font-variant:small-caps;letter-spacing:.06em;color:var(--ink);text-decoration:none}
.masthead p{margin:4px 0 0;color:var(--soft);font-style:italic;font-size:.95rem}
.page{max-width:680px;margin:0 auto;padding:20px 16px 40px}
.trail{font-size:.85rem;color:var(--soft);margin:0 0 18px}
.trail a{color:var(--soft)}
h1{font-size:2.1rem;line-height:1.15;margin:8px 0 6px;font-weight:normal}
.kicker{margin:0 0 18px;color:var(--soft);font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;font-family:Verdana,sans-serif}
.lead{font-size:1.15rem}
h2{font-size:1.3rem;font-weight:normal;font-style:italic;margin:34px 0 8px}
h3{font-size:1rem;margin:18px 0 4px;color:var(--accent)}
.around,.ranked{padding-left:22px}
.names{line-height:1.9}
.region h2{font-style:normal;font-variant:small-caps;letter-spacing:.04em;border-bottom:1px solid var(--rule);padding-bottom:4px}
.brief{margin:36px 0 0;padding:16px 20px;border:1px solid var(--rule);background:#fffdf8}
.brief h2{margin:0 0 8px;font-style:normal;font-variant:small-caps}
.brief dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 18px;margin:0}
.brief dt{color:var(--soft)}
.brief dd{margin:0}
.colophon{max-width:680px;margin:0 auto;padding:18px 16px 40px;border-top:1px solid var(--rule);color:var(--soft);font-size:.85rem}
@media (max-width:560px){body{font-size:17px}h1{font-size:1.7rem}.brief dl{grid-template-columns:1fr}.brief dd{margin-bottom:6px}}
