/* Design "Field": nursery greens, plant-label marigold, week-ruler motif (planning is done in weeks). */
:root{
  --bg:#eef3ea;--bg-alt:#e3ecde;--ink:#17281f;--ink-soft:#43584b;--line:#cfdccb;--line-strong:#9db59a;
  --brand:#14402e;--link:#14402e;--focus:#d98f00;
  --font-head:Constantia,Cambria,"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --font-body:Candara,"Gill Sans","Gill Sans MT","Segoe UI",system-ui,sans-serif;
  --head-weight:700;--head-tracking:-.012em;--head-ink:#10331f;
  --radius:12px;--radius-lg:22px;--radius-btn:999px;
  --shadow:0 20px 44px -24px rgba(20,64,46,.5);
  --header-bg:var(--bg);
  --nav-bg:#14402e;--nav-ink:#f2f7ee;--nav-active:#f0b429;
  --sub-bg:#fff;--sub-ink:#17281f;--sub-hover:#e8f0e3;
  --btn-bg:#f0b429;--btn-ink:#17281f;--btn-bg-hover:#f7c85a;--ghost-hover:rgba(20,64,46,.08);
  --flag-current-bg:#f0b429;--flag-ring:rgba(20,64,46,.3);
  --frame-bg:#fff;--frame-border:1px solid var(--line);--frame-shadow:var(--shadow);
  --card-bg:#fff;--card-border:1px solid var(--line);
  --callout-bg:#14402e;--callout-ink:#f2f7ee;
  --footer-bg:#0f3123;--footer-ink:#e6efe1;--footer-line:rgba(255,255,255,.14);
  --tick:#2f7a3f;--matrix-stripe:#f5f9f2;--matrix-head-bg:#e8f0e3;
  --hero-bg:linear-gradient(180deg,#eef3ea 0%,#dfe9d8 100%);
  --form-bg:#e8f0e3;
  --sk-accent:#14402e;--sk-border:#b3c8af;--sk-border-strong:#5d7a62;--sk-radius:12px;--sk-input-bg:#fff;--sk-focus:#f0b429;
  --sk-danger:#a4262c;--sk-danger-bg:#fbe4e4;--sk-ok:#1d6b36;--sk-ok-bg:#d7efdc;
}
body{font-size:1.125rem}
h1,h2{font-optical-sizing:auto}

.page-head{position:relative;padding-bottom:3.2rem;background:linear-gradient(180deg,var(--bg),#e3ecde)}
.page-head h1{max-width:24ch}

.hero h1{font-size:clamp(2.2rem,1.4rem + 2.6vw,3.5rem);line-height:1.04}
.hero{padding-bottom:clamp(4rem,8vw,6.5rem)}

/* image frame: white mount with a hanging plant label */
.frame{padding:10px;overflow:visible;border-radius:22px}
.frame img{border-radius:14px}
.frame::before{content:"";position:absolute;top:-1px;left:30px;width:48px;height:18px;background:#f0b429;border-radius:0 0 7px 7px;box-shadow:0 2px 0 rgba(20,64,46,.15);z-index:2}
.frame figcaption{padding:.7rem .5rem .2rem}

.card{border-top:5px solid #f0b429}
.callout__text{font-style:normal}
.nav-link{letter-spacing:.005em}
.feature+.feature{border-top:1px dashed var(--line-strong)}
.site-footer{margin-top:0}
.footer-grid{position:relative}