:root{--ink:#3b2416;--fur:#e7a95b;--paper:#fffaf2;--muted:#6b5a4c;--line:#eadfcf}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#fff6e8;--paper:#141b2b;--muted:#c9bfb2;--line:#2c3550}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.doc{max-width:720px;margin:0 auto;padding:28px 16px 64px}
.home{display:inline-block;margin-bottom:18px;color:var(--fur);font-weight:600;text-decoration:none}
h1{font:700 clamp(30px,6vw,42px)/1.15 "Fredoka","Arial Rounded MT Bold","Trebuchet MS",sans-serif;margin:0 0 4px}
h2{font:700 21px/1.3 "Fredoka","Arial Rounded MT Bold","Trebuchet MS",sans-serif;margin:34px 0 8px}
.meta{color:var(--muted);margin:0 0 22px}
.tldr{border:2px solid var(--fur);border-radius:14px;padding:14px 18px;margin:0 0 24px}
.tldr ul{margin:8px 0 0;padding-left:20px}
ul{padding-left:22px}
li{margin:6px 0}
a{color:inherit;text-decoration-color:var(--fur);text-underline-offset:3px}
.foot{margin-top:44px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:15px}

/* Nov 5: no lonely last words. Balanced headings, pretty paragraphs everywhere that uses this file. */
h1,h2,h3{text-wrap:balance}
p,.lead{text-wrap:pretty}
li,figcaption,small,.note,.small,.alt,.found,.btn,button{text-wrap:balance}