.cold-main { width:min(1460px,calc(100% - 62px)); padding-bottom:70px; }
.cold-header h1 { font-size:clamp(32px,4vw,58px); line-height:1.08; }
.cold-header { gap:20px; }.cold-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.cold-controls,.cold-map-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:16px; }
.cold-controls { padding:18px 22px; margin-bottom:18px; }.cold-controls strong { color:#e4eeed; font-size:14px; }.cold-controls p { margin:5px 0 0; color:#9ab0b2; font-size:12px; }
.cold-switch { display:flex; gap:7px; flex-wrap:wrap; }.cold-switch button,.cold-button { min-height:38px; border:1px solid #47605f; border-radius:8px; padding:9px 13px; color:#dbe8e5; background:#10272d; font-family:inherit; font-weight:700; font-size:13px; cursor:pointer; }
.cold-switch button[aria-pressed="true"],.cold-button { border-color:#ffad72; color:#24160e; background:#f47b35; }.cold-button:disabled { opacity:.45; cursor:default; }
.cold-switch button:focus-visible,.cold-button:focus-visible,.cold-search a:focus-visible { outline:2px solid #ffad72; outline-offset:3px; }
.cold-search { margin:20px 12px; padding:14px; border:1px solid #365157; border-radius:10px; }.cold-search label,.cold-search strong { display:block; margin-bottom:10px; color:#e5eeee; font-size:13px; }.cold-search input { box-sizing:border-box; width:100%; padding:10px; border:1px solid #47605f; border-radius:7px; color:#edf4f3; background:#081d23; font:inherit; font-size:13px; }.cold-search p { color:#a0b6b5; font-size:12px; line-height:1.6; }.cold-map-link { display:block; margin-top:14px; color:#ffab70; font-size:12px; line-height:1.5; }.cold-search-result { display:block; width:100%; padding:10px 0; border:0; border-bottom:1px solid #365157; background:none; color:#dbe8e5; cursor:pointer; text-align:left; font:inherit; font-size:12px; }.cold-search-result small { display:block; color:#9bb0b1; }
.cold-status { color:#afc8c7; font-size:13px; }.cold-status.is-error { padding:16px; border:1px solid #c06b48; border-radius:9px; color:#ffc5a4; }.cold-status:empty { display:none; }
.cold-metrics { margin:16px 0 12px; gap:10px; grid-template-columns:repeat(3,minmax(0,1fr)); }.cold-metrics .normal-metric { min-height:0; padding:12px 15px; gap:5px; border-radius:11px; }.cold-metrics .normal-metric p { margin:0; font-size:12px; line-height:1.35; }.cold-metrics .normal-metric strong { font-size:clamp(22px,2.3vw,28px); line-height:1.15; letter-spacing:-.04em; }.cold-metrics .normal-metric small { color:#9bb0b1; font-size:10px; line-height:1.35; }
.cold-season-panel,.cold-ranking-grid .normal-panel,.cold-method { padding:22px; }.cold-season-panel .normal-panel-head { gap:14px; flex-wrap:wrap; }.cold-season-chart { height:440px; }.cold-ranking-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:18px; }.cold-ranking-grid h2 { font-size:22px; }.cold-ranking-chart { height:390px; }.cold-chart-note { color:#94acae; font-size:12px; line-height:1.7; }.cold-method { margin-top:24px; }.cold-method-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin:22px 0; }.cold-method h3 { color:#ecf3f1; font-size:16px; }.cold-method p { color:#9cb2b4; font-size:13px; line-height:1.7; }.cold-method a { color:#ffad72; }
.cold-map-panel { padding:18px; }.cold-map-head { padding-bottom:14px; }.cold-map-head h2 { font-size:20px; }.cold-map-options { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:12px; color:#b9cfcd; font-size:12px; padding-bottom:12px; }.cold-map-options label { display:flex; gap:8px; align-items:center; padding:9px 12px; border:1px solid #47605f; border-radius:8px; cursor:pointer; }.cold-map-options input { accent-color:#f47b35; width:17px; height:17px; }.cold-map-wrap { position:relative; overflow:hidden; border-radius:13px; background:#dce9e8; }#coldMap { height:clamp(700px,80vh,960px); background:#dce9e8; }
.cold-value-icon { background:transparent; border:0; }.cold-value-icon span { display:flex; box-sizing:border-box; width:var(--label-width); height:var(--label-height); align-items:center; justify-content:center; border:1px solid #b7c8c3; border-bottom:4px solid var(--value-color); border-radius:6px; background:#fffffff7; color:color-mix(in srgb,var(--value-color) 65%,#102a36); font:800 var(--label-size)/1 "Segoe UI",sans-serif; letter-spacing:-.035em; box-shadow:0 1px 4px #294e4826; }.cold-value-icon:hover span,.cold-value-icon:focus-visible span { outline:2px solid #233e48; outline-offset:2px; }
.cold-legend { position:absolute; left:16px; bottom:20px; z-index:550; display:grid; grid-template-columns:1fr 1fr; gap:7px 14px; padding:14px; border-radius:10px; background:#0b222bea; color:#e8efed; box-shadow:0 5px 20px #0003; font-size:11px; }.cold-legend strong { grid-column:1/-1; }.cold-legend div { display:flex; gap:7px; align-items:center; }.cold-legend i { display:block; width:14px; height:14px; border-radius:2px; background:var(--swatch); }.cold-map-wrap .leaflet-control-zoom a { color:#24454c; background:#fff; }
.cold-fullscreen-toggle { display:block; margin:0 0 10px auto; }.cold-map-fullscreen { overflow:hidden; }#coldMapStage.is-fullscreen { position:fixed; inset:0; z-index:2100; height:100dvh; box-sizing:border-box; padding:10px; display:flex; flex-direction:column; background:#10272d; isolation:isolate; }#coldMapStage.is-fullscreen .cold-map-panel { display:flex; flex:1; min-height:0; flex-direction:column; margin:0; padding:0; border:0; }#coldMapStage.is-fullscreen .cold-map-wrap { flex:1; min-height:0; }#coldMapStage.is-fullscreen #coldMap { height:100%; width:100%; }#coldMapStage.is-fullscreen .cold-chart-note { display:none; }
.cold-ranking-list { margin-top:18px; }.cold-ranking-list a { display:grid; grid-template-columns:26px minmax(0,1fr) auto; gap:10px; align-items:center; padding:12px 0; border-bottom:1px solid #375055; color:#e3edeb; text-decoration:none; font-size:13px; }.cold-ranking-list a:hover { color:#ffad72; }.cold-ranking-list small { display:block; margin-top:4px; color:#98b0b1; font-size:11px; }.cold-ranking-list em { font-style:normal; font-weight:800; color:#ffb37c; }
html[data-analysis-theme="light"] .cold-controls strong,html[data-analysis-theme="light"] .cold-method h3 { color:#173b43; }html[data-analysis-theme="light"] .cold-chart-note,html[data-analysis-theme="light"] .cold-method p,html[data-analysis-theme="light"] .cold-controls p { color:#526d76; }html[data-analysis-theme="light"] .cold-method a { color:#a4471d; }
@media(max-width:1100px) { .cold-main { width:calc(100% - 30px); }.cold-method-grid { grid-template-columns:1fr; gap:10px; } }
@media(max-width:700px) { .cold-main { width:calc(100% - 24px); }.cold-header { align-items:flex-start; flex-direction:column; }.cold-ranking-grid { grid-template-columns:1fr; }.cold-season-panel,.cold-ranking-grid .normal-panel,.cold-method { padding:16px; }.cold-season-chart { height:370px; }.cold-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.cold-switch button { padding:8px; font-size:12px; }.cold-season-panel .normal-panel-head { display:block; }.cold-season-panel .normal-panel-head button { margin-top:10px; }#coldMap { height:670px; }.cold-legend { position:static; grid-template-columns:repeat(3,minmax(0,1fr)); padding:10px; border-radius:0; font-size:10px; }.cold-legend strong { grid-column:1/-1; }#coldMapStage.is-fullscreen .cold-map-wrap { display:flex; flex-direction:column; }#coldMapStage.is-fullscreen #coldMap { flex:1; min-height:0; }#coldMapStage.is-fullscreen .cold-legend { flex:none; max-height:20vh; overflow:auto; }#coldMapStage.is-fullscreen .cold-map-head { gap:5px; }#coldMapStage.is-fullscreen .cold-map-head .lightviz-eyebrow { display:none; }#coldMapStage.is-fullscreen .cold-map-head h2 { font-size:14px; }#coldMapStage.is-fullscreen .cold-map-head p { font-size:11px; margin:4px 0; }.cold-controls { padding:14px; }.cold-actions { width:100%; } }

/* Culture reference table, shared by station and national views. */
.cold-page a.cold-button { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; text-decoration:none; }
.cold-crop-table-wrap { margin:18px 0; overflow-x:auto; border:1px solid #365157; border-radius:10px; }
.cold-crop-table-wrap:focus-visible { outline:2px solid #ffad72; outline-offset:3px; }
.cold-crop-table { width:100%; min-width:700px; border-collapse:collapse; color:#dce8e7; font-size:12px; line-height:1.6; text-align:left; }
.cold-crop-table caption { padding:12px 14px; text-align:left; color:#a9c1c2; font-size:12px; }
.cold-crop-table th,.cold-crop-table td { padding:13px 14px; vertical-align:top; border-top:1px solid #365157; }
.cold-crop-table thead { background:#163139; color:#eff6f5; }
.cold-crop-table tbody th { width:27%; font-weight:700; }
.cold-crop-table tbody th small { display:block; margin-top:4px; color:#a9c1c2; font-size:11px; font-weight:400; }
.cold-crop-table td:nth-child(2) { white-space:nowrap; font-weight:700; color:#ffb37c; }
.cold-crop-table td:nth-child(3) { width:40%; }
.cold-crop-table td:last-child { min-width:112px; }
.cold-page.analysis-theme-enabled:not(.darkviz-page) .cold-crop-table { color:#355361; }
.cold-page.analysis-theme-enabled:not(.darkviz-page) .cold-crop-table thead { color:#173b47; background:#e6efec; }
.cold-page.analysis-theme-enabled:not(.darkviz-page) .cold-crop-table caption,.cold-page.analysis-theme-enabled:not(.darkviz-page) .cold-crop-table tbody th small { color:#526f79; }
.cold-page.analysis-theme-enabled:not(.darkviz-page) .cold-crop-table td:nth-child(2) { color:#9b420d; }
.cold-page.analysis-theme-enabled:not(.darkviz-page) .cold-crop-table-wrap,.cold-page.analysis-theme-enabled:not(.darkviz-page) .cold-crop-table th,.cold-page.analysis-theme-enabled:not(.darkviz-page) .cold-crop-table td { border-color:#cadbd8; }