@font-face{font-family:Newsreader;src:url('/assets/blog-newsreader.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{color-scheme:light;--bg:#fbfaf7;--fg:#1e1d1a;--mut:#73716b;--line:#dedbd4;--card:#f3f1eb;--accent:#225f91;--paper:var(--bg);--border:var(--line);--muted:var(--mut);--font:Newsreader,Georgia,serif}
:root[data-theme=dark]{color-scheme:dark;--bg:#151514;--fg:#e8e4dc;--mut:#aaa69e;--line:#393833;--card:#20201e;--accent:#91c7ff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:19px/1.65 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-underline-offset:3px}button{cursor:pointer}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}
.site-nav{max-width:660px;margin:auto;padding:32px 20px;display:flex;justify-content:space-between;gap:20px;font-size:16px}.site-nav a{text-decoration:none}.site-nav span{color:var(--mut)}
h1{font-size:2rem;line-height:1.2;font-weight:600;margin:24px 0}h2{font-size:1.3rem;line-height:1.3;margin:48px 0 20px}h3{font-size:1.1rem}p{line-height:1.65}button,select,textarea{color:inherit}button:disabled{opacity:.4;cursor:default}
*{box-sizing:border-box}body{margin:0}main{width:min(100%,660px);margin-inline:auto;padding: max(24px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left))}.tools{display:flex;gap:8px;align-items:center;margin-bottom:30px}button,select,textarea{font:inherit}button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:3px;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation}button:hover{background:var(--paper)}button:disabled{opacity:.3;cursor:default}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--muted);outline-offset:4px}svg{height:21px;width:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}select{min-width:0;flex:1;width:0;text-overflow:ellipsis;height:44px;padding:0 12px;color:var(--muted);border:1px solid var(--border);border-radius:3px;background:transparent}article{font-size:19px;line-height:1.8;letter-spacing:.003em;overflow-wrap:anywhere}article p{white-space:pre-wrap;margin:0 0 1.25em}article:empty{display:none}#composer{position:relative;border:1px solid var(--border);border-radius:3px;background:var(--paper);margin-top:24px;overflow:hidden}textarea{width:100%;display:block;resize:none;min-height:132px;max-height:45dvh;padding:20px 66px 20px 20px;border:0;background:transparent;color:inherit;font-size:17px;line-height:1.6;outline-offset:-4px!important}textarea::placeholder{color:var(--muted)}#send{position:absolute;bottom:14px;right:14px;background:var(--accent);color:var(--paper);border:0}#error{font-size:14px;line-height:1.5;color:#a72e2e}dialog{max-width:calc(100% - 40px);width:320px;border:1px solid var(--border);border-radius:3px;background:var(--paper);color:inherit;padding:24px}dialog::backdrop{background:#0005}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.dialog-actions button{padding-inline:18px}.danger{color:#bd3434}[hidden]{display:none!important}@media(min-width:768px){main{padding-top:48px}.tools{margin-bottom:42px}}