.meadow-page { --ink: #213f3b; --muted: #667974; color: var(--ink); }
.meadow-page [hidden] { display: none !important; }
.meadow-heading { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 25px; }
.meadow-eyebrow { font-size: 10px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.meadow-heading .meadow-eyebrow { color: #6d857b; }
.meadow-heading h1 { font-family: Georgia, serif; font-weight: 400; font-size: clamp(27px, 3vw, 38px); letter-spacing: -.04em; margin: 7px 0; }
.meadow-heading h1 > span { color: #ad8754; margin-left: 10px; font-size: 25px; }
.meadow-heading p:last-child { color: var(--muted); font-size: 13px; }
.meadow-view-switch { display: flex; flex-shrink: 0; padding: 4px; border: 1px solid #d7dfd9; border-radius: 12px; background: #edf1ed; gap: 3px; font-size: 12px; }
.meadow-view-switch a { padding: 9px 15px; border-radius: 8px; color: #687b73; }
.meadow-view-switch a[aria-current] { background: #fffef9; color: #26463c; box-shadow: 0 1px 5px #23392c16; }
.meadow-filters { margin-bottom: 17px; border: 1px solid #dce4df; border-radius: 12px; background: #ffffff90; }
.meadow-filters > summary { display: flex; justify-content: space-between; gap: 15px; padding: 12px 16px; cursor: pointer; font-size: 11px; color: #687c72; }
.meadow-filters > summary > span:first-child { font-weight: 600; color: #39564b; }
.meadow-filters > section { box-shadow: none; border: 0; }
.meadow-scene { position: relative; isolation: isolate; overflow: hidden; border-radius: 22px; background: #071f27; color: #f6f0dd; box-shadow: 0 18px 45px #172c2920; border: 1px solid #24423f; }
.meadow-landscape, .meadow-atmosphere { position: absolute; inset: 0; z-index: -2; pointer-events: none; }
.meadow-landscape { background: linear-gradient(180deg, #041a2488, #06232218 48%, #031c2466), var(--meadow-art) center / cover; filter: var(--meadow-weather-filter, none); }
/* The dusk image is the Rainy/Unknown baseline; improve exposure as conditions improve. */
[data-market-weather="sunny"] { --meadow-weather-filter: brightness(1.5) saturate(1.08); }
[data-market-weather="clearing"] { --meadow-weather-filter: brightness(1.3) saturate(1.04); }
[data-market-weather="overcast"] { --meadow-weather-filter: brightness(1.15) saturate(1); }
[data-market-weather="rainy"],
[data-market-weather="unknown"] { --meadow-weather-filter: brightness(1) saturate(1); }
.meadow-atmosphere { z-index: -1; }
/* All primary views share the same edge-to-edge, weather-aware landscape. */
.meadow-background-theme { isolation: isolate; }
.meadow-background-theme .market-page::before,
.meadow-background-theme .market-page::after { content: none; }
/* Preserve the baseline image without an additional darkening gradient. */
.meadow-landscape--full-page { position: fixed; z-index: -1; background: var(--meadow-art) center / cover no-repeat; }
.meadow-theme .meadow-page { --ink: #f6f0dd; --muted: #d1dcd5; }
.meadow-theme .meadow-scene { background: #082a2da6; border-color: #a3baaf40; box-shadow: 0 18px 45px #031c2440; }
.meadow-theme .meadow-heading .meadow-eyebrow,
.meadow-theme .meadow-owner-switch,
.meadow-theme .stock-section-note { color: #d1dcd5; }
.meadow-theme .meadow-heading h1 > span { color: #e6ca86; }
.meadow-theme .meadow-owner-switch a { background: #0a2631b8; border-color: #a3baaf55; }
.meadow-theme .meadow-owner-switch a[aria-current] { background: #e5ebdf; color: #244a3b; }
.meadow-theme .meadow-filters { color: #213f3b; background: #f8f9f5ed; }
.meadow-theme .site-header nav a[href*="market_timing"] { color: #b8c9c4; background: transparent; box-shadow: none; }
.meadow-theme .site-header nav a[href="/heatmap"] { color: #fff3d1; background: #d0b97426; box-shadow: inset 0 0 0 1px #dac68938; }
.meadow-sky { display: flex; align-items: flex-start; justify-content: space-between; gap: 35px; padding: 37px 38px 30px; }
.meadow-intro .meadow-eyebrow { color: #c4c4a7; }
.meadow-intro h2 { font-family: Georgia, serif; font-size: clamp(32px, 3.5vw, 45px); line-height: 1.1; letter-spacing: -.035em; margin: 15px 0 12px; font-weight: 400; }
.meadow-intro > p:last-child { color: #c0d0c8; font-size: 12px; line-height: 1.8; }
.meadow-weather-card { display: flex; align-items: flex-start; gap: 17px; max-width: 335px; margin-top: 5px; padding: 20px; background: #0a2631b8; border: 1px solid #a3baaf32; border-radius: 17px; backdrop-filter: blur(12px); transition: background .2s; }
.meadow-weather-card:hover { background: #173842e8; }
.meadow-weather-card strong { display: block; font-family: Georgia, serif; font-size: 20px; font-weight: 400; line-height: 1.25; margin: 8px 0; }
.meadow-weather-card .meadow-eyebrow { color: #c3cdb9; font-size: 9px; }
.meadow-weather-symbol { color: #e9ce92; font-size: 38px; line-height: 1.3; }
.meadow-weather-description { display: block; color: #d1dcd5; font-size: 11px; line-height: 1.65; }
.meadow-weather-meta { display: block; color: #b0c2be; font-size: 10px; line-height: 1.6; margin-top: 7px; }
.meadow-toolbar { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 0 28px; padding: 13px 0; border-top: 1px solid #cfdec325; border-bottom: 1px solid #cfdec325; }
.meadow-stage-filters { display: flex; flex-wrap: wrap; gap: 5px; }
.meadow-stage-filters button { border-radius: 20px; padding: 8px 13px; font-size: 11px; color: #c6d5ce; cursor: pointer; border: 1px solid transparent; }
.meadow-stage-filters button[aria-pressed="true"] { color: #f5e6be; background: #d4bd7720; border-color: #d4bd7759; }
.meadow-stage-filters button:hover { background: #d4bd7729; }
.meadow-search { display: flex; gap: 9px; align-items: center; padding: 7px 12px; border: 1px solid #b3cbbd35; background: #06202290; border-radius: 20px; max-width: 230px; color: #c7d3cc; }
.meadow-search input { min-width: 0; width: 100%; color: #fff4dc; background: transparent; outline: none; font-size: 11px; }
.meadow-search input::placeholder { color: #aebfb5; }
.meadow-field { height: 590px; overflow: auto; scrollbar-width: thin; scrollbar-color: #a8bead55 transparent; padding: 26px 28px 45px; }
.meadow-sectors { columns: 3; column-gap: 22px; }
.meadow-sector { break-inside: avoid; margin-bottom: 22px; background: #08252245; border: 1px solid #c2d1b926; border-radius: 50% 50% 24px 24px / 18px 18px 24px 24px; padding: 20px 8px 15px; }
.meadow-sector > header { display: flex; justify-content: center; align-items: center; gap: 9px; margin-bottom: 13px; }
.meadow-sector h2 { font-family: Georgia, serif; font-size: 17px; color: #e4dcbf; font-weight: 400; }
.meadow-sector [data-sector-count] { font-size: 9px; color: #ced7c3; border: 1px solid #bec9ab40; border-radius: 50%; min-width: 20px; height: 20px; display: grid; place-items: center; }
.meadow-orbs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 2px; row-gap: 20px; }
.meadow-stock { min-width: 0; }
.meadow-orb-card { --orb-light: #8cf3f5; --orb-mid: #168da5; --orb-dark: #12485d; --orb-glow: #35dce966; display: flex; align-items: center; flex-direction: column; text-align: center; }
.meadow-orb--pullback { --orb-light: #ffd08a; --orb-mid: #cf7b20; --orb-dark: #71360e; --orb-glow: #ffad4266; }
.meadow-orb--resting { --orb-light: #d6bcff; --orb-mid: #8860ba; --orb-dark: #422961; --orb-glow: #b785f544; }
.meadow-orb--extended { --orb-light: #ffc6a0; --orb-mid: #bb7648; --orb-dark: #613d2b; --orb-glow: #efa66e44; }
.meadow-orb--unknown { --orb-light: #c0dadd; --orb-mid: #618991; --orb-dark: #304e59; --orb-glow: #abd9df33; }
.meadow-orb { position: relative; display: grid; place-items: center; width: 88px; height: 88px; padding: 7px; margin: 7px 0 11px; border-radius: 50%; cursor: pointer; transition: transform .25s; }
.meadow-orb::after { content: ''; position: absolute; bottom: -10px; width: 59px; height: 9px; background: #001b1b90; border-radius: 50%; filter: blur(4px); }
.meadow-orb-core { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 50%; border: 1px solid var(--orb-light); background: radial-gradient(ellipse at 29% 18%, #fffdf8d9 0, transparent 19%), radial-gradient(circle at 35% 28%, var(--orb-light), var(--orb-mid) 42%, var(--orb-dark) 100%); box-shadow: inset 2px 3px 8px #fff8de59, inset -3px -4px 9px #011b2659, 0 0 18px var(--orb-glow); color: #fffaf0; text-shadow: 0 1px 3px #201705cc; }
.meadow-orb-core::after { content: ''; position: absolute; inset: 5px; border-radius: 50%; border-bottom: 2px solid var(--orb-light); opacity: .25; transform: rotate(-32deg); }
.meadow-orb-core strong { font-family: Georgia, serif; font-size: 16px; font-weight: 400; line-height: 1.15; text-shadow: 0 1px 4px #000; }
.meadow-orb-change { color: #f5f0df; font-size: 8px; font-weight: 600; line-height: 1; opacity: .82; }
.meadow-orb-score { color: var(--orb-light); font-size: 9px; font-weight: 600; line-height: 1; margin-top: 5px; }
.meadow-orb-ring { position: absolute; inset: 2px; border: 1px solid var(--orb-light); opacity: .22; border-radius: 50%; transform: rotate(-25deg); }
.meadow-orb--pullback .meadow-orb-ring { inset: 0; opacity: .5; box-shadow: 0 0 14px var(--orb-glow); }
.meadow-orb--pullback .meadow-orb-ring::before { content: ''; position: absolute; width: 4px; height: 4px; background: #fff0ba; border-radius: 50%; top: 12px; right: 8px; box-shadow: 0 0 8px 2px #ffe5ad; }
.meadow-orb:hover { transform: translateY(-4px) scale(1.07); }
.meadow-orb-label { font-size: 9px; color: #e2e6d7; white-space: nowrap; }
.meadow-orb--pullback .meadow-orb-label { color: #f4d99d; }
.meadow-company { max-width: 95%; color: #b1c7bd; font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 4px; }
.meadow-scene-footer { position: relative; display: flex; justify-content: space-between; gap: 10px; padding: 16px 28px; background: #071f26cf; border-top: 1px solid #b9d0b32a; font-size: 10px; color: #c0cebc; }
.meadow-live-dot { display: inline-block; background: #c6b685; border-radius: 50%; height: 4px; width: 4px; margin-right: 7px; vertical-align: middle; }
.meadow-empty { padding: 70px 20px; text-align: center; font-size: 14px; color: #e0e8d7; }
.meadow-guide { margin-top: 24px; background: #f6f5ed; border: 1px solid #e3e5d9; padding: 25px 28px 18px; border-radius: 17px; display: grid; grid-template-columns: 1fr 2fr; gap: 24px 30px; }
.meadow-guide .meadow-eyebrow { color: #8b8264; }
.meadow-guide-heading h2 { font-family: Georgia, serif; font-size: 25px; font-weight: 400; letter-spacing: -.025em; margin: 8px 0; }
.meadow-guide-heading > p:last-child { font-size: 11px; line-height: 1.8; color: #718077; }
.meadow-journey { display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; gap: 15px; text-align: center; list-style: none; padding: 0; }
.meadow-journey li { position: relative; display: flex; flex-direction: column; align-items: center; }
.meadow-journey strong { font-size: 11px; font-weight: 600; margin: 13px 0 5px; }
.meadow-journey li > span:last-child { font-size: 9px; color: #68776e; line-height: 1.6; }
.meadow-legend-orb { display: block; width: 28px; height: 28px; border-radius: 50%; border: 1px solid #9392a6; background: radial-gradient(circle at 30% 25%, #bcb5cb, #68677c 60%, #464957); box-shadow: 0 3px 8px #233b3b25; }
.meadow-legend-orb.is-forming { background: radial-gradient(circle at 30% 25%, #b0d8d7, #497e87 60%, #285362); border-color: #8eb8bd; }
.meadow-legend-orb.is-pullback { background: radial-gradient(circle at 30% 25%, #fff1b9, #b49654 60%, #7b6b45); border-color: #d7bd80; box-shadow: 0 0 14px #d2b86c50; }
.meadow-legend-orb.is-ready { background: radial-gradient(circle at 35% 30%, #fff, #fff4c0 45%, #d2ae63); border-color: #d6b56b; box-shadow: 0 0 0 4px #e5cb872d, 0 0 22px #ddb45677; }
.meadow-future-stage small { display: block; font-size: 8px; color: #85754e; font-weight: 400; margin-top: 3px; }
.meadow-guide-details { grid-column: 1 / -1; border-top: 1px solid #dfe2d4; padding-top: 13px; font-size: 11px; color: #566d61; }
.meadow-guide-details summary { cursor: pointer; }
.meadow-guide-details p { line-height: 1.8; margin-top: 10px; max-width: 900px; }
.meadow-page :is(button, a, summary, input, [tabindex]):focus-visible { outline: 2px solid #b99b58; outline-offset: 4px; }
.meadow-detail-stage { background: #f6f3e6; border: 1px solid #e5dcbd; padding: 16px; border-radius: 13px; }
.meadow-detail-stage strong { font-family: Georgia, serif; font-size: 23px; font-weight: 400; }
.meadow-detail-stage p { color: #657469; font-size: 13px; line-height: 1.7; margin-top: 5px; }
@media (min-width: 1450px) { .meadow-orb { width: 96px; height: 96px; } }
@media (max-width: 1050px) { .meadow-sectors { columns: 2; } .meadow-orbs { grid-template-columns: repeat(3, minmax(0, 1fr)); } .meadow-guide { grid-template-columns: 1fr; } }
@media (max-width: 640px) {
  .meadow-heading { align-items: flex-start; flex-direction: column; gap: 15px; }
  .meadow-heading h1 { font-size: 29px; }
  .meadow-filters > summary { font-size: 10px; flex-direction: column; gap: 4px; }
  .meadow-sky { padding: 25px 20px; gap: 22px; flex-direction: column; }
  .meadow-intro h2 { font-size: 37px; }
  .meadow-desktop-break { display: none; }
  .meadow-weather-card { max-width: none; width: 100%; padding: 15px; }
  .meadow-weather-card strong { font-size: 19px; }
  .meadow-weather-symbol { font-size: 32px; }
  .meadow-toolbar { margin: 0 16px; align-items: stretch; flex-direction: column; gap: 12px; }
  .meadow-stage-filters { gap: 0; justify-content: space-between; }
  .meadow-stage-filters button { font-size: 10px; padding: 7px 9px; }
  .meadow-search { max-width: none; }
  .meadow-field { padding: 18px 12px 28px; height: 540px; }
  .meadow-sectors { columns: 1; }
  .meadow-sector { padding-left: 6px; padding-right: 6px; }
  .meadow-orb { width: 86px; height: 86px; }
  .meadow-scene-footer { padding: 14px 18px; flex-direction: column; font-size: 9px; }
  .meadow-guide { padding: 22px 18px; }
  .meadow-journey { grid-template-columns: repeat(2, 1fr); gap: 25px 15px; }
}
@media (prefers-reduced-motion: reduce) { .meadow-page *, .meadow-page *::before, .meadow-page *::after { transition: none !important; animation: none !important; } }
.meadow-sector-more { display: block; margin: 19px auto 2px; padding: 7px 15px; border: 1px solid #c7d5b635; border-radius: 18px; font-size: 10px; color: #e2ddbd; cursor: pointer; background: #0b292960; }
.meadow-sector-more:hover { background: #c7d5b618; }
.meadow-sector-heading { cursor: pointer; border-bottom: 1px solid transparent; }
.meadow-sector-heading:hover { color: #fff0ba; border-bottom-color: currentColor; }
.meadow-sector-back { margin: 16px 28px 0; padding: 7px 13px; border: 1px solid #c7d5b635; border-radius: 18px; font-size: 11px; color: #e2ddbd; cursor: pointer; background: #0b292990; }
.meadow-sector-back:hover { background: #c7d5b618; }
.meadow-sectors.meadow-sectors--focused { columns: 1; }
.meadow-sectors--focused .meadow-orbs { grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); row-gap: 26px; }

/* Customer discovery foundation. Color encodes the approved setup state. */
.meadow-heading { margin-bottom: 14px; gap: 14px; }
.meadow-heading h1 { margin-bottom: 0; }
.meadow-sky { align-items: center; padding: 18px 28px; gap: 18px; }
.meadow-intro > p:last-child { margin-top: 5px; font-size: 13px; }
.meadow-weather-card { padding: 10px 15px; margin: 0; gap: 12px; border-radius: 12px; min-width: 240px; }
.meadow-weather-card strong { font-size: 18px; margin: 3px 0; }
.meadow-weather-symbol { font-size: 30px; }
.meadow-stage-filters a { display: inline-block; border-radius: 20px; padding: 8px 11px; font-size: 11px; color: #d1dfd7; border: 1px solid transparent; }
.meadow-stage-filters a[aria-current] { color: #f5e6be; background: #d4bd7720; border-color: #d4bd7759; }
.meadow-stage-filters a:hover { background: #d4bd7729; }
.meadow-toolbar { gap: 12px; flex-wrap: wrap; }
.meadow-search { margin-left: auto; }
.meadow-search button { cursor: pointer; padding: 0 3px; }
.meadow-filter-link { font-size: 11px; padding: 7px 4px; color: #e1dcc1; }
.meadow-field { height: auto; overflow: visible; padding-top: 20px; padding-bottom: 20px; }
.meadow-sectors { columns: auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: start; }
.meadow-sector { margin: 0; }
.meadow-sector header { padding: 0 8px; }
.meadow-sector h2 { text-align: center; }
.meadow-orbs { row-gap: 8px; }
.meadow-orb { width: 94px; height: 94px; }
.meadow-orb-core strong { font-size: 18px; }
.meadow-orb-score { line-height: 1.3; max-width: 70px; }
.meadow-orb--good_entry { --orb-light: #ffe59a; --orb-mid: #c58c1d; --orb-dark: #70470e; --orb-glow: #ffc83d80; }
.meadow-orb--good_entry .meadow-orb-ring { inset: -1px; opacity: .8; box-shadow: 0 0 20px var(--orb-glow); }
.meadow-orb--watching { --orb-light: #d6bcff; --orb-mid: #8860ba; --orb-dark: #422961; --orb-glow: #b785f544; }
.meadow-orb--insufficient_data { --orb-light: #c0dadd; --orb-mid: #618991; --orb-dark: #304e59; --orb-glow: #abd9df33; }
.meadow-preview { position: fixed; z-index: 50; width: 280px; max-width: calc(100vw - 24px); padding: 17px; border: 1px solid #a8bcad; border-radius: 13px; background: #f9f8ef; color: #23433b; text-align: left; box-shadow: 0 12px 35px #00171666; visibility: hidden; opacity: 0; pointer-events: none; }
.meadow-preview.is-visible { visibility: visible; opacity: 1; }
.meadow-preview > strong { font-size: 13px; }
.meadow-preview-state { display: block; margin-top: 8px; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.meadow-preview p { font-size: 12px; line-height: 1.6; margin-top: 9px; }
.meadow-preview p:last-child { color: #576d63; }
.meadow-stock:has(dialog[open]) .meadow-preview { visibility: hidden; }
.meadow-sectors.meadow-sectors--focused { grid-template-columns: 1fr; }
.meadow-sector-back { display: inline-block; }
.meadow-state-guide { margin: 16px 0; font-size: 12px; color: #526d60; }
.meadow-state-guide summary { cursor: pointer; }
.meadow-state-legend { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; margin-top: 20px; }
.meadow-state-legend strong { margin: 10px 0 5px; font-size: 11px; }
.meadow-state-legend p { font-size: 11px; line-height: 1.5; }
.meadow-legend-light { width: 24px; height: 24px; border-radius: 50%; border: 1px solid var(--orb-light); background: radial-gradient(circle at 30% 25%, var(--orb-light), var(--orb-mid) 50%, var(--orb-dark)); box-shadow: 0 0 12px var(--orb-glow); }
.meadow-secondary-form { padding: 16px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; font-size: 12px; }
.meadow-secondary-form label, .meadow-secondary-form legend { font-weight: 600; }
.meadow-secondary-form select, .meadow-secondary-form input { display: block; width: 100%; min-width: 0; margin-top: 6px; padding: 9px; border: 1px solid #cbd5cb; border-radius: 7px; background: #fff; }
.meadow-secondary-form fieldset > div { display: flex; gap: 8px; }
.meadow-secondary-form input[type=submit] { background: #254b3e; color: white; cursor: pointer; }
.meadow-secondary-form > a { align-self: center; }
.meadow-list-scroll { overflow: auto; margin: 16px 28px 24px; max-height: 650px; scrollbar-width: thin; }
.meadow-list { width: 100%; font-size: 12px; text-align: left; border-collapse: collapse; background: #062725c9; }
.meadow-list th, .meadow-list td { padding: 14px 16px; border-bottom: 1px solid #bad1bc26; }
.meadow-list thead { background: #163b35; color: #c9d9ca; }
.meadow-list tbody th a { color: #fff1c4; font-family: Georgia, serif; font-size: 16px; }
.meadow-list td[data-score] { font-variant-numeric: tabular-nums; }
.meadow-list tbody tr:hover { background: #c9d9ca10; }
@media (max-width: 1100px) { .meadow-sectors { grid-template-columns: repeat(2, minmax(0, 1fr)); } .meadow-state-legend { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px) {
  .meadow-heading { flex-direction: row; align-items: center; flex-wrap: wrap; }
  .meadow-heading h1 { font-size: 27px; }
  .meadow-heading .meadow-eyebrow { font-size: 8px; }
  .meadow-view-switch a { padding: 7px 12px; }
  .meadow-sky { flex-direction: row; padding: 14px 16px; }
  .meadow-intro { display: none; }
  .meadow-weather-card { min-width: 0; width: 100%; padding: 9px 12px; }
  .meadow-toolbar { flex-direction: row; }
  .meadow-stage-filters { width: 100%; justify-content: flex-start; gap: 2px; }
  .meadow-stage-filters a { font-size: 10px; padding: 7px 9px; }
  .meadow-search { flex: 1; margin: 0; }
  .meadow-sectors { grid-template-columns: 1fr; gap: 16px; }
  .meadow-stock--extra { display: none; }
  .meadow-orb { width: 88px; height: 88px; }
  .meadow-state-legend { grid-template-columns: repeat(2, 1fr); }
  .meadow-list-scroll { margin: 12px; }
  .meadow-list th, .meadow-list td { padding: 12px; }
  .meadow-secondary-form { grid-template-columns: 1fr; }
}
.meadow-field { max-height: 720px; overflow: auto; scrollbar-width: thin; scrollbar-color: #a8bead55 transparent; }
.meadow-sector-more { width: fit-content; }
@media (max-width: 640px) { .meadow-field { max-height: 650px; } }

/* Discovery completion: one universe, explicit research boundary, touch comparison. */
.meadow-owner-switch { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 6px; margin: -3px 0 12px; font-size: 11px; color: #607568; }
.meadow-owner-switch > span { margin-right: 4px; }
.meadow-owner-switch a { padding: 8px 12px; border: 1px solid #d7dfd9; border-radius: 8px; }
.meadow-owner-switch a[aria-current] { background: #e5ebdf; color: #244a3b; }
.meadow-focus-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 24px 28px 0; }
.meadow-focus-heading h2 { font-family: Georgia, serif; font-size: 27px; font-weight: 400; color: #f5e6be; }
.meadow-focus-heading p { font-size: 12px; color: #d1dfd7; margin-top: 5px; }
.meadow-focus-heading .meadow-sector-back { margin: 0; flex-shrink: 0; }
.meadow-sectors--focused .meadow-sector { padding: 22px 14px; border-radius: 18px; }
.meadow-sectors--focused .meadow-sector > .meadow-sector-header--redundant { display: none; }
.meadow-sectors--focused .meadow-orbs { grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 24px 12px; }
.meadow-orb-label { font-size: 10px; color: #e7e8d8; margin-top: 3px; }
.meadow-orb-score { color: #f5efda; font-size: 12px; }
.meadow-preview-scores { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 12px 0; }
.meadow-preview-scores dt { font-size: 10px; color: #5e7367; }
.meadow-preview-scores dd { font-size: 13px; }
.meadow-list-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 28px 0; font-size: 11px; color: #d1dfd7; }
.meadow-list-tools form { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.meadow-list-tools select, .meadow-list-tools input { padding: 10px; border-radius: 8px; background: #153c35; border: 1px solid #b3cbbd55; color: #f4eed7; max-width: 100%; }
.meadow-list-tools input { cursor: pointer; }
.meadow-pagination { display: flex; align-items: center; justify-content: center; gap: 18px; padding: 16px 28px 0; color: #d1dfd7; font-size: 12px; }
.meadow-pagination a { color: #f4eed7; text-decoration: underline; text-underline-offset: 3px; }
.meadow-list thead { position: sticky; top: 0; z-index: 1; }
.meadow-list th a { display: inline-block; padding: 5px 0; }
.meadow-list th, .meadow-list td { padding: 10px 14px; }
.meadow-list td[data-score] { white-space: nowrap; }
.meadow-list-state { color: #e7ddba; }
.meadow-page:has(dialog[open]) { overscroll-behavior: contain; }
body:has(.meadow-customer-dialog[open]) { overflow: hidden; }
@media (max-width: 640px) {
  .meadow-stage-filters a, .meadow-filter-link, .meadow-view-switch a, .meadow-sector-more, .meadow-owner-switch a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
  .meadow-search { min-height: 44px; }
  .meadow-search button { min-width: 32px; height: 32px; }
  .meadow-focus-heading { align-items: flex-start; flex-direction: column; padding: 20px 16px 0; gap: 12px; }
  .meadow-focus-heading h2 { font-size: 24px; overflow-wrap: anywhere; }
  .meadow-sectors--focused .meadow-orbs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 0; }
  .meadow-sectors--focused .meadow-sector { padding: 18px 3px; }
  .meadow-list-tools { padding: 16px 12px 0; }
  .meadow-list-tools form { width: 100%; }
  .meadow-list-scroll { max-height: none; overflow: visible; }
  .meadow-list, .meadow-list tbody { display: block; }
  .meadow-list { background: transparent; }
  .meadow-list thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .meadow-list tbody tr { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 12px; padding: 14px; border: 1px solid #bad1bc38; border-radius: 12px; background: #082e2ada; }
  .meadow-list th, .meadow-list td { border: 0; padding: 0; min-width: 0; }
  .meadow-list tbody th { grid-column: 1 / 3; grid-row: 1; }
  .meadow-list tbody th a { min-height: 44px; display: flex; align-items: center; font-size: 20px; }
  .meadow-list .meadow-list-company { grid-column: 1 / -1; grid-row: 2; padding: 2px 0 16px; color: #c7d8cc; }
  .meadow-list .meadow-list-state { grid-column: 3 / 5; grid-row: 1; align-self: center; text-align: right; font-size: 11px; }
  .meadow-list td[data-score] { white-space: normal; font-size: 14px; padding-right: 8px; }
  .meadow-list td[data-score]::before { content: attr(data-label); display: block; font-size: 10px; margin-bottom: 6px; color: #c7d8cc; }
  .meadow-list td[colspan] { grid-column: 1 / -1; }
  .meadow-sector-more { display: flex; }
}

/* Independent signals: status color, setup halo, and a new-entry outer ring. */
.meadow-weather-card.meadow-weather--sunny { background: #455443d9; border-color: #e7ce9177; }
.meadow-weather-card.meadow-weather--clearing { background: #304b43db; border-color: #c7c69566; }
.meadow-weather-card.meadow-weather--rainy { background: #152d38e8; border-color: #92a6b044; }
.meadow-context-bar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; padding: 8px 28px 0; font-size: 11px; color: #d0d9ca; }
.meadow-new-count span { color: #b5c6be; font-size: 10px; }
.meadow-periods { display: flex; align-items: center; gap: 3px; }
.meadow-periods a { display: inline-flex; justify-content: center; align-items: center; min-width: 36px; min-height: 36px; border-radius: 8px; }
.meadow-periods a[aria-current] { background: #d4bd7729; color: #fff0c6; }
.meadow-sector-summary { text-align: center; font-size: 10px; color: #d4dcc8; margin: -6px 0 14px; }
.meadow-nata-label { font-size: 6px; letter-spacing: .15em; margin-top: 2px; color: #e4dece; }
.meadow-setup-halo { position: absolute; inset: 0; border-radius: 50%; pointer-events: none; }
.meadow-halo--enhanced .meadow-setup-halo { border: 1px solid var(--orb-light); box-shadow: 0 0 15px 3px color-mix(in srgb, var(--orb-light) 30%, transparent); opacity: .6; }
.meadow-halo--strong .meadow-setup-halo { inset: -2px; border: 2px solid var(--orb-light); box-shadow: 0 0 20px 6px color-mix(in srgb, var(--orb-light) 40%, transparent); opacity: .85; }
.meadow-new-ring { position: absolute; inset: -6px; border: 1px solid var(--orb-light); border-radius: 50%; opacity: .4; animation: meadow-new-entry 4.8s ease-in-out infinite; pointer-events: none; }
@keyframes meadow-new-entry { 0%, 100% { transform: scale(1); opacity: .25; } 50% { transform: scale(1.11); opacity: .65; } }
.meadow-new-label { font-size: 8px; color: #f9e8b6; margin-top: 4px; letter-spacing: .04em; }
.meadow-return { font-variant-numeric: tabular-nums; }
.meadow-return--positive { color: #c1e0c2; }
.meadow-return--negative { color: #edbeb5; }
.meadow-orb-label { white-space: normal; line-height: 1.5; padding: 0 2px; text-shadow: 0 1px 4px #001a1c; }
.meadow-preview, .meadow-quick-detail { background: #f8f6ea; border: 1px solid #b8c1a5; color: #23433b; }
.meadow-preview .meadow-detail-stage, .meadow-quick-detail .meadow-detail-stage { background: none; border: 0; padding: 0; border-radius: 0; }
.meadow-quick-detail { position: fixed; width: min(340px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 24px; border-radius: 18px; box-shadow: 0 18px 60px #00171666; overflow-y: auto; }
.meadow-quick-detail::backdrop { background: #05231d77; backdrop-filter: blur(3px); }
.meadow-quick-detail > strong { display: block; padding-right: 22px; font-family: Georgia, serif; font-size: 18px; }
.meadow-quick-detail p { font-size: 12px; line-height: 1.6; margin: 10px 0; }
.meadow-detail-close { position: absolute; top: 4px; right: 4px; width: 44px; height: 44px; font-size: 24px; cursor: pointer; }
.meadow-detail-explore { display: flex; align-items: center; justify-content: center; min-height: 44px; margin-top: 16px; border-radius: 10px; background: #234a3e; color: #fff5dc; font-size: 12px; }
body:has(.meadow-quick-detail[open]) { overflow: hidden; }
@media (max-width: 640px) {
  .meadow-context-bar { padding: 8px 16px 0; }
  .meadow-periods a { min-height: 44px; min-width: 44px; }
  .meadow-new-count span { display: block; margin-top: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  .meadow-new-ring { animation: none; opacity: .65; border-style: double; border-width: 3px; }
}