/* Drift only. Everything shared is in kit/interimm.css. */
.drift-hero h1 { font-size: var(--step-3); }
.drift-hero .lede { max-width: 42rem; }

.drift-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1rem; margin-bottom: 1.5rem; }
.drift-slider { flex: 1 1 16rem; display: flex; }
.drift-slider input { width: 100%; }
.drift-year { min-width: 9rem; font-size: 1.1rem; color: var(--them); }

.drift-grid { --split: minmax(0, 1.5fr) minmax(0, 1fr); margin-bottom: clamp(1.5rem, 4vw, 2.5rem); }
.drift-grid .scope canvas { height: clamp(18rem, 42vw, 28rem); }
.drift-readouts { grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr)); }
.drift-readouts dd { font-size: 1.15rem; }
#r-transit.is-yes { color: var(--us); }

.drift-charts .scope canvas { height: 15rem; }

.drift-sw-sun { background: var(--us); }
.drift-sw-them { background: var(--them); }
.drift-sw-zone { background: var(--us-soft); outline: 1px solid var(--us); }

#moments-list h3 a { color: inherit; text-decoration: none; }
#moments-list h3 a:hover { color: var(--them); text-decoration: underline; }