/* tastemaker · macrostructure: Field Guide Index · mood: botanical-editorial · page: static HTML site
 * arc: observation -> constraints -> practical choices -> seasonal method -> next guide
 * nav: N3 · hero: H2 · footer: Ft3 · knobs: task-index home; article-led detail pages; one local photo per page
 * palette: paper/leaf/tomato/seed · contrast: ink and muted text on paper; green actions on white
 * critique: ShowTell 4 · Phil 4 · Hier 5 · Spec 4 · Restr 5 · Var 5
 */
:root{color-scheme:light;--paper:#f5f3e9;--surface:#fff;--ink:#1c2b22;--muted:#52645a;--green:#24553b;--green-dark:#173c2a;--leaf:#e5ebdd;--gold:#d2a63b;--tomato:#b74d36;--line:#d6d9cd;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',sans-serif;--content:1160px;--measure:70ch;--shadow:0 18px 44px rgba(28,43,34,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.72 var(--sans);overflow-x:clip}img{display:block;max-width:100%;height:auto}a{color:var(--green);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible{outline:3px solid var(--tomato);outline-offset:3px}.skip-link{position:absolute;z-index:50;left:12px;top:8px;transform:translateY(-160%);padding:10px 14px;background:var(--surface);color:var(--ink)}.skip-link:focus{transform:translateY(0)}
.site-header{background:var(--paper)}.header-meta{border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.header-meta-inner,.masthead,.nav-inner,.page-shell,.footer-inner{width:min(var(--content),calc(100% - 48px));margin-inline:auto}.header-meta-inner{display:flex;justify-content:space-between;gap:12px;padding:8px 0;color:var(--muted)}.masthead{display:flex;align-items:center;justify-content:space-between;min-height:104px;gap:24px}.brand{display:inline-flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none}.brand-mark{width:42px;height:42px;display:block;flex:none}.brand-word{display:block;font:700 27px/1 var(--sans);letter-spacing:.1em}.brand-line{display:block;margin-top:5px;color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.masthead-note{max-width:245px;color:var(--muted);font:italic 15px/1.45 var(--serif);text-align:right}
.nav-band{position:relative;background:var(--green);color:white}.nav-inner{min-height:55px;display:flex;justify-content:center;align-items:center}.primary-nav{width:100%;display:flex;align-items:center;justify-content:center}.primary-nav ul{display:flex;justify-content:center;align-items:center;gap:clamp(12px,2.4vw,34px);margin:0;padding:0;list-style:none}.primary-nav li{margin:0}.primary-nav a{display:flex;min-height:55px;align-items:center;color:white;text-decoration:none;font-size:14px;font-weight:550;white-space:nowrap;border-bottom:2px solid transparent}.primary-nav a:hover,.primary-nav a[aria-current=page]{border-color:var(--gold);text-decoration:none}.dr-mobile-toggle{display:none;min-height:46px;align-items:center;gap:12px;border:0;background:transparent;color:white;font:600 14px var(--sans);cursor:pointer}.dr-mobile-toggle svg{width:20px;height:20px}
.home-hero{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:clamp(28px,5vw,72px);padding:clamp(46px,7vw,90px) 0 50px}.hero-copy{max-width:590px}.eyebrow,.section-number,.article-kicker{margin:0 0 15px;color:var(--green);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero-copy h1,.article-copy h1{max-width:11ch;margin:0;color:var(--ink);font:400 clamp(42px,6.2vw,76px)/1.02 var(--serif);letter-spacing:-.045em;text-wrap:balance}.hero-lead,.article-lead{max-width:56ch;margin:24px 0 0;color:#43564a;font-size:18px;line-height:1.65}.primary-action{display:inline-flex;align-items:center;gap:18px;margin-top:28px;padding:13px 18px;background:var(--green);color:white;text-decoration:none;font-size:14px;font-weight:650}.primary-action span{font-size:18px}.primary-action:hover{background:var(--green-dark);text-decoration:none}.hero-signature{display:flex;align-items:center;gap:12px;margin-top:32px;color:var(--muted);font-size:12px}.seed-rule{width:34px;height:2px;background:var(--gold)}.hero-figure,.article-figure{position:relative;margin:0}.hero-figure img{width:100%;aspect-ratio:1.12;object-fit:cover;box-shadow:var(--shadow);animation:photo-enter .55s ease-out both}.hero-figure figcaption,.article-figure figcaption{margin-top:11px;color:var(--muted);font-size:12px}.hero-figure:before{content:"";position:absolute;z-index:-1;inset:18px -18px -18px 18px;border:1px solid #b9c5b4}
.intro-band{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(230px,.7fr);gap:28px;align-items:stretch;padding:28px 0 66px;border-top:1px solid var(--line)}.intro-band h2{max-width:18ch;margin:0;font:400 clamp(29px,4vw,44px)/1.13 var(--serif);text-wrap:balance}.intro-band p{max-width:68ch;margin:14px 0 0;color:var(--muted)}.field-note{display:flex;flex-direction:column;justify-content:center;padding:20px 24px;background:var(--leaf);border-left:3px solid var(--green)}.field-note strong{font:500 20px/1.2 var(--serif)}.field-note p{margin:8px 0 0;font-size:14px}
.topic-section{padding:64px 0 80px;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(180px,.55fr);align-items:end;gap:25px;margin-bottom:28px}.section-number{margin:0 0 5px;color:var(--tomato)}.section-head h2,.season-head h2{margin:0;font:400 clamp(31px,4vw,48px)/1.08 var(--serif);text-wrap:balance}.section-head>p{max-width:34ch;margin:0;color:var(--muted);font-size:14px}.topic-list{border-top:1px solid var(--line)}.topic-row{display:grid;grid-template-columns:70px minmax(0,1fr) 26px;align-items:center;gap:16px;padding:21px 6px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.topic-row:hover{background:rgba(229,235,221,.55);text-decoration:none}.topic-index{color:var(--tomato);font:400 17px var(--serif)}.topic-row h3{margin:0;font:500 23px/1.25 var(--serif)}.topic-row p{max-width:68ch;margin:5px 0 0;color:var(--muted);font-size:14px}.topic-arrow{color:var(--green);font-size:19px;text-align:right}
.season-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center;padding:58px clamp(22px,5vw,60px);background:var(--green-dark);color:white}.season-head .section-number{color:#e2bd58}.season-head h2{max-width:15ch;color:white}.season-head p{max-width:42ch;margin:17px 0 0;color:#e3e9df}.season-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25)}.season-step{padding:20px 14px}.season-step+.season-step{border-left:1px solid rgba(255,255,255,.25)}.season-step b{display:block;color:#e2bd58;font:400 23px var(--serif)}.season-step span{display:block;margin-top:7px;font-size:13px;line-height:1.5}.season-link{display:inline-block;margin-top:21px;color:white;font-size:14px;font-weight:650}
.article-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,64px);padding:56px 0 45px;border-bottom:1px solid var(--line)}.article-copy h1{max-width:13ch;font-size:clamp(40px,5.1vw,66px)}.article-lead{font-size:17px}.article-figure img{width:100%;aspect-ratio:1.35;object-fit:cover;box-shadow:var(--shadow)}.article-figure:before{content:"";position:absolute;z-index:-1;inset:14px -14px -14px 14px;border:1px solid #b9c5b4}.article-shell{display:grid;grid-template-columns:minmax(0,var(--measure)) minmax(210px,270px);justify-content:space-between;gap:clamp(32px,7vw,98px);padding:52px 0 80px}.prose{min-width:0}.prose h2{margin:42px 0 13px;font:400 31px/1.2 var(--serif);letter-spacing:-.02em}.prose h2:first-of-type{margin-top:30px}.prose p{margin:0 0 18px;color:#33463a}.prose ul{padding-left:24px}.prose li{margin:8px 0;padding-left:4px}.prose li::marker{color:var(--tomato)}.quick-note{padding:20px 23px;background:var(--leaf);border-left:3px solid var(--green)}.quick-note strong{font:500 19px/1.2 var(--serif)}.quick-note p{margin:7px 0 0;color:#3c5143}.checklist{margin-top:38px;padding:22px 24px;background:var(--surface);border-top:2px solid var(--gold)}.checklist h2{margin:0 0 8px;font-size:25px}.checklist ul{margin:0}.article-aside{align-self:start;position:sticky;top:20px;padding:18px 0 18px 18px;border-left:1px solid var(--line);color:var(--muted);font-size:13px}.article-aside strong{display:block;margin-bottom:7px;color:var(--green);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.article-aside p{margin:0}.related{padding:26px 0 54px;border-top:1px solid var(--line)}.related-label{margin:0 0 12px;color:var(--muted);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.related-links{display:flex;flex-wrap:wrap;gap:10px 25px}.related-links a{font-size:14px;font-weight:620}
.site-footer{padding:48px 0 22px;background:#1b3024;color:#e8eee5}.footer-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(200px,.8fr) minmax(190px,.7fr);gap:42px;padding-bottom:35px}.footer-brand{color:white;text-decoration:none}.footer-brand strong{display:block;font-size:19px;letter-spacing:.12em}.footer-brand span{display:block;margin-top:5px;color:#bdcbbd;font:italic 14px var(--serif)}.footer-main p{max-width:45ch;margin:16px 0 0;color:#c7d2c5;font-size:13px}.footer-links{display:grid;align-content:start;gap:9px}.footer-links strong{margin-bottom:4px;color:#e2bd58;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.footer-links span{color:#edf2eb;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.2);color:#bdcbbd;font-size:11px}
.reveal{opacity:0;transform:translateY(10px);transition:opacity .35s ease-out,transform .35s ease-out}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes photo-enter{from{opacity:.72;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:880px){.header-meta-inner,.masthead,.nav-inner,.page-shell,.footer-inner{width:min(var(--content),calc(100% - 36px))}.masthead{min-height:88px}.home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding-top:55px}.home-hero .hero-copy h1{font-size:clamp(40px,6vw,60px)}.primary-nav ul{gap:15px}.primary-nav a{font-size:13px}.section-head{grid-template-columns:85px minmax(0,1fr)}.section-head>p{grid-column:2}.season-panel{gap:30px;padding-inline:28px}.article-shell{grid-template-columns:minmax(0,1fr) 220px;gap:36px}}
@media(max-width:680px){.header-meta-inner,.masthead,.nav-inner,.page-shell,.footer-inner{width:calc(100% - 30px)}.header-meta-inner{font-size:9px;letter-spacing:.08em}.header-meta-inner span:last-child{display:none}.masthead{min-height:76px}.brand-mark{width:36px;height:36px}.brand-word{font-size:23px}.brand-line{font-size:9px}.masthead-note{display:none}.nav-inner{min-height:50px;justify-content:flex-start}.primary-nav{display:block}.dr-mobile-toggle{display:flex;padding:0 0;min-height:50px}.primary-nav ul{display:none;position:absolute;z-index:20;top:100%;left:0;right:0;grid-template-columns:1fr;background:var(--green-dark);padding:8px 15px 15px;box-shadow:0 14px 20px rgba(28,43,34,.2)}.primary-nav.is-open ul{display:grid}.primary-nav li{width:100%}.primary-nav a{min-height:48px;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.18);font-size:14px}.home-hero{grid-template-columns:1fr;gap:30px;padding:42px 0 38px}.hero-copy h1,.home-hero .hero-copy h1{max-width:12ch;font-size:clamp(43px,12vw,58px)}.hero-lead{margin-top:17px;font-size:16px}.hero-figure{margin-right:12px}.hero-figure img{aspect-ratio:1.25}.hero-figure:before{inset:11px -11px -11px 11px}.hero-signature{margin-top:23px}.intro-band{grid-template-columns:1fr;gap:18px;padding:24px 0 48px}.intro-band h2{font-size:34px}.field-note{padding:17px 19px}.topic-section{padding:46px 0 54px}.section-head{grid-template-columns:52px minmax(0,1fr);gap:12px;margin-bottom:17px}.section-head h2,.season-head h2{font-size:34px}.section-head>p{grid-column:2;font-size:13px}.topic-row{grid-template-columns:39px minmax(0,1fr) 19px;gap:9px;padding:17px 2px}.topic-index{font-size:14px}.topic-row h3{font-size:20px}.topic-row p{font-size:13px;line-height:1.5}.season-panel{grid-template-columns:1fr;gap:25px;padding:34px 21px}.season-steps{grid-template-columns:1fr}.season-step{display:grid;grid-template-columns:44px 1fr;align-items:start;gap:10px;padding:12px 4px}.season-step+.season-step{border-left:0;border-top:1px solid rgba(255,255,255,.25)}.season-step b{font-size:19px}.season-step span{margin:0}.article-hero{grid-template-columns:1fr;gap:23px;padding:39px 0 29px}.article-copy h1{font-size:clamp(39px,11vw,55px)}.article-lead{margin-top:15px;font-size:16px}.article-figure{margin-right:11px}.article-figure img{aspect-ratio:1.2}.article-figure:before{inset:10px -10px -10px 10px}.article-shell{grid-template-columns:1fr;gap:26px;padding:34px 0 52px}.prose h2{margin-top:32px;font-size:27px}.prose h2:first-of-type{margin-top:25px}.prose p{font-size:15px}.quick-note,.checklist{padding:17px 18px}.article-aside{position:static;grid-row:2;padding:15px 17px;background:var(--leaf);border:0}.related{padding-bottom:42px}.related-links{display:grid;gap:11px}.footer-main{grid-template-columns:1fr 1fr;gap:28px 18px}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:5px}.site-footer{padding-top:35px}}
@media(max-width:380px){.header-meta-inner,.masthead,.nav-inner,.page-shell,.footer-inner{width:calc(100% - 24px)}.brand-word{font-size:21px}.topic-row h3{font-size:18px}.footer-main{grid-template-columns:1fr}.footer-main>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal.is-visible,.hero-figure img{animation:none;transition:none;opacity:1;transform:none}}

/* Keep the custom editorial navigation while the exporter preserves its shared
   local controller and stylesheet for a consistent, auditable project. */
.site-header .nav-band{background:var(--green)!important;color:#fff!important}
.site-header .primary-nav{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important}
.site-header .primary-nav > .dr-mobile-toggle{display:none!important}
.site-header .primary-nav > ul.dr-menu{display:flex!important;position:static!important;align-items:center!important;justify-content:center!important;flex-direction:row!important;flex-wrap:wrap!important;gap:clamp(12px,2.4vw,34px)!important;width:100%!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
.site-header .primary-nav > ul.dr-menu > li{flex:none!important;width:auto!important;min-width:0!important}
.site-header .primary-nav > ul.dr-menu > li > a{display:flex!important;align-items:center!important;min-height:55px!important;padding:0!important;border:0!important;border-bottom:2px solid transparent!important;background:transparent!important;color:#fff!important;font:550 14px/1.3 var(--sans)!important;text-decoration:none!important;white-space:nowrap!important}
.site-header .primary-nav > ul.dr-menu > li > a:hover,.site-header .primary-nav > ul.dr-menu > li > a[aria-current=page]{border-bottom-color:var(--gold)!important;text-decoration:none!important}
@media(max-width:800px){
  .site-header .nav-inner{min-height:50px!important;justify-content:flex-start!important}
  .site-header .primary-nav{display:block!important}
  .site-header .primary-nav > .dr-mobile-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:50px!important;padding:0 2px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;font:600 14px/1.3 var(--sans)!important;text-align:left!important}
  .site-header .primary-nav > ul.dr-menu{display:none!important;position:absolute!important;z-index:120!important;top:100%!important;right:0!important;left:0!important;align-items:stretch!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:0!important;width:100%!important;max-height:none!important;padding:8px 15px 15px!important;background:var(--green-dark)!important;box-shadow:0 14px 20px rgba(28,43,34,.2)!important}
  .site-header .primary-nav.dr-open > ul.dr-menu{display:flex!important}
  .site-header .primary-nav > ul.dr-menu > li{width:100%!important}
  .site-header .primary-nav > ul.dr-menu > li > a{justify-content:flex-start!important;min-height:48px!important;padding:8px 4px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important;font-size:14px!important;white-space:normal!important}
}
@media(max-width:680px){
  .eyebrow,.section-number,.article-kicker,.related-label{font-size:13px!important;line-height:1.45!important;letter-spacing:.1em!important}
  .section-head{grid-template-columns:82px minmax(0,1fr)!important}
}
