/*
 * Public Glass System V2 — final route-scoped material layer.
 * Visual-only. Reading surfaces stay high-contrast; glass is reserved for navigation,
 * proof cards, decision panels, hero asides and compact discovery modules.
 */

:root {
  --pg2-ink: #0a4054;
  --pg2-muted: #5a727a;
  --pg2-teal: #087a75;
  --pg2-gold: #a87820;
  --pg2-line: rgba(255,255,255,.74);
  --pg2-line-cool: rgba(79,128,135,.16);
  --pg2-glass: rgba(248,252,250,.70);
  --pg2-glass-strong: rgba(251,253,252,.84);
  --pg2-shadow: 0 16px 42px rgba(7,43,55,.075);
  --pg2-highlight: inset 0 1px 0 rgba(255,255,255,.94);
}

/* Dark hero-side decision panels: deep glass, not opaque boxes. */
:is(
  .exam-page .exam-target-card,
  .seo-v4 .seo-hero aside,
  [data-core-exam-page] > section:first-of-type aside,
  .destination-hero aside
) {
  border: 1px solid rgba(255,255,255,.23) !important;
  background:
    linear-gradient(145deg, rgba(13,78,91,.74), rgba(5,48,63,.62)),
    rgba(5,45,59,.52) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,25,34,.20),
    0 18px 44px rgba(2,28,39,.18) !important;
  backdrop-filter: blur(24px) saturate(128%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(128%) !important;
}

/* Light decision/discovery cards. */
:is(
  .exam-page .exam-structure-table article,
  .seo-v4 .seo-quick article,
  .seo-v4 .seo-requirement-grid article,
  .seo-v4 .seo-choice-grid article,
  .seo-v4 .seo-practice-grid article,
  .seo-v4 .seo-future-grid article,
  [data-core-exam-page] section[id="programs"] article,
  .conversion-process-step .conversion-step-card,
  .conversion-deliverables article,
  .destinations-grid a,
  .destination-pathway-table,
  .destination-check-grid article,
  .destination-card-grid article,
  .insights-list article,
  .insight-source,
  .insight-faq details,
  .insight-related > div > a
) {
  border: 1px solid var(--pg2-line) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.84), rgba(235,246,242,.62)),
    rgba(248,251,250,.72) !important;
  box-shadow:
    var(--pg2-highlight),
    inset 0 -1px 0 rgba(74,121,128,.055),
    var(--pg2-shadow) !important;
  backdrop-filter: blur(18px) saturate(122%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(122%) !important;
}

/* Core exam quick navigation becomes a restrained glass rail. */
[data-core-exam-page] > nav {
  border-color: rgba(255,255,255,.72) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.84), rgba(236,246,243,.70)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 12px 30px rgba(7,43,55,.075) !important;
  backdrop-filter: blur(22px) saturate(126%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(126%) !important;
}

/* FAQ rows need tactile depth while staying easy to read. */
[data-core-exam-page] section[id="essentials"] details,
.destination-faq details,
.conversion-faq details {
  border: 1px solid rgba(255,255,255,.72) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(241,248,246,.72)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 8px 22px rgba(7,43,55,.045) !important;
}

/* Success cases: evidence feels framed, not like a generic white SaaS tile. */
.case-card-v2 {
  border-color: rgba(255,255,255,.76) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.86), rgba(235,246,242,.64)),
    rgba(249,252,251,.74) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.97),
    inset 0 -1px 0 rgba(75,123,130,.055),
    0 16px 42px rgba(7,43,55,.075) !important;
  backdrop-filter: blur(18px) saturate(122%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(122%) !important;
}

.case-card-v2 .case-archive-media,
.case-card-v2__result {
  border: 1px solid rgba(255,255,255,.68) !important;
  background-color: rgba(235,245,242,.64) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.70) !important;
}

.case-card-v2__cta {
  border-color: rgba(255,255,255,.78) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.78), rgba(244,237,210,.58)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 8px 20px rgba(87,63,17,.06) !important;
}

/* Dark conversion / pathway sections: subtle inner highlight makes them architectural. */
:is(
  .exam-page .exam-final-cta,
  .conversion-page-cta,
  .destination-pathways,
  .destination-scenarios,
  .destination-cta,
  .insights-cta,
  .seo-v4 .seo-universities,
  .seo-v4 .seo-special
) {
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,24,33,.22),
    0 20px 48px rgba(5,38,49,.10) !important;
}

@media (hover:hover) and (pointer:fine) {
  :is(
    .exam-page .exam-structure-table article,
    .seo-v4 .seo-quick article,
    .seo-v4 .seo-requirement-grid article,
    .seo-v4 .seo-choice-grid article,
    .seo-v4 .seo-practice-grid article,
    .seo-v4 .seo-future-grid article,
    [data-core-exam-page] section[id="programs"] article,
    .conversion-process-step .conversion-step-card,
    .destinations-grid a,
    .destination-check-grid article,
    .destination-card-grid article,
    .insights-list article,
    .case-card-v2
  ) {
    transition: transform 180ms cubic-bezier(.23,1,.32,1), box-shadow 220ms cubic-bezier(.23,1,.32,1), border-color 180ms ease !important;
  }

  :is(
    .exam-page .exam-structure-table article,
    .seo-v4 .seo-quick article,
    .seo-v4 .seo-requirement-grid article,
    .seo-v4 .seo-choice-grid article,
    .seo-v4 .seo-practice-grid article,
    .seo-v4 .seo-future-grid article,
    [data-core-exam-page] section[id="programs"] article,
    .conversion-process-step .conversion-step-card,
    .destinations-grid a,
    .destination-check-grid article,
    .destination-card-grid article,
    .insights-list article,
    .case-card-v2
  ):hover {
    transform: translateY(-2px) !important;
    border-color: rgba(255,255,255,.92) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 20px 50px rgba(7,43,55,.105) !important;
  }
}

@media (max-width: 700px) {
  :is(
    .exam-page .exam-target-card,
    .seo-v4 .seo-hero aside,
    [data-core-exam-page] > section:first-of-type aside,
    .destination-hero aside
  ) {
    backdrop-filter: blur(15px) saturate(118%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(118%) !important;
  }

  :is(
    .exam-page .exam-structure-table article,
    .seo-v4 .seo-quick article,
    .seo-v4 .seo-requirement-grid article,
    .seo-v4 .seo-choice-grid article,
    .seo-v4 .seo-practice-grid article,
    .seo-v4 .seo-future-grid article,
    [data-core-exam-page] section[id="programs"] article,
    .conversion-process-step .conversion-step-card,
    .conversion-deliverables article,
    .destinations-grid a,
    .destination-pathway-table,
    .destination-check-grid article,
    .destination-card-grid article,
    .insights-list article,
    .case-card-v2
  ) {
    backdrop-filter: blur(12px) saturate(116%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(116%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 26px rgba(7,43,55,.06) !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  :is(
    .exam-page .exam-structure-table article,
    .seo-v4 .seo-quick article,
    [data-core-exam-page] section[id="programs"] article,
    .conversion-process-step .conversion-step-card,
    .destinations-grid a,
    .insights-list article,
    .case-card-v2
  ) {
    background: #f8faf9 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}