/* TRUE S+16 Road R4 — launch quality layer. Font and logo authority intentionally untouched. */
:root { --r4-focus: rgba(14,165,233,.42); --r4-tap: 44px; }
html { scroll-padding-top: 6.5rem; }
body { min-width: 320px; overflow-wrap: anywhere; }
img { max-width: 100%; height: auto; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button, [role="button"], input:not([type="hidden"]), select { min-height: var(--r4-tap); }
:where(a,button,input,select,textarea,[tabindex]):focus-visible {
  outline: 3px solid var(--r4-focus) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--r4-focus) 28%, transparent) !important;
}
[aria-current="page"] { text-decoration-thickness: 2px; text-underline-offset: .45em; }
[data-r4-status] { position: fixed; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.genesis-scene :where(h1,h2,h3,p), main :where(h1,h2,h3,p) { text-wrap: pretty; }
.genesis-scene :where(.story-tabs,.g02-tabs,.g03-tabs,.g04-tabs,.g05-tabs,.g06-tabs,.g07-tabs,.g08-tabs,.g09-tabs,.g10-tabs) {
  scrollbar-width: thin; overscroll-behavior-inline: contain; scroll-snap-type: inline proximity;
}
.genesis-scene :where(.story-tabs,.g02-tabs,.g03-tabs,.g04-tabs,.g05-tabs,.g06-tabs,.g07-tabs,.g08-tabs,.g09-tabs,.g10-tabs) > * { scroll-snap-align: center; }
@media (max-width: 767px) {
  html { scroll-padding-top: 5.5rem; }
  .genesis-scene { overflow: clip; }
  .genesis-scene :where(.story-tabs,.g02-tabs,.g03-tabs,.g04-tabs,.g05-tabs,.g06-tabs,.g07-tabs,.g08-tabs,.g09-tabs,.g10-tabs) {
    display: flex; max-width: 100%; overflow-x: auto; padding-bottom: .5rem;
  }
  .genesis-scene :where(.story-tabs,.g02-tabs,.g03-tabs,.g04-tabs,.g05-tabs,.g06-tabs,.g07-tabs,.g08-tabs,.g09-tabs,.g10-tabs) > * { flex: 0 0 auto; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}
@media print {
  header, nav, .floating-demo-dock, #scrollTopBtn, [data-r4-ui] { display:none !important; }
  body { background:#fff !important; color:#111827 !important; }
  section, article, .card { break-inside: avoid; box-shadow:none !important; }
}