/* ── Corner-Clearance Design System ──
   Split out of index.html's main <style> block on 2026-07-18, as part of
   fixing the recurring bug class where a new position:fixed corner
   element (report-bug-bubble, scroll-top-btn, compare-bar,
   programCompareBar) silently overlaps page/modal content that happens
   to scroll or render near that corner. Confirmed live three times
   before this file existed: the map view's Fullscreen toolbar chip
   under .report-bug-bubble, and (found during the same audit, not yet
   reported) Calculator view and the Institutions/Admissions results
   view -- whenever no compare bar was active -- both had *zero*
   clearance reserved for the bubble at all.

   Rule for future additions: any new position:fixed element anchored to
   a screen corner belongs in this file, not inline in a component's own
   styles. Any view or modal-content container whose content can reach
   that corner reserves the matching clearance token below -- see
   docs/architecture/frontend-web.md for the full writeup. */

:root {
  /* Bottom-left stack: .report-bug-bubble (44px, always present unless a
     modal is open) [+ .scroll-top-btn (44px) stacked above it once the
     page has been scrolled]. 64px covers the bubble alone, which is the
     value that matters for content rendered at the *top* of a view
     (before any scrolling could reveal the second button). */
  --corner-clearance-bl: 64px;

  /* Bottom-right stack: .compare-bar alone, or stacked with
     #programCompareBar (matches that bar's own 64px stacking offset). */
  --corner-clearance-br: 64px;
  --corner-clearance-br-2x: 128px;
}