/*
 * Wesley GEO core pages — selected visual fusion
 * Visual sources: design-proposals/core-pages-2026-08-26/*.png
 * Scope: services, insights, cases, tools and about only.
 * Important copy, evidence boundaries and links remain live HTML.
 */

body.inner-selected-fusion {
  --inner-navy: #03213f;
  --inner-navy-deep: #011a34;
  --inner-ink: #082642;
  --inner-blue: #1260df;
  --inner-blue-dark: #0645a6;
  --inner-blue-soft: #edf3ff;
  --inner-teal: #0b8793;
  --inner-teal-dark: #066371;
  --inner-teal-soft: #eaf7f7;
  --inner-gold: #f3a11a;
  --inner-gold-soft: #fff7e8;
  --inner-surface: #f5f7fa;
  --inner-warm: #fbf7f0;
  --inner-border: #dce4ec;
  --inner-muted: #647487;
  --inner-white: #ffffff;
  --inner-shadow:
    0 16px 40px rgba(6, 31, 61, 0.1), 0 3px 10px rgba(6, 31, 61, 0.045);
  --header-height: 70px;
  --shell: min(1240px, calc(100vw - 64px));
  color: var(--inner-ink);
  background: var(--inner-white);
  font-size: 16px;
}

body.inner-selected-fusion main {
  overflow: clip;
}

body.inner-selected-fusion .shell {
  width: var(--shell);
}

body.inner-selected-fusion .section {
  padding: 76px 0;
}

body.inner-selected-fusion .section-white {
  background: var(--inner-white);
}

body.inner-selected-fusion .section-soft {
  background: var(--inner-surface);
}

body.inner-selected-fusion .section-dark {
  color: #f4f8fc;
  background: var(--inner-navy);
}

body.inner-selected-fusion .section-heading {
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
  gap: 56px;
  align-items: end;
  margin-bottom: 36px;
}

body.inner-selected-fusion .section-heading h2,
body.inner-selected-fusion .split-copy h2,
body.inner-selected-fusion .contact-copy h2 {
  color: inherit;
  font-size: clamp(29px, 3.1vw, 42px);
  font-weight: 820;
  line-height: 1.18;
  letter-spacing: -0.035em;
}

body.inner-selected-fusion .section-heading > p,
body.inner-selected-fusion .split-copy > p {
  color: var(--inner-muted);
  font-size: 14px;
  line-height: 1.75;
}

body.inner-selected-fusion .section-dark .section-heading > p,
body.inner-selected-fusion .section-dark .split-copy > p {
  color: #aebdca;
}

body.inner-selected-fusion .eyebrow,
body.inner-selected-fusion .section-kicker,
body.inner-selected-fusion .data-label {
  margin-bottom: 10px;
  color: var(--inner-blue);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 0.13em;
}

body.inner-selected-fusion .eyebrow::before,
body.inner-selected-fusion .section-kicker::before,
body.inner-selected-fusion .evidence-profile-hero::after,
body.inner-selected-fusion .evidence-hero::after {
  content: none;
}

body.inner-selected-fusion .lead {
  margin-top: 18px;
  color: #3b5064;
  font-size: 15px;
  line-height: 1.75;
}

body.inner-selected-fusion .button {
  min-height: 44px;
  padding: 0 20px;
  border-radius: 8px;
  font-size: 14px;
  box-shadow: none;
}

body.inner-selected-fusion .button:hover {
  transform: translateY(-1px);
}

body.inner-selected-fusion .text-link,
body.inner-selected-fusion .card-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 7px;
  color: var(--inner-blue);
  font-size: 14px;
  font-weight: 760;
}

body.inner-selected-fusion :is(a, button, summary, input):focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px var(--inner-blue);
}

/* Shared header */
body.inner-selected-fusion .site-header.site-header {
  min-height: 70px;
  height: 70px;
  border-bottom: 1px solid rgba(8, 38, 66, 0.08);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 8px 24px rgba(8, 38, 66, 0.035);
  backdrop-filter: blur(16px);
}

body.inner-selected-fusion .site-header .header-inner {
  width: min(1320px, calc(100% - 56px));
  min-height: 70px;
  height: 70px;
  padding: 0;
  gap: 30px;
}

body.inner-selected-fusion .site-header .brand {
  gap: 10px;
  color: var(--inner-ink);
  font-size: 19px;
  font-weight: 820;
}

body.inner-selected-fusion .site-header .brand::after {
  content: none;
}

body.inner-selected-fusion .brand-logo,
body.inner-selected-fusion .brand-mark {
  display: block;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 50%;
  object-fit: cover;
}

body.inner-selected-fusion .site-header .site-nav {
  gap: 27px;
  color: var(--inner-ink);
  font-family: var(--font-sans);
}

body.inner-selected-fusion .site-header .site-nav > a,
body.inner-selected-fusion .site-header .nav-services > summary {
  min-height: 70px;
  padding: 0;
  color: var(--inner-ink);
  font-size: 13px;
  font-weight: 700;
}

body.inner-selected-fusion .site-header .site-nav > a[aria-current="page"] {
  color: var(--inner-blue);
}

body.inner-selected-fusion .site-header .site-nav > a.button,
body.inner-selected-fusion
  .site-header
  .site-nav
  > a.button[aria-current="page"] {
  flex-basis: auto;
  width: auto;
  min-height: 42px;
  padding: 0 20px;
  border: 1px solid var(--inner-navy);
  border-radius: 8px;
  color: #fff;
  background: var(--inner-navy);
  box-shadow: none;
}

body.inner-selected-fusion .site-header .nav-service-menu {
  top: calc(100% + 10px);
  border: 1px solid var(--inner-border);
  border-radius: 14px;
  box-shadow: 0 22px 60px rgba(6, 31, 61, 0.16);
}

/* Shared hero */
body.inner-selected-fusion .inner-page-hero,
body.inner-selected-fusion .simple-hero,
body.inner-selected-fusion .home-hero.evidence-hero {
  min-height: 0;
  padding: 52px 0 48px;
  border-bottom: 1px solid var(--inner-border);
  color: var(--inner-ink);
  background: var(--inner-surface);
}

body.inner-selected-fusion .inner-page-hero::before,
body.inner-selected-fusion .inner-page-hero::after,
body.inner-selected-fusion .simple-hero::before,
body.inner-selected-fusion .simple-hero::after,
body.inner-selected-fusion .home-hero.evidence-hero::before,
body.inner-selected-fusion .home-hero.evidence-hero::after {
  content: none;
}

body.inner-selected-fusion .inner-hero-grid,
body.inner-selected-fusion .home-hero-grid,
body.inner-selected-fusion .evidence-profile-grid,
body.inner-selected-fusion .tools-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(380px, 0.95fr);
  gap: 52px;
  align-items: center;
}

body.inner-selected-fusion .inner-page-hero h1,
body.inner-selected-fusion .simple-hero h1,
body.inner-selected-fusion .display-title {
  max-width: 780px;
  margin: 0;
  color: var(--inner-ink);
  font-family: var(--font-sans);
  font-size: clamp(40px, 4.25vw, 56px);
  font-weight: 850;
  line-height: 1.08;
  letter-spacing: -0.045em;
}

body.inner-selected-fusion .hero-actions {
  gap: 18px;
  margin-top: 24px;
}

body.inner-selected-fusion
  :is(
    .ops-ledger,
    .operator-record,
    .tool-console,
    .services-hero-card,
    .cases-hero-index,
    .insights-hero-map,
    .tools-hero-system,
    .about-operator-record
  ) {
  overflow: hidden;
  border: 1px solid rgba(141, 176, 209, 0.28);
  border-radius: 16px;
  color: #edf5fb;
  background: var(--inner-navy);
  box-shadow: var(--inner-shadow);
}

body.inner-selected-fusion
  :is(.ops-ledger, .operator-record, .tool-console)::after {
  content: none;
}

/* Shared blue-teal principle strip */
body.inner-selected-fusion .inner-signal-strip,
body.inner-selected-fusion .signal-strip {
  border: 0;
  border-top: 3px solid var(--inner-blue);
  border-bottom: 3px solid var(--inner-teal);
  color: #fff;
  background: var(--inner-navy);
}

body.inner-selected-fusion .signal-inner {
  min-height: 56px;
}

body.inner-selected-fusion .signal-inner p {
  font-size: 14px;
}

body.inner-selected-fusion .signal-inner ul {
  color: #c9d7e2;
  font-size: 12px;
}

body.inner-selected-fusion .signal-inner li::before {
  background: var(--inner-teal);
}

/* Shared content surfaces */
body.inner-selected-fusion
  :is(
    .principle-card,
    .responsibility-card,
    .fit-panel,
    .article-card,
    .case-showcase,
    .case-policy-grid article,
    .disclosure,
    .boundary-note
  ) {
  border-color: var(--inner-border);
  border-radius: 14px;
  box-shadow: none;
}

body.inner-selected-fusion .principle-card {
  min-height: 0;
  padding: 26px;
  border: 1px solid var(--inner-border);
  border-top: 3px solid var(--inner-blue);
}

body.inner-selected-fusion .principle-card:nth-child(2) {
  border-top-color: var(--inner-teal);
}

body.inner-selected-fusion .principle-card:nth-child(3) {
  border-top-color: var(--inner-gold);
}

body.inner-selected-fusion .principle-card :is(h2, h3) {
  font-size: 19px;
}

body.inner-selected-fusion .principle-card p,
body.inner-selected-fusion .responsibility-card li,
body.inner-selected-fusion .fit-panel li {
  color: var(--inner-muted);
}

/* Shared process ledger */
body.inner-selected-fusion :is(.inner-process-ledger, .work-cycle) {
  overflow: hidden;
  border: 1px solid rgba(141, 176, 209, 0.3);
  border-radius: 15px;
  color: #f3f8fc;
  background: var(--inner-navy);
}

body.inner-selected-fusion .work-cycle {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.inner-selected-fusion .cycle-step {
  min-height: 235px;
  padding: 25px;
}

body.inner-selected-fusion .cycle-step h3 {
  margin-top: 62px;
  font-size: 22px;
}

body.inner-selected-fusion .cycle-step p {
  color: #aebdca;
  font-size: 13px;
}

body.inner-selected-fusion .cycle-step + .cycle-step {
  border-left-color: rgba(141, 176, 209, 0.26);
}

/* Shared FAQ */
body.inner-selected-fusion .faq-list {
  max-width: none;
  border-top: 1px solid var(--inner-border);
}

body.inner-selected-fusion .faq-list details {
  border-bottom: 1px solid var(--inner-border);
}

body.inner-selected-fusion .faq-list summary {
  min-height: 52px;
  padding: 15px 44px 15px 0;
  color: var(--inner-ink);
  font-size: 14px;
}

body.inner-selected-fusion .faq-list p {
  color: var(--inner-muted);
  font-size: 14px;
}

/* Shared final CTA */
body.inner-selected-fusion .contact-panel,
body.inner-selected-fusion .inner-final-cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 62px 0;
  color: #f7fbff;
  background-color: var(--inner-navy);
  background-image: url("/assets/home/cta-route-connector-v2.png?v=20260826.2");
  background-repeat: no-repeat;
  background-position: right 42%;
  background-size: min(48vw, 720px) auto;
}

body.inner-selected-fusion .contact-panel::before,
body.inner-selected-fusion .contact-panel::after {
  content: none;
}

body.inner-selected-fusion .contact-panel-grid {
  position: relative;
  z-index: 1;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
  gap: 64px;
}

body.inner-selected-fusion .contact-copy h2 {
  max-width: 600px;
  font-size: clamp(30px, 3.2vw, 43px);
}

body.inner-selected-fusion .contact-copy > p {
  max-width: 590px;
  color: #b7c6d2;
  font-size: 14px;
}

body.inner-selected-fusion .contact-checklist {
  border-top-color: rgba(141, 176, 209, 0.3);
}

body.inner-selected-fusion .contact-checklist li {
  padding: 12px 0;
  border-bottom-color: rgba(141, 176, 209, 0.3);
}

/* Shared compact footer */
body.inner-selected-fusion .site-footer {
  padding: 40px 0 16px;
  color: #aebdca;
  background: var(--inner-navy-deep);
}

body.inner-selected-fusion .site-footer .brand {
  color: #fff;
}

body.inner-selected-fusion .site-footer .brand-logo,
body.inner-selected-fusion .site-footer .brand-mark {
  width: 30px;
  height: 30px;
  flex-basis: 30px;
}

body.inner-selected-fusion .footer-grid {
  grid-template-columns: 1.35fr 0.85fr 0.85fr 0.95fr;
  gap: 42px;
  padding-bottom: 30px;
  border-bottom-color: rgba(141, 176, 209, 0.2);
}

body.inner-selected-fusion .footer-brand p,
body.inner-selected-fusion .footer-column a,
body.inner-selected-fusion .footer-column button {
  color: #9fb0bd;
  font-size: 12px;
}

body.inner-selected-fusion .footer-column h2 {
  margin-bottom: 10px;
  font-size: 12px;
}

body.inner-selected-fusion .footer-column a,
body.inner-selected-fusion .footer-column button {
  min-height: 28px;
  padding: 2px 0;
}

body.inner-selected-fusion .footer-bottom {
  min-height: 48px;
}

/* Services */
body.page-services .evidence-hero-copy {
  max-width: 680px;
}

body.page-services .ops-ledger {
  border-radius: 16px;
}

body.page-services .services-hero-card-head {
  padding: 18px 22px;
  border-bottom: 1px solid rgba(141, 176, 209, 0.26);
  background: var(--inner-navy-deep);
}

body.page-services .services-hero-card-head h2 {
  margin: 0;
  color: #fff;
  font-size: 18px;
}

body.page-services .services-hero-lines {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.page-services .services-hero-line {
  min-height: 240px;
  padding: 22px;
}

body.page-services .services-hero-line + .services-hero-line {
  border-left: 1px solid rgba(141, 176, 209, 0.24);
}

body.page-services .services-hero-line .route-code {
  margin: 0;
  color: #79a7ff;
  font: 800 9px/1.4 var(--font-data);
  letter-spacing: 0.08em;
}

body.page-services .services-hero-line.website-line .route-code {
  color: #72d4d8;
}

body.page-services .services-hero-line h3 {
  margin: 12px 0 4px;
  color: #fff;
  font-size: 20px;
}

body.page-services .services-hero-line > p:not(.route-code),
body.page-services .services-hero-line li,
body.page-services .services-hero-boundary {
  color: #b8c8d4;
  font-size: 12px;
}

body.page-services .services-hero-line ul {
  margin: 14px 0 0;
  padding-left: 18px;
}

body.page-services .services-hero-boundary {
  margin: 0;
  padding: 13px 22px;
  border-top: 1px solid rgba(141, 176, 209, 0.24);
  color: #ffd694;
  background: rgba(243, 161, 26, 0.1);
}

body.page-services .ledger-head,
body.page-services .ledger-foot {
  border-color: rgba(141, 176, 209, 0.25);
  background: var(--inner-navy-deep);
}

body.page-services .ledger-columns {
  color: #7e92a3;
  background: #eef3f7;
}

body.page-services .ledger-row {
  border-bottom-color: var(--inner-border);
  background: #fff;
}

body.page-services .ledger-row strong {
  color: var(--inner-ink);
}

body.page-services .anchor-strip {
  border-color: var(--inner-border);
  background: #fff;
}

body.page-services .anchor-strip-inner {
  min-height: 58px;
  gap: 10px 14px;
}

body.page-services .anchor-strip a {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  padding: 0 13px;
  border: 1px solid var(--inner-border);
  border-radius: 999px;
  background: #fff;
  font-size: 12px;
}

body.page-services :is(.service-route-board, .service-choice-grid) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

body.page-services .service-route-board {
  border: 0;
}

body.page-services .service-route-card {
  min-width: 0;
  padding: 28px;
  border: 1px solid var(--inner-border);
  border-top: 4px solid var(--inner-blue);
  border-radius: 15px;
  background: #fff;
}

body.page-services .service-route-card.website-route {
  border-top-color: var(--inner-teal);
}

body.page-services .service-route-card > header {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 18px;
  align-items: start;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--inner-border);
}

body.page-services .service-route-card .route-label,
body.page-services .service-route-card > header p {
  margin: 0;
  color: var(--inner-muted);
  font-size: 12px;
}

body.page-services .service-route-card > header h3 {
  margin: 4px 0 6px;
  font-size: 27px;
}

body.page-services .service-route-channels {
  display: grid;
  gap: 0;
}

body.page-services .service-channel {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 15px;
  padding: 20px 0;
  border-bottom: 1px solid var(--inner-border);
}

body.page-services .service-channel:last-child {
  border-bottom: 0;
}

body.page-services .channel-code {
  display: grid;
  width: 44px;
  height: 40px;
  place-items: center;
  border-radius: 8px;
  color: #fff;
  background: var(--inner-blue);
  font: 800 10px/1 var(--font-data);
}

body.page-services .service-channel:nth-child(2) .channel-code {
  color: var(--inner-ink);
  background: var(--inner-gold);
}

body.page-services .service-channel h4 {
  margin: 0 0 5px;
  font-size: 16px;
}

body.page-services .service-channel p,
body.page-services .service-channel li {
  color: var(--inner-muted);
  font-size: 12px;
}

body.page-services .service-channel p {
  margin: 0;
}

body.page-services .service-channel ul {
  margin: 8px 0 0;
  padding-left: 17px;
}

body.page-services .website-route-list {
  margin: 18px 0;
  padding: 0;
  list-style: none;
}

body.page-services .website-route-list li {
  display: grid;
  gap: 2px;
  padding: 12px 0;
  border-bottom: 1px solid var(--inner-border);
}

body.page-services .website-route-list span,
body.page-services .website-route > p {
  color: var(--inner-muted);
  font-size: 12px;
}

body.page-services .service-ledger {
  border-top-color: var(--inner-border);
}

body.page-services .service-row {
  min-height: 150px;
  grid-template-columns: 68px 1.1fr 0.9fr auto;
  gap: 22px;
  padding: 24px 0;
  border-bottom-color: var(--inner-border);
}

body.page-services .service-row:hover {
  background: var(--inner-surface);
}

body.page-services .service-row-code {
  width: 54px;
  height: 54px;
  border-radius: 10px;
  background: var(--inner-blue);
}

body.page-services .service-row.web .service-row-code {
  background: var(--inner-teal);
}

body.page-services .service-row.mic .service-row-code {
  color: var(--inner-ink);
  background: var(--inner-gold);
}

body.page-services .problem-board {
  grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr);
  gap: 58px;
}

body.page-services .problem-list article {
  padding: 17px 0;
  border-bottom-color: var(--inner-border);
}

body.page-services .service-choice-grid {
  border-top: 0;
}

body.page-services .service-choice-grid article {
  grid-template-columns: 38px 1fr;
  gap: 12px;
  padding: 20px;
  border: 1px solid var(--inner-border);
  border-radius: 13px;
  background: #fff;
}

body.page-services .service-choice-grid article h3 {
  font-size: 16px;
}

body.page-services .service-choice-action {
  grid-column: 2;
}

body.page-services .problem-list span {
  color: var(--inner-gold);
}

body.page-services .method-detail {
  grid-template-columns: 125px minmax(0, 1fr) minmax(0, 1fr);
  gap: 28px;
  padding: 28px 0;
  border-bottom-color: var(--inner-border);
}

body.page-services .service-contract-board {
  overflow: hidden;
  border-top: 1px solid var(--inner-border);
  border-bottom: 1px solid var(--inner-border);
}

body.page-services .service-contract-board .method-detail {
  grid-template-columns: 110px 175px minmax(0, 1fr);
  align-items: start;
  margin: 0;
}

body.page-services .service-contract-board .method-detail h3 {
  font-size: 19px;
}

body.page-services .service-contract-board .method-detail h4 {
  margin: 0 0 7px;
  font-size: 14px;
}

body.page-services .service-method-table {
  display: block;
}

body.page-services .service-method-table .method-row {
  display: grid;
  grid-template-columns: 165px minmax(0, 1fr) minmax(0, 1fr);
  gap: 28px;
  min-height: 0;
  padding: 22px 24px;
}

body.page-services .service-method-table .method-row + .method-row {
  border-top: 1px solid rgba(141, 176, 209, 0.26);
  border-left: 0;
}

body.page-services .service-method-table .method-row::after {
  content: none;
}

body.page-services .service-method-table .method-step-title {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 12px;
  align-items: center;
}

body.page-services .service-method-table .method-step-title span {
  color: #79a7ff;
  font: 800 9px/1.4 var(--font-data);
}

body.page-services .service-method-table .method-row h3 {
  margin: 0;
  font-size: 19px;
}

body.page-services .service-method-table .method-step-column strong {
  display: block;
  margin-bottom: 4px;
  color: #fff;
  font-size: 12px;
}

body.page-services .service-method-table .method-step-column p {
  margin: 0;
  color: #aebdca;
  font-size: 13px;
}

body.page-services .method-detail > span {
  color: var(--inner-blue);
}

body.page-services .responsibility-card,
body.page-services .fit-panel {
  padding: 26px;
  background: #fff;
}

body.page-services .service-boundary-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.page-services .responsibility-card.responsibility-out-of-scope {
  border-top: 3px solid var(--inner-gold);
  background: var(--inner-gold-soft);
}

body.page-services .responsibility-card:first-child {
  border-top: 3px solid var(--inner-blue);
}

body.page-services .responsibility-card:last-child {
  border-top: 3px solid var(--inner-teal);
}

body.page-services .fit-panel.avoid {
  border-color: #f0d7ad;
  background: var(--inner-gold-soft);
}

body.page-services .result-boundary-board {
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
}

body.page-services .boundary-summary {
  padding: 28px;
  border: 1px solid #efd7ad;
  border-radius: 14px;
  background: var(--inner-gold-soft);
}

body.page-services .boundary-summary p:last-child {
  margin: 0;
  color: #634e2f;
  font-size: 14px;
}

/* Insights */
body.page-insights .insights-hero-map {
  padding: 24px 26px;
}

body.page-insights .insights-hero-map :is(h2, h3) {
  margin: 0 0 16px;
  color: #fff;
  font-size: 20px;
}

body.page-insights .insights-hero-map :is(ul, ol) {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.page-insights .insights-hero-map li {
  padding: 12px 0;
  border-top: 1px solid rgba(141, 176, 209, 0.24);
  color: #c3d2dd;
  font-size: 13px;
}

body.page-insights .insights-hero-map-list a {
  display: grid;
  gap: 2px;
  min-height: 44px;
  color: inherit;
}

body.page-insights .insights-hero-map-list strong {
  color: #fff;
  font-size: 15px;
}

body.page-insights .insights-hero-map-list li:nth-child(1) strong {
  color: #79a7ff;
}

body.page-insights .insights-hero-map-list li:nth-child(2) strong {
  color: #72d4d8;
}

body.page-insights .insights-map-logo {
  width: 52px;
  height: 52px;
  margin: 16px 0 0 auto;
  border-radius: 50%;
}

body.page-insights .article-grid,
body.page-insights .insights-feature-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

body.page-insights .article-card {
  min-height: 0;
  padding: 24px;
  background: #fff;
}

body.page-insights .article-card:first-child {
  grid-row: 1 / 3;
  min-height: 420px;
  padding-right: min(48%, 360px);
  background-color: #fff;
  background-image: url("/assets/home/diagnosis-workbench-v2.webp?v=20260826.2");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 46% 100%;
}

body.page-insights .article-card h3 {
  margin: 24px 0 11px;
  font-size: 21px;
  line-height: 1.42;
}

body.page-insights .article-card:first-child h3 {
  max-width: 470px;
  font-size: 28px;
}

body.page-insights .article-card .article-card-meta {
  margin-top: 12px;
}

body.page-insights .article-card .card-link {
  padding-top: 18px;
}

body.page-insights :is(.insights-method-band, .inner-process-ledger) {
  color: #f3f8fc;
  background: var(--inner-navy);
}

body.page-insights .insights-method-grid {
  border-top-color: rgba(141, 176, 209, 0.26);
}

body.page-insights .insights-method-grid .deliverable-row {
  grid-template-columns: 58px minmax(220px, 0.72fr) minmax(0, 1.28fr);
  border-bottom-color: rgba(141, 176, 209, 0.26);
}

body.page-insights .insights-method-grid .deliverable-row > span {
  color: #79a7ff;
}

body.page-insights .insights-method-grid .deliverable-row :is(h3, p) {
  color: inherit;
}

body.page-insights .insights-method-grid .deliverable-row p {
  color: #aebdca;
}

body.page-insights .principle-grid,
body.page-insights .insights-topic-directory {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--inner-border);
  border-radius: 14px;
  background: var(--inner-border);
}

body.page-insights .principle-grid .principle-card {
  border: 0;
  border-radius: 0;
}

body.page-insights .principle-grid .principle-card + .principle-card {
  border-left: 1px solid var(--inner-border);
}

body.page-insights .deliverable-list,
body.page-insights .insights-ledger {
  border-top-color: var(--inner-border);
}

body.page-insights .deliverable-row {
  padding: 20px 0;
  border-bottom-color: var(--inner-border);
}

body.page-insights .insights-author-strip {
  background: var(--inner-warm);
}

body.page-insights .insights-ledger-scroll {
  overflow-x: auto;
  border-top: 1px solid var(--inner-border);
  border-bottom: 1px solid var(--inner-border);
}

body.page-insights .insights-ledger-scroll table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
}

body.page-insights .insights-ledger-scroll :is(th, td) {
  padding: 15px 12px;
  border-bottom: 1px solid var(--inner-border);
  color: var(--inner-muted);
  font-size: 13px;
  text-align: left;
}

body.page-insights .insights-ledger-scroll th {
  color: var(--inner-ink);
  font-size: 11px;
}

body.page-insights .insights-ledger-scroll td:nth-child(2) a {
  color: var(--inner-ink);
  font-weight: 720;
}

body.page-insights .insights-ledger-scroll .tag {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  color: var(--inner-blue);
  background: var(--inner-blue-soft);
  font-size: 11px;
}

body.page-insights .insights-author-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid #e7ddce;
  border-radius: 14px;
  background: #fff;
}

body.page-insights .insights-author-grid article {
  min-height: 150px;
  padding: 24px;
}

body.page-insights .insights-author-grid article + article {
  border-left: 1px solid #e7ddce;
}

body.page-insights .insights-author-grid h3 {
  margin: 0 0 9px;
  font-size: 17px;
}

body.page-insights .insights-author-grid p {
  margin: 0;
  color: var(--inner-muted);
  font-size: 13px;
}

body.page-insights .insights-faq-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  gap: 42px;
}

/* Cases */
body.page-cases .cases-hero-index {
  padding: 25px 28px;
}

body.page-cases .cases-hero-index-head > p:last-child,
body.page-cases .case-index-boundary {
  color: #9fb2c1;
  font-size: 12px;
}

body.page-cases .case-index-routes {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 58px;
  gap: 10px 18px;
  align-items: center;
  min-height: 150px;
  margin: 16px 0;
  overflow: hidden;
}

body.page-cases .case-index-route-art {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  opacity: 0.42;
  pointer-events: none;
}

body.page-cases .case-index-routes a {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 2px;
  min-height: 56px;
  align-content: center;
  padding: 8px 12px;
  border: 1px solid rgba(141, 176, 209, 0.3);
  border-radius: 9px;
  background: rgba(3, 33, 63, 0.88);
}

body.page-cases .case-index-routes a:first-of-type span {
  color: #72d4d8;
}

body.page-cases .case-index-routes a:nth-of-type(2) span {
  color: #79a7ff;
}

body.page-cases .case-index-routes a small {
  color: #a7b8c5;
}

body.page-cases .case-index-logo {
  position: relative;
  z-index: 1;
  grid-column: 2;
  grid-row: 1 / 3;
  width: 56px;
  height: 56px;
  border-radius: 50%;
}

body.page-cases .cases-hero-index :is(h2, h3) {
  margin: 0 0 14px;
  color: #fff;
  font-size: 20px;
}

body.page-cases .cases-hero-index a,
body.page-cases .cases-hero-index li,
body.page-cases .cases-hero-index p {
  color: #bed0dd;
}

body.page-cases .case-showcase-list {
  gap: 0;
}

body.page-cases .case-showcase,
body.page-cases .case-record-row {
  grid-template-columns: minmax(340px, 0.82fr) minmax(0, 1.18fr);
  gap: 38px;
  padding: 28px 0;
  border: 0;
  border-bottom: 1px solid var(--inner-border);
  border-radius: 0;
  background: transparent;
}

body.page-cases .case-showcase.reverse {
  grid-template-columns: minmax(0, 1.18fr) minmax(340px, 0.82fr);
}

body.page-cases .case-showcase-visual {
  min-height: 330px;
  overflow: hidden;
  border: 1px solid var(--inner-border);
  border-radius: 14px;
  background: var(--inner-surface);
}

body.page-cases .case-showcase-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.page-cases .case-showcase-visual figcaption {
  color: #6d7c8b;
  background: rgba(255, 255, 255, 0.94);
}

body.page-cases .case-showcase-copy {
  padding: 20px 0;
}

body.page-cases .case-showcase:first-child .case-showcase-label,
body.page-cases .case-showcase:first-child .case-facts dt {
  color: var(--inner-teal);
}

body.page-cases .case-showcase:last-child .case-showcase-label,
body.page-cases .case-showcase:last-child .case-facts dt {
  color: var(--inner-blue);
}

body.page-cases .case-showcase-copy h3 {
  font-size: clamp(26px, 2.7vw, 36px);
  line-height: 1.22;
}

body.page-cases .case-facts {
  border-top-color: var(--inner-border);
}

body.page-cases .case-facts div {
  border-bottom-color: var(--inner-border);
}

body.page-cases .case-evidence-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 18px 0;
  border-top: 1px solid var(--inner-border);
}

body.page-cases .case-evidence-summary div {
  padding: 11px 12px 11px 0;
  border-bottom: 1px solid var(--inner-border);
}

body.page-cases .case-evidence-summary dt {
  color: var(--inner-ink);
  font-size: 12px;
  font-weight: 760;
}

body.page-cases .case-evidence-summary dd {
  margin: 3px 0 0;
  color: var(--inner-muted);
  font-size: 12px;
}

body.page-cases :is(.case-asset-groups, .case-proof-ledger) {
  overflow: hidden;
  border: 1px solid rgba(141, 176, 209, 0.28);
  border-radius: 14px;
  background: var(--inner-navy);
}

body.page-cases .case-asset-groups article {
  border-color: rgba(141, 176, 209, 0.24);
  background: transparent;
}

body.page-cases .case-proof-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 22px;
}

body.page-cases .case-proof-steps article {
  min-height: 190px;
  padding: 22px;
}

body.page-cases .case-proof-steps span {
  color: #79a7ff;
  font: 800 9px/1.4 var(--font-data);
}

body.page-cases .case-proof-steps h3 {
  margin: 32px 0 8px;
  color: #fff;
  font-size: 17px;
}

body.page-cases .case-proof-steps p {
  margin: 0;
  color: #aebdca;
  font-size: 12px;
}

body.page-cases .case-proof-ledger,
body.page-cases .case-trace-ledger {
  padding: 24px;
}

body.page-cases :is(.case-proof-ledger-head, .case-trace-ledger-head) h3 {
  margin: 0 0 5px;
  color: #fff;
  font-size: 21px;
}

body.page-cases
  :is(.case-proof-ledger-head, .case-trace-ledger-head)
  p:last-child {
  margin: 0;
  color: #aebdca;
  font-size: 12px;
}

body.page-cases :is(.case-proof-table-wrap, .case-comparison-table-wrap) {
  overflow-x: auto;
  margin-top: 18px;
}

body.page-cases :is(.case-proof-table-wrap, .case-comparison-table-wrap) table {
  width: 100%;
  min-width: 800px;
  border-collapse: collapse;
}

body.page-cases .case-proof-table-wrap :is(th, td) {
  padding: 12px;
  border: 1px solid rgba(141, 176, 209, 0.23);
  color: #bdccd7;
  font-size: 11px;
  text-align: left;
}

body.page-cases .case-proof-table-wrap th {
  color: #fff;
}

body.page-cases .case-proof-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin: 16px 0 0;
  padding: 0;
  color: #aebdca;
  font-size: 11px;
  list-style: none;
}

body.page-cases :is(.case-comparison-board, .case-trace-flow) {
  border: 1px solid var(--inner-border);
  border-radius: 14px;
  background: #fff;
}

body.page-cases .case-comparison-board {
  padding: 20px;
}

body.page-cases .case-comparison-table-wrap {
  margin: 0;
}

body.page-cases .case-comparison-table-wrap :is(th, td) {
  padding: 14px;
  border-bottom: 1px solid var(--inner-border);
  color: var(--inner-muted);
  font-size: 12px;
  text-align: left;
}

body.page-cases .case-comparison-table-wrap th {
  color: var(--inner-ink);
}

body.page-cases .case-trace-flow {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 22px;
  padding: 0;
  overflow: hidden;
  list-style: none;
}

body.page-cases .case-trace-flow li {
  min-height: 135px;
  padding: 20px;
}

body.page-cases .case-trace-flow li + li {
  border-left: 1px solid var(--inner-border);
}

body.page-cases .case-trace-flow span,
body.page-cases .case-trace-flow strong,
body.page-cases .case-trace-flow small {
  display: block;
}

body.page-cases .case-trace-flow span {
  color: var(--inner-blue);
  font: 800 10px/1.4 var(--font-data);
}

body.page-cases .case-trace-flow strong {
  margin-top: 18px;
  font-size: 14px;
}

body.page-cases .case-trace-flow small {
  margin-top: 4px;
  color: var(--inner-muted);
  font-size: 11px;
}

body.page-cases .case-trace-fields {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 18px 0 0;
}

body.page-cases .case-trace-fields div {
  padding: 14px;
  border: 1px solid rgba(141, 176, 209, 0.22);
}

body.page-cases .case-trace-fields dt {
  color: #8fa5b6;
  font-size: 10px;
}

body.page-cases .case-trace-fields dd {
  margin: 5px 0 0;
  color: #eef5fa;
  font-size: 11px;
}

body.page-cases .case-policy-grid,
body.page-cases .case-disclosure-grid {
  gap: 16px;
}

body.page-cases .case-policy-grid article {
  padding: 25px;
  background: #fff;
}

body.page-cases .case-policy-grid article:nth-child(2) {
  border-color: #efd9b5;
  background: var(--inner-gold-soft);
}

body.page-cases .case-related-grid,
body.page-cases .case-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

body.page-cases .case-related-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.page-cases .case-related-grid a,
body.page-cases .case-faq-grid details {
  padding: 22px;
  border: 1px solid var(--inner-border);
  border-radius: 13px;
  background: #fff;
}

body.page-cases .case-related-grid :is(span, strong, small, b) {
  display: block;
}

body.page-cases .case-related-grid span {
  color: var(--inner-blue);
  font: 800 10px/1.4 var(--font-data);
}

body.page-cases .case-related-grid strong {
  margin-top: 22px;
  font-size: 18px;
}

body.page-cases .case-related-grid small {
  margin-top: 8px;
  color: var(--inner-muted);
  font-size: 12px;
}

body.page-cases .case-related-grid b {
  margin-top: 18px;
  color: var(--inner-blue);
  font-size: 12px;
}

body.page-cases .case-faq-grid summary {
  min-height: 44px;
  cursor: pointer;
  font-weight: 740;
}

body.page-cases .case-faq-grid p {
  margin: 10px 0 0;
  color: var(--inner-muted);
  font-size: 13px;
}

body.inner-selected-fusion .contact-route-map {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 58px;
  gap: 8px 18px;
  align-items: center;
  min-height: 130px;
  margin-top: 18px;
  overflow: hidden;
}

body.inner-selected-fusion .contact-route-art {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  opacity: 0.42;
  pointer-events: none;
}

body.inner-selected-fusion .contact-route-map a {
  position: relative;
  z-index: 1;
  display: grid;
  min-height: 48px;
  align-content: center;
  padding: 7px 12px;
  border: 1px solid rgba(141, 176, 209, 0.32);
  border-radius: 8px;
  color: #fff;
  background: rgba(3, 33, 63, 0.88);
}

body.inner-selected-fusion .contact-route-map a small {
  color: #9fb2c1;
}

body.inner-selected-fusion .contact-route-logo {
  position: relative;
  z-index: 1;
  grid-column: 2;
  grid-row: 1 / 3;
  width: 56px;
  height: 56px;
  border-radius: 50%;
}

/* Tools */
body.page-tools .tools-hero-grid {
  align-items: center;
}

body.page-tools .tool-console,
body.page-tools .tools-hero-system {
  border-radius: 16px;
}

body.page-tools .tool-console-head,
body.page-tools .tool-console dl div {
  border-color: rgba(141, 176, 209, 0.23);
}

body.page-tools .tool-console > p {
  color: #ffd694;
  background: rgba(243, 161, 26, 0.12);
}

body.page-tools .tools-hero-system-grid {
  display: grid;
  grid-template-columns: minmax(120px, 0.85fr) minmax(170px, 1.15fr) 58px;
  gap: 18px;
  align-items: center;
  padding: 24px;
}

body.page-tools .tools-hero-stages {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.page-tools .tools-hero-stages li {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 10px;
  align-items: center;
  min-height: 40px;
  padding: 0 10px;
  border: 1px solid rgba(141, 176, 209, 0.28);
  border-radius: 8px;
}

body.page-tools .tools-hero-stages span {
  color: #79a7ff;
  font: 800 10px/1 var(--font-data);
}

body.page-tools .tools-hero-stages strong {
  font-size: 13px;
}

body.page-tools .tools-hero-routes {
  display: grid;
  gap: 10px;
}

body.page-tools .tools-hero-routes p {
  margin: 0;
  padding: 12px 14px;
  border: 1px solid rgba(95, 151, 255, 0.4);
  border-radius: 9px;
  color: #fff;
  background: rgba(18, 96, 223, 0.18);
}

body.page-tools .tools-hero-routes p:last-child {
  border-color: rgba(76, 193, 202, 0.42);
  background: rgba(11, 135, 147, 0.2);
}

body.page-tools .tools-hero-routes span,
body.page-tools .tools-hero-routes strong {
  display: block;
}

body.page-tools .tools-hero-routes span {
  color: #91a6b7;
  font-size: 10px;
}

body.page-tools .tools-hero-routes strong {
  margin-top: 3px;
  font-size: 13px;
}

body.page-tools .tools-hero-logo {
  width: 54px;
  height: 54px;
  border-radius: 50%;
}

body.page-tools .tools-principle-inner {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

body.page-tools .tools-principle-inner h2 {
  margin: 0;
  color: #fff;
  font-size: 15px;
}

body.page-tools .tools-principle-inner ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  margin: 0;
  padding: 0;
  color: #c6d4df;
  font-size: 12px;
  list-style: none;
}

body.page-tools .tool-library-board {
  overflow: hidden;
  border: 1px solid var(--inner-border);
  border-radius: 16px;
  background: #fff;
  box-shadow: none;
}

body.page-tools .tool-library-board-head {
  color: #dce8f2;
  background: var(--inner-navy);
}

body.page-tools .tool-library-empty,
body.page-tools .tools-library-empty {
  min-height: 260px;
  background: #fff;
}

body.page-tools .tools-library-columns {
  display: grid;
  grid-template-columns: 1fr 1.4fr 1.2fr 0.6fr;
  gap: 16px;
  padding: 12px 20px;
  border-bottom: 1px solid var(--inner-border);
  color: #788998;
  background: var(--inner-surface);
  font: 750 10px/1.4 var(--font-data);
}

body.page-tools .tool-library-main {
  display: grid;
  min-height: 220px;
  place-items: center;
  padding: 28px;
  text-align: center;
}

body.page-tools .tool-library-empty-copy > p:first-child {
  color: var(--inner-gold);
  font: 800 10px/1.4 var(--font-data);
  letter-spacing: 0.1em;
}

body.page-tools .tool-library-empty-copy h3 {
  margin: 8px 0;
  font-size: 25px;
}

body.page-tools .tool-library-empty-copy p:last-child {
  margin: 0;
  color: var(--inner-muted);
  font-size: 13px;
}

body.page-tools .tools-library-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: center;
  margin-top: 20px;
}

body.page-tools .tool-listing-standard {
  border-color: var(--inner-border);
  background: var(--inner-surface);
}

body.page-tools .tools-release-gate {
  color: #f3f8fc;
  background: var(--inner-navy);
}

body.page-tools .tools-release-gate :is(.principle-grid, .issue-grid) {
  border-color: rgba(141, 176, 209, 0.25);
}

body.page-tools .tools-release-gate-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(141, 176, 209, 0.28);
  border-radius: 14px;
  list-style: none;
}

body.page-tools .tools-release-gate-grid li {
  min-height: 170px;
  padding: 23px;
  border-right: 1px solid rgba(141, 176, 209, 0.24);
  border-bottom: 1px solid rgba(141, 176, 209, 0.24);
}

body.page-tools .tools-release-gate-grid li:nth-child(3n) {
  border-right: 0;
}

body.page-tools .tools-release-gate-grid li:nth-last-child(-n + 3) {
  border-bottom: 0;
}

body.page-tools .tools-release-gate-grid span {
  color: #79a7ff;
  font: 800 10px/1.4 var(--font-data);
}

body.page-tools .tools-release-gate-grid h3 {
  margin: 28px 0 7px;
  font-size: 18px;
}

body.page-tools .tools-release-gate-grid p {
  margin: 0;
  color: #aebdca;
  font-size: 13px;
}

body.page-tools .tools-planned-routes {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 76px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
}

body.page-tools .tools-route-card {
  min-height: 330px;
  padding: 28px;
  border: 1px solid var(--inner-border);
  border-radius: 14px;
  background: #fff;
}

body.page-tools .tools-route-platform {
  border-top: 4px solid var(--inner-blue);
}

body.page-tools .tools-route-search {
  border-top: 4px solid var(--inner-teal);
}

body.page-tools .tools-route-card > p {
  margin: 0 0 8px;
  color: var(--inner-muted);
  font: 750 10px/1.4 var(--font-data);
}

body.page-tools .tools-route-card h3 {
  margin: 0 0 16px;
  font-size: 24px;
}

body.page-tools .tools-route-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.page-tools .tools-route-card li {
  display: grid;
  gap: 2px;
  padding: 11px 0;
  border-top: 1px solid var(--inner-border);
}

body.page-tools .tools-route-card li span {
  color: var(--inner-muted);
  font-size: 12px;
}

body.page-tools .tools-routes-mark {
  display: grid;
  place-items: center;
}

body.page-tools .tools-routes-mark img {
  width: 58px;
  height: 58px;
  border-radius: 50%;
}

body.page-tools .tools-planned-note,
body.page-tools .tools-starter-followup {
  margin: 18px 0 0;
  color: var(--inner-muted);
  font-size: 12px;
}

body.page-tools .starter-resource-nav,
body.page-tools .tools-starter-list {
  display: block;
  overflow: hidden;
  border: 1px solid var(--inner-border);
  border-radius: 14px;
  background: #fff;
}

body.page-tools .starter-resource-nav a {
  display: grid;
  grid-template-columns: 78px minmax(170px, 0.7fr) minmax(0, 1.5fr) auto;
  gap: 18px;
  min-height: 78px;
  align-items: center;
  padding: 15px 20px;
  border-bottom-color: var(--inner-border);
}

body.page-tools .starter-resource-nav a:last-child {
  border-bottom: 0;
}

body.page-tools .starter-resource-nav span {
  color: var(--inner-blue);
  font: 800 10px/1.4 var(--font-data);
}

body.page-tools .starter-resource-nav strong {
  font-size: 15px;
}

body.page-tools .starter-resource-nav small {
  color: var(--inner-muted);
  font-size: 12px;
}

body.page-tools .starter-resource-nav b {
  color: var(--inner-blue);
  font-size: 12px;
}

body.page-tools .assessment,
body.page-tools .template-sheet,
body.page-tools .launch-checklist {
  border-color: var(--inner-border);
  border-radius: 14px;
  box-shadow: none;
}

body.page-tools .assessment-result,
body.page-tools .template-sheet-head {
  background: var(--inner-navy);
}

body.page-tools .tools-build-flow {
  border: 1px solid var(--inner-border);
  border-radius: 14px;
  background: #fff;
}

body.page-tools .tools-build-flow-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(330px, 0.8fr);
  gap: 42px;
  padding: 34px;
}

body.page-tools .tools-build-flow h2 {
  margin: 0;
  font-size: clamp(28px, 3vw, 38px);
}

body.page-tools .tools-build-flow-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

body.page-tools .tools-build-flow-steps li {
  min-width: 0;
}

body.page-tools .tools-build-flow-steps span,
body.page-tools .tools-build-flow-steps strong,
body.page-tools .tools-build-flow-steps small {
  display: block;
}

body.page-tools .tools-build-flow-steps span {
  color: var(--inner-blue);
  font: 800 10px/1.4 var(--font-data);
}

body.page-tools .tools-build-flow-steps strong {
  margin-top: 16px;
  font-size: 14px;
}

body.page-tools .tools-build-flow-steps small {
  margin-top: 4px;
  color: var(--inner-muted);
  font-size: 11px;
}

body.page-tools .tools-spec-sample {
  overflow: hidden;
  border: 1px solid rgba(141, 176, 209, 0.3);
  border-radius: 12px;
  color: #edf5fb;
  background: var(--inner-navy);
}

body.page-tools .tools-spec-sample > p {
  margin: 0;
  padding: 13px 16px;
  border-bottom: 1px solid rgba(141, 176, 209, 0.24);
  font: 800 11px/1.4 var(--font-data);
}

body.page-tools .tools-spec-sample dl {
  margin: 0;
  padding: 10px 16px;
}

body.page-tools .tools-spec-sample dl div {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 16px;
  padding: 7px 0;
  border-bottom: 1px solid rgba(141, 176, 209, 0.2);
}

body.page-tools .tools-spec-sample dt {
  color: #8fa5b6;
  font-size: 11px;
}

body.page-tools .tools-spec-sample dd {
  margin: 0;
  color: #fff;
}

body.page-tools .tools-trust-grid,
body.page-tools .tools-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

body.page-tools .tools-trust-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.page-tools .tools-trust-grid article,
body.page-tools .tools-faq-contact {
  padding: 24px;
  border: 1px solid var(--inner-border);
  border-radius: 13px;
  background: #fff;
}

body.page-tools .tools-trust-grid span {
  color: var(--inner-gold);
  font: 800 10px/1.4 var(--font-data);
}

body.page-tools .tools-trust-grid h3 {
  margin: 24px 0 8px;
  font-size: 17px;
}

body.page-tools .tools-trust-grid p,
body.page-tools .tools-faq-contact p {
  margin: 0;
  color: var(--inner-muted);
  font-size: 13px;
}

body.page-tools .tools-faq-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  align-items: start;
  gap: 42px;
}

body.page-tools .tools-faq-grid > div > h2 {
  margin: 0 0 24px;
  font-size: clamp(28px, 3vw, 38px);
}

body.page-tools .tools-faq-contact h3 {
  margin: 0 0 8px;
  font-size: 20px;
}

body.page-tools .tools-faq-contact .text-link {
  display: flex;
  margin-top: 10px;
}

body.page-tools .tools-final-links {
  display: grid;
  gap: 12px;
}

body.page-tools .tools-final-links a {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  border: 1px solid rgba(141, 176, 209, 0.34);
  border-radius: 8px;
  color: #fff;
  background: rgba(3, 33, 63, 0.72);
}

/* About */
body.page-about .evidence-profile-hero,
body.page-about .inner-page-hero {
  background: var(--inner-warm);
}

body.page-about .operator-record,
body.page-about .about-operator-record {
  padding: 0;
  border-radius: 16px;
}

body.page-about .operator-record-head,
body.page-about .operator-record dl div,
body.page-about .operator-record-foot {
  border-color: rgba(141, 176, 209, 0.24);
}

body.page-about .operator-record dt {
  color: #8fa5b6;
}

body.page-about .operator-record dd {
  color: #f4f8fb;
}

body.page-about .about-route-board,
body.page-about .service-ledger {
  border-top-color: var(--inner-border);
}

body.page-about .service-row {
  min-height: 150px;
  grid-template-columns: 68px 1.1fr 0.9fr auto;
  padding: 24px 0;
  border-bottom-color: var(--inner-border);
}

body.page-about .service-row-code {
  border-radius: 10px;
  background: var(--inner-blue);
}

body.page-about .service-row.web .service-row-code {
  background: var(--inner-teal);
}

body.page-about :is(.about-method-band, .work-cycle) {
  color: #f3f8fc;
  background: var(--inner-navy);
}

body.page-about .about-method-steps {
  overflow: hidden;
  border-top: 1px solid rgba(141, 176, 209, 0.28);
  border-bottom: 1px solid rgba(141, 176, 209, 0.28);
}

body.page-about .about-method-steps article {
  display: grid;
  grid-template-columns: 54px 150px minmax(0, 1fr) minmax(0, 1fr);
  gap: 20px;
  align-items: start;
  padding: 20px 0;
}

body.page-about .about-method-steps article + article {
  border-top: 1px solid rgba(141, 176, 209, 0.28);
}

body.page-about .about-method-steps article > span {
  color: #79a7ff;
  font: 800 11px/1.6 var(--font-data);
}

body.page-about .about-method-steps h3,
body.page-about .about-method-steps p {
  margin: 0;
}

body.page-about .about-method-steps h3 {
  font-size: 20px;
}

body.page-about .about-method-steps strong {
  display: block;
  margin-bottom: 4px;
  color: #eef5fa;
  font-size: 12px;
}

body.page-about .about-method-steps p {
  color: #aebdca;
  font-size: 13px;
}

body.page-about .about-disclosure-grid,
body.page-about .about-industry-grid,
body.page-about .about-ai-ledger,
body.page-about .about-content-links,
body.page-about .about-faq-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

body.page-about .about-industry-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.page-about .about-industry-grid article,
body.page-about .about-ai-ledger > *,
body.page-about .about-content-links article {
  min-height: 210px;
  padding: 26px;
  border: 1px solid var(--inner-border);
  border-radius: 14px;
  background-color: #fff;
}

body.page-about .about-industry-grid article:first-child {
  padding-right: 46%;
  background-image: url("/assets/cases/hygiene-seo-geo-workbench-640.webp");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 42% 100%;
}

body.page-about .about-industry-grid article:last-child {
  padding-right: 46%;
  background-image: url("/assets/cases/pump-dual-channel-workbench-640.webp");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 42% 100%;
}

body.page-about
  :is(.about-industry-grid, .about-ai-ledger, .about-content-links)
  h3 {
  margin: 0 0 9px;
  font-size: 19px;
}

body.page-about
  :is(.about-industry-grid, .about-ai-ledger, .about-content-links)
  p,
body.page-about .about-ai-ledger li {
  color: var(--inner-muted);
  font-size: 13px;
}

body.page-about .about-ai-ledger ul {
  margin: 0;
  padding-left: 18px;
}

body.page-about .about-faq-grid {
  border: 0;
}

body.page-about .about-faq-grid details {
  border: 1px solid var(--inner-border);
  border-radius: 12px;
  background: #fff;
}

body.page-about .about-faq-grid summary {
  padding-left: 18px;
}

body.page-about .about-faq-grid p {
  padding: 0 18px;
}

body.page-about .disclosure {
  padding: 28px;
  background: #fff;
}

body.page-about .boundary-note {
  border: 1px solid #efd8af;
  border-left: 4px solid var(--inner-gold);
  background: var(--inner-gold-soft);
}

/* Responsive */
@media (max-width: 1080px) {
  body.inner-selected-fusion {
    --shell: min(100% - 48px, 1240px);
  }

  body.inner-selected-fusion .inner-hero-grid,
  body.inner-selected-fusion .home-hero-grid,
  body.inner-selected-fusion .evidence-profile-grid,
  body.inner-selected-fusion .tools-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(330px, 0.85fr);
    gap: 34px;
  }

  body.inner-selected-fusion .site-header .site-nav {
    gap: 18px;
  }

  body.inner-selected-fusion .site-header .site-nav > a,
  body.inner-selected-fusion .site-header .nav-services > summary {
    font-size: 12px;
  }

  body.page-services .service-row,
  body.page-about .service-row {
    grid-template-columns: 62px 1fr 0.9fr;
  }

  body.page-services .service-row .text-link,
  body.page-about .service-row .text-link {
    grid-column: 2 / -1;
    justify-self: start;
  }
}

@media (max-width: 820px) {
  body.inner-selected-fusion {
    --header-height: 75px;
    --shell: min(100% - 36px, 1240px);
  }

  body.inner-selected-fusion .site-header.site-header,
  body.inner-selected-fusion .site-header .header-inner {
    min-height: 75px;
    height: 75px;
  }

  body.inner-selected-fusion .site-header .header-inner {
    width: calc(100% - 32px);
  }

  body.inner-selected-fusion .site-header .brand {
    font-size: 17px;
  }

  body.inner-selected-fusion .brand-logo,
  body.inner-selected-fusion .brand-mark {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
  }

  body.inner-selected-fusion .inner-page-hero,
  body.inner-selected-fusion .simple-hero,
  body.inner-selected-fusion .home-hero.evidence-hero {
    padding: 38px 0 40px;
  }

  body.inner-selected-fusion .inner-hero-grid,
  body.inner-selected-fusion .home-hero-grid,
  body.inner-selected-fusion .evidence-profile-grid,
  body.inner-selected-fusion .tools-hero-grid,
  body.inner-selected-fusion .section-heading,
  body.inner-selected-fusion .contact-panel-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  body.inner-selected-fusion .inner-page-hero h1,
  body.inner-selected-fusion .simple-hero h1,
  body.inner-selected-fusion .display-title {
    font-size: clamp(34px, 9.3vw, 44px);
    line-height: 1.12;
  }

  body.inner-selected-fusion .section {
    padding: 54px 0;
  }

  body.inner-selected-fusion .section-heading {
    margin-bottom: 28px;
  }

  body.inner-selected-fusion .signal-inner {
    min-height: 0;
    padding: 15px 0;
  }

  body.inner-selected-fusion .signal-inner ul {
    gap: 8px 18px;
  }

  body.inner-selected-fusion .work-cycle {
    grid-template-columns: 1fr 1fr;
  }

  body.inner-selected-fusion .cycle-step {
    min-height: 210px;
  }

  body.inner-selected-fusion .cycle-step:nth-child(3) {
    border-top: 1px solid rgba(141, 176, 209, 0.26);
    border-left: 0;
  }

  body.inner-selected-fusion .cycle-step:nth-child(4) {
    border-top: 1px solid rgba(141, 176, 209, 0.26);
  }

  body.inner-selected-fusion .contact-panel,
  body.inner-selected-fusion .inner-final-cta {
    padding: 52px 0;
    background-position: right 80%;
    background-size: 680px auto;
  }

  body.inner-selected-fusion .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 28px;
  }

  body.inner-selected-fusion .footer-brand {
    grid-column: 1 / -1;
  }

  body.page-services :is(.service-route-board, .service-choice-grid),
  body.page-tools .tools-planned-routes,
  body.page-tools .tools-trust-grid,
  body.page-tools .tools-faq-grid,
  body.page-about .about-disclosure-grid,
  body.page-about .about-industry-grid,
  body.page-about .about-ai-ledger,
  body.page-about .about-content-links,
  body.page-about .about-faq-grid {
    grid-template-columns: 1fr;
  }

  body.page-tools .tools-hero-system-grid {
    grid-template-columns: minmax(110px, 0.85fr) minmax(150px, 1.15fr) 50px;
    padding: 20px;
  }

  body.page-tools .tools-release-gate-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-tools .tools-release-gate-grid li,
  body.page-tools .tools-release-gate-grid li:nth-child(3n) {
    border-right: 1px solid rgba(141, 176, 209, 0.24);
    border-bottom: 1px solid rgba(141, 176, 209, 0.24);
  }

  body.page-tools .tools-release-gate-grid li:nth-child(2n) {
    border-right: 0;
  }

  body.page-tools .tools-release-gate-grid li:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  body.page-tools .tools-build-flow-grid {
    grid-template-columns: 1fr;
  }

  body.page-tools .tools-build-flow-steps {
    grid-template-columns: repeat(5, minmax(110px, 1fr));
    overflow-x: auto;
    padding-bottom: 8px;
  }

  body.page-tools .starter-resource-nav a {
    grid-template-columns: 70px minmax(160px, 0.75fr) minmax(0, 1.25fr);
  }

  body.page-tools .starter-resource-nav b {
    grid-column: 2 / -1;
  }

  body.page-services .problem-board {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  body.page-services .services-hero-lines,
  body.page-services .service-route-board,
  body.page-services .service-boundary-grid,
  body.page-services .result-boundary-board {
    grid-template-columns: 1fr;
  }

  body.page-services .services-hero-line + .services-hero-line {
    border-top: 1px solid rgba(141, 176, 209, 0.24);
    border-left: 0;
  }

  body.page-services .service-choice-action {
    grid-column: auto;
  }

  body.page-services .service-method-table .method-row {
    grid-template-columns: 140px minmax(0, 1fr);
  }

  body.page-services .service-method-table .method-step-column:last-child {
    grid-column: 2;
  }

  body.page-services .method-detail {
    grid-template-columns: 88px 1fr;
  }

  body.page-services .method-detail > div:last-child {
    grid-column: 2;
  }

  body.page-insights .article-grid,
  body.page-insights .insights-feature-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  body.page-insights .article-card:first-child {
    grid-row: auto;
    min-height: 420px;
    padding-right: 24px;
    padding-bottom: 220px;
    background-position: center bottom;
    background-size: 100% 200px;
  }

  body.page-insights .principle-grid,
  body.page-insights .insights-topic-directory,
  body.page-insights .insights-faq-grid {
    grid-template-columns: 1fr;
  }

  body.page-insights .insights-author-grid {
    grid-template-columns: 1fr;
  }

  body.page-insights .insights-author-grid article + article {
    border-top: 1px solid #e7ddce;
    border-left: 0;
  }

  body.page-insights .principle-grid .principle-card + .principle-card {
    border-top: 1px solid var(--inner-border);
    border-left: 0;
  }

  body.page-cases .case-showcase,
  body.page-cases .case-record-row,
  body.page-cases .case-showcase.reverse,
  body.page-cases .case-related-grid,
  body.page-cases .case-faq-grid {
    grid-template-columns: 1fr;
  }

  body.page-cases .case-showcase.reverse .case-showcase-visual {
    grid-column: auto;
    grid-row: auto;
  }

  body.page-cases .case-showcase-visual {
    min-height: 280px;
  }

  body.page-cases .case-proof-steps,
  body.page-cases .case-related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-cases .case-trace-flow,
  body.page-cases .case-trace-fields {
    grid-template-columns: repeat(5, minmax(145px, 1fr));
    overflow-x: auto;
  }

  body.page-about .about-method-steps article {
    grid-template-columns: 44px 110px minmax(0, 1fr);
  }

  body.page-about .about-method-steps article > div:last-child {
    grid-column: 3;
  }

  body.page-about .about-industry-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  body.inner-selected-fusion {
    --shell: calc(100% - 28px);
  }

  body.inner-selected-fusion .inner-page-hero h1,
  body.inner-selected-fusion .simple-hero h1,
  body.inner-selected-fusion .display-title {
    font-size: clamp(32px, 9.5vw, 38px);
  }

  body.inner-selected-fusion .lead {
    font-size: 15px;
  }

  body.inner-selected-fusion .hero-actions,
  body.inner-selected-fusion .contact-action {
    align-items: stretch;
    flex-direction: column;
  }

  body.inner-selected-fusion .hero-actions .button,
  body.inner-selected-fusion .contact-action .button {
    width: 100%;
  }

  body.inner-selected-fusion .anchor-strip-inner {
    flex-flow: row nowrap;
    overflow-x: auto;
    padding: 12px 0;
    scrollbar-width: thin;
  }

  body.inner-selected-fusion .anchor-strip strong,
  body.inner-selected-fusion .anchor-strip a {
    flex: 0 0 auto;
  }

  body.inner-selected-fusion .work-cycle {
    grid-template-columns: 1fr;
  }

  body.inner-selected-fusion .cycle-step {
    min-height: 180px;
  }

  body.inner-selected-fusion .cycle-step + .cycle-step {
    border-top: 1px solid rgba(141, 176, 209, 0.26);
    border-left: 0;
  }

  body.inner-selected-fusion .cycle-step h3 {
    margin-top: 38px;
  }

  body.inner-selected-fusion .footer-grid {
    grid-template-columns: 1fr;
  }

  body.inner-selected-fusion .footer-brand {
    grid-column: auto;
  }

  body.inner-selected-fusion .footer-bottom {
    align-items: flex-start;
    flex-direction: column;
    padding: 14px 0;
  }

  body.page-services .service-row,
  body.page-about .service-row {
    grid-template-columns: 1fr;
  }

  body.page-services .service-row .text-link,
  body.page-about .service-row .text-link {
    grid-column: auto;
  }

  body.page-services .method-detail {
    grid-template-columns: 52px 1fr;
    gap: 15px;
  }

  body.page-services .service-contract-board .method-detail {
    grid-template-columns: 90px 1fr;
  }

  body.page-services .service-contract-board .method-detail > div:last-child {
    grid-column: 2;
  }

  body.page-cases .case-showcase-visual {
    min-height: 230px;
  }

  body.page-cases .case-evidence-summary,
  body.page-cases .case-proof-steps,
  body.page-cases .case-related-grid,
  body.page-cases .case-faq-grid {
    grid-template-columns: 1fr;
  }

  body.page-cases .case-proof-steps article {
    min-height: 0;
  }

  body.inner-selected-fusion .contact-route-map {
    grid-template-columns: minmax(0, 1fr) 48px;
  }

  body.page-about .about-method-steps article {
    grid-template-columns: 38px 1fr;
    gap: 12px;
  }

  body.page-about .about-method-steps article > div,
  body.page-about .about-method-steps article > div:last-child {
    grid-column: 2;
  }

  body.page-about .about-industry-grid article:first-child,
  body.page-about .about-industry-grid article:last-child {
    min-height: 330px;
    padding-right: 24px;
    padding-bottom: 180px;
    background-position: center bottom;
    background-size: 100% 160px;
  }

  body.page-tools .tools-hero-system-grid,
  body.page-tools .tools-release-gate-grid {
    grid-template-columns: 1fr;
  }

  body.page-tools .tools-hero-logo {
    margin-inline: auto;
  }

  body.page-tools .tools-release-gate-grid li,
  body.page-tools .tools-release-gate-grid li:nth-child(2n),
  body.page-tools .tools-release-gate-grid li:nth-child(3n) {
    border-right: 0;
    border-bottom: 1px solid rgba(141, 176, 209, 0.24);
  }

  body.page-tools .tools-release-gate-grid li:last-child {
    border-bottom: 0;
  }

  body.page-tools .tools-principle-inner {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    padding: 15px 0;
  }

  body.page-tools .tools-principle-inner ul {
    flex-direction: column;
    gap: 4px;
  }

  body.page-tools .starter-resource-nav a {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  body.page-tools .starter-resource-nav b {
    grid-column: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.inner-selected-fusion *,
  body.inner-selected-fusion *::before,
  body.inner-selected-fusion *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/*
 * Reference desktop canvas
 * The supplied source captures use a 1440px CSS desktop canvas (exported at
 * 2x). Keep the header near the viewport edges and let the content use the
 * same broad, but still readable, 1360px working area.
 */
@media (min-width: 1200px) {
  body.inner-selected-fusion {
    --shell: min(1360px, calc(100vw - 48px));
  }

  body.inner-selected-fusion .site-header .header-inner {
    width: calc(100% - 56px);
    max-width: none;
  }
}

/* Desktop zoom / compact laptop adjustments. These deliberately start above
   820px so the approved mobile layout remains unchanged. */
@media (min-width: 821px) and (max-width: 1180px) {
  body.page-tools .inner-page-hero h1 {
    font-size: clamp(36px, 3.9vw, 46px);
    text-wrap: balance;
  }
}

@media (min-width: 821px) and (max-width: 1050px) {
  body.page-tools .tools-hero-system-grid {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr) 44px;
    gap: 12px;
    padding: 20px 16px;
  }

  body.page-tools .tools-hero-logo {
    width: 44px;
    height: 44px;
  }

  body.page-tools .section {
    padding-block: 56px;
  }

  body.page-tools .section-heading {
    gap: 28px;
    margin-bottom: 28px;
  }

  body.inner-selected-fusion .footer-grid {
    grid-template-columns: minmax(0, 1.25fr) repeat(3, minmax(0, 1fr));
    gap: 24px;
  }

  body.inner-selected-fusion .footer-brand {
    grid-column: auto;
  }
}

/* The HTML sitemap uses the existing inner-page tokens on desktop only. */
@media (min-width: 821px) {
  body.page-sitemap .simple-hero {
    padding-block: 48px;
  }

  body.page-sitemap .simple-hero h1 {
    font-size: clamp(36px, 3.5vw, 46px);
  }

  body.page-sitemap .simple-hero .lead {
    font-size: 16px;
    line-height: 1.75;
  }

  body.page-sitemap .section {
    padding-block: 56px;
  }

  body.page-sitemap .sitemap-grid {
    align-items: start;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }

  body.page-sitemap .sitemap-group {
    min-width: 0;
    padding: 24px;
    border-color: var(--inner-border);
    border-radius: 14px;
    background: var(--inner-white);
  }

  body.page-sitemap .sitemap-group h2 {
    margin-bottom: 12px;
    font-size: 20px;
  }

  body.page-sitemap .sitemap-group a {
    padding-block: 7px;
    color: var(--inner-muted);
    font-size: 14px;
    line-height: 1.75;
  }

  body.page-sitemap .sitemap-group a:hover {
    color: var(--inner-blue);
  }
}

@media (min-width: 821px) and (max-width: 1050px) {
  body.page-sitemap .sitemap-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
