/** * Madison Equity Data — Equity Atlas (S2, PIP-77) — surface CSS * ------------------------------------------------------------------ * Page-specific rules only. Header/footer/toggle/tier-chip-base come * from shared/shell.css + shared/tier.css (imported before this file * in per components.md §1 import order). * ------------------------------------------------------------------ */ /* ── Layout shell ── */ .atlas-shell { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: var(--sp-6); align-items: start; padding-top: var(--sp-6); } .atlas-main { min-width: 0; } .atlas-side { position: sticky; top: var(--sp-4); display: flex; flex-direction: column; gap: var(--sp-4); } /* ── Index/story intro strip ── */ .atlas-intro { padding-bottom: var(--sp-4); border-bottom: 1px solid var(--rule-light); margin-bottom: var(--sp-4); } .atlas-intro h1 { font-family: var(--font-display); font-size: var(--fs-xl); font-weight: var(--fw-semibold); line-height: var(--lh-tight); margin-bottom: var(--sp-2); } .atlas-intro .lede { font-family: var(--font-body); font-size: var(--fs-md); line-height: var(--lh-relaxed); color: var(--ink-mid); max-width: var(--max-reading); } .atlas-intro .index-note { display: inline-flex; align-items: center; gap: var(--sp-2); font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--slate); margin-top: var(--sp-3); } /* ── Three-dial control bar — always visible, Opportunity-Atlas pattern (research brief STEAL). Native