@font-face{font-family:Berkeley;src:url('/fonts/mono.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Berkeley;src:url('/fonts/mono_italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
:root{--bg:#f8f7f4;--fg:#252724;--muted:#73756e;--accent:#90214b;--rule:#d6d7d0;color-scheme:light;font-family:Berkeley,monospace;font-synthesis:weight}
@media(prefers-color-scheme:dark){:root{--bg:#0f1b32;--fg:#e8e4d6;--muted:#a0aac0;--accent:#90214b;--rule:#344056;color-scheme:dark}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--fg);font-size:14px;line-height:1.8;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:#f8f7f4}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent)}a:hover{color:var(--accent);text-decoration-color:currentColor}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}p{margin:0 0 18px}p:last-child{margin-bottom:0}h1,h2,h3{font-size:inherit;font-weight:400;margin:0}ul{padding-left:18px;margin:18px 0 0}li{padding-left:4px}li::marker{color:var(--muted)}
.page{max-width:850px;padding:76px 36px 40px;margin-left:clamp(0px,3vw,48px)}.section{display:grid;grid-template-columns:140px minmax(0,1fr);gap:30px;margin-bottom:72px}.section-label{font-style:italic;font-size:13px;line-height:1.8;padding-top:1px}.section-content{min-width:0}.intro .section-content{font-size:14px}.intro a{color:var(--accent)}#work{display:block}#work>.section-label{margin-bottom:30px}.work-entry{display:grid;grid-template-columns:140px minmax(0,1fr);gap:30px;margin-bottom:38px}.work-content{min-width:0}.work-content>ul:first-child{margin-top:0}.work-entry:last-child{margin-bottom:0}.work-entry h3{font-size:13px;line-height:1.8;font-style:italic;padding-top:1px}.work-entry h3 a{text-decoration:none}.work-entry ul li+li{margin-top:5px}.work-entry li a{color:var(--accent)}.item-detail{display:block;color:var(--muted);font-size:12px;line-height:1.8;margin:4px 0 12px}.posts{list-style:none;padding:0;margin:0}.posts li{padding:0;border-bottom:1px dashed var(--rule)}.posts li:first-child a{padding-top:0}.posts a{display:grid;grid-template-columns:38px 1fr 12px;gap:14px;padding:15px 0;font-size:12px;line-height:1.7;text-decoration:none}.posts time,.posts a>span:last-child{color:var(--muted);font-size:10px;padding-top:2px}
.pics{display:flex;gap:10px;min-width:0;align-items:flex-start}.pic-column{min-width:0;flex:none}.pic-column:last-child{flex:1}.pic{margin:0}.pic+.pic{margin-top:10px}.pic img{display:block;width:100%;height:auto}footer{display:flex;justify-content:space-between;gap:20px;margin-left:170px;padding:0 0 24px;font-size:10px;color:var(--muted)}.skip{position:fixed;top:10px;left:10px;transform:translateY(-200%);background:var(--bg);padding:12px;z-index:10}.skip:focus{transform:none}
@media(max-width:600px){.work-entry{grid-template-columns:1fr;gap:16px}.page{padding:40px 24px 24px;margin-left:0}.section{grid-template-columns:1fr;gap:22px;margin-bottom:48px}.section-label{color:var(--muted)}.intro .section-content{font-size:14px}.posts a{gap:10px}footer{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Pinned in the top-right margin; never overlaps the reading column. */
.geometry{display:none;position:fixed;right:24px;top:24px;width:clamp(220px,calc(100vw - 930px),640px);aspect-ratio:1;max-height:calc(100vh - 48px);pointer-events:none;overflow:hidden}
@media(min-width:1180px){.geometry{display:block}}