/*
 * LYNQ Academy public redesign foundation v1
 *
 * Visual source of truth: expanded-pages redesign donor. The stylesheet is
 * loaded only when the global release flag and an explicit public-page opt-in
 * are both active. Every selector is rooted to the gated document so donor
 * resets cannot leak into learner, CRM, Content Studio or admin surfaces.
 */

html.lynq-redesign-document {
  scroll-behavior: smooth;
}

html.lynq-redesign-document body > .svg-sprite {
  position: absolute !important;
  inset: 0 auto auto 0;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none;
}

html.lynq-redesign-document .lynq-redesign-root {
  --lynq-rd-canvas: #f3eee3;
  --lynq-rd-paper: #fbf8f0;
  --lynq-rd-ink: #10263a;
  --lynq-rd-deep: #081a2a;
  --lynq-rd-accent: #c43816;
  --lynq-rd-gold: #d5b957;
  --lynq-rd-success: #5f8f68;

  --lynq-rd-line: rgba(16, 38, 58, .16);
  --lynq-rd-line-strong: rgba(16, 38, 58, .24);
  --lynq-rd-muted: rgba(16, 38, 58, .66);
  --lynq-rd-muted-light: rgba(243, 238, 227, .66);
  --lynq-rd-shadow-card: 0 22px 60px rgba(8, 26, 42, .09);
  --lynq-rd-shadow-accent: 0 18px 46px rgba(196, 56, 22, .18);
  --lynq-rd-font-body: "Segoe UI", Arial, Helvetica, sans-serif;
  --lynq-rd-font-display: Georgia, "Times New Roman", serif;
  --lynq-rd-font-meta: "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
  --lynq-rd-container: min(1240px, calc(100% - 48px));

  /* Donor compatibility aliases retained for exact composition ports. */
  --v5-ivory: var(--lynq-rd-canvas);
  --v5-paper: var(--lynq-rd-paper);
  --v5-ink: var(--lynq-rd-ink);
  --v5-deep: var(--lynq-rd-deep);
  --v5-orange: var(--lynq-rd-accent);
  --v5-gold: var(--lynq-rd-gold);
  --academy-canvas: var(--lynq-rd-canvas);
  --academy-paper: var(--lynq-rd-paper);
  --academy-ink: var(--lynq-rd-ink);
  --academy-deep: var(--lynq-rd-deep);
  --academy-accent: var(--lynq-rd-accent);
  --academy-gold: var(--lynq-rd-gold);

  min-height: 100vh;
  overflow: clip;
  background: var(--lynq-rd-canvas);
  color: var(--lynq-rd-ink);
  font-family: var(--lynq-rd-font-body);
  -webkit-font-smoothing: antialiased;
}

html.lynq-redesign-document .lynq-redesign-root *,
html.lynq-redesign-document .lynq-redesign-root *::before,
html.lynq-redesign-document .lynq-redesign-root *::after {
  box-sizing: border-box;
}

html.lynq-redesign-document .lynq-redesign-root a {
  color: inherit;
  text-decoration: none;
}

html.lynq-redesign-document .lynq-redesign-root button,
html.lynq-redesign-document .lynq-redesign-root summary {
  color: inherit;
  font: inherit;
}

html.lynq-redesign-document .lynq-redesign-root svg {
  flex: none;
}

html.lynq-redesign-document .lynq-redesign-root ::selection {
  background: var(--lynq-rd-gold);
  color: var(--lynq-rd-deep);
}

html.lynq-redesign-document .lynq-redesign-root
  :where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--lynq-rd-gold) !important;
  outline-offset: 3px !important;
}

@media (max-width: 600px) {
  html.lynq-redesign-document .lynq-redesign-root {
    --lynq-rd-container: calc(100% - 36px);
  }
}

@media (prefers-reduced-motion: reduce) {
  html.lynq-redesign-document {
    scroll-behavior: auto;
  }

  html.lynq-redesign-document .lynq-redesign-root *,
  html.lynq-redesign-document .lynq-redesign-root *::before,
  html.lynq-redesign-document .lynq-redesign-root *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}