@layer reset, base, layout, components, responsive;
@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  body, h1, h2, h3, p, figure { margin: 0; }
  img, svg { display: block; max-width: 100%; }
  button, input { font: inherit; }
}
@layer base {
  :root { --paper:#f7f5ed; --ink:#28382e; --muted:#667063; --green:#375840; --rule:#d8dacf; --rust:#a85231; --serif:Georgia,'Times New Roman',serif; --sans:Arial,Helvetica,sans-serif; --mono:'Courier New',monospace; }
  html { scroll-behavior:smooth; scroll-padding-top:34px; }
  body { background:var(--paper); color:var(--ink); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
  a { color:inherit; text-underline-offset:4px; text-decoration-thickness:1px; }
  a:hover { color:var(--rust); }
  button { cursor:pointer; }
  a:focus-visible, button:focus-visible, input:focus-visible { outline:2px solid var(--rust); outline-offset:5px; border-radius:2px; }
  ::selection { color:var(--ink); background:#dce4c8; }
  h1,h2,h3 { font-family:var(--serif); font-weight:400; }
  .arrow { display:inline-block; vertical-align:middle; flex-shrink:0; }
  .eyebrow,.small-label { font:11px/1.5 var(--mono); text-transform:uppercase; letter-spacing:1.3px; color:var(--muted); }
  .dot { padding:0 7px; }
  .skip-link { position:fixed; top:-100px; left:20px; z-index:10; background:var(--ink); color:var(--paper); padding:14px; }
  .skip-link:focus { top:10px; }
  .preview-note { background:#eaece0; color:#576451; text-align:center; font:10px/1.4 var(--mono); letter-spacing:.6px; padding:8px 20px; }
  .preview-note span { padding-left:16px; margin-left:12px; border-left:1px solid #bac3ae; }
}
@layer layout {
  .site-wrap { max-width:1120px; margin:0 auto; padding:0 48px; }
  .site-header { display:flex; align-items:center; justify-content:space-between; min-height:116px; border-bottom:1px solid var(--rule); gap:30px; }
  .wordmark { display:flex; align-items:center; gap:8px; font:28px var(--serif); letter-spacing:-.8px; text-decoration:none; white-space:nowrap; }
  .name-dot { display:block; width:5px; height:5px; margin-top:15px; border-radius:50%; background:var(--rust); }
  .site-header nav { display:flex; align-items:center; gap:30px; }
  .site-header nav a { text-decoration:none; font-size:13px; padding:9px 0; }
  .site-header nav a[aria-current] { text-decoration:underline; text-underline-offset:7px; }
  .follow-link { display:flex; align-items:center; gap:8px; }
  .site-footer { padding:32px 0 36px; border-top:1px solid var(--rule); display:flex; justify-content:space-between; align-items:center; gap:20px; font:11px/1.6 var(--mono); color:var(--muted); }
  .site-footer a { text-decoration:none; white-space:nowrap; }
  .site-footer .arrow { width:14px; }
}
@layer components {
  .intro { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(0,1fr); gap:64px; align-items:center; padding:70px 0 64px; }
  .intro .eyebrow { margin-bottom:24px; }
  .intro h1 { font-size:clamp(40px,4.6vw,62px); line-height:1.08; letter-spacing:-2.2px; }
  .intro h1 em { color:var(--green); font-weight:400; }
  .intro-lede { font:22px/1.5 var(--serif); margin-top:26px; }
  .intro-small { font-size:13px; color:var(--muted); line-height:1.8; margin-top:26px; }
  .botanical { margin-top:10px; transform:rotate(2deg); }
  .botanical svg { width:100%; }
  .botanical figcaption { font:10px/1.6 var(--mono); color:var(--muted); margin-top:12px; text-align:center; letter-spacing:-.2px; }
  .section-top { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px 0; border-top:1px solid var(--ink); border-bottom:1px solid var(--rule); }
  .section-top h2 { font:11px var(--mono); text-transform:uppercase; letter-spacing:1.8px; }
  .section-top a { display:flex; align-items:center; gap:8px; font-size:12px; text-decoration:none; }
  .section-top .arrow { width:15px; }
  .entry { display:grid; grid-template-columns:94px minmax(0,1fr); gap:26px; padding:36px 0 40px; }
  .entry + .entry { border-top:1px solid var(--rule); }
  .entry-date { font:11px/1.9 var(--mono); letter-spacing:1px; color:var(--muted); padding-top:1px; display:flex; flex-direction:column; }
  .entry h2 { margin:12px 0 12px; font-size:33px; letter-spacing:-.8px; line-height:1.2; }
  .entry h2 a { text-decoration:none; }
  .entry h2 .arrow { width:24px; height:24px; margin-left:8px; transition:transform .2s; }
  .entry h2 a:hover .arrow { transform:translateX(4px); }
  .entry-copy>p { font:18px/1.6 var(--serif); color:var(--muted); }
  .text-link { font:12px/1.5 var(--sans); display:inline-flex; align-items:center; gap:8px; text-decoration:none; }
  .entry .text-link { margin-top:24px; }
  .notebook-empty { padding:42px 0 48px; }
  .notebook-empty h3 { margin:14px 0 12px; font-size:clamp(27px,3vw,33px); line-height:1.25; letter-spacing:-.6px; }
  .notebook-empty p { font:18px/1.6 var(--serif); color:var(--muted); }
  .interests { margin:8px 0 64px; padding:32px 0 0; border-top:1px solid var(--rule); display:grid; grid-template-columns:1fr 1fr; gap:62px; align-items:end; }
  .interests h2 { font-size:23px; line-height:1.4; margin-top:12px; letter-spacing:-.3px; }
  .interests p { font-size:13px; color:var(--muted); line-height:1.9; max-width:390px; }
  .page-heading { margin:60px 0 48px; }
  .page-heading h1 { font-size:52px; letter-spacing:-1.5px; line-height:1.1; margin:18px 0; }
  .page-heading>p { font:23px/1.5 var(--serif); color:var(--muted); }
  .index-main { min-height:70vh; }
  .index-main .page-heading { max-width:640px; }
  .archive-end { text-align:center; padding:42px 0 80px; border-top:1px solid var(--rule); }
  .end-mark { color:var(--rust); font-size:22px; display:block; font-family:var(--serif); }
  .archive-end p { font:16px var(--serif); color:var(--muted); margin:15px 0; }
  .prose-page { max-width:700px; margin:0 auto; padding-bottom:76px; min-height:72vh; }
  .prose { font:20px/1.75 var(--serif); overflow-wrap:break-word; }
  .prose>p { margin:0 0 24px; }
  .prose h2 { font-size:28px; line-height:1.25; letter-spacing:-.4px; margin:52px 0 22px; scroll-margin-top:32px; }
  .prose ul { padding-left:22px; margin:0 0 28px; }
  .prose li { padding-left:6px; margin-bottom:10px; }
  .prose a { text-decoration-color:#8e9b84; }
  .aside-note { border-left:2px solid #b4bca4; padding:0 0 0 20px; font:14px/1.8 var(--sans); color:var(--muted); margin-top:34px; }
  .essay-header { max-width:790px; margin:40px 0 48px 228px; }
  .back-link { font:11px/1.5 var(--mono); color:var(--muted); text-decoration:none; display:inline-block; margin-bottom:43px; }
  .essay-header h1 { font-size:clamp(38px,4.5vw,56px); letter-spacing:-1.7px; line-height:1.07; margin:18px 0 22px; }
  .essay-subtitle { font:23px/1.5 var(--serif); color:var(--muted); max-width:650px; }
  .essay-meta { margin-top:25px; display:flex; gap:16px; align-items:center; flex-wrap:wrap; font:10px/1.5 var(--mono); color:var(--muted); }
  .draft-label { border:1px solid #c7cdbd; padding:2px 6px; }
  .draft-download { display:inline-block; margin-top:16px; font:11px/1.5 var(--mono); color:var(--muted); }
  .essay-layout { display:grid; grid-template-columns:180px minmax(0,1fr); gap:48px; align-items:start; }
  .essay-toc { position:sticky; top:30px; margin-top:8px; }
  .essay-toc nav { display:flex; flex-direction:column; gap:16px; margin:22px 0 28px; }
  .essay-toc nav a { display:grid; grid-template-columns:23px 1fr; gap:3px; color:var(--muted); font:11px/1.6 var(--sans); text-decoration:none; }
  .essay-toc nav a span { font-family:var(--mono); opacity:.6; }
  .essay-toc nav a:hover { color:var(--rust); }
  .essay-toc nav a.is-active { color:var(--ink); }
  .share-link { padding:12px 0 0; border:0; border-top:1px solid var(--rule); background:none; color:var(--muted); font:10px/1.5 var(--mono); }
  .share-link .arrow { width:14px; }
  .essay-body { max-width:720px; }
  .opening-paragraph { font-size:24px; line-height:1.6; }
  .pullquote { border-left:2px solid #7e9273; padding:5px 0 5px 24px; font-size:26px; line-height:1.45; color:var(--green); margin:38px 0!important; }
  .essay-figure { margin:38px 0; }
  .essay-figure img { width:100%; height:auto; border:1px solid var(--rule); }
  .essay-figure figcaption { margin-top:13px; font:13px/1.7 var(--sans); color:var(--muted); }
  .figure-provenance { display:block; margin-top:8px; font-size:11px; }
  .reading-notes { border-top:1px solid var(--rule); margin-top:52px; padding-top:28px; font:14px/1.8 var(--sans); color:var(--muted); }
  .reading-notes h2 { font:11px var(--mono); text-transform:uppercase; letter-spacing:1.3px; margin:0 0 20px; color:var(--ink); }
  .reading-notes ol { padding-left:20px; }
  .essay-end { text-align:center; padding:48px 0 44px; font:14px/1.8 var(--sans); }
  .essay-end p { margin:18px 0 8px; color:var(--muted); }
  .essay-end a { display:inline-flex; align-items:center; gap:8px; }
  .after-essay { border-top:1px solid var(--rule); padding:30px 0 50px; display:flex; justify-content:space-between; align-items:center; gap:20px; }
  .after-essay p { font:17px/1.5 var(--serif); margin-top:8px; }
  .feed-box { margin:28px 0 10px; }
  .feed-box label { font:10px var(--mono); text-transform:uppercase; letter-spacing:1px; display:block; color:var(--muted); margin-bottom:10px; }
  .feed-input { display:flex; border:1px solid var(--rule); padding:6px; }
  .feed-input input { min-width:0; flex:1; border:0; padding:10px; background:transparent; color:var(--ink); font:12px/1.4 var(--mono); }
  .copy-button { border:0; background:var(--green); color:var(--paper); font:12px var(--sans); padding:12px 20px; }
  .copy-button:hover { background:var(--ink); }
  .copy-status { min-height:18px; margin-top:8px; font:11px/1.5 var(--sans); color:var(--green); }
}
@layer responsive {
  @media (min-width:1400px) { .site-wrap { max-width:1190px; } .intro { gap:96px; } }
  @media (max-width:900px) { .site-wrap { padding:0 32px; } .intro { gap:40px; padding:52px 0; } .intro h1 { font-size:47px; } .intro-lede { font-size:20px; } .botanical { margin-top:0; } .essay-header { margin-left:0; max-width:720px; } .essay-layout { grid-template-columns:1fr; } .essay-toc { display:none; } .essay-body { max-width:720px; margin:auto; } .essay-header { margin-left:auto; margin-right:auto; } .interests { gap:32px; } .footer-note { display:none; } }
  @media (max-width:600px) { .site-wrap { padding:0 24px; } .preview-note { font-size:9px; } .preview-note span { display:none; } .site-header { min-height:88px; gap:14px; } .wordmark { font-size:25px; } .site-header nav { gap:18px; } .site-header nav a { font-size:12px; } .follow-link svg { display:none; } .intro { grid-template-columns:1fr; gap:32px; padding:44px 0 40px; } .intro .eyebrow { font-size:9px; margin-bottom:20px; } .intro h1 { font-size:47px; line-height:1.07; } .intro-lede { font-size:23px; margin-top:22px; } .intro-small { margin-top:22px; } .botanical { display:none; } .section-top { padding:18px 0; } .entry { grid-template-columns:1fr; gap:16px; padding:28px 0 32px; } .entry-date { flex-direction:row; gap:7px; font-size:10px; line-height:1.3; } .entry-copy>.eyebrow { font-size:9px; } .entry h2 { font-size:30px; line-height:1.2; } .entry h2 .arrow { width:18px; } .entry-copy>p { font-size:18px; } .entry .text-link { margin-top:20px; } .interests { grid-template-columns:1fr; gap:18px; margin-bottom:44px; padding-top:28px; } .interests h2 { font-size:24px; } .interests p { font-size:13px; } .site-footer { font-size:10px; padding:26px 0; } .page-heading { margin:42px 0 34px; } .page-heading h1 { font-size:43px; } .page-heading>p { font-size:22px; } .prose-page { padding-bottom:48px; } .prose { font-size:19px; line-height:1.75; } .prose h2 { font-size:26px; margin-top:40px; } .essay-header { margin:28px 0 34px; } .essay-header h1 { font-size:42px; line-height:1.08; letter-spacing:-1.4px; } .back-link { margin-bottom:32px; } .essay-subtitle { font-size:22px; } .essay-meta { gap:12px; font-size:9px; } .opening-paragraph { font-size:23px; } .pullquote { font-size:24px; padding-left:18px; } .after-essay { align-items:start; flex-direction:column; padding-bottom:35px; } .feed-input input { font-size:10px; padding:6px; } .copy-button { padding:12px; } }
  @media (max-width:360px) { .site-wrap { padding:0 18px; } .site-header nav { gap:12px; } .wordmark { font-size:22px; } .intro h1 { font-size:41px; } }
  @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }
  @media print { .preview-note,.site-header nav,.essay-toc,.site-footer,.after-essay,.back-link { display:none; } .site-wrap { max-width:none; padding:0; } .site-header { min-height:60px; } .essay-layout { display:block; } .essay-header { margin:30px 0; } body { background:#fff; color:#000; } .essay-body { max-width:none; font-size:12pt; } a { text-decoration:none; } }
}