:root{--ink:#12213D;--paper:#F5F0E6;--line:rgba(18,33,61,0.13);--muted:#5B6478;--foot:#EDE7DA;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#ECEFF5;--paper:#141A26;--line:rgba(236,239,245,0.14);--muted:#98A1B5;--foot:#1A2130;color-scheme:dark}}
:root[data-theme="dark"]{--ink:#ECEFF5;--paper:#141A26;--line:rgba(236,239,245,0.14);--muted:#98A1B5;--foot:#1A2130;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;background:var(--paper);color:var(--ink);font-family:'Inter',system-ui,sans-serif;line-height:1.65}
body{min-height:100vh;display:flex;flex-direction:column}
a{color:inherit}
h1{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:2rem;margin:0 0 14px}
header.top{border-bottom:1px solid var(--line)}
.topbar{max-width:1080px;margin:0 auto;padding:14px 24px}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;text-decoration:none}
.brand img{width:36px;height:36px;border-radius:6px}
.wrap{flex:1;width:100%;max-width:720px;margin:0 auto;padding:40px 24px 56px}
.big{font-size:1.25rem;font-weight:700;margin:18px 0;overflow-wrap:anywhere}
.big a{text-underline-offset:4px}
.muted{color:var(--muted)}
.foot{background:var(--foot);text-align:center;padding:28px 16px 36px;color:var(--muted)}
.foot p{margin:0 0 10px}
.foot nav{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}
.foot nav a{text-decoration:none}
.foot nav a:hover{color:var(--ink)}