@media (max-width: 700px) { figure svg.viz-wide { display: none !important; } }
@media (min-width: 701px) { figure svg.viz-phone { display: none !important; } }
.diagram .cap.src { margin-top: .35rem; font-size: .8rem; }
.sun-fig .sun-run { transform-box: view-box; transform: rotate(var(--sun-a)); }
@keyframes sun-run { from { transform: rotate(calc(-1 * var(--sun-a))); } to { transform: rotate(var(--sun-a)); } }
.sun-fig.pending.in .sun-run { animation: sun-run 5.5s var(--ease) .3s both; }
@media (prefers-reduced-motion: reduce) { .sun-fig .sun-run { animation: none !important; } }
.quote-card { margin: 2.4rem 0; }
.quote-card .pull { margin: 0 0 .7rem; }
.quote-card figcaption { padding-left: 1.6rem; font-size: .84rem; color: var(--ink-soft); }
.day-check { margin: 2.2rem 0; padding: 1.4rem 1.4rem .8rem; background: var(--light-wash); border-radius: var(--radius); }
.day-check ul { list-style: none; margin: 0; padding: 0; }
.day-check li { margin: 0 0 .9rem; }
.day-check label { position: relative; display: grid; grid-template-columns: 1.5rem 1fr; gap: .75rem; align-items: start; cursor: pointer; }
.day-check input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.day-check .dc-box { width: 1.3rem; height: 1.3rem; margin-top: .12rem; border: 2px solid var(--accent-ink); border-radius: 4px; background: var(--paper); transition: background .2s var(--ease); }
.day-check input:checked + .dc-box { background: var(--accent-ink); box-shadow: inset 0 0 0 3px var(--paper); }
.day-check input:focus-visible + .dc-box { outline: 2px solid var(--primary); outline-offset: 2px; }
.day-check input:checked ~ .dc-text { color: var(--ink-soft); }
.day-check .dc-when { display: block; font-weight: 700; font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; color: var(--accent-ink); }
.table-fig { margin: 2.2rem 0; }
.table-fig .tf-title { font-family: var(--font-display); font-weight: 620; font-size: 1.15rem; margin: 0 0 .2rem; }
.table-fig .spec-table { margin: .6rem 0 0; }
.table-fig .spec-table th[scope="row"] { vertical-align: top; font-weight: 700; font-size: .95rem; letter-spacing: 0; text-transform: none; color: var(--ink); border-bottom: 1px solid var(--hairline); padding: .7rem .8rem; }
.table-fig tfoot td { font-size: .88rem; color: var(--ink-soft); border-bottom: 0; }
.table-fig .cap { font-size: .8rem; color: var(--ink-soft); margin: .6rem 0 0; }
@media (max-width: 640px) {
.spec-table.stack thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.spec-table.stack, .spec-table.stack tbody, .spec-table.stack tfoot, .spec-table.stack tr, .spec-table.stack th, .spec-table.stack td { display: block; width: 100%; }
.spec-table.stack tr { padding: .6rem 0; border-bottom: 1px solid var(--hairline); }
.spec-table.stack th[scope="row"], .spec-table.stack td { border: 0; padding: .15rem 0; }
.spec-table.stack td[data-label]::before { content: attr(data-label); display: block; font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-soft); margin-top: .35rem; }
.spec-table.stack tfoot td { padding-top: .7rem; }
}
.season-glance .sg-title { font-family: var(--font-display); font-weight: 620; font-size: 1.2rem; text-align: center; margin: 0 0 1rem; color: var(--primary); }
.season-glance ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr)); gap: .7rem; }
.season-glance li { display: flex; flex-direction: column; justify-content: space-between; gap: .6rem; padding: .9rem 1rem; background: var(--paper-shade); border-top: 3px solid var(--accent); border-radius: 6px; }
.season-glance .sg-fact { font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
.season-glance .sg-src { font-size: .78rem; color: var(--ink-soft); }
.bedroom { padding: 0; overflow: hidden; }
.article .foot-refs a, .article p a { overflow-wrap: anywhere; }
.bedroom svg { width: 100%; height: auto; }
.bedroom .cap { padding: 0 1rem 1rem; }