:root{--red:#0c8f9a;--yellow:#a5dfd6} .hero h1{font-size:clamp(54px,7vw,108px)!important;line-height:.96}.hero-stats .big{color:#0c8f9a}.topic-row{display:flex;gap:8px;flex-wrap:wrap}.topic-row button,.save-note,.read-btn{border:1px solid currentColor;padding:8px 12px;background:transparent;cursor:pointer;font-family:inherit}.topic-row .on,.save-note{background:#0c8f9a;color:white}.draft-input{display:block;width:100%;padding:12px;margin:10px 0;background:#fff9;border:1px solid #222;font:inherit}.article-body{font-size:19px;line-height:1.8;max-width:760px}.sg-dialog{border:2px solid #151510;max-width:820px;width:90vw;padding:32px;background:#f2ede1;color:#151510}.sg-dialog::backdrop{background:#000a}.sg-dialog button{cursor:pointer;padding:9px 13px}.sg-dialog h2{font-size:34px}.sg-post{padding:26px 0;border-bottom:1px solid #222}.sg-post h2{margin:7px 0;font-size:25px}.sg-post p{line-height:1.65}.sg-meta{font:12px monospace;color:#0c8f9a;text-transform:uppercase;letter-spacing:.12em}.reading-list{list-style:none;padding:0}.reading-list li{padding:14px 0;border-bottom:1px solid #888}.brand .px{font-size:24px}.lead{max-width:1400px;margin:auto}.hero{padding-top:35px}.page{max-width:1400px;margin:auto}.join{margin-top:25px}.search input{max-width:160px} @media(max-width:700px){.top{height:auto;flex-wrap:wrap;padding:14px;gap:14px}.top nav{overflow:auto;width:100%}.lead,.page{padding:20px!important}.hero{display:block!important}.hero-stats{padding-top:25px}.hero h1{font-size:60px!important}.page{display:block!important}.page aside{margin-top:30px}.search{order:4;width:100%;max-width:none}.search input{max-width:none;width:100%}.sg-dialog{padding:20px}}
:root{--accent:#0c8f9a;--down:#0c8f9a;--accent-ink:#fff}mark{background:#a8ded7;color:#141210;padding:0 .04em}.hero h1{line-height:1.04!important}.hero h1 .pre{display:block;margin-bottom:12px;font-size:.34em;line-height:1.25}.hero h1 mark{box-decoration-break:clone;-webkit-box-decoration-break:clone}.hero-text .btn{background:#0c8f9a;border-color:#0c8f9a}.hero-stats{border-left:2px solid #141210;padding-left:32px}.hero .hero-text .hero-bullets{margin-top:24px}@media(max-width:700px){.hero h1{font-size:54px!important}.hero h1 .pre{font-size:24px}.hero-stats{border-left:0;padding-left:0}.hero-text .btn{margin-bottom:20px}}
html[data-mode="dark"]{--bg:#132329;--fg:#eee8dd;--fg2:#c2c9c4;--panel:#132329;--panel2:#132329;--line:#40505a;--line2:#d3dfde}html[data-mode="dark"] body{background:#132329;color:#eee8dd}html[data-mode="dark"] .top{background:#132329}html[data-mode="dark"] .brand,html[data-mode="dark"] .top nav a{color:#eee8dd}html[data-mode="dark"] input,html[data-mode="dark"] textarea{background:#25363b;color:#eee8dd}

.editor-art{display:block;width:100%;height:auto;margin:16px 0;border:1px solid var(--border)}

.article-illustration{display:block;width:100%;height:auto;border:1px solid var(--border);margin:20px 0}