:root {
  --forest: #173f32;
  --forest-dark: #0e2c23;
  --leaf: #2f6955;
  --cream: #f7f3e9;
  --paper: #fffdf8;
  --strawberry: #a9443d;
  --strawberry-soft: #f6e5df;
  --amber: #9a6b20;
  --amber-soft: #f8edd2;
  --ink: #26332e;
  --muted: #69756f;
  --line: #dfe3da;
  --shadow: 0 14px 38px rgba(22, 53, 42, .09);
  --radius: 20px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.shell { width: min(1180px, calc(100% - 32px)); margin-inline: auto; }
.skip-link { position: fixed; z-index: 100; left: 16px; top: -100px; padding: 12px 18px; color: white; background: var(--forest); border-radius: 8px; }
.skip-link:focus { top: 12px; }

body[data-page="today"] { color: #3b241d; background: #f4efe4; }
body[data-page="today"] .site-header { display: none; }
.today-shell { min-height: 100vh; display: grid; grid-template-columns: 278px minmax(0, 1fr); background: #f4efe4; }
.today-sidebar { position: sticky; top: 0; align-self: start; min-height: 100vh; padding: 25px 18px; color: #f7efe3; background: #241813; border-right: 1px solid rgba(255,255,255,.08); }
.today-side-brand { display: flex; align-items: center; gap: 12px; padding: 0 8px 24px; border-bottom: 1px solid rgba(255,255,255,.1); }
.today-side-brand .brand-mark { color: #241813; background: #f3ead7; }
.today-side-brand strong, .today-side-brand small { display: block; }
.today-side-brand strong { font-size: 15px; }
.today-side-brand small { margin-top: 3px; color: #cdbdaf; font-size: 11px; line-height: 1.35; }
.today-sidebar nav { display: grid; gap: 4px; margin-top: 20px; }
.today-sidebar nav a { min-height: 42px; display: flex; align-items: center; padding: 10px 12px; color: #cdbdaf; border-radius: 8px; font-size: 13px; font-weight: 700; }
.today-sidebar nav a:hover, .today-sidebar nav a[aria-current="page"] { color: #fff8ec; background: rgba(143, 32, 48, .24); }
.today-main { min-width: 0; width: min(1480px, 100%); padding: 28px clamp(18px, 3vw, 42px) 54px; }
.today-topbar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, .82fr); gap: 24px; align-items: start; margin-bottom: 18px; }
.today-topbar h1 { margin: 6px 0 8px; color: #3b241d; font-size: clamp(42px, 5vw, 68px); font-weight: 500; line-height: 1; }
.today-topbar p { max-width: 680px; margin: 0; color: #695b52; font-size: 15px; line-height: 1.55; }
.today-header-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: 9px; }
.today-header-metrics > div, .today-forecast-link { min-width: 0; min-height: 74px; padding: 14px 15px; background: #fffaf2; border: 1px solid #e1d8ca; border-radius: 8px; box-shadow: 0 10px 28px rgba(62,39,29,.055); }
.today-header-metrics span, .today-temp-summary span, .today-mini-grid span, .today-notes li span { display: block; color: #89796e; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.today-header-metrics strong { display: block; margin-top: 7px; color: #3b241d; font-size: 13px; line-height: 1.35; }
.today-forecast-link { grid-row: span 2; display: grid; place-items: center; color: #fff8ec; background: #7d1f31; border-color: #7d1f31; font-size: 12px; font-weight: 850; text-align: center; }
.today-fruit-read { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: 24px; align-items: end; margin-bottom: 14px; padding: 26px; color: #fff7eb; background: linear-gradient(135deg, #3a241e 0%, #4a2725 58%, #6f1f30 100%); border: 1px solid rgba(68,37,29,.3); border-radius: 8px; box-shadow: 0 18px 42px rgba(62,39,29,.14); }
.today-fruit-read .eyebrow { color: #e6c876; }
.today-fruit-read h2 { max-width: 880px; margin: 10px 0 0; color: #fff7eb; font-size: clamp(29px, 3vw, 46px); font-weight: 500; line-height: 1.08; }
.today-hero-status { display: flex; align-items: center; gap: 9px; margin-top: 14px; color: #f7dec5; font-size: 12px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.today-read-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 17px; }
.today-read-meta span { padding: 7px 10px; color: #ead9c9; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.13); border-radius: 999px; font-size: 11px; font-weight: 750; }
.today-fruit-read ul { margin: 0; padding: 0; list-style: none; }
.today-fruit-read li { position: relative; padding: 13px 0 13px 22px; color: #ead9c9; border-top: 1px solid rgba(255,255,255,.12); font-size: 13px; line-height: 1.45; }
.today-fruit-read li::before { content: ""; position: absolute; left: 0; top: 19px; width: 8px; height: 8px; background: #d5ad55; border-radius: 999px; }
.today-status-dot { display: inline-block; width: 9px; height: 9px; flex: 0 0 auto; background: #7d9381; border-radius: 999px; box-shadow: 0 0 0 4px rgba(125,147,129,.16); }
.today-status-dot.watch { background: #c2923f; box-shadow: 0 0 0 4px rgba(194,146,63,.17); }
.today-status-dot.action { background: #b9635c; box-shadow: 0 0 0 4px rgba(185,99,92,.17); }
.today-status-dot.limited { background: #948b84; box-shadow: 0 0 0 4px rgba(148,139,132,.16); }
.today-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
.today-kpi-card, .today-chart-card, .today-climate-table-card, .today-recommendation, .today-mini-grid article, .today-notes, .today-quick-actions { min-width: 0; background: #fffaf2; border: 1px solid #e1d8ca; border-radius: 8px; box-shadow: 0 12px 30px rgba(62,39,29,.06); }
.today-kpi-card { display: flex; flex-direction: column; min-height: 184px; padding: 16px; border-top: 4px solid #7d9381; }
.today-kpi-card.watch { border-top-color: #c2923f; }
.today-kpi-card.action, .today-kpi-card.limited { border-top-color: #b9635c; }
.today-kpi-card > div:first-child { display: flex; align-items: center; gap: 8px; min-height: 22px; }
.today-kpi-card h2 { margin: 13px 0 8px; color: #3b241d; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 12px; font-weight: 850; line-height: 1.3; }
.today-kpi-card strong { color: #3b241d; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 23px; font-weight: 500; line-height: 1.05; overflow-wrap: anywhere; }
.today-kpi-card p { margin: 10px 0 14px; color: #66584f; font-size: 11px; line-height: 1.5; }
.today-kpi-card a, .today-kpi-card small { margin-top: auto; color: #7d1f31; font-size: 10px; font-weight: 850; }
.today-workspace { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(330px, .78fr); gap: 14px; align-items: start; }
.today-main-stack { display: grid; gap: 14px; min-width: 0; }
.today-chart-card, .today-climate-table-card, .today-recommendation, .today-notes, .today-quick-actions { padding: 23px; }
.today-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 17px; }
.today-card-head h2, .today-chart-card h2, .today-climate-table-card h2, .today-recommendation h2, .today-notes h2, .today-quick-actions h2 { margin: 5px 0 0; color: #3b241d; font-size: 31px; font-weight: 500; line-height: 1.08; }
.today-temp-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-bottom: 18px; border: 1px solid #e5dccd; border-radius: 8px; overflow: hidden; }
.today-temp-summary > div { padding: 14px 15px; background: #fbf5ea; border-right: 1px solid #e5dccd; }
.today-temp-summary > div:last-child { border-right: 0; }
.today-temp-summary strong { display: block; margin-top: 7px; color: #3b241d; font-size: 17px; }
.today-temp-chart-wrap { width: 100%; min-height: 300px; display: grid; align-items: center; margin-top: 4px; overflow: hidden; }
.today-temp-chart { width: 100%; height: clamp(280px, 31vw, 350px); display: block; }
.today-temp-chart .plot-bg { fill: #fffdf8; stroke: #e3d8c8; stroke-width: 1; }
.today-temp-chart .target-band { fill: rgba(194, 146, 63, .15); }
.today-temp-chart .grid-line { stroke: #e8dfd2; stroke-width: 1; }
.today-temp-chart .grid-line.vertical { stroke: #efe7dc; }
.today-temp-chart .axis-label, .today-temp-chart .axis-title { fill: #86766b; font-size: 12px; font-weight: 750; }
.today-temp-chart .axis-title { fill: #6f5f55; font-size: 13px; }
.today-temp-chart .observed-line { fill: none; stroke: #7d1f31; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3; }
.today-temp-chart .latest-marker { fill: #fffaf2; stroke: #7d1f31; stroke-width: 3; }
.today-temp-chart .latest-label { fill: #3b241d; font-size: 12px; font-weight: 850; }
.today-temp-chart .extreme-marker { fill: #c2923f; stroke: #fffaf2; stroke-width: 2; }
.today-temp-chart .extreme-marker.low { fill: #7d9381; }
.today-temp-empty { min-height: 236px; display: grid; align-content: center; justify-items: center; padding: 28px; color: #6a5b51; background: #fffdf8; border: 1px dashed #dfd3c2; border-radius: 8px; text-align: center; }
.today-temp-empty strong { color: #3b241d; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 25px; font-weight: 500; }
.today-temp-empty p { max-width: 520px; margin: 9px 0 0; font-size: 12px; line-height: 1.55; }
.today-chart-legend { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 11px; color: #6b5c52; font-size: 12px; font-weight: 750; }
.today-chart-legend span { display: inline-flex; align-items: center; gap: 7px; }
.today-chart-legend i { width: 22px; height: 3px; display: inline-block; background: #7d1f31; border-radius: 999px; }
.today-chart-legend span:last-child i { height: 10px; background: rgba(194, 146, 63, .24); border: 1px solid rgba(194, 146, 63, .35); }
.today-chart-card p { margin: 14px 0 0; color: #5d5149; font-size: 13px; line-height: 1.6; }
.today-chart-card p strong { color: #3b241d; }
.today-chart-card small { display: block; margin-top: 12px; color: #87766a; font-size: 10px; line-height: 1.5; }
.today-recommendation { color: #fff7eb; background: #3a241e; border-color: #3a241e; box-shadow: 0 18px 38px rgba(43,26,20,.14); }
.today-recommendation .eyebrow { color: #d8b86d; }
.today-recommendation h2 { color: #fff7eb; font-size: 35px; }
.today-recommendation dl { display: grid; gap: 0; margin: 17px 0 0; }
.today-recommendation dl > div { padding: 13px 0; border-top: 1px solid rgba(255,255,255,.12); }
.today-recommendation dt { color: #d8b86d; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.today-recommendation dd { margin: 6px 0 0; color: #eadfd4; font-size: 12px; line-height: 1.55; }
.today-recommendation a { min-height: 42px; display: inline-flex; align-items: center; margin-top: 16px; padding: 10px 13px; color: #3a241e; background: #fff7eb; border-radius: 8px; font-size: 11px; font-weight: 850; }
.today-table-wrap { width: 100%; overflow-x: auto; border: 1px solid #e5dccd; border-radius: 8px; }
.today-climate-table { width: 100%; min-width: 860px; border-collapse: collapse; background: #fffdf8; }
.today-climate-table th, .today-climate-table td { padding: 12px 13px; color: #594b43; border-bottom: 1px solid #eadfce; border-right: 1px solid #eadfce; font-size: 12px; line-height: 1.35; text-align: left; vertical-align: top; }
.today-climate-table th:last-child, .today-climate-table td:last-child { border-right: 0; }
.today-climate-table thead th { color: #3b241d; background: #f8efe3; font-size: 10px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.today-climate-table tbody th { color: #3b241d; font-weight: 850; }
.today-climate-table tbody tr:last-child th, .today-climate-table tbody tr:last-child td { border-bottom: 0; }
.today-table-status { display: inline-flex; align-items: center; gap: 8px; color: #3b241d; font-size: 11px; font-weight: 850; white-space: nowrap; }
.today-climate-table-card p { margin: 13px 0 0; color: #76675d; font-size: 11px; line-height: 1.55; }
.today-mini-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
.today-mini-grid article { min-height: 116px; padding: 15px; }
.today-mini-grid strong { display: block; margin-top: 13px; color: #3b241d; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 22px; font-weight: 500; line-height: 1.05; overflow-wrap: anywhere; }
.today-mini-grid small { display: block; margin-top: 9px; color: #7c6c61; font-size: 10px; font-weight: 750; text-transform: uppercase; }
.today-lower-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); gap: 14px; margin-top: 14px; }
.today-notes ol { margin: 0; padding: 0; list-style: none; }
.today-notes li { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 14px; padding: 13px 0; border-top: 1px solid #e5dccd; }
.today-notes p { margin: 0; color: #5d5149; font-size: 12px; line-height: 1.55; }
.today-quick-actions > div:last-child { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.today-quick-actions a, .today-quick-actions span { min-height: 58px; display: flex; align-items: center; justify-content: center; padding: 12px; color: #7d1f31; background: #f8efe3; border: 1px solid #e4d7c6; border-radius: 8px; font-size: 11px; font-weight: 850; text-align: center; }
body[data-page="today"] .crop-state-home-section { padding-top: 14px; }
body[data-page="today"] .crop-state-home-section.shell, body[data-page="today"] .foliar-watch-home.shell { width: 100%; }
body[data-page="today"] .foliar-watch-home { padding-top: 14px; }

.site-header { position: relative; z-index: 20; color: white; background: var(--forest-dark); }
.brand-row { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 700; letter-spacing: .02em; }
.brand-mark { display: grid; place-items: center; width: 38px; height: 38px; color: var(--forest-dark); background: #f3ead7; border-radius: 50% 48% 50% 46%; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 14px; letter-spacing: -.03em; }
.header-meta { display: flex; align-items: center; gap: 8px; color: #c9d7d1; font-size: 13px; }
.live-dot { width: 8px; height: 8px; flex: 0 0 auto; background: #87bd8d; border-radius: 50%; box-shadow: 0 0 0 4px rgba(135, 189, 141, .13); }
.main-nav { border-top: 1px solid rgba(255,255,255,.09); }
.nav-scroll { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.nav-scroll::-webkit-scrollbar { display: none; }
.nav-scroll a { min-height: 50px; display: grid; place-items: center; padding: 0 14px; color: #bfd0c9; border-bottom: 3px solid transparent; font-size: 13px; font-weight: 600; white-space: nowrap; }
.nav-scroll a:hover, .nav-scroll a[aria-current="page"] { color: white; border-bottom-color: #dc8e7b; }

.hero { color: white; background: var(--forest); overflow: hidden; }
.hero-inner { position: relative; min-height: 240px; display: flex; align-items: center; justify-content: space-between; gap: 32px; padding-block: 48px; }
.hero-inner::after { content: ""; position: absolute; right: -120px; top: -210px; width: 500px; height: 500px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.025), 0 0 0 140px rgba(255,255,255,.018); }
.overline, .eyebrow { display: block; color: var(--leaf); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.hero .overline, .page-hero .overline { color: #c8d7cf; }
h1, h2 { font-family: Iowan Old Style, Baskerville, Georgia, serif; }
.hero h1 { margin: 8px 0 5px; font-size: clamp(48px, 7vw, 76px); font-weight: 500; letter-spacing: -.045em; line-height: .98; }
.hero p { max-width: 590px; margin: 16px 0 0; color: #d7e1dc; font-size: clamp(16px, 2vw, 19px); line-height: 1.55; }
.updated { position: relative; z-index: 1; min-width: 190px; display: flex; align-items: center; gap: 12px; padding: 16px 18px; background: rgba(9,35,27,.5); border: 1px solid rgba(255,255,255,.12); border-radius: 14px; backdrop-filter: blur(8px); }
.updated span:last-child { display: flex; flex-direction: column; color: #b9c9c2; font-size: 12px; line-height: 1.5; }
.updated strong { color: white; font-size: 13px; }

.status-section { position: relative; z-index: 2; margin-top: -32px; }
.status-heading { display: flex; justify-content: space-between; margin: 0 4px 12px; color: white; }
.status-heading h2 { margin: 0; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 13px; letter-spacing: .02em; }
.status-heading span { color: #c6d4cf; font-size: 12px; }
.status-grid { display: grid; grid-template-columns: repeat(6, 1fr); background: white; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; }
.status-card { min-width: 0; display: flex; flex-direction: column; padding: 20px 18px 17px; border-right: 1px solid var(--line); transition: background .2s, transform .2s; }
.status-card:last-child { border: 0; }
.status-card:hover { background: #fbf8f0; }
.card-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 20px; }
.icon { width: 36px; height: 36px; flex: 0 0 auto; display: grid; place-items: center; color: var(--leaf); background: #edf3ed; border-radius: 10px; }
.icon svg { width: 20px; height: 20px; }
.status-pill { display: inline-flex; align-items: center; min-height: 24px; padding: 4px 8px; color: #53625b; background: #edf0ed; border-radius: 999px; font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.status-pill.good { color: #316047; background: #e4f0e5; }
.status-pill.watch { color: #7a571e; background: var(--amber-soft); }
.status-pill.active { color: #8a3934; background: var(--strawberry-soft); }
.status-pill.action { color: #8a3934; background: var(--strawberry-soft); }
.status-card strong { min-height: 44px; margin-top: 6px; font-size: 14px; line-height: 1.45; }
.card-link { display: flex; justify-content: space-between; margin-top: 17px; color: var(--muted); font-size: 11px; font-weight: 600; }

.section { padding-top: 76px; }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.section-head h2 { margin: 5px 0 0; font-size: clamp(31px, 4vw, 42px); font-weight: 500; letter-spacing: -.025em; line-height: 1.05; }
.section-head.compact h2 { font-size: 34px; }
.text-link { color: var(--leaf); font-size: 13px; font-weight: 700; }
.text-link:hover { color: var(--strawberry); }
.action-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.action-button { min-height: 82px; display: flex; align-items: center; gap: 15px; padding: 14px 18px; background: white; border: 1px solid var(--line); border-radius: 14px; transition: border .2s, box-shadow .2s, transform .2s; }
.action-button:hover { border-color: #b9c9c0; box-shadow: 0 8px 24px rgba(22,53,42,.08); transform: translateY(-1px); }
.action-button.primary { color: white; background: var(--forest); border-color: var(--forest); }
.action-button.primary .icon { color: #fff5e9; background: rgba(255,255,255,.11); }
.action-button span:nth-child(2) { min-width: 0; display: flex; flex: 1; flex-direction: column; }
.action-button strong { font-size: 15px; }
.action-button small { margin-top: 4px; color: var(--muted); font-size: 12px; }
.action-button.primary small { color: #cbd8d2; }
.arrow { margin-left: auto; color: #7a8781; font-size: 19px; transition: transform .2s; }
a:hover > .arrow, .action-button:hover .arrow { transform: translateX(3px); }
.primary .arrow { color: #dfe8e4; }

.focus-card { position: relative; min-height: 230px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 26px; padding: 38px 40px; color: white; background: var(--strawberry); border-radius: 26px; overflow: hidden; box-shadow: 0 18px 46px rgba(129, 49, 43, .16); }
.focus-card::after { content: ""; position: absolute; right: -60px; bottom: -210px; width: 360px; height: 360px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 42px rgba(255,255,255,.035), 0 0 0 84px rgba(255,255,255,.025); }
.focus-card > * { position: relative; z-index: 1; }
.focus-icon .icon { width: 62px; height: 62px; color: white; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.13); border-radius: 50%; }
.focus-icon svg { width: 28px; height: 28px; }
.eyebrow.light { color: #f4cbc0; }
.focus-card h2 { margin: 5px 0 10px; font-size: 38px; font-weight: 500; }
.focus-card p { max-width: 690px; margin: 0; color: #fff3ef; font-size: 16px; line-height: 1.65; }
.focus-card > a { align-self: end; padding: 12px 16px; color: #6e2b28; background: #fff8f3; border-radius: 10px; font-size: 12px; font-weight: 700; white-space: nowrap; }

.forecast-watch-section { padding-bottom: 76px; background: linear-gradient(180deg, #faf6ed 0%, #f3f4ed 100%); }
.forecast-primary { margin-bottom: 14px; padding: 27px; color: #fffaf4; background: linear-gradient(135deg, #3b241d 0%, #5f1924 100%); border-radius: 20px; box-shadow: 0 16px 36px rgba(57,27,24,.15); }
.forecast-primary-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.forecast-primary .eyebrow { color: #d9b986; }
.forecast-primary h3 { max-width: 900px; margin: 13px 0 10px; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 32px; font-weight: 500; line-height: 1.15; }
.forecast-primary > p { max-width: 850px; margin: 0; color: #eaded7; font-size: 12px; line-height: 1.6; }
.forecast-primary > small { display: block; margin-top: 13px; color: #cdbeb5; font-size: 10px; }
.forecast-primary-assumption { padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.13); }
.forecast-primary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0; }
.forecast-primary-grid > div { padding: 16px 17px 13px 0; border-bottom: 1px solid rgba(255,255,255,.11); }
.forecast-primary-grid dt { color: #d6b88a; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.forecast-primary-grid dd { margin: 6px 0 0; color: #fffaf4; font-size: 11px; line-height: 1.55; }
.forecast-primary .safety-note { color: #f7e7cb; background: rgba(255,245,221,.08); border-left-color: #c89f5f; }
.forecast-primary-footer { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding-top: 17px; color: #d3c5bc; font-size: 9px; line-height: 1.5; }
.forecast-primary-footer > span { max-width: 58%; display: flex; flex-direction: column; }
.forecast-primary-footer strong { color: #fffaf4; }
.forecast-primary-footer > div, .forecast-card-footer > div { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px; }
.forecast-primary-footer a { min-height: 40px; display: inline-flex; align-items: center; gap: 7px; padding: 9px 11px; color: #3c261e; background: #fff7ed; border-radius: 10px; font-size: 9px; font-weight: 800; }
.forecast-weather-summary { margin-bottom: 14px; padding: 20px 22px; color: var(--ink); background: rgba(255,253,248,.92); border: 1px solid #e2ded2; border-radius: 18px; box-shadow: 0 8px 24px rgba(43,26,20,.05); }
.forecast-weather-summary > div:first-child, .weather-summary-head, .weather-summary-foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.weather-kicker { display: block; margin-bottom: 4px; color: var(--berry, #8e1f2f); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.forecast-weather-summary strong { display: block; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 20px; font-weight: 500; }
.forecast-weather-summary > p { margin: 8px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.weather-unavailable { background: #fbf5e9; border-color: #eadfc8; }
.weather-loading { color: #53625b; }
.weather-live-mark { display: inline-flex; align-items: center; gap: 7px; color: #52645b; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.weather-live-mark i { width: 7px; height: 7px; background: #5f7c65; border-radius: 50%; box-shadow: 0 0 0 4px rgba(95,124,101,.12); }
.weather-metrics { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; margin: 18px 0 13px; padding: 15px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.weather-metrics > div { min-width: 0; padding: 0 13px; border-right: 1px solid var(--line); }
.weather-metrics > div:first-child { padding-left: 0; }
.weather-metrics > div:last-child { padding-right: 0; border-right: 0; }
.weather-metrics dt { color: #7b7469; font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.weather-metrics dd { margin: 5px 0 0; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 21px; line-height: 1; white-space: nowrap; }
.weather-summary-foot { color: var(--muted); font-size: 9px; line-height: 1.4; }
.forecast-rule-summary { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 22px; margin-bottom: 16px; padding: 25px; color: white; background: var(--forest-dark); border-radius: 20px; box-shadow: var(--shadow); }
.forecast-rule-summary .eyebrow { color: #a8c0b5; }
.forecast-rule-summary > div > strong { display: block; margin-top: 7px; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 23px; font-weight: 500; line-height: 1.25; }
.forecast-rule-summary p { max-width: 640px; margin: 9px 0 0; color: #c9d6d0; font-size: 12px; line-height: 1.6; }
.forecast-rule-summary small { grid-column: 1 / -1; padding-top: 14px; color: #9db0a7; border-top: 1px solid rgba(255,255,255,.1); font-size: 10px; line-height: 1.5; }
.category-key { display: flex; align-content: start; align-items: flex-start; justify-content: flex-end; flex-wrap: wrap; gap: 7px; }
.forecast-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.forecast-risk-card { min-width: 0; display: flex; flex-direction: column; padding: 22px; background: var(--paper); border: 1px solid #e4e1d7; border-radius: 18px; box-shadow: 0 10px 28px rgba(22,53,42,.06); transition: border-color .2s ease, box-shadow .2s ease; }
.forecast-risk-card.forecast-active { border-color: #a9bcae; box-shadow: 0 13px 32px rgba(38,73,57,.11); }
.forecast-risk-card.forecast-reference { background: rgba(255,253,248,.68); box-shadow: none; }
.forecast-card-head { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.forecast-card-head > div { display: flex; flex-wrap: wrap; gap: 7px; }
.forecast-card-id { max-width: 145px; color: #9aa49f; font-size: 9px; letter-spacing: .04em; overflow-wrap: anywhere; text-align: right; text-transform: uppercase; }
.forecast-action-badge, .recommendation-badge { display: inline-flex; align-items: center; min-height: 27px; padding: 5px 9px; border-radius: 999px; font-size: 9px; font-weight: 800; letter-spacing: .04em; line-height: 1.2; text-transform: uppercase; }
.forecast-action-badge.good { color: #315c44; background: #e3eee5; }
.forecast-action-badge.watch { color: #76551f; background: #f7ebcf; }
.forecast-action-badge.action { color: #873d37; background: #f5e1dd; }
.recommendation-badge { color: #44534c; background: #edf0ec; }
.forecast-live-state { align-self: flex-start; margin-top: 14px; color: #8a8177; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.forecast-live-state.active { color: #476650; }
.category-recommended-tonight { color: #315c44; background: #e3eee5; }
.category-consider-tonight { color: #6d511f; background: #f3e8ca; }
.category-skip-tonight { color: #873d37; background: #f5e1dd; }
.category-scout-first { color: #68472f; background: #efe4d9; }
.category-root-zone-climate-response-first { color: #2f5c4b; background: #e1ece7; }
.category-no-foliar-needed { color: #315c44; background: #e3eee5; }
.category-monitor-only { color: #575567; background: #ebeaf1; }
.category-no-foliar-planned { color: #315c44; background: #e3eee5; }
.category-consider-if-crop-check-supports-it { color: #6d511f; background: #f3e8ca; }
.category-escalate-to-grower, .category-confidence-limited { color: #873d37; background: #f5e1dd; }
.forecast-risk-card h3 { margin: 18px 0 9px; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 27px; font-weight: 500; letter-spacing: -.015em; line-height: 1.08; }
.forecast-conditions { margin: 0 0 18px; color: var(--muted); font-size: 11px; line-height: 1.6; }
.forecast-conditions strong { display: block; margin-bottom: 3px; color: #52615a; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.forecast-details { display: grid; gap: 0; margin: 0; }
.forecast-details > div { display: grid; grid-template-columns: 145px minmax(0, 1fr); gap: 15px; padding: 12px 0; border-top: 1px solid var(--line); }
.forecast-details dt { color: #65716b; font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.forecast-details dd { margin: 0; color: var(--ink); font-size: 12px; line-height: 1.55; }
.safety-note { margin-top: 14px; padding: 13px 14px; color: #634f2d; background: #faf1dc; border-left: 3px solid #c9a155; border-radius: 10px; }
.safety-note strong { display: block; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.safety-note p { margin: 5px 0 0; font-size: 11px; line-height: 1.55; }
.forecast-card-footer { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-top: auto; padding-top: 18px; }
.forecast-card-footer > span { max-width: 65%; display: flex; flex-direction: column; color: var(--muted); font-size: 9px; line-height: 1.45; }
.forecast-card-footer > span strong { margin-bottom: 3px; color: #53625b; font-size: 10px; }
.forecast-card-footer a { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; padding: 10px 12px; color: var(--leaf); background: #edf3ed; border-radius: 10px; font-size: 10px; font-weight: 800; white-space: nowrap; }
.forecast-reference-pending { max-width: 230px; display: inline-flex; padding: 7px 9px; color: #756e66; background: #f0ece4; border-radius: 8px; font-size: 8px; line-height: 1.35; overflow-wrap: anywhere; }
.forecast-primary .forecast-reference-pending { color: #dfd0c5; background: rgba(255,255,255,.08); }

/* Foliar Watch is detailed on its own route and intentionally secondary on GH1 Today. */
.foliar-watch-home { padding-top: 18px; }
.foliar-home-tile { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 20px; padding: 22px 24px; background: #fffaf0; border: 1px solid #e0d7c8; border-radius: 18px; box-shadow: 0 9px 25px rgba(58,36,25,.055); }
.foliar-home-icon .icon { color: #7b3439; background: #f4e6df; }
.foliar-home-title { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 3px 0 7px; }
.foliar-home-title h2 { margin: 0; color: #3b241d; font-size: 28px; font-weight: 500; }
.foliar-home-copy > strong { display: block; color: #70552a; font-size: 11px; }
.foliar-home-copy p { max-width: 760px; margin: 7px 0 0; color: #6d625b; font-size: 11px; line-height: 1.55; }
.foliar-home-tile > a { min-height: 42px; display: inline-flex; align-items: center; gap: 9px; padding: 10px 13px; color: #fffaf0; background: #6e3037; border-radius: 10px; font-size: 10px; font-weight: 800; white-space: nowrap; }

.foliar-watch-main { background: linear-gradient(180deg, var(--paper) 0, #f5f0e5 100%); }
.foliar-watch-hero { background: #3a2b24; }
.foliar-operating-note { position: relative; z-index: 2; margin-top: -24px; padding: 22px 25px; color: #49352e; background: #fff8ec; border: 1px solid #dfd1b9; border-left: 5px solid #bb9450; border-radius: 16px; box-shadow: 0 12px 30px rgba(58,36,25,.08); }
.foliar-operating-note strong { display: block; color: #6e3037; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.foliar-operating-note p { margin: 7px 0 0; font-size: 13px; line-height: 1.65; }
.foliar-crop-context-wrap { padding-top: 13px; }
.foliar-crop-context { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 17px; padding: 17px 20px; background: #f7f2e8; border: 1px solid #ded7c9; border-radius: 14px; }
.foliar-crop-context strong { color: #3b241d; font-size: 12px; }
.foliar-crop-context p { margin: 4px 0 0; color: #6d625b; font-size: 10px; line-height: 1.55; }
.foliar-crop-context a { color: #6e3037; font-size: 10px; font-weight: 800; white-space: nowrap; }
.foliar-watch-main .forecast-watch-section { padding-top: 52px; }
.foliar-checks-section { padding-top: 18px; padding-bottom: 90px; }
.foliar-check-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.foliar-check-card { min-width: 0; padding: 26px; background: #fffaf2; border: 1px solid #e1d9cb; border-radius: 18px; }
.foliar-check-card h2 { margin: 7px 0 16px; color: #3b241d; font-size: 29px; font-weight: 500; }
.foliar-check-card ul { margin: 0; padding: 0; list-style: none; }
.foliar-check-card li { position: relative; margin-top: 10px; padding-left: 20px; color: #554b45; font-size: 12px; line-height: 1.55; }
.foliar-check-card li::before { content: ""; position: absolute; left: 0; top: .45em; width: 8px; height: 8px; background: #8aa091; border-radius: 50%; }
.foliar-do-not { background: #f8efe5; border-color: #e1d1c0; }
.foliar-do-not li::before { background: #a75a54; }
.foliar-confidence-note { margin-top: 13px; padding: 22px 25px; color: #e9dfd5; background: #3a2b24; border-radius: 16px; }
.foliar-confidence-note strong { color: #d4b16f; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.foliar-confidence-note p { margin: 7px 0 0; font-size: 11px; line-height: 1.65; }

.task-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.task-card { min-height: 194px; display: flex; flex-direction: column; padding: 20px; background: var(--cream); border: 1px solid #e8e2d5; border-radius: 16px; }
.task-category { margin-left: 8px; color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.task-card h3 { margin: 22px 0 20px; font-size: 16px; line-height: 1.45; }
.task-card a { margin-top: auto; color: var(--leaf); font-size: 12px; font-weight: 700; }
.programs-section { padding-bottom: 76px; background: #f1f4ed; }
.program-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.program-card { min-height: 104px; display: flex; align-items: center; gap: 15px; padding: 18px; background: white; border: 1px solid #dce3d8; border-radius: 15px; }
.program-card:nth-child(5) { grid-column: span 2; }
.program-card > span:nth-child(2) { min-width: 0; display: flex; flex: 1; flex-direction: column; }
.program-card strong { margin: 5px 0; font-size: 14px; }
.program-card small { color: var(--muted); font-size: 11px; }

.split-section { display: grid; grid-template-columns: 1.5fr .8fr; gap: 52px; }
.watch-list { display: grid; gap: 10px; }
.watch-item { min-height: 88px; display: flex; background: white; border: 1px solid var(--line); border-radius: 13px; overflow: hidden; }
.watch-indicator { width: 5px; flex: 0 0 auto; background: #89a794; }
.watch-indicator.watch { background: #cba956; }
.watch-indicator.action { background: #bd665d; }
.watch-item > div { padding: 14px 16px; }
.watch-item h3 { display: inline; margin: 0 0 0 8px; font-size: 14px; }
.watch-item p { margin: 7px 0 0; color: var(--muted); font-size: 12px; }
.changes-panel { padding: 30px; background: var(--forest-dark); border-radius: 20px; color: white; }
.changes-panel .eyebrow { color: #9db9ad; }
.changes-panel h2 { margin: 5px 0 25px; font-size: 34px; font-weight: 500; }
.change-list { margin: 0 0 24px; padding: 0; list-style: none; }
.change-item { position: relative; display: flex; gap: 12px; padding: 0 0 24px; }
.change-item:not(:last-child)::before { content: ""; position: absolute; left: 4px; top: 12px; bottom: 2px; width: 1px; background: #355247; }
.change-dot { width: 9px; height: 9px; flex: 0 0 auto; margin-top: 4px; background: #d8a093; border: 2px solid var(--forest-dark); border-radius: 50%; outline: 1px solid #587167; }
.change-item div { display: flex; flex-direction: column; }
.change-item strong { font-size: 13px; font-weight: 600; }
.change-item small { margin-top: 5px; color: #91a9a0; font-size: 10px; }
.changes-panel .text-link { color: #e4b3a8; }

/* Crop State intelligence */
.crop-state-home-section { padding-top: 18px; }
.crop-state-tile { padding: 25px 27px; background: linear-gradient(135deg, #fffaf0 0%, #f4eee0 100%); border: 1px solid #dfd5c3; border-radius: 20px; box-shadow: 0 12px 32px rgba(58, 36, 25, .07); }
.crop-tile-head, .crop-summary-title, .crop-section-head, .crop-read-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.crop-tile-head h2 { margin: 4px 0 0; color: #3b241d; font-size: 34px; font-weight: 500; letter-spacing: -.025em; }
.crop-state-tile > p { max-width: 780px; margin: 14px 0 20px; color: #6d625b; font-size: 13px; line-height: 1.65; }
.soft-chip { display: inline-flex; align-items: center; min-height: 25px; padding: 5px 9px; color: #625b55; background: #ede9e1; border-radius: 999px; font-size: 9px; font-weight: 800; letter-spacing: .055em; line-height: 1.2; text-transform: uppercase; white-space: nowrap; }
.soft-chip.steady, .soft-chip.loaded { color: #315b44; background: #e3eee5; }
.soft-chip.watch, .soft-chip.stale, .soft-chip.incomplete { color: #75531b; background: #f5e8ca; }
.soft-chip.limited, .soft-chip.missing, .soft-chip.malformed { color: #813d37; background: #f3e1dd; }
.soft-chip.empty, .soft-chip.neutral { color: #625b55; background: #ece8e0; }
.crop-tile-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 20px 0 0; padding: 17px 0; border-top: 1px solid #dfd6c8; border-bottom: 1px solid #dfd6c8; }
.crop-tile-metrics > div { min-width: 0; padding: 0 17px; border-right: 1px solid #dfd6c8; }
.crop-tile-metrics > div:first-child { padding-left: 0; }
.crop-tile-metrics > div:last-child { padding-right: 0; border-right: 0; }
.crop-tile-metrics dt, .crop-summary-card dt { color: #786d65; font-size: 8px; font-weight: 800; letter-spacing: .075em; text-transform: uppercase; }
.crop-tile-metrics dd { margin: 6px 0 0; color: #3b241d; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 20px; font-weight: 500; }
.crop-tile-read { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.crop-tile-read p { margin: 0; padding: 13px 14px; background: rgba(255,255,255,.55); border-radius: 12px; }
.crop-tile-read span, .crop-tile-next > span { display: block; margin-bottom: 5px; color: #936d34; font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.crop-tile-read strong { color: #44312a; font-size: 12px; line-height: 1.45; }
.crop-tile-next { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 10px; margin-top: 15px; }
.crop-tile-next > span { margin: 3px 0 0; }
.crop-tile-next p { margin: 0; color: #5e554f; font-size: 12px; line-height: 1.55; }
.crop-tile-link { min-height: 44px; display: inline-flex; align-items: center; gap: 10px; margin-top: 16px; color: #742d35; font-size: 11px; font-weight: 800; }
.crop-tile-link span { font-size: 17px; transition: transform .2s; }
.crop-tile-link:hover span { transform: translateX(3px); }
.crop-state-loading { min-height: 155px; }

.crop-registration-main { color: #332d29; background: linear-gradient(180deg, #fffdf8 0%, #f5efe3 100%); }
.crop-registration-hero { color: #fffaf1; background: linear-gradient(135deg, #3b241d 0%, #532a2f 58%, #6b2f3a 100%); }
.crop-registration-hero .overline { color: #d9bd86; }
.crop-registration-hero p { color: #eaded5; }
.crop-registration-content { padding-top: 42px; padding-bottom: 90px; }
.crop-summary-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr); gap: 14px; align-items: stretch; }
.crop-summary-card, .crop-health-panel, .crop-section, .crop-read-card { min-width: 0; background: rgba(255,253,248,.96); border: 1px solid #e1dbcf; border-radius: 19px; box-shadow: 0 10px 28px rgba(63,39,28,.055); }
.crop-summary-card { padding: 28px; }
.crop-summary-title h2, .crop-health-panel h2 { margin: 5px 0 0; color: #3b241d; font-size: 30px; font-weight: 500; letter-spacing: -.02em; }
.crop-summary-card dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 23px 0 0; border-top: 1px solid #e3ddd2; }
.crop-summary-card dl > div { min-width: 0; padding: 16px 13px 14px 0; border-bottom: 1px solid #e3ddd2; }
.crop-summary-card dd { margin: 6px 0 0; color: #43332c; font-size: 12px; font-weight: 750; line-height: 1.45; overflow-wrap: anywhere; }
.confidence-copy { margin: 17px 0 0; color: #665e58; font-size: 11px; line-height: 1.6; }
.crop-health-panel { padding: 25px; color: #f8f2e9; background: #30261f; border-color: #30261f; }
.crop-health-panel .eyebrow { color: #c9aa73; }
.crop-health-panel h2 { color: white; font-size: 27px; }
.crop-health-files { margin-top: 19px; }
.crop-health-files > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px 12px; padding: 14px 0; border-top: 1px solid rgba(255,255,255,.11); }
.crop-health-files > div > span:first-child { min-width: 0; display: flex; flex-direction: column; }
.crop-health-files strong { font-size: 11px; }
.crop-health-files small { margin-top: 4px; color: #b9aca2; font-size: 9px; overflow-wrap: anywhere; }
.crop-health-files p { grid-column: 1 / -1; margin: 0; color: #cfc3ba; font-size: 9px; line-height: 1.5; }
.crop-health-note { margin: 7px 0 0; color: #d7c9bd; font-size: 10px; line-height: 1.6; }
.crop-section { margin-top: 14px; padding: 28px; }
.crop-section-head { align-items: flex-end; }
.crop-section-head h2 { margin: 5px 0 0; color: #3b241d; font-size: 31px; font-weight: 500; letter-spacing: -.02em; }
.crop-section-signal { color: #772f38; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 20px; text-align: right; }
.crop-metric-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin-top: 24px; padding: 18px 0; border-top: 1px solid #e4ddd1; border-bottom: 1px solid #e4ddd1; }
.crop-metric { min-width: 0; padding: 0 14px; border-right: 1px solid #e4ddd1; }
.crop-metric:first-child { padding-left: 0; }
.crop-metric:last-child { padding-right: 0; border-right: 0; }
.crop-metric > span { display: block; color: #766c64; font-size: 8px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.crop-metric > strong { display: block; margin-top: 7px; color: #3d2d26; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 28px; font-weight: 500; line-height: 1; }
.crop-metric > small { display: block; margin-top: 6px; color: #92877e; font-size: 8px; line-height: 1.4; }
.crop-section-guidance { margin: 17px 0 0; color: #5e5752; font-size: 12px; line-height: 1.65; }
.crop-score-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin-top: 20px; padding-top: 20px; border-top: 1px solid #e4ddd1; }
.crop-score-scale { min-width: 0; padding: 19px; background: #f8f3e8; border: 1px solid #e7ddcb; border-radius: 14px; }
.crop-score-scale h3 { margin: 5px 0 8px; color: #3b241d; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 22px; font-weight: 500; }
.crop-score-scale > div > strong { color: #772f38; font-size: 11px; }
.crop-score-scale > div > p { min-height: 34px; margin: 7px 0 0; color: #625952; font-size: 9px; line-height: 1.5; }
.crop-score-scale ol { display: grid; gap: 5px; margin: 15px 0 0; padding: 0; list-style: none; }
.crop-score-scale li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 8px; align-items: start; padding: 7px 8px; color: #776d65; border-radius: 9px; }
.crop-score-scale li.current { color: #3f3029; background: #fffdf8; box-shadow: inset 0 0 0 1px #d9c8aa; }
.crop-score-scale li > span { display: grid; place-items: center; width: 22px; height: 22px; color: #6d4b1f; background: #ecdfc8; border-radius: 50%; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 12px; }
.crop-score-scale li p { margin: 0; font-size: 8px; line-height: 1.45; }
.crop-score-scale li p strong { display: block; margin-bottom: 2px; color: #51443d; font-size: 9px; }
.crop-read-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 14px; }
.crop-read-card { padding: 27px; }
.crop-read-card h2 { margin: 19px 0 12px; color: #3b241d; font-size: 27px; font-weight: 500; line-height: 1.12; }
.crop-read-card > strong { color: #772f38; font-size: 12px; }
.crop-read-card > p { margin: 10px 0 0; color: #5e5752; font-size: 11px; line-height: 1.65; }
.crop-observation-list, .crop-notes-list { margin: 22px 0 0; padding: 0; list-style: none; }
.crop-observation-item { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 20px; padding: 17px 0; border-top: 1px solid #e3ddd2; }
.observation-date { display: flex; flex-direction: column; }
.observation-date strong { color: #48342d; font-size: 11px; }
.observation-date span { margin-top: 5px; color: #887d75; font-size: 9px; }
.observation-flags { display: flex; flex-wrap: wrap; gap: 6px; }
.observation-body p { margin: 9px 0 0; color: #5b534e; font-size: 11px; line-height: 1.6; }
.observation-body p strong { display: block; margin-bottom: 3px; color: #6e3037; font-size: 8px; letter-spacing: .07em; text-transform: uppercase; }
.observation-body .observation-note { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.observation-body small { display: block; margin-top: 8px; color: #8d837b; font-size: 9px; }
.crop-notes-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.crop-notes-list li { min-width: 0; padding: 16px; background: #f8f3e8; border-radius: 12px; }
.crop-notes-list span, .crop-notes-list small { color: #8a7e74; font-size: 8px; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.crop-notes-list p { display: -webkit-box; overflow: hidden; margin: 9px 0; color: #524943; font-size: 11px; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.crop-quiet-empty { margin-top: 20px; padding: 20px; color: #746b64; background: #f5f0e6; border-radius: 12px; font-size: 11px; line-height: 1.6; }
.crop-boundary-note { margin-top: 14px; padding: 21px 24px; color: #e9dfd5; background: #3a2b24; border-radius: 16px; }
.crop-boundary-note strong { color: #d4b16f; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.crop-boundary-note p { margin: 7px 0 0; font-size: 10px; line-height: 1.65; }
.crop-empty-state { max-width: 820px; margin-bottom: 15px; padding: 31px; background: #fffaf0; border: 1px solid #e2d7c5; border-radius: 20px; }
.crop-empty-state h2 { margin: 16px 0 9px; color: #3b241d; font-size: 32px; font-weight: 500; }
.crop-empty-state p { margin: 0; color: #6e645d; font-size: 12px; line-height: 1.7; }
.crop-freshness-card { margin-bottom: 14px; padding: 23px 25px; background: #fffaf0; border: 1px solid #dfd5c3; border-left: 5px solid #718c78; border-radius: 17px; box-shadow: 0 9px 25px rgba(58,36,25,.055); }
.crop-freshness-card.stale, .crop-freshness-card.missing, .crop-freshness-card.malformed, .crop-freshness-card.incomplete, .crop-freshness-card.empty { border-left-color: #b85d55; }
.crop-freshness-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.crop-freshness-head h2 { margin: 4px 0 0; color: #3b241d; font-size: 28px; font-weight: 500; }
.crop-freshness-card dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 19px 0 0; padding: 16px 0; border-top: 1px solid #e5dccd; border-bottom: 1px solid #e5dccd; }
.crop-freshness-card dl > div { min-width: 0; padding: 0 15px; border-right: 1px solid #e5dccd; }
.crop-freshness-card dl > div:first-child { padding-left: 0; }
.crop-freshness-card dl > div:last-child { padding-right: 0; border-right: 0; }
.crop-freshness-card dt { color: #877a70; font-size: 8px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.crop-freshness-card dd { margin: 6px 0 0; color: #46332c; font-size: 12px; font-weight: 700; line-height: 1.45; overflow-wrap: anywhere; }
.crop-freshness-message { margin: 13px 0 0; font-size: 10px; line-height: 1.55; }
.crop-freshness-message.fresh { color: #3e674b; }
.crop-freshness-message.warning { color: #8b403a; }

.playbook-section { padding-bottom: 92px; }
.playbook-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); border-radius: 18px; overflow: hidden; }
.playbook-card { min-height: 110px; display: flex; align-items: center; gap: 15px; padding: 19px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); transition: background .2s; }
.playbook-card:nth-child(3n) { border-right: 0; }
.playbook-card:nth-last-child(-n+3) { border-bottom: 0; }
.playbook-card:hover { background: var(--cream); }
.playbook-number { color: #a7b1ab; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 22px; }
.playbook-card > span:nth-child(2) { display: flex; flex: 1; flex-direction: column; }
.playbook-card strong { font-size: 14px; }
.playbook-card small { margin-top: 5px; color: var(--muted); font-size: 11px; }

footer { padding: 30px 0; color: #bdccc6; background: var(--forest-dark); }
footer .shell { display: flex; align-items: center; justify-content: space-between; }
footer div div { display: flex; flex-direction: column; }
footer strong { color: white; font-size: 13px; }
footer span, footer a { margin-top: 4px; font-size: 11px; }
footer a { color: #e2b0a5; font-weight: 600; }

.placeholder-main { min-height: calc(100vh - 200px); }
.page-hero { padding: 55px 0 72px; color: white; background: var(--forest); }
.back-link { display: inline-block; margin-bottom: 35px; color: #c9d7d1; font-size: 12px; font-weight: 700; }
.page-icon { float: right; }
.page-icon .icon { width: 64px; height: 64px; color: white; background: rgba(255,255,255,.1); border-radius: 18px; }
.page-icon svg { width: 30px; height: 30px; }
.page-hero h1 { max-width: 720px; margin: 9px 0 10px; font-size: clamp(46px, 7vw, 72px); font-weight: 500; letter-spacing: -.04em; line-height: 1; }
.page-hero p { max-width: 650px; margin: 18px 0 0; color: #cedbd5; font-size: 17px; line-height: 1.6; }
.placeholder-content { padding-top: 55px; padding-bottom: 90px; }
.notice { max-width: 780px; margin-bottom: 42px; }
.notice h2 { margin: 16px 0 10px; font-size: 32px; font-weight: 500; }
.notice p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.placeholder-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.placeholder-grid article { min-height: 220px; display: flex; flex-direction: column; padding: 24px; background: var(--cream); border: 1px solid #e7e0d2; border-radius: 17px; }
.placeholder-grid article > span { color: var(--strawberry); font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 24px; }
.placeholder-grid h2 { margin: 26px 0 10px; font-size: 24px; font-weight: 500; }
.placeholder-grid p { margin: 0 0 24px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.placeholder-grid button { min-height: 44px; margin-top: auto; color: #86908b; background: #ebe9e1; border: 0; border-radius: 10px; font: 600 11px Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.placeholder-action-card a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; margin-top: auto; padding: 0 15px; color: white; background: var(--leaf); border-radius: 10px; font-size: 11px; font-weight: 800; }
.placeholder-action-card a:hover { background: var(--forest-dark); }

.quality-main { background: linear-gradient(180deg, var(--paper) 0, #f5f1e8 100%); }
.quality-hero { padding-bottom: 64px; }
.quality-actions { margin-top: -34px; }
.quality-sample-card { width: min(100%, 390px); min-height: 198px; box-shadow: 0 16px 42px rgba(22,53,42,.12); }
.quality-dashboard-content { padding-top: 22px; padding-bottom: 90px; }
.quality-dashboard-layout { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(280px, .9fr); gap: 16px; align-items: start; }
.quality-dashboard-layout > div { min-width: 0; display: grid; gap: 16px; }
.quality-panel, .quality-health-card { min-width: 0; padding: 25px; background: rgba(255,253,248,.96); border: 1px solid #e1dbcf; border-radius: 18px; box-shadow: 0 10px 28px rgba(63,39,28,.055); }
.quality-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 19px; }
.quality-section-head h2, .quality-panel h2, .quality-health-card h2 { margin: 7px 0 0; color: #3b241d; font-size: 29px; font-weight: 500; line-height: 1.12; }
.quality-empty p, .quality-drivers p { margin: 11px 0 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.quality-metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.quality-metric-card { min-width: 0; padding: 17px; background: #fffaf2; border: 1px solid #e7dfd2; border-radius: 13px; }
.quality-metric-card span, .quality-health-card dt { color: #7f7369; font-size: 8px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.quality-metric-card strong { display: block; margin: 9px 0 5px; color: #3d2f28; font-size: 23px; font-weight: 650; line-height: 1; overflow-wrap: anywhere; }
.quality-metric-card small { color: #6b625b; font-size: 10px; line-height: 1.45; }
.quality-trend-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.quality-trend-card { min-width: 0; padding: 18px; background: #f8f5ed; border: 1px solid #e1dbce; border-radius: 14px; }
.quality-trend-card strong { display: block; margin-top: 6px; color: #3b241d; font-size: 25px; font-weight: 650; }
.quality-trend-card small { display: block; margin-top: 8px; color: #766b62; font-size: 10px; line-height: 1.45; }
.quality-mini-chart { width: 100%; height: 82px; margin-top: 12px; overflow: visible; }
.quality-mini-chart rect { fill: #e8d9cc; }
.quality-mini-chart polyline { stroke: var(--strawberry); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.quality-chart-empty { min-height: 82px; display: flex; align-items: center; margin-top: 12px; padding: 14px; color: #746960; background: #eee9de; border-radius: 12px; font-size: 11px; line-height: 1.5; }
.quality-rule { margin: 13px 0 18px; padding: 15px 17px; color: #315b44; background: #edf4ee; border-left: 4px solid #76977e; border-radius: 11px; font-size: 13px; font-weight: 750; line-height: 1.55; }
.quality-subtitle { margin: 10px 0 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.quality-standard-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.quality-standard-list > div { min-width: 0; padding: 15px; background: #fffaf2; border: 1px solid #e8dfd0; border-radius: 12px; }
.quality-standard-list strong { color: #3b241d; font-size: 13px; }
.quality-standard-list p { margin: 7px 0 0; color: #5d554f; font-size: 11px; line-height: 1.55; }
.quality-standard-list small { display: block; margin-top: 9px; color: #315b44; font-size: 10px; font-weight: 850; line-height: 1.45; }
.quality-health-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 18px 0 0; border-top: 1px solid #e3ddd2; }
.quality-health-card dl > div { min-width: 0; padding: 13px 11px 12px 0; border-bottom: 1px solid #e3ddd2; }
.quality-health-card dd { margin: 5px 0 0; color: #43332c; font-size: 12px; font-weight: 750; line-height: 1.45; overflow-wrap: anywhere; }
.quality-health-card ul { margin: 16px 0 0; padding: 0; list-style: none; }
.quality-health-card li { position: relative; margin-top: 9px; padding-left: 18px; color: #5c534c; font-size: 11px; line-height: 1.55; }
.quality-health-card li::before { content: ""; position: absolute; left: 0; top: .55em; width: 7px; height: 7px; background: #c99183; border-radius: 50%; }
.quality-health-card p { margin: 14px 0 0; color: #7d453f; font-size: 11px; font-weight: 750; line-height: 1.5; }
.quality-driver-list { margin: 0; padding: 0; list-style: none; }
.quality-driver-list li { padding: 14px 0; border-top: 1px solid #e4ded3; }
.quality-driver-list li:first-child { border-top: 0; }
.quality-driver-list span { color: #867970; font-size: 8px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.quality-driver-list strong { display: block; margin-top: 5px; color: #3b241d; font-size: 14px; }
.quality-driver-list small { display: block; margin-top: 5px; color: #665d56; font-size: 10px; line-height: 1.45; }
.harvest-stack-chart { height: 82px; display: flex; align-items: end; gap: 6px; margin-top: 12px; padding: 10px 6px 0; background: #f1ece2; border-radius: 12px; }
.harvest-stack-chart > div { flex: 1; min-width: 5px; height: 100%; display: flex; align-items: end; justify-content: center; gap: 2px; }
.harvest-stack-chart span { width: 42%; min-height: 4px; border-radius: 4px 4px 0 0; }
.harvest-stack-chart .grade-a, .harvest-packout-bars .grade-a { background: var(--leaf); }
.harvest-stack-chart .grade-b, .harvest-packout-bars .grade-b { background: var(--strawberry); }
.harvest-packout-bars { display: grid; gap: 13px; margin-top: 18px; }
.harvest-packout-bars > div { display: grid; grid-template-columns: minmax(120px, .45fr) 1fr; gap: 14px; align-items: center; }
.harvest-packout-bars strong { display: block; color: #3b241d; font-size: 13px; }
.harvest-packout-bars small { display: block; margin-top: 4px; color: #756b62; font-size: 10px; }
.harvest-packout-bars em { height: 12px; display: block; overflow: hidden; background: #eee7dc; border-radius: 999px; }
.harvest-packout-bars i { height: 100%; display: block; border-radius: inherit; }
.harvest-packout-bars .cull { background: #9a8d82; }

.climate-main { background: linear-gradient(180deg, var(--paper) 0, #f5f1e8 100%); }
.climate-hero { padding-bottom: 74px; background: linear-gradient(135deg, var(--forest-dark) 0%, #3b241d 100%); }
.climate-top-read { margin-top: -42px; }
.climate-read-card { position: relative; overflow: hidden; padding: 31px; color: #fffaf4; background: linear-gradient(135deg, #3b241d 0%, #6f2530 100%); border: 1px solid rgba(255,255,255,.08); border-radius: 22px; box-shadow: 0 18px 46px rgba(58,36,25,.16); }
.climate-read-card::after { content: ""; position: absolute; right: -130px; bottom: -230px; width: 380px; height: 380px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 0 48px rgba(255,255,255,.028), 0 0 0 96px rgba(255,255,255,.018); }
.climate-read-card > * { position: relative; z-index: 1; }
.climate-read-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.climate-read-card h2 { margin: 7px 0 0; font-size: clamp(33px, 5vw, 50px); font-weight: 500; line-height: 1.04; }
.climate-read-card p { max-width: 820px; margin: 16px 0 0; color: #f3e6dc; font-size: 15px; line-height: 1.6; }
.climate-read-card > small { display: block; margin-top: 18px; color: #d9c9bf; font-size: 10px; line-height: 1.55; }
.climate-metric-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 9px; margin-top: 24px; }
.climate-metric { min-width: 0; padding: 15px; background: rgba(255,250,242,.1); border: 1px solid rgba(255,255,255,.12); border-radius: 13px; }
.climate-panel .climate-metric, .climate-reference .climate-metric { background: #fffaf2; border-color: #e7dfd2; }
.climate-metric span { display: block; color: #d7b98c; font-size: 8px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.climate-panel .climate-metric span { color: #7f7369; }
.climate-metric strong { display: block; margin-top: 7px; color: inherit; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 22px; font-weight: 500; line-height: 1.05; overflow-wrap: anywhere; }
.climate-panel .climate-metric strong { color: #3b241d; }
.climate-metric small { display: block; margin-top: 7px; color: rgba(255,250,242,.72); font-size: 10px; line-height: 1.4; }
.climate-panel .climate-metric small { color: #756b62; }
.climate-dashboard-content { padding-top: 18px; padding-bottom: 22px; }
.climate-panel-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.climate-panel { min-width: 0; padding: 25px; background: rgba(255,253,248,.96); border: 1px solid #e1dbcf; border-radius: 18px; box-shadow: 0 10px 28px rgba(63,39,28,.055); }
.climate-panel-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.climate-panel p { margin: 18px 0 0; color: #4e5a54; font-size: 13px; line-height: 1.65; }
.climate-panel > small { display: block; margin-top: 12px; padding: 12px 13px; color: #634f2d; background: #faf1dc; border-left: 3px solid #c9a155; border-radius: 10px; font-size: 11px; line-height: 1.55; }
.climate-reference, .climate-risks, .climate-integrity { padding-top: 18px; }
.climate-table-wrap { overflow-x: auto; background: rgba(255,253,248,.96); border: 1px solid #e1dbcf; border-radius: 18px; box-shadow: 0 10px 28px rgba(63,39,28,.055); }
.climate-table-wrap table { width: 100%; min-width: 820px; border-collapse: collapse; }
.climate-table-wrap th, .climate-table-wrap td { padding: 15px 16px; border-bottom: 1px solid #e5ded2; text-align: left; vertical-align: top; }
.climate-table-wrap th { color: #7f7369; background: #f7f0e3; font-size: 9px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.climate-table-wrap td { color: #4c4039; font-size: 12px; line-height: 1.55; }
.climate-table-wrap tr:last-child td { border-bottom: 0; }
.climate-risk-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.climate-risk-card { min-width: 0; padding: 20px; background: rgba(255,253,248,.96); border: 1px solid #e3ddd2; border-radius: 17px; box-shadow: 0 10px 28px rgba(63,39,28,.05); }
.climate-risk-card.active { border-color: #d2b37a; box-shadow: 0 13px 32px rgba(130,81,37,.1); }
.climate-risk-card h3 { margin: 15px 0 16px; color: #3b241d; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 25px; font-weight: 500; line-height: 1.1; }
.climate-risk-card dl { margin: 0; }
.climate-risk-card dl > div { padding: 12px 0; border-top: 1px solid #e5ded2; }
.climate-risk-card dt { color: #7f7369; font-size: 8px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.climate-risk-card dd { margin: 6px 0 0; color: #4e5a54; font-size: 11px; line-height: 1.55; }
.climate-integrity { padding-bottom: 90px; }
.climate-integrity .quality-health-card { max-width: none; }

.framework-main { background: linear-gradient(180deg, var(--paper) 0, #f6f2e8 100%); }
.framework-hero { padding-bottom: 64px; }
.framework-hero-links { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }
.framework-hero-links a { min-height: 44px; display: inline-flex; align-items: center; padding: 10px 14px; color: var(--forest-dark); background: #fff8ee; border-radius: 10px; font-size: 11px; font-weight: 800; }
.framework-hero-links a + a { color: white; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.16); }
.framework-content { padding-top: 46px; padding-bottom: 90px; }
.framework-principle { position: relative; overflow: hidden; margin-bottom: 16px; padding: 31px 34px; color: white; background: var(--strawberry); border-radius: 22px; box-shadow: 0 16px 40px rgba(129,49,43,.14); }
.framework-principle::after { content: ""; position: absolute; right: -90px; bottom: -190px; width: 310px; height: 310px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 38px rgba(255,255,255,.035), 0 0 0 76px rgba(255,255,255,.025); }
.framework-principle > * { position: relative; z-index: 1; }
.framework-principle p { max-width: 900px; margin: 10px 0 14px; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: clamp(25px, 4vw, 38px); line-height: 1.18; }
.framework-principle small { display: block; max-width: 850px; color: #f7ddd6; font-size: 10px; line-height: 1.6; }
.framework-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.framework-card { min-width: 0; padding: 25px; background: var(--paper); border: 1px solid #e4e1d7; border-radius: 18px; box-shadow: 0 10px 28px rgba(22,53,42,.055); }
.framework-card.wide { grid-column: 1 / -1; }
.framework-number { color: var(--strawberry); font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 20px; }
.framework-card h2 { margin: 12px 0 16px; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 27px; font-weight: 500; letter-spacing: -.015em; line-height: 1.12; }
.framework-lead { margin: -5px 0 13px; color: #4f5d56; font-size: 13px; font-weight: 700; line-height: 1.55; }
.framework-list, .framework-field-list { margin: 0; padding: 0; list-style: none; }
.framework-list li, .framework-field-list li { position: relative; margin-top: 9px; padding-left: 17px; color: #4e5a54; font-size: 12px; line-height: 1.58; }
.framework-list li::before, .framework-field-list li::before { content: ""; position: absolute; left: 0; top: .62em; width: 6px; height: 6px; background: #c99183; border-radius: 50%; }
.framework-category-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.framework-category-list > div { padding: 14px; background: #f7f4eb; border-radius: 12px; }
.framework-category-list p { margin: 9px 0 0; color: #59655f; font-size: 11px; line-height: 1.55; }
.framework-decision-path { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
.framework-decision-path > div { position: relative; min-width: 0; padding: 17px; background: #f3f5ef; border: 1px solid #dfe5dc; border-radius: 13px; }
.framework-decision-path > div:not(:last-child)::after { content: "→"; position: absolute; top: 50%; right: -15px; color: #94a198; font-size: 18px; transform: translateY(-50%); }
.framework-decision-path span { color: var(--strawberry); font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 17px; }
.framework-decision-path strong { display: block; margin-top: 8px; color: var(--forest-dark); font-size: 12px; }
.framework-decision-path p { margin: 7px 0 0; color: #59655f; font-size: 10px; line-height: 1.55; }
.framework-field-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
.framework-bottom-links { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; }
.framework-bottom-links a { min-height: 46px; display: inline-flex; align-items: center; padding: 11px 15px; color: var(--leaf); background: #e8efe9; border-radius: 11px; font-size: 11px; font-weight: 800; }

.checklist-main { background: linear-gradient(180deg, var(--paper) 0, #f5f2e9 100%); }
.checklist-content { padding-top: 46px; padding-bottom: 90px; }
.checklist-principle { margin-bottom: 36px; padding: 29px 32px; color: white; background: var(--forest-dark); border-radius: 21px; box-shadow: var(--shadow); }
.checklist-principle p { max-width: 900px; margin: 9px 0 13px; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: clamp(23px, 3.5vw, 34px); line-height: 1.25; }
.checklist-principle small { display: block; max-width: 860px; color: #aec0b8; font-size: 10px; line-height: 1.6; }
.quick-decision { margin-bottom: 16px; }
.decision-outcomes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.decision-outcome { min-width: 0; padding: 17px; background: white; border: 1px solid var(--line); border-left: 4px solid #8fa79a; border-radius: 13px; }
.decision-outcome.proceed { color: #315b44; background: #edf4ee; border-left-color: #6b9278; }
.decision-outcome.delay { color: #6f531f; background: #faf2df; border-left-color: #c59b45; }
.decision-outcome.stop { color: #813b36; background: #f8e9e5; border-left-color: #b55c54; }
.decision-outcome > span { font-size: 11px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.decision-outcome p { margin: 7px 0 0; color: var(--ink); font-size: 11px; line-height: 1.55; }
.checklist-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.checklist-card { min-width: 0; padding: 24px; background: var(--paper); border: 1px solid #e4e1d7; border-radius: 18px; box-shadow: 0 10px 28px rgba(22,53,42,.055); }
.checklist-card.wide { grid-column: 1 / -1; }
.checklist-card h2 { margin: 12px 0 16px; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 27px; font-weight: 500; letter-spacing: -.015em; line-height: 1.12; }
.checklist-list { margin: 0; padding: 0; list-style: none; }
.checklist-list li { position: relative; margin-top: 10px; padding-left: 25px; color: #4e5a54; font-size: 12px; line-height: 1.58; }
.checklist-list li::before { content: ""; position: absolute; left: 0; top: .18em; width: 14px; height: 14px; background: #fbfaf5; border: 1.5px solid #9aaa9f; border-radius: 4px; box-shadow: inset 0 0 0 3px #fbfaf5; }
.checklist-log-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
.bottom-decision { margin-top: 18px; padding: 26px; background: #eee9de; border: 1px solid #ddd6c7; border-radius: 19px; }
.bottom-decision > div:first-child { margin-bottom: 17px; }
.bottom-decision h2 { margin: 5px 0 0; font-family: Iowan Old Style, Baskerville, Georgia, serif; font-size: 30px; font-weight: 500; }

@media (max-width: 980px) {
  .today-shell { grid-template-columns: 1fr; }
  .today-sidebar { position: relative; min-height: 0; padding: 15px 14px; }
  .today-side-brand { padding-bottom: 13px; }
  .today-sidebar nav { display: flex; gap: 6px; margin-top: 13px; overflow-x: auto; scrollbar-width: none; }
  .today-sidebar nav::-webkit-scrollbar { display: none; }
  .today-sidebar nav a { flex: 0 0 auto; min-height: 38px; white-space: nowrap; }
  .today-topbar, .today-fruit-read, .today-workspace, .today-lower-grid { grid-template-columns: 1fr; }
  .today-kpi-grid, .today-mini-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .today-header-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .today-forecast-link { grid-row: auto; }
  .status-grid { grid-template-columns: repeat(3, 1fr); }
  .status-card:nth-child(3) { border-right: 0; }
  .status-card:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
  .task-grid { grid-template-columns: repeat(3, 1fr); }
  .split-section { grid-template-columns: 1fr; gap: 32px; }
  .playbook-grid { grid-template-columns: repeat(2, 1fr); }
  .playbook-card:nth-child(3n) { border-right: 1px solid var(--line); }
  .playbook-card:nth-child(2n) { border-right: 0; }
  .playbook-card:nth-last-child(-n+3) { border-bottom: 1px solid var(--line); }
  .playbook-card:last-child { border-bottom: 0; }
  .crop-summary-layout { grid-template-columns: 1fr; }
  .crop-metric-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 19px; }
  .crop-metric:nth-child(3) { border-right: 0; }
  .crop-metric:nth-child(4) { padding-left: 0; }
}

@media (max-width: 680px) {
  .today-main { padding: 20px 12px 42px; }
  .today-topbar h1 { font-size: 44px; }
  .today-header-metrics, .today-kpi-grid, .today-mini-grid, .today-quick-actions > div:last-child { grid-template-columns: 1fr; }
  .today-temp-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .today-kpi-card { min-height: 0; }
  .today-fruit-read, .today-chart-card, .today-climate-table-card, .today-recommendation, .today-notes, .today-quick-actions { padding: 19px; }
  .today-card-head { align-items: flex-start; flex-direction: column; }
  .today-chart-card h2, .today-climate-table-card h2, .today-recommendation h2, .today-notes h2, .today-quick-actions h2 { font-size: 26px; }
  .today-temp-chart-wrap { min-height: 250px; }
  .today-temp-chart { height: 250px; }
  .today-temp-chart .axis-label, .today-temp-chart .axis-title, .today-temp-chart .latest-label { font-size: 11px; }
  .today-table-wrap { margin-inline: -1px; }
  .today-notes li { grid-template-columns: 1fr; gap: 6px; }
  .today-temp-summary > div { padding: 12px 10px; border-right: 1px solid #e5dccd; border-bottom: 0; }
  .today-temp-summary > div:last-child { border-right: 0; }
  .shell { width: min(100% - 24px, 1180px); }
  .brand-row { min-height: 62px; }
  .header-meta { display: none; }
  .nav-scroll { width: calc(100% - 12px); margin-left: 12px; }
  .nav-scroll a { min-height: 48px; padding-inline: 12px; }
  .hero-inner { min-height: 220px; align-items: flex-start; flex-direction: column; padding: 38px 0 52px; }
  .hero h1 { font-size: 52px; }
  .hero p { font-size: 15px; }
  .updated { min-width: 0; padding: 10px 13px; }
  .status-section { margin-top: -24px; }
  .status-heading { margin-bottom: 9px; }
  .status-heading span { display: none; }
  .status-grid { grid-template-columns: repeat(2, 1fr); }
  .status-card, .status-card:nth-child(3) { min-height: 162px; padding: 15px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .status-card:nth-child(2n) { border-right: 0; }
  .status-card:nth-last-child(-n+2) { border-bottom: 0; }
  .card-top { margin-bottom: 13px; }
  .status-card strong { min-height: 40px; font-size: 13px; }
  .card-link { margin-top: 10px; }
  .crop-state-home-section { padding-top: 12px; }
  .foliar-watch-home { padding-top: 12px; }
  .foliar-home-tile { grid-template-columns: auto minmax(0, 1fr); gap: 14px; padding: 19px; }
  .foliar-home-title { align-items: flex-start; flex-direction: column; }
  .foliar-home-title h2 { font-size: 26px; }
  .foliar-home-tile > a { grid-column: 1 / -1; justify-content: center; }
  .crop-state-tile { padding: 21px 19px; }
  .crop-tile-head, .crop-summary-title, .crop-section-head, .crop-read-head { align-items: flex-start; flex-direction: column; gap: 10px; }
  .crop-tile-head h2 { font-size: 31px; }
  .crop-tile-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 15px; }
  .crop-tile-metrics > div { padding: 0 11px; }
  .crop-tile-metrics > div:nth-child(2) { border-right: 0; }
  .crop-tile-metrics > div:nth-child(3) { padding-left: 0; }
  .crop-tile-read { grid-template-columns: 1fr; gap: 8px; }
  .crop-tile-next { grid-template-columns: 1fr; gap: 3px; }
  .section { padding-top: 58px; }
  .section-head { align-items: start; }
  .section-head h2 { font-size: 34px; }
  .section-head .text-link { display: none; }
  .action-grid { grid-template-columns: 1fr; gap: 9px; }
  .action-button { min-height: 74px; }
  .focus-card { min-height: 0; grid-template-columns: 1fr; gap: 18px; padding: 28px 24px; border-radius: 20px; }
  .focus-icon { display: none; }
  .focus-card h2 { font-size: 34px; }
  .focus-card p { font-size: 14px; }
  .focus-card > a { justify-self: start; }
  .forecast-watch-section { padding-bottom: 58px; }
  .foliar-operating-note { width: calc(100% - 24px); margin-top: -18px; padding: 19px; }
  .foliar-crop-context { grid-template-columns: 1fr; gap: 9px; }
  .foliar-crop-context a { justify-self: start; }
  .foliar-check-grid { grid-template-columns: 1fr; }
  .foliar-checks-section { padding-bottom: 64px; }
  .forecast-primary { padding: 22px 19px; }
  .forecast-primary-heading, .forecast-primary-footer { align-items: flex-start; flex-direction: column; }
  .forecast-primary h3 { font-size: 27px; }
  .forecast-primary-grid { grid-template-columns: 1fr; }
  .forecast-primary-grid > div { padding-right: 0; }
  .forecast-primary-footer > span { max-width: none; }
  .forecast-primary-footer > div { justify-content: flex-start; }
  .forecast-weather-summary { padding: 18px; }
  .weather-summary-head, .weather-summary-foot { align-items: flex-start; flex-direction: column; gap: 8px; }
  .weather-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 15px; }
  .weather-metrics > div { padding: 0 10px; }
  .weather-metrics > div:nth-child(3n) { border-right: 0; }
  .weather-metrics > div:nth-child(4) { padding-left: 0; }
  .forecast-rule-summary { grid-template-columns: 1fr; padding: 21px; }
  .category-key { justify-content: flex-start; }
  .forecast-rule-summary small { grid-column: auto; }
  .forecast-grid { grid-template-columns: 1fr; }
  .forecast-risk-card { padding: 19px; }
  .forecast-card-head { flex-direction: column; }
  .forecast-card-id { max-width: none; text-align: left; }
  .forecast-details > div { grid-template-columns: 1fr; gap: 5px; }
  .forecast-card-footer { align-items: stretch; flex-direction: column; }
  .forecast-card-footer > span { max-width: none; }
  .forecast-card-footer > div { justify-content: flex-start; }
  .forecast-card-footer a { justify-content: center; }
  .task-grid { display: flex; margin-right: -12px; padding-right: 12px; overflow-x: auto; scroll-snap-type: x mandatory; }
  .task-card { min-width: 235px; scroll-snap-align: start; }
  .programs-section { padding-bottom: 58px; }
  .program-grid { grid-template-columns: 1fr; }
  .program-card:nth-child(5) { grid-column: auto; }
  .changes-panel { padding: 25px 22px; }
  .playbook-section { padding-bottom: 64px; }
  .playbook-grid { grid-template-columns: 1fr; }
  .playbook-card, .playbook-card:nth-child(3n), .playbook-card:nth-child(2n), .playbook-card:nth-last-child(-n+3) { min-height: 92px; border-right: 0; border-bottom: 1px solid var(--line); }
  .playbook-card:last-child { border-bottom: 0; }
  footer .shell { align-items: flex-start; }
  .page-hero { padding: 35px 0 55px; }
  .page-icon { display: none; }
  .page-hero h1 { font-size: 48px; }
  .placeholder-grid { grid-template-columns: 1fr; }
  .quality-actions { margin-top: -24px; }
  .quality-sample-card { width: 100%; min-height: 184px; }
  .quality-dashboard-content { padding-top: 18px; padding-bottom: 64px; }
  .quality-dashboard-layout, .quality-metric-grid, .quality-trend-grid, .quality-standard-list { grid-template-columns: 1fr; }
  .quality-panel, .quality-health-card { padding: 21px; }
  .quality-section-head { align-items: flex-start; flex-direction: column; gap: 10px; }
  .quality-health-card dl { grid-template-columns: 1fr; }
  .quality-mini-chart { height: 74px; }
  .harvest-stack-chart { height: 74px; }
  .harvest-packout-bars > div { grid-template-columns: 1fr; gap: 8px; }
  .climate-hero { padding-bottom: 62px; }
  .climate-top-read { margin-top: -34px; }
  .climate-read-card { padding: 23px 20px; }
  .climate-read-head { align-items: flex-start; flex-direction: column; }
  .climate-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .climate-dashboard-content { padding-top: 12px; }
  .climate-panel-grid, .climate-panel-metrics, .climate-risk-grid { grid-template-columns: 1fr; }
  .climate-panel, .climate-risk-card { padding: 21px; }
  .climate-reference, .climate-risks, .climate-integrity { padding-top: 14px; }
  .climate-integrity { padding-bottom: 64px; }
  .crop-registration-content { padding-top: 25px; padding-bottom: 64px; }
  .crop-freshness-head { align-items: flex-start; flex-direction: column; gap: 10px; }
  .crop-freshness-card { padding: 21px; }
  .crop-freshness-card dl { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 17px; }
  .crop-freshness-card dl > div { padding: 0 10px; }
  .crop-freshness-card dl > div:nth-child(2n) { padding-right: 0; border-right: 0; }
  .crop-freshness-card dl > div:nth-child(2n+1) { padding-left: 0; }
  .crop-summary-card, .crop-health-panel, .crop-section, .crop-read-card { padding: 21px; }
  .crop-summary-card dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .crop-section-signal { text-align: left; }
  .crop-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 20px; }
  .crop-metric, .crop-metric:nth-child(3) { padding: 0 10px; border-right: 1px solid #e4ddd1; }
  .crop-metric:nth-child(2n) { padding-right: 0; border-right: 0; }
  .crop-metric:nth-child(2n+1) { padding-left: 0; }
  .crop-read-grid, .crop-notes-list { grid-template-columns: 1fr; }
  .crop-score-grid { grid-template-columns: 1fr; }
  .crop-observation-item { grid-template-columns: 1fr; gap: 11px; }
  .crop-empty-state { padding: 25px 21px; }
  .crop-empty-state h2 { font-size: 28px; }
  .framework-hero { padding-bottom: 50px; }
  .framework-hero-links { flex-direction: column; }
  .framework-hero-links a { justify-content: center; }
  .framework-content { padding-top: 28px; padding-bottom: 64px; }
  .framework-principle { padding: 26px 23px; }
  .framework-grid { grid-template-columns: 1fr; }
  .framework-card, .framework-card.wide { grid-column: auto; padding: 21px; }
  .framework-category-list, .framework-field-list, .framework-decision-path { grid-template-columns: 1fr; }
  .framework-decision-path > div:not(:last-child)::after { content: "↓"; top: auto; right: 50%; bottom: -18px; transform: translateX(50%); }
  .framework-bottom-links { align-items: stretch; flex-direction: column; }
  .framework-bottom-links a { justify-content: center; }
  .checklist-content { padding-top: 28px; padding-bottom: 64px; }
  .checklist-principle { margin-bottom: 28px; padding: 25px 22px; }
  .decision-outcomes, .checklist-grid { grid-template-columns: 1fr; }
  .checklist-card, .checklist-card.wide { grid-column: auto; padding: 21px; }
  .checklist-log-list { grid-template-columns: 1fr; }
  .bottom-decision { padding: 21px; }
}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; transition: none !important; }
}

@media (max-width: 980px) {
  body[data-page="today"] .today-shell,
  body[data-page="today"] .today-topbar,
  body[data-page="today"] .today-fruit-read,
  body[data-page="today"] .today-workspace,
  body[data-page="today"] .today-lower-grid { grid-template-columns: minmax(0, 1fr) !important; }
  body[data-page="today"] .today-kpi-grid,
  body[data-page="today"] .today-mini-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

@media (max-width: 680px) {
  body[data-page="today"] .today-header-metrics,
  body[data-page="today"] .today-kpi-grid,
  body[data-page="today"] .today-mini-grid,
  body[data-page="today"] .today-quick-actions > div:last-child { grid-template-columns: minmax(0, 1fr) !important; }
  body[data-page="today"] .today-temp-summary { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  body[data-page="today"] .today-main { width: 100%; overflow-x: clip; }
}