/* Stride Stories site: one reading column, muted athletic palette, works light and dark. */
:root{--bg:#F5F3EE;--card:#FFFFFF;--fg:#1D2329;--muted:#5D666E;--rule:#DDD8CE;--accent:#2F6F6A;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#14181C;--card:#1C2228;--fg:#E8E6E1;--muted:#A3ABB2;--rule:#2C343B;--accent:#7DC0B8;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#14181C;--card:#1C2228;--fg:#E8E6E1;--muted:#A3ABB2;--rule:#2C343B;--accent:#7DC0B8;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 "DM Sans",system-ui,sans-serif}
.wrap{max-width:720px;margin:0 auto;padding:32px 16px 64px}
header{display:flex;align-items:center;gap:12px;margin-bottom:32px}
header img{width:44px;height:44px;border-radius:10px}
header a{color:var(--fg);text-decoration:none;font-weight:600}
h1,h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400;line-height:1.15;margin:0}
h1{font-size:clamp(2.2rem,7vw,3.2rem)}
h2{font-size:1.6rem;margin-top:36px}
p,li{max-width:66ch}
.lede{font-size:1.15rem;color:var(--muted)}
.card{background:var(--card);border:1px solid var(--rule);border-radius:14px;padding:16px 18px;margin:16px 0}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:600;margin:6px 8px 6px 0}
a{color:var(--accent)}
footer{margin-top:48px;padding-top:16px;border-top:1px solid var(--rule);color:var(--muted);font-size:.9rem}
footer a{margin-right:16px}