/* the plain pages (privacy, legal notice): one window on the cream desk, like the dashboard */
@font-face{font-family:"Pixelify Sans";font-weight:400 700;font-display:swap;src:url(/fonts/pixelify.woff2) format("woff2")}
@font-face{font-family:"Atkinson Hyperlegible";font-weight:400;font-display:swap;src:url(/fonts/atkinson-400.woff2) format("woff2")}
@font-face{font-family:"Atkinson Hyperlegible";font-weight:700;font-display:swap;src:url(/fonts/atkinson-700.woff2) format("woff2")}
:root{--ink:#1b1f2a;--paper:#fbfaf6;--desk:#efece3;--desk-b:#e8e4d9;--bar:#3263f0;--muted:#5f6573;--rule:#a8adb8;--line:#1b1f2a;--hard:rgba(27,31,42,.85);--link:#3263f0;color-scheme:light}
/* night, as on the dashboard (the moon button's choice, else the system's) */
:root[data-theme="night"]{--ink:#ece7d8;--paper:#181c27;--desk:#0f131c;--desk-b:#121723;--muted:#9ca3b3;--rule:#3b4255;--line:#ece7d8;--hard:rgba(0,0,0,.8);--link:#8eaaff;color-scheme:dark}
@media (prefers-color-scheme:dark){:root:not([data-theme="day"]){--ink:#ece7d8;--paper:#181c27;--desk:#0f131c;--desk-b:#121723;--muted:#9ca3b3;--rule:#3b4255;--line:#ece7d8;--hard:rgba(0,0,0,.8);--link:#8eaaff;color-scheme:dark}}
*{box-sizing:border-box}
html{background:var(--desk)}
body{margin:0;padding:28px 16px 56px;color:var(--ink);font:400 16px/1.6 "Atkinson Hyperlegible",system-ui,sans-serif;
  background:var(--desk) repeating-conic-gradient(var(--desk-b) 0 25%,transparent 0 50%) 0 0/4px 4px}
a{color:var(--link)}
a:focus-visible{outline:2px solid #ff8a44;outline-offset:2px}
.top{max-width:760px;margin:0 auto 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;font:400 15px/1 "Pixelify Sans",monospace}
.top img{display:block;height:24px;width:auto}
.top img.night,:root[data-theme="night"] .top img.day{display:none}
:root[data-theme="night"] .top img.night{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="day"]) .top img.day{display:none}:root:not([data-theme="day"]) .top img.night{display:block}}
.win{max-width:760px;margin:0 auto;background:var(--paper);border:2px solid var(--line);box-shadow:4px 4px 0 var(--hard)}
.bar{display:flex;align-items:center;gap:10px;height:32px;padding:0 12px;background:var(--bar);color:#fff;border-bottom:2px solid var(--line)}
.bar h1{margin:0;font:600 16px/1 "Pixelify Sans",monospace}
.bar i{width:14px;height:14px;border:2px solid #fff;flex:none}
.body{padding:22px 26px 28px}
h2{margin:28px 0 8px;font:600 19px/1.2 "Pixelify Sans",monospace}
h2:first-child{margin-top:0}
p,li{margin:0 0 10px}
ul{padding-left:20px}
.muted{color:var(--muted);font-size:14px}
dl{margin:0}
dt{font-weight:700;margin-top:12px}
dd{margin:0}
@media (max-width:560px){body{padding:18px 10px 40px}.body{padding:18px 16px 22px}}
