:root{--paper:#f3efe3;--ink:#191813;--muted:#6d685d;--line:#c9c1af;--yellow:#efe28c;--blue:#174f9b;--card:#faf7ed}*{box-sizing:border-box}html{background:#292823}body{margin:0;color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.42}a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{background:var(--yellow);color:var(--ink)}.page{position:relative;overflow:hidden;width:min(1120px,calc(100% - 28px));margin:18px auto 42px;background-color:var(--paper);background-image:radial-gradient(rgba(40,35,25,.055) .65px,transparent .65px);background-size:5px 5px;box-shadow:0 12px 38px rgba(0,0,0,.28);padding:28px 34px 20px;min-height:80vh}.page:before{content:'';position:absolute;z-index:0;pointer-events:none;width:190px;height:190px;right:-105px;top:145px;background:url('/assets/coffee-ring.svg') center/contain no-repeat;opacity:.34;transform:rotate(13deg)}.page:after{content:'';position:absolute;z-index:0;pointer-events:none;width:48px;height:25px;left:-25px;top:54%;border-top:3px solid rgba(125,76,34,.10);border-radius:50%;transform:rotate(61deg)}.page>header,.page>main,.page>footer{position:relative;z-index:1}.page>header{z-index:2}header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:1px solid var(--ink);padding-bottom:20px}.brand{text-decoration:none;color:var(--ink)}.brand:hover{background:none}.brand strong{display:block;font-size:46px;line-height:.9;letter-spacing:-2px}.tagline{display:inline-block;margin-top:9px;font:italic 15px Georgia,serif;background:var(--yellow);padding:2px 7px;transform:rotate(-.5deg)}nav{display:flex;gap:22px;align-items:center;font:700 13px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;padding-top:8px}nav a{color:var(--ink);text-decoration:none}nav details{position:relative}nav summary{list-style:none;cursor:pointer;color:var(--ink)}nav summary::-webkit-details-marker{display:none}nav summary:after{content:' ↓';font-weight:400}.menu{position:absolute;right:0;top:26px;background:var(--card);border:1px solid var(--ink);box-shadow:4px 4px 0 rgba(0,0,0,.12);padding:8px;min-width:140px}.menu a{display:block;padding:6px 9px}.article{max-width:720px;margin:48px auto 80px}.article h1{font-size:46px;line-height:1.04;letter-spacing:-1.5px;margin:12px 0 4px}.article-date,.back{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.back{text-transform:uppercase}.prose{font-size:19px;line-height:1.62;margin-top:35px}.prose p{margin:0 0 1.25em}.prose h2{font-size:28px;margin-top:1.6em}.listing{max-width:760px;margin:42px 0 70px}.listing h1{font-size:42px;margin-bottom:25px}.post-list{border-top:1px solid var(--line)}.post-row{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}.post-row time{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.post-row a{font-weight:bold;color:var(--ink);text-decoration:none}.post-row a:hover{text-decoration:underline;background:none}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}@media(max-width:720px){.page{width:100%;margin:0;min-height:100vh;padding:22px 20px;box-shadow:none}.page:before{width:150px;height:150px;right:-92px;top:165px}.page:after{top:58%}.brand strong{font-size:38px}header{display:block}.tagline{margin-bottom:16px}nav{padding-top:5px;align-items:flex-start;flex-wrap:wrap}nav details{position:static}nav details[open]{width:100%}.menu{position:static;width:100%;min-width:0;margin-top:10px;box-sizing:border-box}.menu a{padding:9px 10px}nav details[open]+a{align-self:flex-start}.article{margin:35px 0 65px}.article h1{font-size:38px}.prose{font-size:18px}.post-row{grid-template-columns:82px 1fr}}