/* aurora-center.css — shared design for the Aurora Center hub + storm spokes.
   Matches aurora-forecast.html's palette and type (Cinzel / Cormorant Garamond).
   Per-page accent: set --storm on <body> (a storm's signature colour). */
:root{
  --gold:#c7a86a;--gold-b:#e7c979;--ink:#05070d;--ink2:#0a0f18;
  --paper:#eef1f8;--mute:#8fa6b4;--steel:#6fb2cf;--line:#16212e;
  --green:#67e6a0;--red:#e0695a;--violet:#b98cff;
  --storm:#67e6a0;                    /* default aurora green; overridden per storm */
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--ink)}
body{background:var(--ink);color:var(--paper);font-family:'Cormorant Garamond',Georgia,serif;
  overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--gold-b);text-decoration:none}
a:hover{text-decoration:underline}

/* top bar — RETIRED. The site-wide #unified-nav now owns the top of the viewport
   AND renders its own breadcrumb trail (◆ Library › …), which collided with this
   custom strip's wordmark. The nav fully replaces it, so hide it site-wide. */
.ac-top{display:none !important}
.ac-top--legacy{position:static;z-index:20;display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:14px clamp(20px,5vw,80px);background:rgba(5,7,13,.72);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.ac-top .wm{font-family:'Cinzel',serif;font-size:15px;letter-spacing:.2em;color:var(--paper)}
.ac-top .wm a{color:var(--paper)}
.ac-crumb{font-size:14px;letter-spacing:.06em;color:var(--mute)}
.ac-crumb a{color:var(--mute)}
.ac-crumb b{color:var(--gold-b);font-weight:400}

/* hero */
.ac-hero{position:relative;padding:48px clamp(20px,5vw,80px) 54px;overflow:hidden;border-bottom:1px solid var(--line)}
.ac-hero::before{content:'';position:absolute;inset:-40% -10% auto -10%;height:140%;z-index:0;
  background:radial-gradient(60% 70% at 50% 0%, color-mix(in srgb, var(--storm) 40%, transparent), transparent 70%);
  filter:blur(10px);opacity:.5;pointer-events:none}
.ac-hero .wrap{position:relative;z-index:1;max-width:none;margin:0}
.ac-badge{display:inline-block;font-family:'Cinzel',serif;font-size:11px;letter-spacing:.22em;
  color:var(--ink);background:var(--storm);padding:4px 11px;border-radius:999px;margin-bottom:14px}
.ac-hero h1{font-family:'Cinzel',serif;font-size:clamp(30px,5vw,50px);line-height:1.05;letter-spacing:.01em;color:var(--paper)}
.ac-hero .date{margin-top:8px;font-size:18px;letter-spacing:.08em;color:var(--mute);font-style:italic}
.ac-hero .reach{margin-top:4px;font-size:19px;color:var(--gold-b)}

/* stat strip */
.ac-stats{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}
.ac-stat{flex:1 1 150px;background:#070d16cc;border:1px solid var(--line);border-radius:12px;padding:12px 16px}
.ac-stat .v{font-family:'Cinzel',serif;font-size:22px;color:var(--storm)}
.ac-stat .k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:3px}

/* body prose — mirrors aurora-forecast .article */
.ac-body{padding:46px clamp(20px,5vw,80px) 60px}
.ac-body .wrap{max-width:none;margin:0}
.ac-body h2{font-family:'Cinzel',serif;font-size:24px;color:var(--gold-b);letter-spacing:.02em;margin:38px 0 14px}
.ac-body h3{font-family:'Cinzel',serif;font-size:17px;color:var(--paper);margin:24px 0 8px}
.ac-body p{font-size:18px;line-height:1.62;color:#c2cedb;margin:12px 0}
.ac-body .lead{font-size:21px;color:var(--paper);margin-top:4px}
.ac-body ul{margin:10px 0 10px 22px;color:#c2cedb;font-size:18px;line-height:1.55}
.ac-body blockquote{margin:22px 0;padding:14px 20px;border-left:3px solid var(--storm);
  background:#070d16aa;border-radius:0 10px 10px 0;font-size:19px;color:#d7e0ea;font-style:italic}

/* pull callout */
.ac-callout{margin:26px 0;padding:18px 22px;border:1px solid var(--line);border-radius:14px;
  background:linear-gradient(180deg,#070d16cc,#060a12cc)}
.ac-callout .big{font-family:'Cinzel',serif;font-size:27px;color:var(--storm);line-height:1.1}
.ac-callout .cap{font-size:15px;color:var(--mute);margin-top:6px;letter-spacing:.04em}

/* "replay on the globe" + primary CTAs */
.ac-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 6px}
.ac-btn{display:inline-flex;align-items:center;gap:8px;font-family:'Cinzel',serif;font-size:13px;
  letter-spacing:.1em;padding:11px 18px;border-radius:14px;border:1px solid var(--gold);
  color:var(--gold-b);background:linear-gradient(120deg,#1a1403,#2a2206);transition:all .2s}
.ac-btn:hover{background:var(--gold);color:var(--ink);text-decoration:none;box-shadow:0 0 26px #c7a86a44}
.ac-btn.ghost{background:transparent;border-color:var(--line);color:var(--mute)}
.ac-btn.ghost:hover{border-color:var(--storm);color:var(--paper);box-shadow:none}

/* gated "what it means" teaser */
.ac-gate{margin:40px 0 10px;padding:24px;border:1px solid var(--line);border-radius:16px;
  background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb,var(--storm) 10%, #070d16) , #060a12)}
.ac-gate .eyebrow{font-family:'Cinzel',serif;font-size:11px;letter-spacing:.26em;color:var(--storm)}
.ac-gate h3{font-family:'Cinzel',serif;font-size:21px;color:var(--paper);margin:8px 0 8px}
.ac-gate p{font-size:17px;color:#b9c6d3;margin:8px 0 16px}

/* sibling storm grid (spokes) */
.ac-more{padding:40px clamp(20px,5vw,80px) 30px;border-top:1px solid var(--line)}
.ac-more .wrap{max-width:none;margin:0}
.ac-more h2{font-family:'Cinzel',serif;font-size:14px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--mute);margin-bottom:18px}
.ac-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.ac-card{display:block;padding:16px;border:1px solid var(--line);border-radius:14px;background:#070d16aa;
  transition:all .2s}
.ac-card:hover{border-color:var(--gold);text-decoration:none;transform:translateY(-2px)}
.ac-card .cb{font-family:'Cinzel',serif;font-size:10px;letter-spacing:.14em;color:var(--gold-b)}
.ac-card .cn{font-family:'Cinzel',serif;font-size:18px;color:var(--paper);margin:5px 0 2px}
.ac-card .cd{font-size:14px;color:var(--mute);font-style:italic}
.ac-card.soon{opacity:.5;pointer-events:none}
.ac-card.soon .cd::after{content:' · coming soon'}

/* footer */
.ac-foot{padding:30px clamp(20px,5vw,80px) 60px;text-align:center;color:#5f7280;font-size:13px;font-style:italic;border-top:1px solid var(--line)}
.ac-foot a{color:#7f93a2}
.ac-credit{max-width:900px;margin:18px auto 0;font-size:12.5px;line-height:1.5}

@media(max-width:560px){
  .ac-hero{padding:34px 18px 40px}
  .ac-body,.ac-more,.ac-foot,.ac-top{padding-left:18px;padding-right:18px}
}