/* The forecast's desktop table inside the site's frame (/aurora-forecast/?frame=1, 2026-11-07): Bootstrap's reset,
   loaded before style.css, changes a few things the old table markup relies on. Only under .aurora-forecast. */
/* the site's header is position:fixed (other pages start their first section below it): the same room here */
.aurora-forecast { font-family: arial, sans-serif; line-height: normal; color: #000; background: #fff; padding: 150px 0 8px; }
.aurora-forecast table { border-collapse: separate; width: auto; }
.aurora-forecast table.page { width: 100%; }
.aurora-forecast td, .aurora-forecast th { padding: revert; vertical-align: revert; }
.aurora-forecast img, .aurora-forecast svg, .aurora-forecast canvas { vertical-align: revert; display: inline; }
.aurora-forecast h1, .aurora-forecast h2, .aurora-forecast h3 { margin: revert; line-height: revert; font-family: arial, sans-serif; }
.aurora-forecast a { color: revert; text-decoration: revert; }
.aurora-forecast p { margin: revert; }
/* the intro card keeps its own look inside the frame (the resets above are for the old table markup) */
.aurora-forecast .af-hero a { text-decoration: none; }
.aurora-forecast .af-hero__lead a { color: #8ef0b0; text-decoration: underline; }
.aurora-forecast .af-more { color: #fff; text-decoration: underline; }
.aurora-forecast .af-hero__h1 { margin: 0 0 12px; line-height: 1.12; color: #fff; }
.aurora-forecast .af-hero__lead { margin: 0 0 16px; }
.aurora-forecast .af-hero__foot { margin: 0; }