/* #252: the whole site's styles, in the app's colours and type (prototype/src/app.css). */
:root{color-scheme:light dark;--bg:light-dark(#FFF5EB,#2B1916);--ink:light-dark(#4B2924,#FFF2E6);--muted:light-dark(#79564E,#DEBAAD);--action:light-dark(#A63F2D,#FFB59F);--rule:light-dark(#EAD4C6,#65453D)}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.55 ui-rounded,"SF Pro Rounded",system-ui,-apple-system,"Segoe UI",sans-serif;overflow-wrap:anywhere}
main,header,footer{max-width:42rem;margin:0 auto;padding:0 16px}
header{display:flex;align-items:center;gap:16px;padding-top:20px;padding-bottom:12px;border-bottom:1px solid var(--rule)}
header a.brand{font-weight:700;font-size:20px;color:var(--ink);text-decoration:none;display:flex;gap:8px;align-items:center;margin-right:auto}
nav a{margin-left:12px}
a{color:var(--action)}
h1{font-size:2rem;line-height:1.15;margin:32px 0 8px}
h2{font-size:1.25rem;margin:32px 0 4px}
.lead{font-size:1.15rem;color:var(--muted)}
details{border-bottom:1px solid var(--rule);padding:10px 0}
summary{font-weight:600;cursor:pointer}
footer{color:var(--muted);font-size:15px;padding-top:32px;padding-bottom:40px}