/* =====================================================================
   Outdoor Plant Care — "Herbarium" design system
   Dark chrome, paper reading surface, brass accents.
   Loaded after the legacy styles.css; remaps its variables so older
   components (tools, search overlay, cookie banner) inherit the look.
   ===================================================================== */

@font-face{font-family:'OPC Serif';src:url(/assets/fonts/iserif-400.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'OPC Serif';src:url(/assets/fonts/iserif-400i.woff) format('woff');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'OPC Sans';src:url(/assets/fonts/isans-400.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'OPC Sans';src:url(/assets/fonts/isans-400i.woff) format('woff');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'OPC Sans';src:url(/assets/fonts/isans-700.woff) format('woff');font-weight:600 700;font-style:normal;font-display:swap}

:root{
  /* Herbarium tokens */
  --h-night:#0E1310;      /* page chrome */
  --h-night-2:#151C17;    /* raised dark panels */
  --h-bone:#EDE8DC;       /* text on dark */
  --h-bone-2:#D6D2C6;     /* secondary text on dark */
  --h-mute:#A7AC9E;       /* tertiary text on dark (7.9:1 on night) */
  --h-brass:#C9A55C;      /* accent on dark */
  --h-brass-hi:#DDBB72;
  --h-paper:#ECE7DA;      /* reading surface */
  --h-paper-2:#E2D9C2;    /* highlighted rows on paper */
  --h-ink:#1A1F1B;        /* text on paper */
  --h-ink-2:#2A302B;      /* body copy on paper */
  --h-ink-mute:#5A5F57;   /* secondary on paper (5.6:1) */
  --h-brass-ink:#6E5520;  /* brass for text on paper (6.3:1) */
  --h-rule-d:rgba(237,232,220,.14);
  --h-rule-b:rgba(201,165,92,.4);
  --h-rule-p:rgba(26,31,27,.2);
  --h-serif:'OPC Serif','Didot','Bodoni 72','Times New Roman',serif;
  --h-sans:'OPC Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --h-wrap:1360px;
  --h-gutter:48px;

  /* Legacy variable remap (styles.css, tools.css, inline styles) */
  --ink:#1A1F1B; --ink-2:#2A302B; --ink-soft:#2A302B;
  --paper:#ECE7DA; --paper-2:#E2D9C2; --rule:rgba(26,31,27,.22);
  --accent:#6E5520; --accent-soft:#8A6A2C; --muted:#5A5F57;
  --text:#2A302B; --text-soft:#5A5F57;
  --serif:var(--h-serif); --sans:var(--h-sans);
  --brand:#1A1F1B; --brand-dark:#1A1F1B; --cream-deep:#E2D9C2;
}
@media (max-width:760px){:root{--h-gutter:20px}}

html{background:var(--h-night);-webkit-text-size-adjust:100%}
body.h{margin:0;background:var(--h-night);color:var(--h-bone);font-family:var(--h-sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.h *,body.h *::before,body.h *::after{box-sizing:border-box}
body.h img{max-width:100%;height:auto}
body.h [hidden]{display:none!important}
body.h .h-plate .im img{height:100%}
body.h .h-split > img{height:100%}
body.h a{color:inherit}
body.h :focus-visible{outline:2px solid var(--h-brass);outline-offset:3px}
.h-wrap{max-width:var(--h-wrap);margin:0 auto;padding-left:var(--h-gutter);padding-right:var(--h-gutter)}
.h-serif{font-family:var(--h-serif);font-weight:400}
.h-it{font-family:var(--h-serif);font-style:italic;font-weight:400}
.h-sc{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700}
.h-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:-9999px;top:8px;background:var(--h-brass);color:var(--h-night);padding:10px 16px;z-index:100;font-weight:700;text-decoration:none}
.skip-link:focus{left:12px}

/* ---------- Header ---------- */
.h-header{position:relative;z-index:40;border-bottom:1px solid var(--h-rule-d);background:var(--h-night)}
.h-header.on-photo{position:absolute;left:0;right:0;top:0;background:transparent;border-bottom-color:transparent}
.h-header .h-wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:88px}
.h-nav{display:flex;gap:28px;align-items:center}
.h-nav.right{justify-content:flex-end}
.h-nav a{text-decoration:none;font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--h-bone);padding:10px 0}
.h-nav a:hover,.h-nav a[aria-current]{color:var(--h-brass)}
.h-logo{font-family:var(--h-serif);font-size:27px;letter-spacing:.08em;text-decoration:none;color:var(--h-bone)!important;text-align:center;white-space:nowrap;line-height:1}
.h-logo i{font-style:italic;letter-spacing:.02em}
.h-icon{width:44px;height:44px;border-radius:50%;border:1px solid rgba(237,232,220,.35);background:transparent;color:var(--h-bone);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.h-icon:hover{border-color:var(--h-brass);color:var(--h-brass)}
.h-zone{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--h-rule-b);background:transparent;color:var(--h-bone);font:inherit;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;cursor:pointer}
.h-zone:hover{border-color:var(--h-brass);color:var(--h-brass)}
.h-menu-btn{display:none}
@media (max-width:1080px){
  .h-header .h-wrap{grid-template-columns:44px 1fr 44px;min-height:64px;gap:8px}
  .h-nav{display:none}
  .h-menu-btn{display:inline-flex;border:0}
  .h-logo{font-size:19px}
  .h-search-sm{display:inline-flex;border:0}
}
@media (min-width:1081px){.h-search-sm{display:none}}

/* Drawer menu */
.h-drawer{position:fixed;inset:0;z-index:90;background:var(--h-night);color:var(--h-bone);overflow:auto;display:none}
.h-drawer[data-open="true"]{display:block}
.h-drawer .h-wrap{padding-top:20px;padding-bottom:48px}
.h-drawer-top{display:flex;justify-content:space-between;align-items:center;min-height:56px;border-bottom:1px solid var(--h-rule-d);margin-bottom:24px}
.h-drawer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:32px}
.h-drawer h2{font-family:var(--h-serif);font-weight:400;font-size:34px;margin:0 0 10px;font-style:italic;color:var(--h-brass)}
.h-drawer a.big{display:block;font-family:var(--h-serif);font-size:30px;line-height:1.15;text-decoration:none;padding:10px 0;border-top:1px solid var(--h-rule-d);color:var(--h-bone)}
.h-drawer a.big:hover{color:var(--h-brass)}
.h-drawer a.big span{font-family:var(--h-sans);font-size:13px;color:var(--h-mute);margin-left:10px;letter-spacing:.06em}
.h-drawer a.sm{display:block;font-size:16px;text-decoration:none;padding:9px 0;border-top:1px solid var(--h-rule-d);color:var(--h-bone-2)}
.h-drawer a.sm:hover{color:var(--h-brass)}
.h-drawer form{display:flex;border:1px solid var(--h-rule-b);margin-bottom:28px}
.h-drawer input{flex:1;min-width:0;min-height:56px;background:transparent;border:0;color:var(--h-bone);font:inherit;font-size:18px;padding:0 18px;outline:none}
.h-drawer form button{background:var(--h-brass);color:var(--h-night);border:0;padding:0 22px;font:inherit;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;cursor:pointer}

/* ---------- Buttons ---------- */
.h-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;background:var(--h-brass);color:var(--h-night)!important;text-decoration:none!important;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;border:0;cursor:pointer;font-family:var(--h-sans)}
.h-btn:hover{background:var(--h-brass-hi)}
.h-btn.ghost{background:transparent;color:var(--h-brass)!important;border:1px solid var(--h-brass)}
.h-btn.ghost:hover{background:var(--h-brass);color:var(--h-night)!important}
.h-btn.ink{background:var(--h-ink);color:var(--h-paper)!important}
.h-btn.ink:hover{background:var(--h-brass-ink)}

/* ---------- Hero (all article-type pages) ---------- */
.h-hero{position:relative;overflow:hidden;background:var(--h-night);color:var(--h-bone)}
.h-hero-img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;display:block}
.h-hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,19,16,.74) 0%,rgba(14,19,16,.06) 26%,rgba(14,19,16,.22) 55%,rgba(14,19,16,.97) 100%)}
.h-hero .h-wrap{position:relative}
.h-hero.photo{min-height:min(760px,92vh)}
.h-hero.photo .h-hero-body{min-height:min(760px,92vh);display:flex;flex-direction:column;justify-content:flex-end;padding-top:120px;padding-bottom:52px}
.h-hero.plain .h-hero-body{padding-top:96px;padding-bottom:48px}
.h-hero-ghost{position:absolute;right:-24px;top:56px;font-family:var(--h-serif);font-style:italic;font-size:clamp(120px,19vw,300px);line-height:.82;color:rgba(201,165,92,.08);text-align:right;pointer-events:none;white-space:nowrap}
.h-crumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--h-brass);margin:0 0 22px}
.h-crumbs a{color:var(--h-brass);text-decoration:none}
.h-crumbs a:hover{color:var(--h-bone)}
.h-crumbs .sep{opacity:.6}
.h-eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--h-brass);margin:0 0 14px}
.h-hero h1{font-family:var(--h-serif);font-weight:400;font-size:clamp(46px,7.4vw,112px);line-height:.92;letter-spacing:-.015em;margin:0;max-width:1100px;text-wrap:balance}
.h-hero h1 em,.h-hero h1 i{font-style:italic}
.h-hero-sub{display:flex;gap:16px 32px;align-items:baseline;flex-wrap:wrap;margin-top:20px}
.h-latin{font-family:var(--h-serif);font-style:italic;font-size:clamp(22px,2.3vw,32px);color:var(--h-bone-2)}
.h-deck{font-size:18px;line-height:1.55;color:var(--h-bone-2);max-width:620px;margin:0}
.h-credit{position:absolute;right:var(--h-gutter);bottom:14px;font-size:11px;color:var(--h-mute);max-width:40ch;text-align:right}
@media (max-width:760px){.h-credit{display:none}.h-hero.photo,.h-hero.photo .h-hero-body{min-height:560px}.h-hero-scrim{background:linear-gradient(180deg,rgba(14,19,16,.78) 0%,rgba(14,19,16,.3) 22%,rgba(14,19,16,.62) 48%,rgba(14,19,16,.97) 82%)}}
.h-hero.photo h1{text-shadow:0 2px 24px rgba(0,0,0,.35)}

/* Specimen label + byline */
.h-labelband{background:var(--h-night);padding-bottom:36px}
.h-label{border:1px solid rgba(201,165,92,.55)}
.h-label-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;padding:14px 22px;border-bottom:1px solid rgba(201,165,92,.3)}
.h-label-head .h-it{font-size:15px;color:var(--h-mute)}
.h-label-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))}
.h-label-cell{padding:18px 22px;border-left:1px solid rgba(201,165,92,.25);display:flex;flex-direction:column;gap:6px}
.h-label-cell:first-child{border-left:0}
.h-label-cell .k{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--h-mute)}
.h-label-cell .v{font-family:var(--h-serif);font-size:25px;line-height:1.12;color:var(--h-bone)}
.h-label-cell .n{font-size:13px;color:var(--h-mute)}
.h-zscale{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:#6E7468}
.h-zscale .on{color:var(--h-brass)}
.h-zscale .me{background:var(--h-brass);color:var(--h-night);padding:0 5px}
@media (max-width:760px){.h-label-cell{border-left:0;border-top:1px solid rgba(201,165,92,.25)}.h-label-cell:first-child{border-top:0}}
.h-byline{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:18px;font-size:14px;color:var(--h-mute)}
.h-byline a{color:var(--h-bone)}
.h-byline .dot{opacity:.5}

/* ---------- Paper reading surface ---------- */
.h-paper{background:var(--h-paper);color:var(--h-ink)}
.h-paper a{color:var(--h-ink);text-decoration-color:#9A7A34;text-underline-offset:3px;text-decoration-thickness:1px}
.h-paper a:hover{color:var(--h-brass-ink)}
.h-grid{display:grid;grid-template-columns:210px minmax(0,700px) 250px;gap:56px;justify-content:space-between;padding-top:72px;padding-bottom:96px}
.h-grid.no-rail{grid-template-columns:210px minmax(0,740px)}
.h-grid.solo{grid-template-columns:minmax(0,780px);justify-content:center}
@media (max-width:1180px){.h-grid{grid-template-columns:200px minmax(0,1fr)}.h-rail{display:none}}
@media (max-width:900px){.h-grid,.h-grid.no-rail{grid-template-columns:minmax(0,1fr);padding-top:36px;gap:0}}

/* Table of contents */
.h-toccol{position:sticky;top:24px;align-self:start}
.h-toccol .toc,.h-paper aside.toc{background:none;border:0;padding:0;margin:0}
.h-paper .toc .toc-heading{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--h-brass-ink);margin:0 0 12px}
.h-paper .toc ul,.h-paper .toc ol{list-style:none;padding:0;margin:0;counter-reset:t}
.h-paper .toc li{margin:0;counter-increment:t}
.h-paper .toc a{display:flex;gap:12px;text-decoration:none;color:var(--h-ink-mute);font-size:14px;line-height:1.35;padding:9px 0;border-top:1px solid rgba(26,31,27,.14)}
.h-paper .toc li:last-child a{border-bottom:1px solid rgba(26,31,27,.14)}
.h-paper .toc a::before{content:counter(t,lower-roman);font-family:var(--h-serif);font-style:italic;min-width:22px;color:var(--h-brass-ink)}
.h-paper .toc a:hover,.h-paper .toc a.active{color:var(--h-ink)}
.h-tocsum{display:none}
@media (max-width:900px){
  .h-tocsum{display:flex}
  .h-toccol{position:static;margin-bottom:28px}
  .h-toccol details{border-top:1px solid var(--h-rule-p);border-bottom:1px solid var(--h-rule-p)}
  .h-toccol summary{min-height:52px;display:flex;align-items:center;font-weight:700;cursor:pointer;list-style:none}
}

/* Prose */
.h-prose{font-size:19px;line-height:1.74;color:var(--h-ink-2);min-width:0;overflow-wrap:break-word}
.h-paper .article.h-prose{max-width:none;margin:0;padding:0}
.h-hero h1.long{font-size:clamp(40px,5.4vw,80px);line-height:.96}
.h-zone{white-space:nowrap}
.h-paper a.h-rail-card,.h-paper a.h-rail-card:hover{color:var(--h-bone);text-decoration:none}
.h-picks .product-card ul{font-size:14px;line-height:1.5;color:var(--h-bone-2);padding-left:18px;margin:4px 0 0}
.h-picks .product-card-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 22px 22px}
@media (max-width:640px){.h-picks .product-card-pros-cons{grid-template-columns:1fr}}
.h-prose > *:first-child{margin-top:0}
.h-prose p{margin:0 0 22px}
.h-prose h2{font-family:var(--h-serif);font-weight:400;font-size:clamp(32px,3.4vw,44px);line-height:1.06;letter-spacing:-.005em;color:var(--h-ink);margin:64px 0 18px;scroll-margin-top:24px}
.h-prose h3{font-family:var(--h-sans);font-weight:700;font-size:20px;line-height:1.3;color:var(--h-ink);margin:36px 0 10px;scroll-margin-top:24px}
.h-prose h4{font-weight:700;font-size:17px;margin:24px 0 8px;color:var(--h-ink)}
.h-prose ul,.h-prose ol{padding-left:22px;margin:0 0 24px}
.h-prose li{margin:0 0 8px}
.h-prose li::marker{color:var(--h-brass-ink)}
.h-prose strong{color:var(--h-ink);font-weight:700}
.h-prose em{font-family:var(--h-serif);font-size:1.08em}
.h-prose blockquote{margin:32px 0;padding:0 0 0 24px;border-left:2px solid #9A7A34;font-family:var(--h-serif);font-size:26px;line-height:1.35;color:var(--h-ink)}
.h-prose figure{margin:36px 0}
.h-prose figure img{display:block;width:100%;height:auto}
.h-prose figcaption{font-size:14px;color:var(--h-ink-mute);padding-top:10px}
.h-prose hr{border:0;border-top:1px solid var(--h-rule-p);margin:48px 0}
.h-prose code{font-size:.85em;background:var(--h-paper-2);padding:1px 5px}
@media (max-width:760px){.h-prose{font-size:17.5px}}

/* Tables on paper */
.h-paper table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.45;margin:8px 0 28px;background:transparent}
.h-paper th{text-align:left;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--h-ink-mute);padding:14px 16px 12px 0;border-bottom:1px solid rgba(26,31,27,.4);background:transparent}
.h-paper td{padding:14px 16px 14px 0;border-bottom:1px solid rgba(26,31,27,.16);vertical-align:top;color:var(--h-ink-2);background:transparent}
.h-paper tr:hover td{background:rgba(226,217,194,.45)}
.h-tablewrap,.h-paper .comparison-table,.h-paper .table-wrap{overflow-x:auto;margin:0 0 28px;border:0;background:none;padding:0;border-radius:0;box-shadow:none}

/* Short answer / callouts */
.h-paper .callout{background:none;border:0;border-top:2px solid #9A7A34;border-radius:0;padding:18px 0 4px;margin:0 0 40px;font-family:var(--h-serif);font-size:clamp(22px,2.2vw,28px);line-height:1.32;color:var(--h-ink)}
.h-paper .callout strong:first-child{display:block;font-family:var(--h-sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--h-brass-ink);margin-bottom:12px}
.h-paper .callout a{text-decoration-thickness:1px}
.h-note{background:var(--h-paper-2);padding:16px 20px;font-size:16px;line-height:1.6;color:var(--h-ink-mute);margin:0 0 24px}
.h-paper .affiliate-disclosure-inline,.h-paper .amazon-disclosure{background:none!important;border:0!important;border-top:1px solid var(--h-rule-p)!important;padding:10px 0 0!important;margin:0 0 28px!important;font-size:13px!important;line-height:1.5!important;color:var(--h-ink-mute)!important;border-radius:0!important}
.h-paper .amazon-disclosure code{background:none;padding:0}

/* ---------- Affiliate components ---------- */
/* Product slot inside guides */
.h-paper .gear-callout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;border-top:1px solid rgba(26,31,27,.35);border-bottom:1px solid rgba(26,31,27,.35);background:none;border-left:0;border-right:0;border-radius:0;padding:22px 0;margin:28px 0 32px;box-shadow:none}
.h-paper .gear-callout h4{font-family:var(--h-serif);font-weight:400;font-size:24px;margin:0 0 6px;color:var(--h-ink)}
.h-paper .gear-callout h4::before{content:"What we'd use";display:block;font-family:var(--h-sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--h-brass-ink);margin-bottom:8px}
.h-paper .gear-callout p{font-size:16px;line-height:1.55;margin:0;color:var(--h-ink-mute)}
.gear-callout-cta,.gear-aside-btn,.product-card-cta,.sticky-cta-bar-cta,.btn-mini,.h-paper a.amz-btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;padding:0 22px!important;background:var(--h-ink)!important;color:var(--h-paper)!important;text-decoration:none!important;font-size:12px!important;letter-spacing:.16em;text-transform:uppercase;font-weight:700!important;border:0!important;border-radius:0!important;white-space:nowrap;box-shadow:none!important}
.gear-callout-cta:hover,.gear-aside-btn:hover,.product-card-cta:hover,.btn-mini:hover,.h-paper a.amz-btn:hover{background:var(--h-brass-ink)!important;color:var(--h-paper)!important}
@media (max-width:640px){.h-paper .gear-callout{grid-template-columns:1fr}.gear-callout-cta{width:100%}}

/* Gear list aside inside plant guides */
.h-paper .gear-aside{background:none;border:0;border-top:1px solid rgba(26,31,27,.35);border-radius:0;padding:18px 0 0;margin:8px 0 36px;box-shadow:none}
.h-paper .gear-aside-title{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--h-brass-ink);margin:0 0 6px}
.h-paper .gear-aside-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 18px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(26,31,27,.16);background:none;border-radius:0}
.h-paper .gear-aside-item-name{font-family:var(--h-serif);font-size:21px;color:var(--h-ink);grid-column:1}
.h-paper .gear-aside-item-why{font-size:15px;line-height:1.5;color:var(--h-ink-mute);grid-column:1}
.h-paper .gear-aside-btn{grid-column:2;grid-row:1 / span 2;min-height:44px!important;padding:0 16px!important}
@media (max-width:640px){.h-paper .gear-aside-item{grid-template-columns:1fr}.h-paper .gear-aside-btn{grid-column:1;grid-row:auto;justify-self:start;margin-top:8px}}

/* Buying-guide picks (dark band) */
.h-picks{background:var(--h-night);padding:8px 0 80px}
.h-picks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px;align-items:stretch}
.h-picks .product-card{position:relative;display:flex;flex-direction:column;border:1px solid rgba(201,165,92,.4);background:transparent;border-radius:0;padding:0;margin:0;box-shadow:none;color:var(--h-bone)}
.h-picks .product-card:first-child{border-color:var(--h-brass);background:var(--h-night-2)}
.h-picks .product-card-badge{position:static;display:block;background:none;color:var(--h-brass);border-bottom:1px solid rgba(201,165,92,.4);padding:10px 18px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;border-radius:0;box-shadow:none}
.h-picks .product-card:first-child .product-card-badge{background:var(--h-brass);color:var(--h-night);border-bottom:0}
.h-picks .product-card-inner{display:flex;flex-direction:column;gap:14px;padding:22px;flex:1}
.h-picks .product-card-body{display:flex;flex-direction:column;gap:10px;flex:1}
.h-picks .product-card-name{font-family:var(--h-serif);font-weight:400;font-size:30px;line-height:1.05;margin:0;color:var(--h-bone)}
.h-picks .product-card-desc{font-size:16px;line-height:1.55;color:var(--h-bone-2);margin:0}
.h-picks .product-card-price{font-size:14px;color:var(--h-mute);font-weight:400;margin:0}
.h-picks .product-card-cta{background:var(--h-brass)!important;color:var(--h-night)!important;width:100%;min-height:52px}
.h-picks .product-card-cta:hover{background:var(--h-brass-hi)!important;color:var(--h-night)!important}
.h-picks .product-card:not(:first-child) .product-card-cta{background:transparent!important;color:var(--h-brass)!important;border:1px solid var(--h-brass)!important}
.h-picks .product-card:not(:first-child) .product-card-cta:hover{background:var(--h-brass)!important;color:var(--h-night)!important}
.h-picks .product-card img{display:block;width:100%;height:220px;object-fit:contain;background:var(--h-paper);padding:16px}
.h-disclose{font-size:13px;color:var(--h-mute);border-top:1px solid var(--h-rule-d);padding-top:14px;margin:28px 0 36px}
.h-paper .product-card{border:0;border-top:1px solid rgba(26,31,27,.35);border-radius:0;background:none;box-shadow:none;padding:22px 0;margin:24px 0}
.h-paper .product-card-badge{position:static;display:inline-block;background:none;color:var(--h-brass-ink);padding:0;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;margin-bottom:8px}
.h-paper .product-card-name{font-family:var(--h-serif);font-weight:400;font-size:28px;margin:0 0 6px}
.h-paper .product-card-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end}
.h-paper .product-card-price{font-size:14px;color:var(--h-ink-mute)}
@media (max-width:640px){.h-paper .product-card-inner{grid-template-columns:1fr}}
.h-tier{font-family:var(--h-sans);letter-spacing:.12em;color:inherit}

/* Pros / cons lists that live in gear pages */
.h-paper .pros,.h-paper .cons,.h-paper .pros-cons{background:none;border:0;border-radius:0;padding:0}

/* Sticky "our pick" bar */
.sticky-cta-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex!important;align-items:center;gap:16px;padding:10px max(var(--h-gutter),calc((100vw - var(--h-wrap))/2 + var(--h-gutter)))!important;background:var(--h-night)!important;color:var(--h-bone)!important;border:0!important;border-top:1px solid var(--h-brass)!important;border-radius:0!important;box-shadow:0 -8px 24px rgba(0,0,0,.25)!important;transform:translateY(110%);transition:transform .3s ease}
.sticky-cta-bar.show{transform:none}
.sticky-cta-bar-label{display:flex;flex-direction:column;flex:1;min-width:0}
.sticky-cta-bar-label strong{font-family:var(--h-serif);font-weight:400;font-size:20px;line-height:1.1;color:var(--h-bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-cta-bar-label span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--h-brass);order:-1}
.sticky-cta-bar-cta{background:var(--h-brass)!important;color:var(--h-night)!important}
@media (prefers-reduced-motion:reduce){.sticky-cta-bar{transition:none}}

/* ---------- Reader Q&A, signup, related ---------- */
.h-paper .reader-qa,.h-paper .article-signup{background:none!important;border:0!important;border-top:2px solid var(--h-ink)!important;border-radius:0!important;padding:22px 0 0!important;margin:64px 0 32px!important}
.h-paper .reader-qa > div:first-child,.h-paper .article-signup > div:first-child{font-family:var(--h-serif)!important;font-size:34px!important;color:var(--h-ink)!important;line-height:1.1!important}
.h-paper .qa-item{border-bottom:1px solid var(--h-rule-p)!important}
.h-paper .qa-item summary{font-family:var(--h-serif)!important;font-weight:400!important;font-size:22px!important;color:var(--h-ink)!important;list-style:none;min-height:44px}
.h-paper .qa-item summary::-webkit-details-marker{display:none}
.h-paper .qa-item summary::after{content:"+";float:right;font-family:var(--h-sans);color:var(--h-brass-ink)}
.h-paper .qa-item[open] summary::after{content:"−"}
.h-paper textarea,.h-paper input[type=email],.h-paper input[type=text],.h-paper input[type=search],.h-paper input[type=number],.h-paper select{border:1px solid rgba(26,31,27,.35)!important;border-radius:0!important;background:#F4F0E6!important;color:var(--h-ink)!important;font-family:var(--h-sans)!important;font-size:16px!important;min-height:48px}
.h-paper .btn,.h-paper button.btn,.h-paper .anl-submit,.h-paper button[type=submit]{background:var(--h-ink)!important;color:var(--h-paper)!important;border:0!important;border-radius:0!important;min-height:48px;padding:0 22px!important;font-family:var(--h-sans)!important;font-size:12px!important;letter-spacing:.16em;text-transform:uppercase;font-weight:700!important;cursor:pointer}
.h-paper .btn:hover,.h-paper button[type=submit]:hover{background:var(--h-brass-ink)!important}
.h-paper .anl-inner,.h-paper .article-newsletter{background:none!important;border:0!important;border-top:2px solid var(--h-ink)!important;border-radius:0!important;padding:22px 0 0!important;box-shadow:none!important}
.h-paper .anl-eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--h-brass-ink)}
.h-paper .anl-headline{font-family:var(--h-serif);font-weight:400;font-size:30px;line-height:1.1;color:var(--h-ink);margin:8px 0}
.h-paper .anl-form{display:flex;gap:8px;flex-wrap:wrap}
.h-paper .anl-email{flex:1 1 220px}
.h-paper .related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:0;border-top:1px solid rgba(26,31,27,.35);margin:16px 0 0}
.h-paper .related-card{display:flex;flex-direction:column;gap:6px;padding:18px 18px 18px 0;text-decoration:none;border:0;border-bottom:1px solid var(--h-rule-p);background:none;border-radius:0;box-shadow:none}
.h-paper .related-card .cat{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--h-brass-ink)}
.h-paper .related-card .title{font-family:var(--h-serif);font-size:22px;line-height:1.15;color:var(--h-ink)}
.h-paper .related-card:hover .title{color:var(--h-brass-ink)}

/* Right rail */
.h-rail{align-self:start;position:sticky;top:24px;display:flex;flex-direction:column;gap:18px}
.h-rail-card{background:var(--h-night);color:var(--h-bone);padding:22px;display:flex;flex-direction:column;gap:8px;text-decoration:none}
.h-rail-card .h-sc{color:var(--h-brass);font-size:11px}
.h-rail-card .t{font-family:var(--h-serif);font-size:22px;line-height:1.15}
.h-rail-card .s{font-size:14px;color:var(--h-mute)}
.h-rail-card:hover .t{color:var(--h-brass)}
.h-rail-note{font-size:14px;line-height:1.5;color:var(--h-ink-mute);border-top:1px solid var(--h-rule-p);padding-top:10px}

/* ---------- Dark sections (home, hubs, related plates) ---------- */
.h-section{padding:104px 0}
.h-section.tight{padding:64px 0}
.h-section.alt{background:var(--h-night-2)}
.h-h2{font-family:var(--h-serif);font-weight:400;font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.01em;margin:0}
.h-h2 i{font-style:italic}
.h-sechead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:48px}
.h-link{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--h-brass)!important;text-decoration:none}
.h-link:hover{color:var(--h-bone)!important}
.h-plates{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:40px 22px}
.h-plate{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--h-bone)}
.h-plate .im{display:block;overflow:hidden;aspect-ratio:3/4;background:var(--h-night-2)}
.h-plate img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.h-plate:hover img{transform:scale(1.03)}
.h-plate .ph{display:flex;align-items:flex-end;height:100%;padding:20px;border:1px solid rgba(201,165,92,.3);font-family:var(--h-serif);font-style:italic;font-size:26px;line-height:1.05;color:var(--h-brass)}
.h-plate .meta{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--h-brass)}
.h-plate .nm{font-family:var(--h-serif);font-size:26px;line-height:1.05}
.h-plate .lat{font-family:var(--h-serif);font-style:italic;color:var(--h-mute);font-size:16px}
.h-plate:hover .nm{color:var(--h-brass)}
@media (prefers-reduced-motion:reduce){.h-plate img{transition:none}}

/* Index rows (hub lists, A–Z) */
.h-index{list-style:none;padding:0;margin:0;columns:3 280px;column-gap:48px}
.h-index li{break-inside:avoid;border-top:1px solid var(--h-rule-p);padding:12px 0}
.h-index a{text-decoration:none;color:var(--h-ink);font-size:17px;line-height:1.35;display:block}
.h-index a:hover{color:var(--h-brass-ink)}
.h-index .lat{display:block;font-family:var(--h-serif);font-style:italic;color:var(--h-ink-mute);font-size:15px}
.h-index .cat{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--h-brass-ink);margin-bottom:2px}

.h-az{display:flex;flex-wrap:wrap;margin-bottom:8px}
.h-az a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-family:var(--h-serif);font-size:21px;text-decoration:none;color:var(--h-ink)}
.h-az a:hover{background:var(--h-ink);color:var(--h-paper)}
.h-plate[hidden]{display:none}

/* Sentence filter (plants hub) */
.h-sentence{font-family:var(--h-serif);font-size:clamp(28px,3.4vw,44px);line-height:1.5;color:var(--h-bone);max-width:1180px;margin:56px 0 0}
.h-sentence select{font-family:var(--h-serif);font-style:italic;font-size:inherit;color:var(--h-brass);background:transparent;border:0;border-bottom:2px solid var(--h-brass);border-radius:0;padding:0 4px 2px;cursor:pointer;-webkit-appearance:none;appearance:none;max-width:100%}
.h-sentence select:focus-visible{outline:2px solid var(--h-bone)}
.h-sentence option{color:#111;font-style:normal}
.h-results-bar{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:24px;font-size:15px;color:var(--h-mute)}
.h-results-bar strong{color:var(--h-bone)}
.h-results-bar button{background:none;border:0;color:var(--h-mute);text-decoration:underline;font:inherit;cursor:pointer;min-height:44px}
.h-search-line{display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(237,232,220,.4);width:380px;max-width:100%;padding-bottom:6px}
.h-search-line input{flex:1;min-width:0;min-height:44px;background:transparent;border:0;color:var(--h-bone);font:inherit;font-size:16px;outline:none}

/* Home */
.h-home-hero{position:relative;min-height:min(900px,100vh);overflow:hidden}
.h-home-hero .h-hero-body{min-height:min(900px,100vh);display:flex;flex-direction:column;justify-content:flex-end;padding-top:140px;padding-bottom:64px}
.h-home-hero h1{font-family:var(--h-serif);font-weight:400;font-size:clamp(56px,8.6vw,124px);line-height:.9;letter-spacing:-.015em;margin:0}
.h-home-hero h1 i{font-style:italic}
.h-home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:48px;align-items:end}
.h-zipform{display:flex;width:100%;border:1px solid rgba(201,165,92,.7)}
.h-zipform input{flex:1;min-width:0;min-height:58px;background:rgba(14,19,16,.6);border:0;padding:0 18px;color:var(--h-bone);font:inherit;font-size:17px;outline:none}
.h-zipform button{background:var(--h-brass);color:var(--h-night);border:0;padding:0 26px;font:inherit;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;cursor:pointer}
.h-zipresult{display:none;margin-top:14px;font-size:15px;color:var(--h-bone-2)}
.h-zipresult[data-on="true"]{display:block}
.h-zipresult b{color:var(--h-brass);font-weight:700}
.h-months{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));border-top:1px solid var(--h-rule-d)}
.h-month{padding:36px 32px 36px 0;text-decoration:none;color:var(--h-bone);border-right:1px solid var(--h-rule-d)}
.h-month + .h-month{padding-left:32px}
.h-month:last-child{border-right:0}
.h-month .num{font-family:var(--h-serif);font-style:italic;font-size:40px;color:var(--h-brass);margin-bottom:16px}
.h-month .t{font-family:var(--h-serif);font-size:28px;line-height:1.12;margin-bottom:10px}
.h-month .s{font-size:15px;line-height:1.6;color:var(--h-mute)}
.h-month:hover .t{color:var(--h-brass)}
@media (max-width:760px){.h-month,.h-month + .h-month{padding:24px 0;border-right:0;border-bottom:1px solid var(--h-rule-d)}}
.h-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:640px;background:var(--h-night-2)}
.h-split > img{width:100%;height:100%;object-fit:cover;display:block;min-height:360px}
.h-split-body{padding:88px 64px;display:flex;flex-direction:column;justify-content:center}
@media (max-width:900px){.h-split{grid-template-columns:1fr}.h-split-body{padding:40px var(--h-gutter) 56px}}
.h-symptoms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}
.h-symptoms a{display:flex;justify-content:space-between;align-items:center;min-height:62px;border-top:1px solid rgba(201,165,92,.35);text-decoration:none;font-family:var(--h-serif);font-size:23px;color:var(--h-bone)}
.h-symptoms a:hover{color:var(--h-brass)}
@media (max-width:560px){.h-symptoms{grid-template-columns:1fr}}
.h-hubs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));border-top:1px solid var(--h-rule-d)}
.h-hub{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:26px 0;border-bottom:1px solid var(--h-rule-d);text-decoration:none;color:var(--h-bone);margin-right:40px}
.h-hub .t{font-family:var(--h-serif);font-size:38px;line-height:1}
.h-hub .c{font-size:12px;letter-spacing:.18em;font-weight:700;color:var(--h-brass)}
.h-hub:hover .t{color:var(--h-brass)}

/* ---------- Footer ---------- */
.h-footer{background:var(--h-night);color:var(--h-bone);border-top:1px solid var(--h-rule-d)}
.h-footer .h-wrap{padding-top:80px;padding-bottom:40px}
.h-foot-top{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:40px}
@media (max-width:900px){.h-foot-top{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.h-foot-top{grid-template-columns:1fr}}
.h-foot-logo{font-family:var(--h-serif);font-size:32px;letter-spacing:.06em;line-height:1.05}
.h-foot-logo i{font-style:italic}
.h-footer h2{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--h-brass);margin:0 0 12px}
.h-footer ul{list-style:none;padding:0;margin:0}
.h-footer li a{display:inline-block;color:var(--h-bone-2);text-decoration:none;font-size:15px;padding:6px 0}
.h-footer li a:hover{color:var(--h-brass)}
.h-foot-sub{display:flex;border-bottom:1px solid rgba(201,165,92,.7);margin-top:22px;max-width:420px}
.h-foot-sub input{flex:1;min-width:0;min-height:52px;background:transparent;border:0;color:var(--h-bone);font:inherit;font-size:16px;outline:none}
.h-foot-sub button{background:none;border:0;color:var(--h-brass);font:inherit;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;cursor:pointer;min-height:44px}
.h-foot-legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--h-rule-d);margin-top:56px;padding-top:22px;font-size:13px;color:var(--h-mute)}
.h-foot-legal a{color:var(--h-mute)}

/* ---------- Legacy surfaces re-themed ---------- */
/* Cookie banner + search overlay (injected by site.js; styled here so every page has them) */
body.h .cookie-banner{position:fixed;right:18px;bottom:18px;z-index:95;max-width:360px;display:none;background:var(--h-night-2);color:var(--h-bone);border:1px solid var(--h-rule-b);border-radius:0;padding:18px 20px;font-size:13px;line-height:1.55;box-shadow:0 12px 32px rgba(0,0,0,.35)}
body.h .cookie-banner.visible{display:block}
body.h .cookie-banner a{color:var(--h-brass)}
body.h .cookie-banner .row{display:flex;gap:8px;margin-top:12px}
body.h .cookie-banner button{min-height:44px;padding:0 18px;border-radius:0;font-family:var(--h-sans);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700;cursor:pointer}
body.h .cookie-banner .accept{background:var(--h-brass);color:var(--h-night);border:1px solid var(--h-brass)}
body.h .cookie-banner .decline{background:transparent;color:var(--h-bone);border:1px solid rgba(237,232,220,.4)}
@media (max-width:520px){body.h .cookie-banner{left:12px;right:12px;bottom:12px;max-width:none}}
body.h .search-overlay{position:fixed;inset:0;z-index:200;display:none;align-items:flex-start;justify-content:center;padding-top:12vh;background:rgba(14,19,16,.94)}
body.h .search-overlay.visible{display:flex}
body.h .search-panel{width:100%;max-width:680px;margin:0 20px;max-height:76vh;overflow-y:auto;background:var(--h-paper);padding:24px;border-radius:0}
body.h .search-panel input{width:100%;min-height:56px;padding:0 18px;font-size:20px;font-family:var(--h-serif);border:1px solid rgba(26,31,27,.35);background:#F4F0E6;color:var(--h-ink);border-radius:0}
body.h .search-results{margin-top:16px}
body.h .search-result{display:block;padding:14px 0;border-bottom:1px solid var(--h-rule-p);text-decoration:none}
body.h .search-result .cat{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--h-brass-ink)}
body.h .search-result .title{font-family:var(--h-serif);font-size:21px;color:var(--h-ink);margin:4px 0 2px}
body.h .search-result .snippet{font-size:14px;color:var(--h-ink-mute);line-height:1.5}
body.h .read-progress,body.h #read-progress{background:var(--h-brass)!important}
.h-paper .breadcrumbs,.h-paper > .h-wrap > .h-prose > .eyebrow{display:none}

/* Tool pages keep their own layout; give them paper and our type */
.h-paper .tool-page{max-width:980px;margin:0 auto;padding-top:56px;padding-bottom:96px;font-family:var(--h-sans);color:var(--h-ink-2)}
.h-paper .tool-panel{background:#F4F0E6!important;border:1px solid var(--h-rule-p)!important;border-radius:0!important;box-shadow:none!important}
.h-paper .tool-panel h2,.h-paper .tool-panel h3{font-family:var(--h-serif);font-weight:400}

/* Print */
@media print{.h-header,.h-footer,.h-drawer,.sticky-cta-bar,.h-rail,.h-toccol{display:none!important}body.h,.h-paper{background:#fff;color:#000}.h-hero{background:#fff;color:#000;min-height:0!important}.h-hero-img,.h-hero-scrim{display:none}.h-hero h1{color:#000}}

/* glossary related links: allow wrapping on phones */
.h-paper .glossary-related a{white-space:normal!important;display:inline!important}
.h-sentence select{width:auto!important;display:inline-block!important;min-height:0!important;margin:0!important}

/* tables: let cells wrap; keep multi-column comparisons readable on phones */
.h-paper td,.h-paper th{white-space:normal}
.h-paper td .btn-mini{white-space:nowrap}
@media (max-width:760px){.h-paper .comparison-table table,.h-paper .h-tablewrap table{min-width:560px}.h-paper td,.h-paper th{font-size:14px;padding-right:12px}}

/* picks band: wrap badges, stack pros/cons; buying guides without a rail sit left */
.h-picks .product-card-badge{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important}
.h-picks .product-card-pros-cons{grid-template-columns:1fr!important}
.h-grid.no-rail{justify-content:start;column-gap:clamp(56px,7vw,120px)}

/* ---------- ZIP result card (home hero + menu drawer) ---------- */
.h-zipresult[data-on="true"]{display:block;margin-top:0;border:1px solid rgba(201,165,92,.7);background:rgba(14,19,16,.72);padding:18px 20px;font-size:15px;line-height:1.5;color:var(--h-bone)}
.h-zipresult[data-err="true"]{margin-top:12px;border-color:rgba(214,120,96,.8);color:#F0C9BC;background:rgba(14,19,16,.72)}
.h-zr-head{display:block;font-size:16px}
.h-zr-links{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:12px}
.h-zr-links a{color:var(--h-brass);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.h-zr-links a:hover{text-decoration:underline}
.h-zr-change{margin-top:6px;background:none;border:0;padding:6px 0;color:var(--h-mute);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
.h-zipform button:disabled{opacity:.7;cursor:progress}
@media (max-width:520px){.h-zr-links{flex-direction:column;gap:2px}}

/* Cookie banner: a compact strip on phones so it never sits on top of the page's main form */
@media (max-width:520px){
  body.h .cookie-banner{left:0;right:0;bottom:0;padding:12px 16px;font-size:12px;line-height:1.45;border-left:0;border-right:0}
  body.h .cookie-banner .row{margin-top:8px}
  body.h .cookie-banner button{min-height:40px;flex:1}
}

/* ---------- What to plant now (/plant-now/) ---------- */
.pn-tool{border:1px solid var(--h-rule-p,rgba(14,19,16,.18));background:rgba(255,255,255,.35);padding:22px 22px 8px;margin:28px 0 36px}
.pn-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 14px}
.pn-field{display:flex;flex-direction:column;gap:6px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--h-ink-2,#3B4038)}
.pn-field input,.pn-field select{min-height:48px;padding:0 14px;border:1px solid rgba(14,19,16,.35);background:#FBF8F1;color:var(--h-ink,#0E1310);font:inherit;font-size:16px;letter-spacing:0;text-transform:none;font-weight:400;border-radius:0}
.pn-field input{width:150px}
.pn-controls button{min-height:48px;padding:0 22px;border:0;background:var(--h-ink,#0E1310);color:#ECE7DA;font:inherit;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;cursor:pointer}
.pn-controls button:disabled{opacity:.6;cursor:progress}
.pn-or{align-self:center;padding-bottom:2px;color:var(--h-ink-mute);font-style:italic}
.pn-status{margin:18px 0 6px;font-size:16px}
.pn-src{color:var(--h-ink-mute);font-size:14px}
.pn-h{font-family:var(--h-serif);font-weight:400;font-size:28px;line-height:1.15;margin:18px 0 6px}
.pn-mode{margin:22px 0 10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--h-brass-ink)}
.pn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.pn-chip{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid rgba(14,19,16,.16);background:#FBF8F1;text-decoration:none;color:inherit}
a.pn-chip:hover{border-color:var(--h-brass-ink)}
.pn-chip strong{font-size:16px}
.pn-chip span{font-size:14px;color:var(--h-ink-mute);line-height:1.45}
.pn-note{font-size:14px;color:var(--h-ink-mute);margin:20px 0 14px}
@media (max-width:520px){.pn-tool{padding:18px 16px 4px}.pn-field input{width:120px}.pn-or{display:none}.pn-field:last-child{flex-basis:100%}.pn-field:last-child select{width:100%}}
/* Cookie banner on larger screens: one slim strip along the bottom edge (was a card that covered the home ZIP form) */
@media (min-width:521px){
  body.h .cookie-banner{left:0;right:0;bottom:0;max-width:none;padding:10px 24px;border-left:0;border-right:0;align-items:center;justify-content:center;gap:24px}
  body.h .cookie-banner.visible{display:flex}
  body.h .cookie-banner .row{margin-top:0;flex:none}
  body.h .cookie-banner button{min-height:38px}
}
body.h .h-prose a.pn-chip *{text-decoration:none;border-bottom:0;background-image:none}
body.h .h-prose a.pn-chip{text-decoration:none;background-image:none;border:1px solid rgba(14,19,16,.16)}
body.h .h-prose a.pn-chip strong{color:var(--h-ink)}
body.h .h-prose a.pn-chip:hover strong{text-decoration:underline}
.pn-h{font-family:var(--h-serif)!important;font-weight:400!important;font-size:30px!important;line-height:1.15!important}
/* Garden bed designer: stack controls above the canvas on phones */
@media (max-width:700px){body.h .bd-panel{grid-template-columns:minmax(0,1fr)!important}}

/* =====================================================================
   v2 (Oct 2026): lighter and tighter.
   The page surface is now linen instead of near-black. Dark stays only where
   text sits on a photo (photo heroes, the header over them), plus the footer,
   menu drawer and cookie strip. Section spacing is cut by roughly a third.
   Implemented by re-pointing the tokens, then restoring the dark values inside
   the scopes that need them.
   ===================================================================== */
:root{
  --h-night:#F6F2E9; --h-night-2:#ECE6D8;
  --h-bone:#1A1F1B; --h-bone-2:#3A403A; --h-mute:#5A5F57;
  --h-brass:#6E5520; --h-brass-hi:#57431A;
  --h-rule-d:rgba(26,31,27,.14); --h-rule-b:rgba(110,85,32,.35);
  --h-paper:#F6F2E9; --paper:#F6F2E9; --h-paper-2:#ECE4CF;
}
.h-hero.photo,.h-home-hero,.h-header.on-photo,.h-footer,.h-drawer,.cookie-banner,.search-overlay{color:#EDE8DC;
  --h-night:#0E1310; --h-night-2:#151C17;
  --h-bone:#EDE8DC; --h-bone-2:#D6D2C6; --h-mute:#A7AC9E;
  --h-brass:#C9A55C; --h-brass-hi:#DDBB72;
  --h-rule-d:rgba(237,232,220,.14); --h-rule-b:rgba(201,165,92,.4);
}
.h-split{background:var(--h-paper-2);color:var(--h-ink)}
.h-footer{background:var(--h-night);color:var(--h-bone)}
/* Brass buttons on light surfaces: deep brass with cream text */
.h-zipform button,.h-btn{color:#F6F2E9}
.h-hero.photo .h-zipform button{color:#0E1310}
/* Header on light pages: thin rule instead of a dark bar */
.h-header:not(.on-photo){background:var(--h-night);border-bottom:1px solid var(--h-rule-d)}

/* Tighter rhythm */
.h-section{padding:64px 0}
.h-section.tight{padding:40px 0}
.h-hero.plain .h-hero-body{padding-top:56px;padding-bottom:32px}
.h-grid{padding-top:44px!important;padding-bottom:64px!important}
.h-split-body{padding:56px 48px}
.h-footer .h-wrap{padding-top:56px;padding-bottom:32px}
.h-picks{padding:4px 0 48px}
body.h .h-prose h2{margin-top:44px}
.h-hero.plain h1{font-size:clamp(44px,6vw,84px)!important;line-height:.95!important}
@media (max-width:760px){
  .h-section{padding:44px 0}
  .h-section.tight{padding:28px 0}
  .h-hero.plain .h-hero-body{padding-top:36px;padding-bottom:24px}
  .h-split-body{padding:40px 20px}
  .h-grid{padding-top:28px!important;padding-bottom:48px!important}
  body.h .h-prose h2{margin-top:36px}
}
.h-hero.photo,.h-hero.photo .h-hero-body{min-height:min(580px,72vh)}
.h-hero.photo .h-hero-body{padding-top:96px;padding-bottom:36px}
.h-home-hero,.h-home-hero .h-hero-body{min-height:min(720px,88vh)}
.h-home-hero .h-hero-body{padding-top:110px;padding-bottom:48px}
.h-paper>.h-wrap[style*="padding-top:80px"]{padding-top:48px!important;padding-bottom:64px!important}
@media (max-width:760px){
  .h-hero.photo,.h-hero.photo .h-hero-body{min-height:min(520px,70vh)}
  .h-home-hero,.h-home-hero .h-hero-body{min-height:min(640px,86vh)}
  .h-paper>.h-wrap[style*="padding-top:80px"]{padding-top:32px!important;padding-bottom:48px!important}
}
.h-plates{gap:28px 18px}
@media (max-width:760px){
  .h-plates{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
  .h-plate{gap:6px}
  .h-plate .nm{font-size:20px}
  .h-plate .lat{font-size:14px}
  .h-plate .meta{font-size:10px}
  .h-plate .ph{font-size:19px;padding:12px}
}