:root{color-scheme:dark;--bg:#101819;--paper:#182223;--ink:#e7e8df;--muted:#a7b6b1;--accent:#c9ba8a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,sans-serif}a{color:inherit}header{padding:20px 5%;border-bottom:1px solid #344344;display:flex;justify-content:space-between;align-items:center}header a{text-decoration:none;letter-spacing:.15em;font-size:14px}header span{color:var(--muted);letter-spacing:0;margin-left:15px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #68736c;border-radius:6px;background:transparent;color:var(--ink);padding:8px 14px}button:hover,button:focus-visible{border-color:var(--accent);background:#2b3531}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.layout{max-width:1400px;margin:auto;display:grid;grid-template-columns:280px 1fr;gap:5vw;padding:45px 4%}nav a{display:block;text-decoration:none;font-size:14px;padding:9px 12px;color:var(--muted);border-left:2px solid transparent}nav a[aria-current]{color:var(--ink);border-color:var(--accent);background:var(--paper)}.eyebrow{font:11px system-ui;letter-spacing:.2em;color:var(--accent)}.hint{font-size:13px;color:var(--muted);margin-top:30px}.reading{max-width:760px;min-width:0}h1{font:normal clamp(28px,4vw,44px)/1.2 Georgia,serif;margin:20px 0 45px}h2{font:normal 24px/1.5 Georgia,serif}.paragraph{margin:0 0 24px}.paragraph>p{font:20px/1.85 Georgia,serif;margin-bottom:5px;overflow-wrap:anywhere}.comment-toggle{font:12px system-ui;color:var(--muted);padding:4px 8px;border-color:transparent}.comments{background:var(--paper);padding:20px;border-left:2px solid var(--accent);margin:12px 0 30px}.entries article{border-bottom:1px solid #344344;padding:12px 0}.entries p{white-space:pre-wrap;overflow-wrap:anywhere}.entries small{display:block;color:var(--muted)}label{display:block;font-size:14px;margin:14px 0}input,select,textarea{display:block;width:100%;background:var(--bg);color:var(--ink);border:1px solid #68736c;border-radius:5px;padding:10px;margin-top:5px}textarea{resize:vertical}.status{font-size:14px;color:var(--accent)}footer{display:flex;justify-content:space-between;gap:20px;margin:50px 0}.login{max-width:480px;margin:12vh auto;padding:30px}.login button{background:var(--accent);color:#101819;width:100%;margin-top:15px}hr{border:0;border-top:1px solid #344344;margin:40px 0}[hidden]{display:none!important}@media(max-width:800px){.layout{display:block;padding:24px 6%}nav{margin-bottom:45px}nav a{padding:5px 10px}header span{display:none}.paragraph>p{font-size:19px}.comments{padding:14px}}
.paragraph{position:relative;cursor:pointer}.paragraph.has-comments::before{content:"";position:absolute;left:-16px;top:5px;bottom:5px;width:3px;border-radius:2px;background:#edcd51}.paragraph:focus-visible{outline:2px solid var(--accent);outline-offset:6px}#comment-dialog{color:var(--ink);background:var(--paper);border:1px solid #52615b;border-radius:12px;padding:24px;width:min(640px,92vw);max-height:85dvh;overflow:auto;overscroll-behavior:contain}#comment-dialog::backdrop{background:rgb(0 0 0 / .72)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-heading h2{margin:0}#comment-excerpt{margin:20px 0;padding:0 0 0 14px;border-left:3px solid #edcd51;color:var(--muted);font:16px/1.6 Georgia,serif;max-height:160px;overflow:auto}.entries{font-size:14px}.entries p{white-space:pre-wrap;overflow-wrap:anywhere}html:has(dialog[open]){overflow:hidden}
.reading-meta{margin:16px 0 20px;padding:0 0 14px;border-bottom:1px solid #344344;color:var(--muted);font:12px/1.55 system-ui,sans-serif}.reading-meta span{display:block}.reading-meta small{display:block;margin-top:7px;color:var(--muted);font:10px/1.5 system-ui,sans-serif}