:root{color-scheme:light;--ink:#202322;--muted:#616965;--line:#dce2de;--accent:#086758;--red:#bd3d32;--paper:#fff;--soft:#f3f6f4}
*{box-sizing:border-box;letter-spacing:0}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65}
a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}
a:hover{color:var(--accent)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.shell{max-width:1080px;margin:0 auto;padding:0 48px}
.site-header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.wordmark{display:flex;align-items:center;gap:15px;text-decoration:none;font-weight:760;font-size:25px;line-height:1.2}
.wordmark span{font-size:10px;font-weight:650;border-left:1px solid var(--line);padding-left:15px;max-width:90px}
nav{display:flex;gap:28px;font-size:14px}nav a{text-decoration:none}
.intro{padding:52px 0 32px}.eyebrow,.category{font-size:11px;font-weight:750;color:var(--accent)}
.eyebrow{margin:0 0 12px;color:var(--red)}
h1,h2,p{margin-top:0}h1{font-size:40px;line-height:1.18;font-weight:680;max-width:820px;margin-bottom:18px;overflow-wrap:anywhere}
.intro-copy{font-size:18px;color:var(--muted);margin:0;max-width:660px}
.cover{margin:0 0 42px}.cover img{width:100%;height:232px;object-fit:cover;object-position:50% 46%;display:block;border-radius:3px}
figcaption{font-size:11px;color:var(--muted);margin-top:10px}
.section-label{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--ink)}
.section-label h2{font-size:15px;margin:0}.section-label span{font-size:11px;color:var(--muted)}
.note-row{display:grid;grid-template-columns:42px minmax(0,1fr) 50px;gap:18px;padding:27px 0;border-bottom:1px solid var(--line)}
.note-number{color:#848e87;font-size:12px;padding-top:3px;font-variant-numeric:tabular-nums}
.note-row h2{font-size:22px;line-height:1.35;font-weight:620;margin:6px 0 8px}.note-row h2 a{text-decoration:none}
.note-row p{font-size:14px;color:var(--muted);margin:0;max-width:670px}.reading{font-size:11px;color:var(--muted);padding-top:4px;text-align:right;white-space:nowrap}
footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:26px 0 32px;margin-top:65px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
footer p{margin:0}footer a{font-size:10px}
.article{max-width:740px;margin:44px auto 0}.back-link{font-size:12px;color:var(--muted)}
.article-header{margin:34px 0}.article-header h1{margin-top:12px;font-size:36px;line-height:1.23}
.article-summary{font-size:18px;color:var(--muted);line-height:1.6;margin-bottom:20px}
.article-meta{font-size:12px;color:var(--muted)}
.article-image{width:100%;height:240px;object-fit:cover;border-radius:3px;margin-bottom:24px}
.prose{font-size:17px;line-height:1.85}.prose p{margin-bottom:22px}.prose h2{font-size:23px;line-height:1.3;margin:36px 0 16px;font-weight:650}
.prose pre{background:var(--soft);padding:20px;font-size:12px;overflow-x:auto;line-height:1.75;border-left:3px solid var(--accent);max-width:100%}
.prose li{margin-bottom:12px}.prose ol{padding-left:24px}
.next-notes{max-width:740px;margin:50px auto 0;padding-top:24px;border-top:1px solid var(--line)}
.next-notes h2{font-size:14px}.next-notes a{display:block;font-size:15px;margin:12px 0}
@media(max-width:640px){.shell{padding:0 22px}.site-header{min-height:82px;gap:16px}.wordmark{font-size:22px;gap:10px}.wordmark span{font-size:9px;padding-left:10px;max-width:64px}nav{gap:16px;font-size:13px}.intro{padding:34px 0 24px}h1{font-size:31px}.intro-copy{font-size:16px}.cover{margin-bottom:28px}.cover img{height:175px}.note-row{grid-template-columns:24px minmax(0,1fr);gap:12px;padding:24px 0}.note-row h2{font-size:20px}.reading{display:none}.article{margin-top:28px}.article-header{margin:25px 0}.article-header h1{font-size:30px}.article-summary{font-size:17px}.article-image{height:185px}.prose{font-size:16px}.prose h2{font-size:21px}.prose pre{padding:13px;font-size:11px}footer{margin-top:44px;align-items:flex-start;flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}