/* One desktop split for interval forecasts and daily tables. Native cells/headers stay intact. */
@media(min-width:901px){
 .forecast-table--balanced{--forecast-data-share:50%;--forecast-label-width:100px;table-layout:fixed;width:100%}
 .forecast-table--balanced.forecast-month-table--split-date{--forecast-data-share:40%}
 .forecast-table--balanced[data-forecast-layout="daily"]{--forecast-label-width:200px}
 .forecast-table--balanced .forecast-layout-label{width:var(--forecast-label-width)}
 .forecast-table--balanced .forecast-layout-condition{width:calc(100% - var(--forecast-label-width) - var(--forecast-data-share))}
 .forecast-table--balanced .forecast-layout-value{width:calc(var(--forecast-data-share) / var(--forecast-data-columns))}
 .forecast-table--balanced th,.forecast-table--balanced td{min-width:0;max-width:none;width:auto}
 .forecast-table--balanced .forecast-month-date{white-space:normal}
 .forecast-table--balanced td.condition{min-width:0;overflow-wrap:anywhere}
 .forecast-table--balanced .interval-condition,.forecast-table--balanced .daily-condition{min-width:0}
 .forecast-table--balanced :is(th,td):nth-child(n+3){padding-left:8px;padding-right:8px;white-space:normal;overflow-wrap:normal}
 .forecast-table--balanced thead th:nth-child(n+3){white-space:nowrap;overflow-wrap:normal}
 .forecast-table--balanced .forecast-interval-metric,.forecast-table--balanced .monthly-metric{display:flex;min-width:0;flex-wrap:wrap;row-gap:2px;white-space:normal}
 .forecast-table--balanced .forecast-metric-value,.forecast-table--balanced .monthly-metric>span{min-width:0;max-width:100%;overflow-wrap:normal}
}
@media(min-width:901px) and (max-width:1100px){
 .forecast-table--balanced :is(th,td):nth-child(n+3){padding-left:4px;padding-right:4px}
 .forecast-table--balanced thead th:nth-child(n+3){font-size:12px}
 .forecast-table--balanced .forecast-interval-metric,.forecast-table--balanced .monthly-metric{column-gap:4px}
}
@media(max-width:900px){.forecast-table--balanced>colgroup{display:none}}

/* Daily14/30: give the moon its compact7% share and return its unused share to precipitation. */
@media(min-width:901px){
 .forecast-month-table--split-date.forecast-month-table--moon.forecast-table--balanced .forecast-layout-moon{width:7%}
 .forecast-month-table--split-date.forecast-month-table--moon.forecast-table--balanced .forecast-layout-precipitation{width:calc(2 * var(--forecast-data-share) / var(--forecast-data-columns) - 7% + var(--forecast-precipitation-extra,0%))}
}
@media(min-width:901px) and (max-width:1000px){
 .forecast-month-table--split-date.forecast-month-table--moon.forecast-table--balanced{--forecast-precipitation-extra:3%}
}