/* Release notes (#2470). The page shell is the Roadmap's (moved verbatim from the <style> block of
   design/Roadmap.dc.html), which the release notes replace; the cards, chips and badges reuse its styles. */
  body { margin: 0; background: #FAFAFA; }
  nav::-webkit-scrollbar { display: none; }
  @media (max-width: 1100px) { .ax-header-icons { display: none !important; } }
  a { color: var(--ax-accent-deep); text-decoration-color: color-mix(in oklab, var(--ax-accent-deep) 45%, transparent); }
  a:hover { color: var(--ax-ink-900); text-decoration-color: currentColor; }

/* Archive cards and item titles are links; they keep the text colour and underline on hover only. */
a.rn-card { color: inherit; text-decoration: none; }
a.rn-card:hover { box-shadow: 0 4px 12px rgba(9,9,11,0.08) !important; }
a.rn-card:hover .rn-card-title, a.rn-title:hover { text-decoration: underline; }
a.rn-title { color: var(--ax-ink-900); text-decoration: none; }
.rn-form select, .rn-form input { font: inherit; font-size: 13px; color: var(--ax-ink-900); background: #fff; border: 1px solid var(--ax-border-2); border-radius: 6px; padding: 8px 10px; min-width: 0; width: 100%; box-sizing: border-box; }
.rn-form label { display: flex; flex-direction: column; gap: 5px; font-size: 12px; font-weight: 600; color: var(--ax-ink-600); }
.rn-form button { font-family: var(--ax-font-brand); font-size: 13px; font-weight: 600; padding: 9px 16px; border: 0; border-radius: 6px; background: #0A0A0B; color: #fff; cursor: pointer; }
.rn-item:target { box-shadow: 0 0 0 2px var(--ax-accent) !important; }
.rn-item ul { margin: 10px 0 0; padding-left: 20px; }
.rn-item li { font-size: 13px; color: var(--ax-ink-700); line-height: 1.55; margin-top: 4px; }

/* Mobile layout: below 640px every grid becomes one column, in desktop order (as the Roadmap did). */
@media (max-width: 640px) {
  .rn-stack { grid-template-columns: minmax(0, 1fr) !important; }
  main { padding: 24px 16px 56px !important; }
  .rn-hero h2 { font-size: 30px !important; }
}

/* Links inside running text are underlined, so they do not rely on colour alone (WCAG 1.4.1, #2470). */
p a { text-decoration: underline; }