@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');

:root{color-scheme:light;--ink:#20241f;--muted:#777e72;--line:#e7e8df;--paper:#fbfaf6;--accent:#526b4f;--soft:#f0f1e9;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}
:root[data-theme="dark"]{color-scheme:dark;--ink:#e8e9e1;--muted:#a4aa9d;--line:#353a32;--paper:#1c201c;--accent:#a7bf9d;--soft:#292f28}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--ink:#e8e9e1;--muted:#a4aa9d;--line:#353a32;--paper:#1c201c;--accent:#a7bf9d;--soft:#292f28}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
.skip-link{position:absolute;left:-999px;top:0}.skip-link:focus{left:1rem;top:1rem;background:white;padding:.5rem;z-index:2}
.site-header{border-bottom:1px solid var(--line)}.header-inner{max-width:1040px;margin:auto;padding:23px 32px;display:flex;justify-content:space-between;align-items:center;gap:28px}.brand{font:600 18px var(--serif);letter-spacing:-.03em}.site-header nav{display:flex;gap:28px;align-items:center}.site-header nav a{font-size:13px;color:var(--muted)}.site-header nav a:hover{color:var(--accent)}.theme-toggle{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--ink);font:11px var(--mono);cursor:pointer}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-icon{font-size:14px;line-height:1}
.site-main{max-width:1040px;margin:0 auto;padding:0 32px}.intro{padding:100px 0 76px;max-width:700px}.eyebrow,.post-meta,.section-heading>span,.tag-list,.article-tags,.back-link{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.eyebrow{color:var(--accent);margin:0 0 22px}.intro h1,.article-header h1{font:500 clamp(42px,7vw,68px)/1.1 var(--serif);letter-spacing:-.045em;margin:0}.intro-copy{max-width:500px;color:var(--muted);font-size:17px;margin:24px 0 0}
.posts-section{border-top:1px solid var(--line);padding-bottom:74px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;padding:24px 0 4px}.section-heading h2{font:600 20px var(--serif);margin:0}.section-heading>span{color:var(--muted)}.post-row{display:grid;grid-template-columns:150px minmax(0,1fr) 60px;gap:28px;padding:27px 0 30px;border-bottom:1px solid var(--line);align-items:start}.post-meta{display:flex;flex-direction:column;gap:8px;color:var(--muted);padding-top:5px;letter-spacing:.04em}.post-meta span{color:var(--accent)}.post-summary h3{font:600 22px/1.35 var(--serif);letter-spacing:-.02em;margin:0 0 7px}.post-summary p{color:var(--muted);font-size:14px;margin:0;max-width:590px}.tag-list{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;color:var(--muted);font-size:9px}.tag-list span{padding:3px 8px;background:var(--soft);border-radius:99px}.read-link{font:11px var(--mono);color:var(--accent);padding-top:7px;white-space:nowrap}.pagination{display:flex;justify-content:space-between;padding:28px 0;color:var(--muted);font:11px var(--mono)}
.article{max-width:700px;margin:0 auto;padding:74px 0 100px}.article-header{margin-bottom:48px}.back-link{display:inline-block;color:var(--muted);margin-bottom:36px}.article-header .post-meta{flex-direction:row;gap:15px;margin-bottom:19px}.article-header h1{font-size:clamp(40px,7vw,60px)}.article-deck{font-size:19px;color:var(--muted);margin:19px 0 0}.prose{font-size:17px;line-height:1.85;color:#41463e}.prose h2,.prose h3{font-family:var(--serif);color:var(--ink);line-height:1.3;margin:2em 0 .65em}.prose h2{font-size:30px}.prose h3{font-size:23px}.prose p{margin:0 0 1.35em}.prose a{color:var(--accent);text-decoration:underline;text-decoration-color:#bbc7b5;text-underline-offset:3px}.prose ul,.prose ol{padding-left:1.4em}.prose li{padding-left:.3em;margin:.45em 0}.prose blockquote{border-left:3px solid #a9b59f;margin:2em 0;padding:.2em 0 .2em 1.2em;color:var(--muted)}.prose code{font: .83em var(--mono);background:var(--soft);padding:.18em .38em;border-radius:4px;color:#40523d}.prose pre{background:#242a24;color:#e9eee3;padding:20px 22px;border-radius:8px;overflow-x:auto;font:13px/1.7 var(--mono)}.prose pre code{background:none;color:inherit;padding:0}.prose img{max-width:100%;height:auto;border-radius:8px}.article-tags{border-top:1px solid var(--line);margin-top:52px;padding-top:20px;display:flex;gap:9px;align-items:center;color:var(--muted);flex-wrap:wrap}.tag{background:var(--soft);border-radius:99px;padding:3px 10px}.page-article{padding-top:95px}.page-article .article-header{margin-bottom:35px}
.site-footer{max-width:1040px;margin:auto;padding:24px 32px 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font:10px var(--mono);letter-spacing:.04em}
@media(max-width:650px){.header-inner{padding:18px 22px;align-items:flex-start;flex-direction:column;gap:12px}.site-header nav{gap:20px;flex-wrap:wrap}.site-main{padding:0 22px}.intro{padding:70px 0 54px}.post-row{grid-template-columns:1fr 55px;gap:8px 14px}.post-meta{grid-column:1/-1;flex-direction:row;gap:12px}.post-summary h3{font-size:20px}.post-summary p{font-size:13px}.read-link{grid-column:2;grid-row:2}.article{padding:55px 0 75px}.article-header{margin-bottom:35px}.prose{font-size:16px}.site-footer{padding:22px;gap:10px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}