/* Changes landing page only. Comparison navigation and data stay intact. */
.changes-home { max-width:1340px; padding:44px 40px 48px; }
.hub-hero { position:relative; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); align-items:center; min-height:430px; isolation:isolate; }
.hub-hero::before { content:''; position:absolute; z-index:-1; inset:-44px -40px -12px; background:radial-gradient(ellipse at 85% 48%,#46726622,transparent 48%); pointer-events:none; }
.hub-kicker { display:flex; align-items:center; gap:18px; font-size:10px; letter-spacing:2px; color:#a6b9b6; }
.beta-label { padding:6px 10px; border:1px solid #d2b77a55; color:#e6cca0; }
.changes-home .hub-hero h1 { margin:25px 0 20px; color:#f0ede1; font-size:clamp(45px,5.2vw,72px); line-height:1.07; letter-spacing:-2px; }
.hub-hero h1 em { color:#e1c08b; font-weight:400; }
.hero-description { max-width:505px; margin:0; font-size:16px; line-height:1.8; color:#b6c4c1; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin:27px 0 25px; }
.hero-actions a { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-height:48px; font-size:13px; font-weight:650; text-decoration:none; }
.hub-primary-action { padding:13px 19px; background:#dcc18b; color:#14252b; border:1px solid #dcc18b; border-radius:4px; box-shadow:0 6px 22px #0003; }
.hub-primary-action:hover { background:#f0d5a0; }
.hub-secondary-action { color:#dfc99f; border-bottom:1px solid #d6bd8e40; }
.hub-secondary-action:hover { color:#fff2d5; border-bottom-color:#e1c08b; }
.hero-build { display:flex; align-items:center; flex-wrap:wrap; gap:9px; color:#93aaa9; font:10px/1.6 ui-monospace,monospace; letter-spacing:.6px; }
.hero-build [data-current-build] { color:#c1d1ca; }
.build-divider { color:#dfc08c77; padding:0 3px; }
.hero-atlas { position:relative; color:#e2c58f; padding:0 0 8px; text-align:center; }
.hero-atlas svg { display:block; width:100%; max-height:410px; }
.atlas-caption { display:block; margin-top:-17px; color:#93aaa3; font:9px/1.6 ui-monospace,monospace; letter-spacing:2px; }
.hub-snapshot-note { display:flex; align-items:center; gap:14px; padding:17px 0 21px; border-bottom:1px solid #9bb4ab25; }
.hub-snapshot-note p { margin:0; font-size:12px; color:#9fb3b1; }
.hub-snapshot-note a { margin-left:9px; color:#d9c198; white-space:nowrap; }
.note-mark { font-size:24px; color:#c7ac7e; }
.hub-discover { margin-top:35px; scroll-margin-top:20px; }
.hub-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:23px; }
.hub-section-heading .eyebrow { color:#94b3ac; font-size:9px; letter-spacing:2px; }
.hub-section-heading h2 { margin:7px 0 0; font-size:30px; color:#eeeadc; }
.hub-section-heading>a { padding:7px 0; font-size:12px; color:#d2bb92; }
.changes-home #hub { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.changes-home #hub>.feature-link { grid-column:1 / -1; display:flex; align-items:center; gap:15px; justify-content:space-between; margin:0 0 4px; padding:15px 20px; border:1px solid #a7c7bc30; border-radius:5px; background:linear-gradient(90deg,#31544c45,#14282a80); color:#bcd6ce; font-size:13px; text-decoration:none; }
.changes-home #hub>.feature-link:hover { border-color:#9ebdaf88; background:#28433e80; }
.changes-home #hub .discovery-card { --topic-accent:#ddc18d; --topic-glow:#b8924d; position:relative; display:flex; flex-direction:column; min-width:0; min-height:227px; overflow:hidden; padding:25px; border:1px solid #67898035; border-radius:7px; background:linear-gradient(120deg,#192e31b3,#111f26); color:#b3c5c1; text-decoration:none; transition:border-color .18s,transform .18s,background .18s; }
.changes-home #hub .discovery-card::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--topic-glow) 17%,transparent),transparent 67%); pointer-events:none; }
.changes-home #hub .discovery-card::after { content:'↗'; position:absolute; top:22px; right:25px; font-size:18px; color:var(--topic-accent); opacity:.7; }
.changes-home #hub .discovery-card:hover { border-color:var(--topic-accent); transform:translateY(-3px); background:#1c3034; }
.changes-home #hub .discovery-card h2 { position:relative; margin:16px 0 8px; font-size:25px; color:#ece9dc; }
.changes-home #hub .discovery-card strong { position:relative; display:block; color:var(--topic-accent); font-size:19px; line-height:1.5; }
.changes-home #hub .discovery-card p { position:relative; margin:8px 0 0; color:#98afac; font-size:11px; line-height:1.6; }
.changes-home #hub .discovery-card .hub-topic-intro { max-width:390px; margin:0 0 14px; font-size:13px; color:#b3c4c0; }
.hub-topic-icon { width:32px; height:32px; color:var(--topic-accent); position:relative; }
.changes-home #hub .hub-metric { margin:0; font-size:11px; color:#a4b9b4; }
.changes-home #hub .discovery-card .hub-metric-number { display:inline; margin-right:6px; font:25px/1.3 ui-monospace,monospace; letter-spacing:-1px; }
.hub-card-action { margin-top:auto; padding-top:16px; color:var(--topic-accent); font-size:11px; letter-spacing:.3px; }
.changes-home #hub [data-hub-topic="legacy"] { grid-column:span 2; order:1; min-height:267px; padding:30px 35px; --topic-accent:#e2c390; --topic-glow:#bd9957; background:linear-gradient(105deg,#2e352ae8,#13292b); }
.changes-home #hub [data-hub-topic="legacy"] .hub-topic-icon { position:absolute; right:52px; top:54px; width:145px; height:145px; opacity:.22; }
.changes-home #hub [data-hub-topic="legacy"] h2 { margin:24px 0 8px; font-size:36px; }
.changes-home #hub [data-hub-topic="legacy"] .hub-topic-intro { max-width:75%; }
.hub-feature-label { position:relative; color:#e5ca99; font-size:9px; letter-spacing:2px; }
.changes-home #hub [data-hub-topic="instances"] { order:2; --topic-accent:#c9b7e7; --topic-glow:#9874bd; }
.changes-home #hub [data-hub-topic="maps"] { order:3; --topic-accent:#a1d2bb; --topic-glow:#5ba68d; }
.changes-home #hub [data-hub-topic="items"] { order:4; --topic-accent:#dcb592; --topic-glow:#a7774f; }
.changes-home #hub [data-hub-topic="spells"] { order:5; --topic-accent:#b4b9ef; --topic-glow:#7c73cc; }
.changes-home #hub [data-hub-topic="quests"] { order:6; --topic-accent:#dfc788; --topic-glow:#aa9752; }
.changes-home #hub [data-hub-topic="achievements"] { order:7; --topic-accent:#e6c08b; --topic-glow:#b6924f; }
.changes-home #hub [data-hub-topic="reputation"] { order:8; --topic-accent:#b2cbe9; --topic-glow:#5c85b6; }
.changes-home #hub [data-hub-topic="creatures"] { order:9; --topic-accent:#b5d39e; --topic-glow:#729457; }
.changes-home #hub [data-hub-topic="story"] { order:10; grid-column:1 / -1; min-height:155px; padding-left:86px; --topic-accent:#ccb5db; --topic-glow:#9576a8; }
.changes-home #hub [data-hub-topic="story"] .hub-topic-icon { position:absolute; left:28px; top:28px; }
.changes-home #hub [data-hub-topic="story"] h2 { margin-top:0; }
.changes-home #hub [data-hub-topic="story"] .hub-topic-intro { max-width:none; margin-bottom:8px; }
.hub-loading { grid-column:1 / -1; padding:22px; color:#afc2bc; border:1px dashed #79968b60; }
.changes-home .hub-data-notes { margin:30px 0 0; padding:0; border-top:1px solid #65847a45; border-bottom:1px solid #65847a45; background:transparent; }
.hub-data-notes summary { padding:20px 0; color:#d3c6ac; font-size:13px; }
.notes-caption { float:right; color:#93aaa5; font-size:11px; }
.hub-notes-body { padding:0 0 20px; max-width:900px; color:#a8bdb8; font-size:12px; }
.hub-notes-body p { color:inherit; }
.changes-home .hub-research-links { display:flex; align-items:center; gap:23px; flex-wrap:wrap; margin:24px 0 0; }
.hub-research-links>span { font-size:9px; letter-spacing:1.5px; color:#8aa49e; }
.changes-home .hub-research-links>a { padding:0; border:0; background:transparent; font-size:11px; color:#ccb993; }
.changes-home a:focus-visible { outline:3px solid #95e2ca; outline-offset:5px; }
@media(max-width:900px) {
  .changes-home { padding:30px 25px; }
  .hub-hero { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); min-height:385px; }
  .hub-hero::before { inset:-30px -25px -10px; }
  .changes-home .hub-hero h1 { font-size:clamp(42px,6vw,58px); }
  .atlas-caption { font-size:8px; letter-spacing:1px; }
  .changes-home #hub { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .changes-home #hub [data-hub-topic="legacy"] { grid-column:1 / -1; min-height:240px; }
}
@media(max-width:600px) {
  .changes-home { padding:27px 18px 30px; }
  .hub-hero { display:block; min-height:0; padding-bottom:10px; }
  .hub-hero::before { inset:-27px -18px -8px; }
  .hero-copy { position:relative; z-index:1; }
  .hub-kicker { font-size:9px; gap:12px; letter-spacing:1px; }
  .changes-home .hub-hero h1 { font-size:clamp(37px,10vw,54px); margin-top:25px; letter-spacing:-1.5px; }
  .hero-description { font-size:14px; max-width:90%; }
  .hero-atlas { position:absolute; width:220px; top:19px; right:-8px; opacity:.17; z-index:-1; }
  .atlas-caption { display:none; }
  .hero-actions { gap:18px; margin:23px 0; }
  .hero-actions a { font-size:12px; gap:12px; }
  .hero-build { gap:6px; font-size:9px; letter-spacing:0; }
  .hub-snapshot-note { align-items:flex-start; padding:16px 0 20px; gap:10px; }
  .hub-snapshot-note p { font-size:11px; }
  .hub-snapshot-note a { display:block; margin:5px 0 0; }
  .hub-section-heading { align-items:flex-start; flex-direction:column; gap:3px; margin-bottom:15px; }
  .hub-section-heading h2 { font-size:26px; }
  .hub-discover { margin-top:28px; }
  .changes-home #hub { grid-template-columns:1fr; gap:12px; }
  .changes-home #hub>.feature-link { padding:15px; font-size:12px; }
  .changes-home #hub .discovery-card { min-height:0; padding:22px; }
  .changes-home #hub [data-hub-topic="legacy"] { padding:25px; min-height:245px; }
  .changes-home #hub [data-hub-topic="legacy"] h2 { font-size:32px; }
  .changes-home #hub [data-hub-topic="legacy"] .hub-topic-icon { right:18px; top:75px; width:110px; height:110px; opacity:.18; }
  .changes-home #hub [data-hub-topic="legacy"] .hub-topic-intro { max-width:90%; }
  .changes-home #hub [data-hub-topic="story"] { padding-left:22px; min-height:0; }
  .changes-home #hub [data-hub-topic="story"] .hub-topic-icon { position:relative; left:auto; top:auto; }
  .changes-home #hub [data-hub-topic="story"] h2 { margin-top:16px; }
  .notes-caption { float:none; display:block; margin-left:14px; margin-top:4px; }
  .changes-home .hub-research-links { gap:14px; }
  .hub-research-links>span { flex-basis:100%; }
}
@media(prefers-reduced-motion:reduce) { .changes-home #hub .discovery-card { transition:none; } .changes-home #hub .discovery-card:hover { transform:none; } }