/* System fonts and local assets; no JavaScript required. */
:root{color-scheme:light dark;--bg:#f8f7f3;--ink:#252d29;--muted:#59645e;--accent:#25664c;--line:#d8ded5;--panel:#efeee8;--code:#33463d}
*{box-sizing:border-box}
html{scroll-padding-top:2rem}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.2em;overflow-wrap:anywhere}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:2px}
.site-header,main,.site-footer{width:min(100% - 48px,880px);margin-inline:auto}
.site-header{padding:32px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}
.wordmark{font-weight:750;font-size:20px;letter-spacing:-.6px;color:var(--ink);text-decoration:none}
.wordmark-dot{color:var(--accent)}
nav{display:flex;gap:24px;flex-wrap:wrap;align-items:center}
.site-header nav{gap:22px;font-size:14px}
.site-header nav a{color:var(--muted);text-decoration:none}
.site-header nav a[aria-current]{color:var(--accent);text-decoration:underline;text-underline-offset:7px}
main{padding:68px 0 76px;min-height:65vh}
main:focus{outline:none}
h1,h2,h3{line-height:1.22;letter-spacing:-.035em;font-weight:650;text-wrap:balance}
h1{font-size:clamp(2.25rem,5vw,3.5rem);margin:.4em 0 .6em}
h2{font-size:1.55rem;margin:2.4em 0 .8em}
h3{font-size:1.3rem}
p{margin:0 0 1.25em}
.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.15em;font-weight:650;color:var(--muted);margin:0 0 18px}
.native-name{display:block;margin-top:12px;color:var(--muted);font-size:.42em;font-weight:450;letter-spacing:0}
.intro{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.4rem,3.5vw,1.85rem);line-height:1.5;letter-spacing:-.02em;max-width:730px;margin:32px 0 24px}
.profile>p,.profile>ul{max-width:780px}
.profile-links{margin:30px 0 44px;padding-bottom:36px;border-bottom:1px solid var(--line);font-size:14px;gap:26px}
.prose ul{padding-left:1.2em}
.prose li{padding-left:.25em;margin-bottom:1.35em}
.prose li p{margin-bottom:.5em}
.prose h2{padding-top:12px}
.prose img{display:block;max-width:100%;height:auto;margin:24px auto;border:1px solid var(--line);border-radius:8px}
.prose blockquote{border-left:3px solid var(--accent);margin:24px 0;padding:12px 24px;background:var(--panel)}
.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.prose th,.prose td{padding:10px;border:1px solid var(--line)}
.prose hr{border:0;border-top:1px solid var(--line);margin:36px 0}
.latest-writing{border-top:1px solid var(--line);margin-top:48px;padding-top:28px}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.section-heading h2{margin:0}
.section-heading>a{font-size:14px;white-space:nowrap}
.post-preview{padding:30px 0;border-bottom:1px solid var(--line)}
.post-preview h2,.post-preview h3{margin:0 0 16px;font-size:1.5rem;max-width:730px}
.post-preview h2 a,.post-preview h3 a{color:var(--ink);text-decoration:none}
.post-preview h2 a:hover,.post-preview h3 a:hover{text-decoration:underline}
.post-preview>.eyebrow{margin-bottom:12px}
.post-preview>div{color:var(--muted);max-width:740px}
.post-preview>a{font-size:14px}
.article-header{padding-bottom:32px;margin-bottom:38px;border-bottom:1px solid var(--line)}
.article-header>.eyebrow{margin-top:32px}
.article-header>a{font-size:14px}
.article-header h1{font-size:clamp(2rem,4.5vw,3rem)}
.tag-list{gap:12px;font-size:13px}
.tag-list a{background:var(--panel);padding:2px 10px;border-radius:4px}
pre{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow-x:auto;font-size:13px;line-height:1.7}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--code)}
:not(pre)>code{padding:.15em .3em;background:var(--panel);border-radius:3px;font-size:.88em}
.highlight .c,.highlight .c1,.highlight .cm{color:var(--muted)}
.highlight .k,.highlight .kn,.highlight .kd,.highlight .ow{color:var(--accent);font-weight:bold}
.archive-list{list-style:none;padding:0}
.archive-list li{padding:18px 0;border-bottom:1px solid var(--line)}
.archive-list time{display:block;color:var(--muted);font-size:13px}
.pagination{display:flex;gap:24px;justify-content:space-between;margin-top:32px;font-size:14px}
.site-footer{border-top:1px solid var(--line);padding:26px 0 38px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}
.site-footer p{margin:0}
.site-footer p span{padding:0 8px;color:var(--line)}
.site-footer nav{gap:18px}
.skip-link{position:absolute;left:16px;top:-100px;background:var(--bg);padding:12px;z-index:10}
.skip-link:focus{top:12px}
.muted{color:var(--muted)}
@media(prefers-color-scheme:dark){:root{--bg:#171e1a;--ink:#e2e8e0;--muted:#a7b5ab;--accent:#8ed4ac;--line:#38463c;--panel:#222c25;--code:#d1e2d5}}
@media(max-width:600px){.site-header,main,.site-footer{width:calc(100% - 40px)}.site-header{align-items:flex-start;flex-direction:column;gap:16px;padding:24px 0}.site-header nav{gap:24px}main{padding:42px 0 52px}body{font-size:16px}.profile-links{gap:16px 22px}.site-footer{flex-direction:column}.section-heading{align-items:flex-start;flex-direction:column;gap:10px}pre{padding:16px}}
@media print{.site-header,.site-footer,.skip-link,.profile-links{display:none}:root{--bg:white;--ink:black;--muted:#444;--accent:#222;--line:#ccc;--panel:#eee}main{width:100%;padding:0}h2,h3{break-after:avoid}pre{white-space:pre-wrap}a{color:inherit}}