:root{--ink:#1f2a2e;--teal:#14504f;--orange:#e07a2e;--sand:#f6f1e7;--line:#e2d9c8}
*{box-sizing:border-box}body{margin:0;background:var(--sand);color:var(--ink);font:17px/1.6 "Source Sans 3",system-ui,sans-serif}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:6px}
a{color:var(--teal)}h1,h2,h3,h4,.logo{font-family:Fraunces,Georgia,serif}
.mast{background:var(--teal);color:#fff;border-bottom:5px solid var(--orange)}.mast .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:1.6rem;font-weight:800}.logo svg{width:38px;height:38px}
nav{display:flex;gap:4px;overflow-x:auto;max-width:100%}nav a{color:#d8ebe9;text-decoration:none;font-size:.92rem;padding:6px 10px;border-radius:20px;white-space:nowrap}nav a.on,nav a:hover{background:var(--orange);color:#fff}
.grid{display:grid;gap:28px;padding-top:24px}@media(min-width:900px){.grid{grid-template-columns:1fr 300px}}
.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:var(--orange);font-weight:600;margin:0}h1{font-size:2.2rem;margin:.1em 0 .4em;line-height:1.15}
.note{background:#fff;border:1px solid var(--line);border-top:4px solid var(--teal);padding:12px 16px;font-size:.95rem;border-radius:4px}
.story{background:#fff;border-radius:10px;padding:16px 18px;margin:16px 0;box-shadow:0 1px 3px rgba(0,0,0,.06)}.story time{font-size:.8rem;color:#7b6f5c;text-transform:uppercase;letter-spacing:.08em}
.story h3{margin:.2em 0;font-size:1.25rem;line-height:1.3}.story h3 a{text-decoration:none;color:var(--ink)}.story h3 a:hover{color:var(--teal);text-decoration:underline}
.via{margin:0;font-size:.85rem;color:#7b6f5c;font-style:italic}.tag{display:inline-block;background:#fde6d3;color:#9a4a10;font:600 .7rem "Source Sans 3",sans-serif;padding:2px 8px;border-radius:12px;margin-left:8px;vertical-align:middle}
.promo{background:#fff8ef;border:2px solid var(--orange);border-radius:10px;padding:16px 18px;margin:20px 0;position:relative}.promo h2{margin:.2em 0;font-size:1.4rem}
.adlabel{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#7b6f5c}.btn{display:inline-block;background:var(--orange);color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none;font-weight:600}
aside .box{background:#fff;border-radius:10px;padding:14px 16px;margin-bottom:16px}aside h4{margin:0 0 .3em}.quick{border-left:5px solid var(--teal)}
.arch{margin-top:1.5em}.help{background:#e3efed;padding:14px 16px;border-radius:8px}
footer{background:var(--ink);color:#c9c3b6;font-size:.88rem;margin-top:30px;padding:18px 0}footer a{color:#f2b582}
.logo span{display:flex;flex-direction:column;line-height:1.1}.dom{font:400 .75rem "Source Sans 3",sans-serif;color:#f2b582;letter-spacing:.05em}
.sr{position:absolute;left:-9999px}.optin{background:var(--teal);color:#fff;border-radius:12px;padding:22px 20px;margin:22px 0;box-shadow:0 4px 14px rgba(20,80,79,.25)}.optin h2{margin:0 0 .2em;font-size:1.6rem;line-height:1.2}.optin p{margin:.3em 0 .8em;color:#d8ebe9}
.optin-form{display:grid;gap:10px}@media(min-width:640px){.optin-form{grid-template-columns:1fr 1.4fr auto}}.optin input{padding:12px;border:0;border-radius:6px;font:inherit}.optin button{background:var(--orange);color:#fff;border:0;border-radius:6px;padding:12px 18px;font:600 1rem "Source Sans 3",sans-serif;cursor:pointer}.optin .privacy{font-size:.82rem;margin:.6em 0 0}
.affnote{font-size:.8rem;opacity:.75;margin:-.4rem 0 1.2rem}
.footlinks{margin-bottom:.8rem;line-height:1.9}
main.page{max-width:760px;padding:1.5rem 0 2.5rem}
main.page h2{margin-top:1.4rem}

.discuss-cta{margin:1rem 0 0;font-size:1.05rem}.discuss-cta a{display:inline-block;background:var(--orange);color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none;font-weight:600}.discuss-cta a:hover{filter:brightness(1.05)}