/*
 * Public route design polish — final global layer for non-admin public pages.
 *
 * This file intentionally loads after the historical site styles and the first
 * design-engineering pass. It does not own content or route layout. It only
 * aligns visual hierarchy, interaction timing, surface depth, focus states,
 * touch behavior and mobile density across the public route families.
 *
 * Keep selectors scoped to known public roots. Never target /admin generically.
 */

:root {
  --route-ui-navy: #061f2f;
  --route-ui-navy-2: #08394b;
  --route-ui-teal: #0a5367;
  --route-ui-gold: #e6bf5d;
  --route-ui-gold-soft: #f3d98c;
  --route-ui-paper: #ffffff;
  --route-ui-paper-soft: #f5f8f8;
  --route-ui-bg: #f6f8f8;
  --route-ui-ink: #123846;
  --route-ui-muted: #61767e;
  --route-ui-line: #dbe4e6;
  --route-ui-line-strong: #cad8db;
  --route-ui-radius-sm: 8px;
  --route-ui-radius-md: 12px;
  --route-ui-radius-lg: 16px;
  --route-ui-shadow: 0 10px 30px rgba(7, 48, 63, 0.055);
  --route-ui-shadow-hover: 0 16px 38px rgba(7, 48, 63, 0.09);
  --route-ui-ease-out: cubic-bezier(.23, 1, .32, 1);
  --route-ui-fast: 160ms;
  --route-ui-medium: 220ms;
}

/* ---------------------------------------------------------
   Public roots: typography and content rhythm
   --------------------------------------------------------- */

:where(
  .exam-page,
  .seo-v4,
  .conversion-page,
  .insights-page,
  .insight-article,
  .destination-page,
  .destinations-directory,
  .test-centres-page,
  .more-exams-page,
  .official-directory,
  [data-core-exam-page]
) {
  color: var(--route-ui-ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

:where(
  .exam-page,
  .seo-v4,
  .conversion-page,
  .insights-page,
  .insight-article,
  .destination-page,
  .destinations-directory,
  .test-centres-page,
  .more-exams-page,
  .official-directory,
  [data-core-exam-page]
) :where(h1, h2) {
  text-wrap: balance;
}

:where(
  .exam-page,
  .seo-v4,
  .conversion-page,
  .insights-page,
  .insight-article,
  .destination-page,
  .destinations-directory,
  .test-centres-page,
  .more-exams-page,
  .official-directory,
  [data-core-exam-page]
) :where(h3, p, li, blockquote) {
  text-wrap: pretty;
}

:where(
  .exam-page,
  .seo-v4,
  .conversion-page,
  .insights-page,
  .insight-article,
  .destination-page,
  .destinations-directory,
  .test-centres-page,
  .more-exams-page,
  .official-directory,
  [data-core-exam-page]
) :where(a, button, summary) {
  -webkit-tap-highlight-color: transparent;
}

/* ---------------------------------------------------------
   Shared shell: crisp interactions, no perpetual brand motion
   --------------------------------------------------------- */

.site-header .brand-logo__orbits,
.site-header .brand-logo__wordmark::after {
  animation: none !important;
}

.site-header :where(.site-nav > a, .site-nav-group > summary, .site-header-cta, .site-menu-button),
.site-footer a {
  transition:
    color var(--route-ui-fast) var(--route-ui-ease-out),
    border-color var(--route-ui-fast) var(--route-ui-ease-out),
    background-color var(--route-ui-fast) var(--route-ui-ease-out),
    opacity var(--route-ui-fast) var(--route-ui-ease-out),
    transform var(--route-ui-fast) var(--route-ui-ease-out),
    box-shadow var(--route-ui-medium) var(--route-ui-ease-out);
}

.site-header-cta:active,
.site-menu-button:active {
  transform: scale(.975);
}

.site-mega-menu {
  border-color: var(--route-ui-line) !important;
  border-radius: 10px !important;
  box-shadow: 0 18px 46px rgba(3, 31, 46, .16) !important;
}

.site-footer {
  border-top-color: rgba(232, 197, 102, .17) !important;
}

/* ---------------------------------------------------------
   Focus: consistent and obvious without being loud
   --------------------------------------------------------- */

:where(
  .exam-page,
  .seo-v4,
  .conversion-page,
  .insights-page,
  .insight-article,
  .destination-page,
  .destinations-directory,
  .test-centres-page,
  .more-exams-page,
  .official-directory,
  [data-core-exam-page]
) :where(a, button, summary):focus-visible,
.site-header :where(a, button, summary):focus-visible,
.site-footer a:focus-visible,
.official-portals :where(a, button):focus-visible {
  outline: 2px solid #e9c768;
  outline-offset: 3px;
}

/* ---------------------------------------------------------
   Generic exam pages
   --------------------------------------------------------- */

.exam-page {
  background: var(--route-ui-bg) !important;
}

.exam-page .exam-hero {
  background:
    linear-gradient(105deg, rgba(3, 27, 41, .985), rgba(6, 61, 77, .88)),
    url('/hero-australia-coast.jpg') center 58% / cover no-repeat !important;
}

.exam-page .exam-target-card {
  border-color: rgba(232, 197, 102, .28) !important;
  border-radius: var(--route-ui-radius-md) !important;
  background: rgba(255, 255, 255, .055) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.exam-page .exam-target-card ul,
.exam-page .exam-target-card li {
  color: rgba(255, 255, 255, .78) !important;
}

.exam-page .exam-overview,
.exam-page .exam-structure > .exam-shell,
.exam-page .exam-final-cta > .exam-shell {
  min-width: 0;
}

.exam-page .exam-structure-table article {
  border-color: var(--route-ui-line) !important;
  border-radius: var(--route-ui-radius-md) !important;
  box-shadow: none !important;
  transition:
    transform 180ms var(--route-ui-ease-out),
    border-color 180ms var(--route-ui-ease-out),
    box-shadow var(--route-ui-medium) var(--route-ui-ease-out);
}

.exam-page .exam-audience span,
.exam-page .exam-link-grid a,
.exam-page .exam-inline-link,
.exam-page .exam-hero-actions .button,
.exam-page .exam-final-cta .button {
  transition:
    transform var(--route-ui-fast) var(--route-ui-ease-out),
    color var(--route-ui-fast) var(--route-ui-ease-out),
    border-color var(--route-ui-fast) var(--route-ui-ease-out),
    background-color var(--route-ui-fast) var(--route-ui-ease-out),
    box-shadow var(--route-ui-medium) var(--route-ui-ease-out);
}

.exam-page .exam-hero-actions .button:active,
.exam-page .exam-final-cta .button:active {
  transform: scale(.975) !important;
}

.exam-page .exam-final-cta {
  background: linear-gradient(125deg, #073246, #0a5262) !important;
}

/* ---------------------------------------------------------
   SEO database pages
   --------------------------------------------------------- */

.seo-v4 {
  background: var(--route-ui-bg) !important;
}

.seo-v4 .seo-hero {
  background:
    linear-gradient(105deg, rgba(3, 28, 43, .985), rgba(7, 70, 88, .88)),
    url('/hero-australia-coast.jpg') center 58% / cover no-repeat !important;
}

.seo-v4 .seo-hero aside {
  border-color: rgba(255, 255, 255, .20) !important;
  border-radius: var(--route-ui-radius-md) !important;
  background: rgba(255, 255, 255, .055) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.seo-v4 :where(
  .seo-quick article,
  .seo-requirement-grid article,
  .seo-choice-grid article,
  .seo-practice-grid article,
  .seo-future-grid article,
  .seo-related a,
  .seo-conversion-grid article
) {
  border-color: var(--route-ui-line) !important;
  box-shadow: none !important;
  transition:
    transform 180ms var(--route-ui-ease-out),
    border-color 180ms var(--route-ui-ease-out),
    box-shadow var(--route-ui-medium) var(--route-ui-ease-out),
    background-color 180ms var(--route-ui-ease-out);
}

.seo-v4 :where(
  .seo-hero-actions a:first-child,
  .seo-nav-cta,
  .seo-consult a,
  .seo-related > header a
) {
  transition:
    transform var(--route-ui-fast) var(--route-ui-ease-out),
    box-shadow var(--route-ui-medium) var(--route-ui-ease-out),
    background-color var(--route-ui-fast) var(--route-ui-ease-out),
    border-color var(--route-ui-fast) var(--route-ui-ease-out),
    color var(--route-ui-fast) var(--route-ui-ease-out);
}

.seo-v4 :where(.seo-hero-actions a:first-child, .seo-consult a):active {
  transform: scale(.975);
}

.seo-v4 .seo-tool,
.seo-v4 .seo-conversion-proof {
  border-radius: var(--route-ui-radius-md) !important;
  box-shadow: none !important;
}

.seo-v4 .seo-service-boundary {
  border-left-color: var(--route-ui-gold) !important;
  background: #f1f5f5 !important;
}

/* ---------------------------------------------------------
   Core exam pages (CSS-module layout, stable data marker)
   --------------------------------------------------------- */

[data-core-exam-page] {
  background: #f5f4ef !important;
}

[data-core-exam-page] > section:first-of-type {
  background: linear-gradient(116deg, #061f2f 0%, #07394a 100%) !important;
}

[data-core-exam-page] > section:first-of-type aside {
  border-radius: var(--route-ui-radius-md) !important;
  box-shadow: none !important;
}

[data-core-exam-page] > nav {
  border-color: var(--route-ui-line) !important;
  box-shadow: 0 5px 18px rgba(7, 48, 63, .045) !important;
}

[data-core-exam-page] section[id="programs"] article,
[data-core-exam-page] section[id="protection"] article,
[data-core-exam-page] section[id="essentials"] details {
  transition:
    transform 180ms var(--route-ui-ease-out),
    border-color 180ms var(--route-ui-ease-out),
    box-shadow var(--route-ui-medium) var(--route-ui-ease-out),
    background-color 180ms var(--route-ui-ease-out);
}

[data-core-exam-page] section[id="programs"] article {
  box-shadow: var(--route-ui-shadow) !important;
}

[data-core-exam-page] section[id="essentials"] details {
  border-color: var(--route-ui-line) !important;
  border-radius: var(--route-ui-radius-sm) !important;
  overflow: hidden;
}

[data-core-exam-page] :where(a, summary) {
  transition:
    transform var(--route-ui-fast) var(--route-ui-ease-out),
    color var(--route-ui-fast) var(--route-ui-ease-out),
    border-color var(--route-ui-fast) var(--route-ui-ease-out),
    background-color var(--route-ui-fast) var(--route-ui-ease-out),
    box-shadow var(--route-ui-medium) var(--route-ui-ease-out);
}

[data-core-exam-page] a:active {
  transform: scale(.985);
}

/* ---------------------------------------------------------
   Conversion pages: How We Work + case archive/detail
   --------------------------------------------------------- */

.conversion-page {
  background: var(--route-ui-bg) !important;
}

.conversion-page .conversion-page-hero {
  background:
    linear-gradient(112deg, rgba(3, 28, 43, .985), rgba(7, 73, 88, .88)),
    url('/hero-australia-coast.jpg') center 58% / cover no-repeat !important;
}

.conversion-page .conversion-page-hero > div,
.conversion-page .conversion-page-hero > nav,
.conversion-page .conversion-page-hero > p,
.conversion-page .conversion-page-hero > h1,
.conversion-page .conversion-page-hero > span {
  position: relative;
  z-index: 1;
}

.conversion-process-step .conversion-step-card,
.conversion-deliverables article,
.conversion-faq details,
.case-archive-list,
.case-detail-boundary {
  border-color: var(--route-ui-line) !important;
  box-shadow: none !important;
}

.conversion-process-step .conversion-step-card,
.conversion-deliverables article,
.conversion-faq details {
  border-radius: var(--route-ui-radius-md) !important;
}

.conversion-process-step .conversion-step-card,
.conversion-deliverables article,
.case-exam-filter a,
.conversion-page-hero a,
.conversion-page-cta a,
.conversion-faq summary {
  transition:
    transform var(--route-ui-fast) var(--route-ui-ease-out),
    border-color var(--route-ui-fast) var(--route-ui-ease-out),
    background-color var(--route-ui-fast) var(--route-ui-ease-out),
    color var(--route-ui-fast) var(--route-ui-ease-out),
    box-shadow var(--route-ui-medium) var(--route-ui-ease-out);
}

.conversion-page-hero a:active,
.conversion-page-cta a:active {
  transform: scale(.975);
}

.case-exam-filter {
  border-color: var(--route-ui-line) !important;
  box-shadow: none !important;
}

.case-archive-list {
  border-radius: var(--route-ui-radius-lg) !important;
  background: #fff !important;
}

.case-card-v2 {
  border-color: var(--route-ui-line) !important;
  box-shadow: var(--route-ui-shadow) !important;
  transition:
    transform 180ms var(--route-ui-ease-out),
    border-color 180ms var(--route-ui-ease-out),
    box-shadow var(--route-ui-medium) var(--route-ui-ease-out) !important;
}

.case-card-v2__cta {
  transition:
    transform var(--route-ui-fast) var(--route-ui-ease-out),
    color var(--route-ui-fast) var(--route-ui-ease-out),
    border-color var(--route-ui-fast) var(--route-ui-ease-out),
    background-color var(--route-ui-fast) var(--route-ui-ease-out) !important;
}

.case-card-v2__cta:active {
  transform: scale(.985);
}

.case-detail-boundary {
  border-radius: var(--route-ui-radius-sm) !important;
  background: #f4f7f7 !important;
}

/* ---------------------------------------------------------
   Insights list and article reading system
   --------------------------------------------------------- */

.insights-page,
.insight-article {
  background: var(--route-ui-bg) !important;
}

.insights-hero {
  background:
    linear-gradient(110deg, rgba(3, 29, 43, .985), rgba(8, 74, 90, .88)),
    url('/hero-australia-coast.jpg') center 58% / cover no-repeat !important;
}

.insights-list article {
  border-color: var(--route-ui-line) !important;
  border-radius: var(--route-ui-radius-md) !important;
  background: #fff !important;
  box-shadow: none !important;
  transition:
    transform 180ms var(--route-ui-ease-out),
    border-color 180ms var(--route-ui-ease-out),
    box-shadow var(--route-ui-medium) var(--route-ui-ease-out);
}

.insights-list article :where(a, footer a),
.insights-cta a,
.insight-related a,
.insight-source a,
.insight-faq summary {
  transition:
    transform var(--route-ui-fast) var(--route-ui-ease-out),
    color var(--route-ui-fast) var(--route-ui-ease-out),
    border-color var(--route-ui-fast) var(--route-ui-ease-out),
    background-color var(--route-ui-fast) var(--route-ui-ease-out),
    box-shadow var(--route-ui-medium) var(--route-ui-ease-out);
}

.insight-article > article {
  max-width: 900px !important;
}

.insight-article > article > header {
  max-width: 820px;
}

.insight-article > article :where(p, li) {
  line-height: 1.86 !important;
}

.insight-article > article :where(h2, h3) {
  scroll-margin-top: 104px;
}

.insight-source,
.insight-faq details,
.insight-related > div > a {
  border-color: var(--route-ui-line) !important;
  border-radius: var(--route-ui-radius-md) !important;
  box-shadow: none !important;
}

.insights-cta {
  border-radius: var(--route-ui-radius-lg) !important;
  box-shadow: none !important;
}

.insights-cta a:active,
.insight-source a:active {
  transform: scale(.975);
}

/* ---------------------------------------------------------
   Destination directory + destination detail pages
   --------------------------------------------------------- */

.destinations-directory,
.destination-page {
  background: var(--route-ui-bg) !important;
}

.destinations-hero,
.destination-hero {
  background:
    linear-gradient(110deg, rgba(3, 29, 43, .985), rgba(7, 73, 89, .88)),
    url('/hero-australia-coast.jpg') center 58% / cover no-repeat !important;
}

.destinations-grid a,
.destination-card-grid article,
.destination-check-grid article,
.destination-faq details,
.destination-sources,
.destination-pathway-table {
  border-color: var(--route-ui-line) !important;
  box-shadow: none !important;
}

.destinations-grid a,
.destination-card-grid article,
.destination-check-grid article,
.destination-faq details {
  border-radius: var(--route-ui-radius-md) !important;
  transition:
    transform 180ms var(--route-ui-ease-out),
    border-color 180ms var(--route-ui-ease-out),
    box-shadow var(--route-ui-medium) var(--route-ui-ease-out),
    background-color 180ms var(--route-ui-ease-out);
}

.destination-hero aside {
  border-radius: var(--route-ui-radius-md) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.destination-exam-chips span {
  border-color: var(--route-ui-line) !important;
  border-radius: 999px !important;
  background: #fff !important;
}

.destination-pathway-table {
  border-radius: var(--route-ui-radius-md) !important;
  overflow: hidden;
}

.destination-pathway-warning {
  border-left-color: var(--route-ui-gold) !important;
  background: #fff9e8 !important;
}

.destination-sources {
  border-radius: var(--route-ui-radius-md) !important;
  background: #fff !important;
}

.destination-actions a,
.destination-pathway-table a,
.destination-sources a,
.destination-cta a,
.destinations-grid a,
.destination-faq summary {
  transition:
    transform var(--route-ui-fast) var(--route-ui-ease-out),
    color var(--route-ui-fast) var(--route-ui-ease-out),
    border-color var(--route-ui-fast) var(--route-ui-ease-out),
    background-color var(--route-ui-fast) var(--route-ui-ease-out),
    box-shadow var(--route-ui-medium) var(--route-ui-ease-out);
}

.destination-actions a:active,
.destination-cta a:active {
  transform: scale(.975);
}

/* ---------------------------------------------------------
   Test centres
   --------------------------------------------------------- */

.test-centres-page {
  background: var(--route-ui-bg) !important;
}

.test-centres-hero {
  background:
    linear-gradient(110deg, rgba(3, 29, 43, .985), rgba(8, 74, 90, .88)),
    url('/hero-australia-coast.jpg') center 58% / cover no-repeat !important;
}

.test-centre-item,
.test-centres-exam-grid article,
.test-centres-note {
  border-color: var(--route-ui-line) !important;
  box-shadow: none !important;
}

.test-centre-item,
.test-centres-exam-grid article {
  border-radius: var(--route-ui-radius-md) !important;
  transition:
    transform 180ms var(--route-ui-ease-out),
    border-color 180ms var(--route-ui-ease-out),
    box-shadow var(--route-ui-medium) var(--route-ui-ease-out),
    background-color 180ms var(--route-ui-ease-out);
}

.test-centres-note {
  border-radius: var(--route-ui-radius-sm) !important;
  background: #f2f6f6 !important;
}

.test-centres-heading > a,
.test-centres-exam-grid a {
  transition:
    transform var(--route-ui-fast) var(--route-ui-ease-out),
    color var(--route-ui-fast) var(--route-ui-ease-out),
    border-color var(--route-ui-fast) var(--route-ui-ease-out),
    background-color var(--route-ui-fast) var(--route-ui-ease-out);
}

/* ---------------------------------------------------------
   More exams directory
   --------------------------------------------------------- */

.more-exams-page {
  background: var(--route-ui-bg) !important;
}

.more-exams-hero {
  background:
    linear-gradient(110deg, rgba(3, 29, 43, .985), rgba(7, 73, 89, .88)),
    url('/hero-australia-coast.jpg') center 58% / cover no-repeat !important;
}

.more-exams-grid article {
  border-color: var(--route-ui-line) !important;
  border-radius: var(--route-ui-radius-md) !important;
  background: #fff !important;
  box-shadow: none !important;
  transition:
    transform 180ms var(--route-ui-ease-out),
    border-color 180ms var(--route-ui-ease-out),
    box-shadow var(--route-ui-medium) var(--route-ui-ease-out);
}

.more-exams-grid :where(a, .more-exam-official-links a) {
  transition:
    transform var(--route-ui-fast) var(--route-ui-ease-out),
    color var(--route-ui-fast) var(--route-ui-ease-out),
    border-color var(--route-ui-fast) var(--route-ui-ease-out),
    background-color var(--route-ui-fast) var(--route-ui-ease-out);
}

/* ---------------------------------------------------------
   Official exam directory + shared official portal cards
   --------------------------------------------------------- */

.official-directory {
  background: var(--route-ui-bg) !important;
}

.official-directory-hero {
  background:
    linear-gradient(110deg, rgba(3, 29, 43, .985), rgba(7, 73, 89, .88)),
    url('/hero-australia-coast.jpg') center 58% / cover no-repeat !important;
}

.official-portals {
  border-color: var(--route-ui-line) !important;
}

.official-portals-grid article {
  border-color: var(--route-ui-line) !important;
  border-radius: var(--route-ui-radius-md) !important;
  box-shadow: none !important;
  transition:
    transform 180ms var(--route-ui-ease-out),
    border-color 180ms var(--route-ui-ease-out),
    box-shadow var(--route-ui-medium) var(--route-ui-ease-out),
    background-color 180ms var(--route-ui-ease-out);
}

.official-portals :where(a, button),
.official-directory-help a {
  transition:
    transform var(--route-ui-fast) var(--route-ui-ease-out),
    color var(--route-ui-fast) var(--route-ui-ease-out),
    border-color var(--route-ui-fast) var(--route-ui-ease-out),
    background-color var(--route-ui-fast) var(--route-ui-ease-out),
    box-shadow var(--route-ui-medium) var(--route-ui-ease-out);
}

.official-portals-toggle {
  border-radius: var(--route-ui-radius-sm) !important;
}

.official-directory-help {
  border-radius: var(--route-ui-radius-lg) !important;
  box-shadow: none !important;
}

/* ---------------------------------------------------------
   Desktop hover: decoration only on true hover devices
   --------------------------------------------------------- */

@media (hover: hover) and (pointer: fine) {
  .site-header-cta:hover {
    transform: translateY(-1px);
  }

  .exam-page .exam-structure-table article:hover,
  .seo-v4 :where(
    .seo-quick article,
    .seo-requirement-grid article,
    .seo-choice-grid article,
    .seo-practice-grid article,
    .seo-future-grid article,
    .seo-related a,
    .seo-conversion-grid article
  ):hover,
  [data-core-exam-page] section[id="programs"] article:hover,
  .conversion-process-step .conversion-step-card:hover,
  .conversion-deliverables article:hover,
  .case-card-v2:hover,
  .insights-list article:hover,
  .insight-related > div > a:hover,
  .destinations-grid a:hover,
  .destination-card-grid article:hover,
  .destination-check-grid article:hover,
  .test-centre-item:hover,
  .test-centres-exam-grid article:hover,
  .more-exams-grid article:hover,
  .official-portals-grid article:hover {
    transform: translateY(-2px) !important;
    border-color: var(--route-ui-line-strong) !important;
    box-shadow: var(--route-ui-shadow-hover) !important;
  }

  .exam-page .exam-hero-actions .button:hover,
  .seo-v4 .seo-hero-actions a:first-child:hover,
  .conversion-page-hero a:hover,
  .conversion-page-cta a:hover,
  .insights-cta a:hover,
  .destination-actions a:hover,
  .destination-cta a:hover,
  .official-directory-help a:hover {
    transform: translateY(-1px);
  }

  .case-card-v2__cta:hover,
  .official-portals-grid a:hover,
  .destination-sources a:hover,
  .test-centres-heading > a:hover,
  .more-exam-official-links a:hover {
    border-color: #c9a64d !important;
  }
}

/* ---------------------------------------------------------
   Touch/coarse pointers: neutralize historical hover transforms
   --------------------------------------------------------- */

@media (hover: none), (pointer: coarse) {
  :where(
    .exam-page,
    .seo-v4,
    .conversion-page,
    .insights-page,
    .insight-article,
    .destination-page,
    .destinations-directory,
    .test-centres-page,
    .more-exams-page,
    .official-directory,
    [data-core-exam-page]
  ) :where(article:hover, a:hover, button:hover) {
    transform: none !important;
  }

  .case-card-v2:hover,
  .official-portals-grid article:hover {
    transform: none !important;
    box-shadow: var(--route-ui-shadow) !important;
  }
}

/* ---------------------------------------------------------
   Mobile: content density first, decoration second
   --------------------------------------------------------- */

@media (max-width: 700px) {
  :root {
    --route-ui-radius-md: 10px;
    --route-ui-radius-lg: 12px;
  }

  :where(
    .exam-page,
    .seo-v4,
    .conversion-page,
    .insights-page,
    .insight-article,
    .destination-page,
    .destinations-directory,
    .test-centres-page,
    .more-exams-page,
    .official-directory,
    [data-core-exam-page]
  ) :where(p, li, blockquote) {
    line-height: 1.74;
  }

  .site-mega-menu {
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .exam-page .exam-target-card,
  .seo-v4 .seo-hero aside,
  .destination-hero aside {
    border-radius: 10px !important;
  }

  .exam-page .exam-structure-table article,
  .seo-v4 :where(.seo-quick article, .seo-requirement-grid article, .seo-choice-grid article, .seo-practice-grid article),
  .conversion-process-step .conversion-step-card,
  .conversion-deliverables article,
  .conversion-faq details,
  .case-card-v2,
  .insights-list article,
  .insight-source,
  .insight-faq details,
  .destinations-grid a,
  .destination-card-grid article,
  .destination-check-grid article,
  .destination-faq details,
  .test-centre-item,
  .test-centres-exam-grid article,
  .more-exams-grid article,
  .official-portals-grid article {
    box-shadow: none !important;
  }

  .case-archive-list,
  .official-directory-help,
  .insights-cta {
    border-radius: 12px !important;
  }

  .insight-article > article {
    max-width: 100% !important;
  }

  .destination-pathway-table {
    border-radius: 10px !important;
  }

  .official-portals-grid article,
  .case-card-v2,
  .more-exams-grid article,
  .test-centre-item,
  .destinations-grid a {
    border-radius: 10px !important;
  }

  [data-core-exam-page] section[id="programs"] article {
    box-shadow: none !important;
  }
}

/* ---------------------------------------------------------
   Reduced motion
   --------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  :where(
    .exam-page,
    .seo-v4,
    .conversion-page,
    .insights-page,
    .insight-article,
    .destination-page,
    .destinations-directory,
    .test-centres-page,
    .more-exams-page,
    .official-directory,
    [data-core-exam-page]
  ) :where(a, button, summary, article),
  .site-header :where(a, button, summary),
  .case-card-v2,
  .official-portals-grid article {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }

  :where(
    .exam-page,
    .seo-v4,
    .conversion-page,
    .insights-page,
    .insight-article,
    .destination-page,
    .destinations-directory,
    .test-centres-page,
    .more-exams-page,
    .official-directory,
    [data-core-exam-page]
  ) :where(a, button, article) {
    transform: none !important;
  }
}