/* =========================================================
   Useful Information — Eligibility of costs
   Shared module styles + page 01: Eligibility test
   ========================================================= */

.eligibility-page {
  --elig-ink: #083260;
  --elig-copy: #315c72;
  --elig-green: #5c963b;
  --elig-green-dark: #3f7d2d;
  --elig-teal: #0c827b;
  --elig-blue: #176f98;
  --elig-gold: #c7952f;
  --elig-red: #b55f49;
  --elig-cream: #fffaf0;
  --elig-mist: #eef8f4;
  --elig-line: rgba(126, 177, 165, 0.42);
  --elig-shadow: 0 20px 48px rgba(24, 74, 91, 0.1);
  background:
    radial-gradient(circle at 9% 8%, rgba(201, 229, 212, 0.42), transparent 28rem),
    radial-gradient(circle at 92% 14%, rgba(205, 230, 239, 0.55), transparent 31rem),
    linear-gradient(180deg, #fbfcf8 0%, #f6fbf8 48%, #edf7f4 100%);
}

.eligibility-page main {
  background: transparent;
}

.eligibility-test-shell {
  width: min(1340px, calc(100% - 64px));
  margin: 0 auto;
}

.eligibility-test-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  margin: 0 0 14px;
  color: var(--elig-teal);
  font-size: 0.9rem;
  font-weight: 900;
  letter-spacing: 0.015em;
}

.eligibility-test-kicker::before {
  content: "";
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--elig-green);
  box-shadow: 0 0 0 6px rgba(92, 150, 59, 0.13);
}

/* Hero */

.eligibility-test-hero {
  position: relative;
  overflow: hidden;
  padding: 54px 0 38px;
  background:
    radial-gradient(circle at 58% 22%, rgba(255, 255, 255, 0.92), transparent 26rem),
    linear-gradient(180deg, rgba(238, 248, 244, 0.94), rgba(255, 251, 239, 0.76));
  border-bottom: 1px solid rgba(126, 177, 165, 0.28);
}

.eligibility-test-hero::before,
.eligibility-test-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(2px);
}

.eligibility-test-hero::before {
  width: 360px;
  height: 210px;
  left: -90px;
  bottom: -90px;
  background: rgba(143, 190, 144, 0.13);
}

.eligibility-test-hero::after {
  width: 300px;
  height: 180px;
  right: -55px;
  top: 22px;
  background: rgba(108, 175, 195, 0.14);
}

.eligibility-test-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(500px, 1.12fr);
  gap: 38px;
  align-items: center;
}

.eligibility-test-hero-copy h1,
.eligibility-test-section-heading h2,
.eligibility-test-split-copy h2 {
  color: var(--elig-ink);
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: -0.045em;
}

.eligibility-test-hero-copy h1 {
  max-width: 680px;
  margin: 0 0 20px;
  font-size: clamp(3rem, 4.6vw, 5.1rem);
  line-height: 0.94;
}

.eligibility-test-lead {
  max-width: 710px;
  margin: 0;
  color: #214e68;
  font-size: 1.08rem;
  line-height: 1.68;
}

.eligibility-test-hero-note {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  margin-top: 24px;
  padding: 18px 20px;
  border: 1px solid rgba(92, 150, 59, 0.28);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(244, 251, 238, 0.96), rgba(255, 250, 235, 0.9));
  box-shadow: 0 12px 30px rgba(24, 74, 91, 0.06);
}

.eligibility-test-hero-note > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(92, 150, 59, 0.14);
  color: var(--elig-green-dark);
  font-size: 1.25rem;
  font-weight: 900;
}

.eligibility-test-hero-note p {
  margin: 0;
  color: #315c63;
  line-height: 1.55;
}

.eligibility-test-hero-note strong {
  color: #285f32;
}

.eligibility-test-quick-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.eligibility-test-quick-links a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid rgba(23, 111, 152, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.76);
  color: #0b5c8c;
  font-size: 0.9rem;
  font-weight: 900;
  box-shadow: 0 8px 20px rgba(24, 74, 91, 0.05);
  transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.eligibility-test-quick-links a:hover {
  transform: translateY(-2px);
  background: #fff;
  border-color: rgba(12, 130, 123, 0.38);
}

.eligibility-test-hero-visual {
  margin: 0;
  min-width: 0;
}

.eligibility-test-hero-visual img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 580px;
  object-fit: contain;
  filter: drop-shadow(0 18px 26px rgba(36, 83, 92, 0.08));
}

/* Shared sections */

.eligibility-test-section {
  padding: 68px 0;
}

.eligibility-test-section:nth-of-type(even) {
  background: rgba(255, 255, 255, 0.32);
}

.eligibility-test-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.75fr);
  gap: 48px;
  align-items: end;
  margin-bottom: 30px;
}

.eligibility-test-section-heading--center {
  display: block;
  max-width: 900px;
  margin: 0 auto 30px;
  text-align: center;
}

.eligibility-test-section-heading--center .eligibility-test-kicker {
  margin-left: auto;
  margin-right: auto;
}

.eligibility-test-section-heading h2,
.eligibility-test-split-copy h2 {
  margin: 0;
  font-size: clamp(2.15rem, 3vw, 3.45rem);
  line-height: 1.02;
}

.eligibility-test-section-heading > p,
.eligibility-test-section-heading--center > p,
.eligibility-test-split-copy > p:not(.eligibility-test-kicker) {
  margin: 0;
  color: var(--elig-copy);
  font-size: 1rem;
  line-height: 1.62;
}

.eligibility-test-section-heading--center > p {
  margin-top: 16px;
}

.eligibility-test-wide-visual {
  margin: 0 auto 30px;
  padding: 14px;
  border: 1px solid rgba(126, 177, 165, 0.28);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.62);
  box-shadow: var(--elig-shadow);
}

.eligibility-test-wide-visual img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 620px;
  object-fit: contain;
  border-radius: 22px;
}

/* Eight conditions */

.eligibility-test-condition-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.eligibility-test-condition-grid article {
  min-height: 205px;
  padding: 22px;
  border: 1px solid var(--elig-line);
  border-radius: 23px;
  background:
    radial-gradient(circle at 86% 12%, rgba(215, 239, 230, 0.72), transparent 32%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(247, 251, 246, 0.88));
  box-shadow: 0 14px 34px rgba(24, 74, 91, 0.07);
}

.eligibility-test-condition-grid span,
.eligibility-test-link-cards span {
  display: inline-grid;
  place-items: center;
  min-width: 42px;
  height: 34px;
  padding: 0 11px;
  border-radius: 999px;
  background: rgba(92, 150, 59, 0.13);
  color: var(--elig-green-dark);
  font-size: 0.82rem;
  font-weight: 900;
}

.eligibility-test-condition-grid h3 {
  margin: 18px 0 8px;
  color: var(--elig-ink);
  font-size: 1.04rem;
  line-height: 1.18;
}

.eligibility-test-condition-grid p {
  margin: 0;
  color: var(--elig-copy);
  font-size: 0.9rem;
  line-height: 1.48;
}

/* Quick test */

.eligibility-test-section--test {
  background:
    radial-gradient(circle at 8% 22%, rgba(224, 240, 233, 0.7), transparent 24rem),
    linear-gradient(180deg, rgba(248, 252, 249, 0.86), rgba(255, 250, 237, 0.64));
}

.eligibility-test-question-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.eligibility-test-question-list li {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-height: 82px;
  padding: 15px 18px;
  border: 1px solid rgba(126, 177, 165, 0.36);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 10px 26px rgba(24, 74, 91, 0.05);
}

.eligibility-test-question-list span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #e9f4e4;
  color: var(--elig-green-dark);
  font-weight: 900;
}

.eligibility-test-question-list p {
  margin: 0;
  color: #184364;
  font-size: 0.96rem;
  font-weight: 800;
  line-height: 1.4;
}

.eligibility-test-answer-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 24px;
}

.eligibility-test-answer {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  min-height: 150px;
  padding: 20px;
  border-radius: 22px;
  border: 1px solid transparent;
}

.eligibility-test-answer > span,
.eligibility-test-signal > span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: 1.18rem;
  font-weight: 900;
}

.eligibility-test-answer h3,
.eligibility-test-signal h3 {
  margin: 2px 0 8px;
  color: var(--elig-ink);
  font-size: 1rem;
}

.eligibility-test-answer p,
.eligibility-test-signal p {
  margin: 0;
  color: var(--elig-copy);
  font-size: 0.9rem;
  line-height: 1.45;
}

.eligibility-test-answer--yes {
  background: #edf7e9;
  border-color: rgba(92, 150, 59, 0.3);
}

.eligibility-test-answer--yes > span {
  color: var(--elig-green-dark);
  background: rgba(92, 150, 59, 0.15);
}

.eligibility-test-answer--check {
  background: #fff7df;
  border-color: rgba(199, 149, 47, 0.32);
}

.eligibility-test-answer--check > span {
  color: #986918;
  background: rgba(199, 149, 47, 0.16);
}

.eligibility-test-answer--no {
  background: #fff0ec;
  border-color: rgba(181, 95, 73, 0.28);
}

.eligibility-test-answer--no > span {
  color: #9f4e3b;
  background: rgba(181, 95, 73, 0.14);
}

/* Split editorial sections */

.eligibility-test-split {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(460px, 1.05fr);
  gap: 52px;
  align-items: center;
}

.eligibility-test-split--reverse {
  grid-template-columns: minmax(460px, 1.05fr) minmax(0, 0.95fr);
}

.eligibility-test-split-copy > p:not(.eligibility-test-kicker) {
  margin-top: 18px;
}

.eligibility-test-split-visual {
  margin: 0;
  padding: 12px;
  border: 1px solid rgba(126, 177, 165, 0.28);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.66);
  box-shadow: var(--elig-shadow);
}

.eligibility-test-split-visual img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 22px;
}

.eligibility-test-level-list,
.eligibility-test-link-cards,
.eligibility-test-signal-list {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}

.eligibility-test-level-list article,
.eligibility-test-link-cards article,
.eligibility-test-signal {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 16px 18px;
  border: 1px solid rgba(126, 177, 165, 0.34);
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.8);
}

.eligibility-test-level-list article > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(12, 130, 123, 0.12);
  color: var(--elig-teal);
  font-weight: 900;
}

.eligibility-test-level-list h3,
.eligibility-test-link-cards h3 {
  margin: 2px 0 6px;
  color: var(--elig-ink);
  font-size: 1rem;
}

.eligibility-test-level-list p,
.eligibility-test-link-cards p {
  margin: 0;
  color: var(--elig-copy);
  font-size: 0.89rem;
  line-height: 1.45;
}

.eligibility-test-callout,
.eligibility-test-example,
.eligibility-test-time-note {
  margin-top: 20px;
  padding: 19px 21px;
  border: 1px solid rgba(199, 149, 47, 0.28);
  border-radius: 20px;
  background: linear-gradient(135deg, #fff9e9, #f2faf5);
  color: #4f593f;
  line-height: 1.55;
}

.eligibility-test-example strong {
  display: block;
  margin-bottom: 7px;
  color: #7a5b1c;
}

.eligibility-test-example p,
.eligibility-test-time-note p {
  margin: 0;
}

.eligibility-test-section--links {
  background:
    radial-gradient(circle at 88% 20%, rgba(229, 244, 236, 0.72), transparent 28rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.46), rgba(248, 252, 249, 0.7));
}

/* Timeline */

.eligibility-test-wide-visual--timeline {
  padding-bottom: 4px;
}

.eligibility-test-timeline {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.eligibility-test-timeline li {
  position: relative;
  min-height: 96px;
  padding: 13px 10px;
  text-align: center;
  border: 1px solid rgba(126, 177, 165, 0.35);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.84);
}

.eligibility-test-timeline li:not(:last-child)::after {
  content: "→";
  position: absolute;
  z-index: 2;
  right: -10px;
  top: 37px;
  color: rgba(12, 130, 123, 0.56);
  font-weight: 900;
}

.eligibility-test-timeline span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin: 0 auto 9px;
  border-radius: 50%;
  background: rgba(92, 150, 59, 0.14);
  color: var(--elig-green-dark);
  font-size: 0.84rem;
  font-weight: 900;
}

.eligibility-test-timeline strong {
  color: #174765;
  font-size: 0.82rem;
  line-height: 1.25;
}

.eligibility-test-time-note {
  max-width: 930px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* Signals */

.eligibility-test-section--signals {
  background: linear-gradient(180deg, rgba(255, 250, 240, 0.46), rgba(247, 251, 248, 0.76));
}

.eligibility-test-signal--green {
  border-color: rgba(92, 150, 59, 0.3);
  background: rgba(239, 248, 234, 0.9);
}

.eligibility-test-signal--green > span {
  color: var(--elig-green-dark);
  background: rgba(92, 150, 59, 0.14);
}

.eligibility-test-signal--yellow {
  border-color: rgba(199, 149, 47, 0.3);
  background: rgba(255, 248, 224, 0.92);
}

.eligibility-test-signal--yellow > span {
  color: #956615;
  background: rgba(199, 149, 47, 0.15);
}

.eligibility-test-signal--red {
  border-color: rgba(181, 95, 73, 0.28);
  background: rgba(255, 240, 236, 0.92);
}

.eligibility-test-signal--red > span {
  color: #9f4e3b;
  background: rgba(181, 95, 73, 0.14);
}

.eligibility-test-text-link {
  display: inline-flex;
  margin-top: 20px;
  color: #0b5c8c;
  font-weight: 900;
}

/* Final readiness */

.eligibility-test-section--ready {
  padding-bottom: 52px;
  background:
    radial-gradient(circle at 50% 18%, rgba(229, 243, 233, 0.76), transparent 32rem),
    linear-gradient(180deg, rgba(247, 251, 248, 0.86), rgba(239, 248, 245, 0.96));
}

.eligibility-test-ready-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.eligibility-test-ready-grid li {
  position: relative;
  min-height: 74px;
  display: flex;
  align-items: center;
  padding: 15px 17px 15px 54px;
  border: 1px solid rgba(92, 150, 59, 0.26);
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.84);
  color: #174765;
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1.35;
}

.eligibility-test-ready-grid li::before {
  content: "✓";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(92, 150, 59, 0.14);
  color: var(--elig-green-dark);
  font-weight: 900;
}

.eligibility-test-next-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 28px;
}

.eligibility-test-next-links a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
  min-height: 86px;
  padding: 17px 19px;
  border: 1px solid rgba(23, 111, 152, 0.22);
  border-radius: 21px;
  background: rgba(255, 255, 255, 0.84);
  color: var(--elig-ink);
  box-shadow: 0 12px 30px rgba(24, 74, 91, 0.06);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.eligibility-test-next-links a:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(24, 74, 91, 0.1);
}

.eligibility-test-next-links span {
  display: grid;
  place-items: center;
  min-width: 42px;
  height: 34px;
  padding: 0 9px;
  border-radius: 999px;
  background: rgba(12, 130, 123, 0.1);
  color: var(--elig-teal);
  font-size: 0.78rem;
  font-weight: 900;
}

.eligibility-test-next-links strong {
  font-size: 0.94rem;
  line-height: 1.28;
}

.eligibility-test-next-links em {
  color: #0b5c8c;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 900;
}

.eligibility-test-bottom-back {
  display: flex;
  justify-content: center;
  margin-top: 34px;
}

.eligibility-test-bottom-back a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 21px;
  border: 1px solid rgba(23, 111, 152, 0.28);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.84);
  color: #0b5c8c;
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(24, 74, 91, 0.06);
}

/* Responsive */

@media (max-width: 1180px) {
  .eligibility-test-hero-grid,
  .eligibility-test-split,
  .eligibility-test-split--reverse {
    grid-template-columns: 1fr;
  }

  .eligibility-test-hero-copy {
    max-width: 850px;
  }

  .eligibility-test-hero-visual {
    max-width: 900px;
    margin: 0 auto;
  }

  .eligibility-test-section-heading {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .eligibility-test-condition-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .eligibility-test-timeline {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .eligibility-test-timeline li:nth-child(4)::after {
    display: none;
  }

  .eligibility-test-split--reverse .eligibility-test-split-visual {
    order: 2;
  }

  .eligibility-test-split--reverse .eligibility-test-split-copy {
    order: 1;
  }
}

@media (max-width: 820px) {
  .eligibility-test-shell {
    width: min(100% - 36px, 700px);
  }

  .eligibility-test-hero {
    padding-top: 42px;
  }

  .eligibility-test-hero-copy h1 {
    font-size: clamp(2.7rem, 10vw, 4.2rem);
  }

  .eligibility-test-section {
    padding: 52px 0;
  }

  .eligibility-test-question-list,
  .eligibility-test-answer-grid,
  .eligibility-test-ready-grid,
  .eligibility-test-next-links {
    grid-template-columns: 1fr;
  }

  .eligibility-test-timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .eligibility-test-timeline li:nth-child(even)::after {
    display: none;
  }
}

@media (max-width: 560px) {
  .eligibility-test-shell {
    width: calc(100% - 28px);
  }

  .eligibility-test-condition-grid,
  .eligibility-test-timeline {
    grid-template-columns: 1fr;
  }

  .eligibility-test-condition-grid article {
    min-height: auto;
  }

  .eligibility-test-timeline li::after {
    display: none !important;
  }

  .eligibility-test-quick-links {
    flex-direction: column;
    align-items: stretch;
  }

  .eligibility-test-quick-links a {
    justify-content: center;
  }

  .eligibility-test-hero-note,
  .eligibility-test-answer,
  .eligibility-test-level-list article,
  .eligibility-test-link-cards article,
  .eligibility-test-signal {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .eligibility-test-wide-visual,
  .eligibility-test-split-visual {
    padding: 7px;
    border-radius: 22px;
  }

  .eligibility-test-wide-visual img,
  .eligibility-test-split-visual img {
    border-radius: 16px;
  }
}

/* =========================================================
   PATCH 01.1 — Visual rhythm refinements after browser review
   ========================================================= */

/* The panoramic illustrations now use tightly cropped source files.
   Keep their cards narrower and let the artwork fill them naturally. */
.eligibility-test-wide-visual {
  max-width: 1040px;
}

.eligibility-test-wide-visual img {
  max-height: none;
}

/* Long editorial headings remain prominent without dominating the split layout. */
.eligibility-test-split-copy h2 {
  font-size: clamp(2rem, 2.55vw, 3.05rem);
  line-height: 1.045;
}

/* The cropped hero artwork can breathe at its natural proportions. */
.eligibility-test-hero-visual img {
  max-height: 520px;
}

@media (max-width: 1180px) {
  .eligibility-test-wide-visual {
    max-width: 960px;
  }
}

@media (max-width: 820px) {
  .eligibility-test-split-copy h2 {
    font-size: clamp(2rem, 7vw, 2.75rem);
  }
}


/* =========================================================
   Page 02 — How the cost is calculated and reimbursed
   ========================================================= */

.eligibility-calculation-page {
  --calc-blue: #1b6f99;
  --calc-blue-soft: #e8f3f8;
  --calc-green: #5d963b;
  --calc-green-dark: #3e782e;
  --calc-teal: #0b8178;
  --calc-gold: #c58f2b;
  --calc-orange: #c87732;
  --calc-purple: #745ba6;
  --calc-red: #b45747;
  --calc-ink: #083260;
  --calc-copy: #315c72;
  --calc-line: rgba(126, 177, 165, 0.38);
  --calc-shadow: 0 20px 48px rgba(24, 74, 91, 0.1);
}

.eligibility-calculation-shell {
  width: min(1340px, calc(100% - 64px));
  margin: 0 auto;
}

.eligibility-calculation-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  margin: 0 0 14px;
  color: var(--calc-teal);
  font-size: 0.9rem;
  font-weight: 900;
  letter-spacing: 0.015em;
}

.eligibility-calculation-kicker::before {
  content: "";
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--calc-green);
  box-shadow: 0 0 0 6px rgba(93, 150, 59, 0.13);
}

.eligibility-calculation-hero {
  position: relative;
  overflow: hidden;
  padding: 54px 0 42px;
  border-bottom: 1px solid rgba(126, 177, 165, 0.28);
  background:
    radial-gradient(circle at 58% 22%, rgba(255, 255, 255, 0.94), transparent 27rem),
    linear-gradient(180deg, rgba(238, 248, 244, 0.96), rgba(255, 250, 236, 0.76));
}

.eligibility-calculation-hero::before,
.eligibility-calculation-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
}

.eligibility-calculation-hero::before {
  width: 350px;
  height: 220px;
  left: -100px;
  bottom: -96px;
  background: rgba(146, 190, 137, 0.14);
}

.eligibility-calculation-hero::after {
  width: 330px;
  height: 190px;
  right: -65px;
  top: 20px;
  background: rgba(101, 176, 196, 0.14);
}

.eligibility-calculation-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(540px, 1.18fr);
  gap: 40px;
  align-items: center;
}

.eligibility-calculation-hero-copy h1,
.eligibility-calculation-heading h2,
.eligibility-calculation-split-copy h2 {
  color: var(--calc-ink);
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: -0.045em;
}

.eligibility-calculation-hero-copy h1 {
  max-width: 700px;
  margin: 0 0 20px;
  font-size: clamp(3rem, 4.3vw, 4.85rem);
  line-height: 0.96;
}

.eligibility-calculation-lead {
  max-width: 720px;
  margin: 0;
  color: #214e68;
  font-size: 1.07rem;
  line-height: 1.68;
}

.eligibility-calculation-hero-note {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  margin-top: 24px;
  padding: 18px 20px;
  border: 1px solid rgba(93, 150, 59, 0.28);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(244, 251, 238, 0.96), rgba(255, 249, 233, 0.9));
  box-shadow: 0 12px 30px rgba(24, 74, 91, 0.06);
}

.eligibility-calculation-hero-note > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(93, 150, 59, 0.14);
  color: var(--calc-green-dark);
  font-size: 1.1rem;
  font-weight: 900;
}

.eligibility-calculation-hero-note p {
  margin: 0;
  color: #315c63;
  line-height: 1.55;
}

.eligibility-calculation-hero-note strong {
  color: #285f32;
}

.eligibility-calculation-quick-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  margin-top: 22px;
}

.eligibility-calculation-quick-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 42px;
  padding: 7px 10px;
  border: 1px solid rgba(27, 111, 153, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  color: #0b5c8c;
  font-size: 0.82rem;
  font-weight: 900;
  line-height: 1.15;
  text-align: center;
  box-shadow: 0 8px 20px rgba(24, 74, 91, 0.05);
  transition: transform 0.18s ease, background 0.18s ease;
}

.eligibility-calculation-quick-links a:hover {
  transform: translateY(-2px);
  background: #fff;
}

.eligibility-calculation-hero-visual {
  margin: 0;
  min-width: 0;
}

.eligibility-calculation-hero-visual img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 610px;
  object-fit: contain;
  filter: drop-shadow(0 18px 26px rgba(36, 83, 92, 0.09));
}

.eligibility-calculation-section {
  padding: 70px 0;
}

.eligibility-calculation-section:nth-of-type(even) {
  background: rgba(255, 255, 255, 0.3);
}

.eligibility-calculation-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.98fr) minmax(320px, 0.72fr);
  gap: 48px;
  align-items: end;
  margin-bottom: 30px;
}

.eligibility-calculation-heading--center {
  display: block;
  max-width: 940px;
  margin: 0 auto 30px;
  text-align: center;
}

.eligibility-calculation-heading--center .eligibility-calculation-kicker {
  margin-left: auto;
  margin-right: auto;
}

.eligibility-calculation-heading h2,
.eligibility-calculation-split-copy h2 {
  margin: 0;
  font-size: clamp(2.1rem, 2.9vw, 3.35rem);
  line-height: 1.025;
}

.eligibility-calculation-heading > p,
.eligibility-calculation-heading--center > p,
.eligibility-calculation-split-copy > p:not(.eligibility-calculation-kicker) {
  margin: 0;
  color: var(--calc-copy);
  font-size: 1rem;
  line-height: 1.62;
}

.eligibility-calculation-heading--center > p {
  margin-top: 16px;
}

.eligibility-calculation-split {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(500px, 1.08fr);
  gap: 50px;
  align-items: center;
}

.eligibility-calculation-split--reverse {
  grid-template-columns: minmax(520px, 1.08fr) minmax(0, 0.92fr);
}

.eligibility-calculation-split-copy h2 {
  margin-bottom: 18px;
  font-size: clamp(2rem, 2.55vw, 3.05rem);
  line-height: 1.045;
}

.eligibility-calculation-split-visual,
.eligibility-calculation-wide-visual {
  margin: 0;
  padding: 12px;
  border: 1px solid rgba(126, 177, 165, 0.28);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.68);
  box-shadow: var(--calc-shadow);
}

.eligibility-calculation-split-visual img,
.eligibility-calculation-wide-visual img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 20px;
}

.eligibility-calculation-split-visual--large {
  max-width: 720px;
}

.eligibility-calculation-wide-visual {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.eligibility-calculation-wide-visual--poster {
  max-width: 1100px;
}

.eligibility-calculation-source-list,
.eligibility-calculation-check-list {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}

.eligibility-calculation-source-list article,
.eligibility-calculation-check-list article,
.eligibility-calculation-real-notes article,
.eligibility-calculation-three-checks article {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 13px;
  align-items: start;
  padding: 15px 17px;
  border: 1px solid rgba(126, 177, 165, 0.34);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.76);
}

.eligibility-calculation-source-list span,
.eligibility-calculation-check-list span,
.eligibility-calculation-real-notes span,
.eligibility-calculation-three-checks span {
  display: grid;
  place-items: center;
  min-width: 38px;
  height: 34px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(11, 129, 120, 0.11);
  color: var(--calc-teal);
  font-size: 0.78rem;
  font-weight: 900;
}

.eligibility-calculation-source-list h3,
.eligibility-calculation-check-list h3,
.eligibility-calculation-real-notes h3,
.eligibility-calculation-three-checks h3 {
  margin: 0 0 4px;
  color: var(--calc-ink);
  font-size: 0.98rem;
}

.eligibility-calculation-source-list p,
.eligibility-calculation-check-list p,
.eligibility-calculation-real-notes p,
.eligibility-calculation-three-checks p {
  margin: 0;
  color: var(--calc-copy);
  font-size: 0.9rem;
  line-height: 1.48;
}

.eligibility-calculation-callout,
.eligibility-calculation-example-note {
  margin-top: 20px;
  padding: 17px 19px;
  border: 1px solid rgba(197, 143, 43, 0.28);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255, 249, 232, 0.94), rgba(241, 249, 240, 0.88));
  color: #586344;
  line-height: 1.55;
}

.eligibility-calculation-callout strong,
.eligibility-calculation-example-note strong {
  color: #7a5a16;
}

.eligibility-calculation-section--methods {
  background:
    radial-gradient(circle at 8% 18%, rgba(228, 240, 233, 0.68), transparent 26rem),
    linear-gradient(180deg, rgba(249, 252, 249, 0.9), rgba(255, 250, 238, 0.68));
}

.eligibility-calculation-method-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

.eligibility-calculation-method-card {
  min-height: 230px;
  padding: 21px;
  border: 1px solid rgba(126, 177, 165, 0.34);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 14px 34px rgba(24, 74, 91, 0.07);
}

.eligibility-calculation-method-card > span {
  display: grid;
  place-items: center;
  width: 39px;
  height: 39px;
  border-radius: 50%;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 900;
}

.eligibility-calculation-method-card--real > span { background: var(--calc-green); }
.eligibility-calculation-method-card--rate > span { background: var(--calc-blue); }
.eligibility-calculation-method-card--unit > span { background: var(--calc-orange); }
.eligibility-calculation-method-card--lump > span { background: var(--calc-purple); }

.eligibility-calculation-method-card h3 {
  margin: 17px 0 9px;
  color: var(--calc-ink);
  font-size: 1.07rem;
}

.eligibility-calculation-method-card p {
  margin: 0 0 14px;
  color: var(--calc-copy);
  font-size: 0.91rem;
  line-height: 1.5;
}

.eligibility-calculation-method-card strong {
  display: block;
  padding-top: 13px;
  border-top: 1px dashed rgba(49, 92, 114, 0.2);
  color: #24556f;
  font-size: 0.87rem;
  line-height: 1.42;
}

.eligibility-calculation-real-notes,
.eligibility-calculation-three-checks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.eligibility-calculation-section--rate {
  background:
    radial-gradient(circle at 90% 20%, rgba(215, 236, 229, 0.56), transparent 24rem),
    rgba(255, 255, 255, 0.28);
}

.eligibility-calculation-formula {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 10px;
  align-items: center;
  margin-top: 20px;
  padding: 15px;
  border: 1px solid rgba(27, 111, 153, 0.22);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.82);
  text-align: center;
}

.eligibility-calculation-formula span,
.eligibility-calculation-formula strong {
  padding: 10px;
  border-radius: 13px;
  background: rgba(228, 242, 237, 0.72);
  color: var(--calc-ink);
  font-size: 1rem;
  font-weight: 900;
}

.eligibility-calculation-formula b {
  color: var(--calc-green-dark);
  font-size: 1.25rem;
}

.eligibility-calculation-dual-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 24px;
}

.eligibility-calculation-dual-cards article {
  padding: 20px;
  border: 1px solid rgba(126, 177, 165, 0.34);
  border-radius: 21px;
  background: rgba(255, 255, 255, 0.8);
}

.eligibility-calculation-dual-cards span {
  display: inline-flex;
  min-height: 31px;
  align-items: center;
  padding: 0 11px;
  border-radius: 999px;
  background: rgba(197, 143, 43, 0.14);
  color: #835b0d;
  font-size: 0.78rem;
  font-weight: 900;
}

.eligibility-calculation-dual-cards article:nth-child(2) span {
  background: rgba(116, 91, 166, 0.12);
  color: #604691;
}

.eligibility-calculation-dual-cards h3 {
  margin: 14px 0 10px;
  color: var(--calc-ink);
  font-size: 1.02rem;
}

.eligibility-calculation-dual-cards ul {
  margin: 0;
  padding-left: 18px;
  color: var(--calc-copy);
  font-size: 0.89rem;
  line-height: 1.55;
}

.eligibility-calculation-section--combinations {
  background:
    radial-gradient(circle at 50% 35%, rgba(227, 242, 235, 0.56), transparent 31rem),
    linear-gradient(180deg, rgba(248, 252, 249, 0.86), rgba(255, 250, 238, 0.62));
}

.eligibility-calculation-three-checks span {
  background: rgba(93, 150, 59, 0.14);
  color: var(--calc-green-dark);
  font-size: 1rem;
}

.eligibility-calculation-section--reimbursement {
  background:
    radial-gradient(circle at 12% 18%, rgba(214, 235, 243, 0.62), transparent 25rem),
    linear-gradient(180deg, rgba(248, 252, 251, 0.9), rgba(240, 248, 245, 0.78));
}

.eligibility-calculation-flow {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

.eligibility-calculation-flow article {
  position: relative;
  min-height: 250px;
  padding: 18px 15px;
  border: 1px solid rgba(126, 177, 165, 0.34);
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% 8%, rgba(218, 239, 232, 0.62), transparent 34%),
    rgba(255, 255, 255, 0.84);
  text-align: center;
  box-shadow: 0 14px 34px rgba(24, 74, 91, 0.07);
}

.eligibility-calculation-flow article:not(:last-child)::after {
  content: "→";
  position: absolute;
  top: 50%;
  right: -17px;
  z-index: 2;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #f7fbf8;
  color: var(--calc-teal);
  font-weight: 900;
}

.eligibility-calculation-flow article > span {
  display: inline-grid;
  place-items: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: var(--calc-ink);
  color: #fff;
  font-size: 0.8rem;
  font-weight: 900;
}

.eligibility-calculation-flow-icon {
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  margin: 17px auto;
  border-radius: 24px;
  background: rgba(11, 129, 120, 0.1);
  color: var(--calc-teal);
  font-size: 1.65rem;
  font-weight: 900;
}

.eligibility-calculation-flow h3 {
  margin: 0 0 9px;
  color: var(--calc-ink);
  font-size: 0.98rem;
  line-height: 1.28;
}

.eligibility-calculation-flow p {
  margin: 0;
  color: var(--calc-copy);
  font-size: 0.85rem;
  line-height: 1.48;
}

.eligibility-calculation-reimbursement-notes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 24px;
}

.eligibility-calculation-reimbursement-notes article {
  padding: 18px;
  border: 1px solid rgba(197, 143, 43, 0.24);
  border-radius: 19px;
  background: linear-gradient(135deg, rgba(255, 250, 235, 0.9), rgba(247, 252, 248, 0.9));
}

.eligibility-calculation-reimbursement-notes h3 {
  margin: 0 0 7px;
  color: var(--calc-ink);
  font-size: 1rem;
}

.eligibility-calculation-reimbursement-notes p {
  margin: 0;
  color: var(--calc-copy);
  font-size: 0.9rem;
  line-height: 1.5;
}

.eligibility-calculation-section--errors {
  background: rgba(255, 255, 255, 0.34);
}

.eligibility-calculation-error-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.eligibility-calculation-error-grid article {
  min-height: 190px;
  padding: 20px;
  border: 1px solid rgba(180, 87, 71, 0.22);
  border-radius: 21px;
  background:
    radial-gradient(circle at 90% 10%, rgba(249, 222, 214, 0.6), transparent 30%),
    rgba(255, 255, 255, 0.84);
  box-shadow: 0 12px 30px rgba(24, 74, 91, 0.06);
}

.eligibility-calculation-error-grid span {
  display: inline-grid;
  place-items: center;
  min-width: 39px;
  height: 33px;
  padding: 0 9px;
  border-radius: 999px;
  background: rgba(180, 87, 71, 0.1);
  color: var(--calc-red);
  font-size: 0.78rem;
  font-weight: 900;
}

.eligibility-calculation-error-grid h3 {
  margin: 17px 0 8px;
  color: var(--calc-ink);
  font-size: 1.03rem;
}

.eligibility-calculation-error-grid p {
  margin: 0;
  color: var(--calc-copy);
  font-size: 0.9rem;
  line-height: 1.5;
}

.eligibility-calculation-section--ready {
  padding-bottom: 52px;
  background:
    radial-gradient(circle at 50% 18%, rgba(229, 243, 233, 0.76), transparent 32rem),
    linear-gradient(180deg, rgba(247, 251, 248, 0.86), rgba(239, 248, 245, 0.96));
}

.eligibility-calculation-ready-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.eligibility-calculation-ready-grid li {
  position: relative;
  min-height: 74px;
  display: flex;
  align-items: center;
  padding: 15px 17px 15px 54px;
  border: 1px solid rgba(93, 150, 59, 0.26);
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.84);
  color: #174765;
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1.35;
}

.eligibility-calculation-ready-grid li::before {
  content: "✓";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(93, 150, 59, 0.14);
  color: var(--calc-green-dark);
  font-weight: 900;
}

.eligibility-calculation-next-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 28px;
}

.eligibility-calculation-next-links a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
  min-height: 86px;
  padding: 17px 19px;
  border: 1px solid rgba(27, 111, 153, 0.22);
  border-radius: 21px;
  background: rgba(255, 255, 255, 0.84);
  color: var(--calc-ink);
  box-shadow: 0 12px 30px rgba(24, 74, 91, 0.06);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.eligibility-calculation-next-links a:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(24, 74, 91, 0.1);
}

.eligibility-calculation-next-links span {
  display: grid;
  place-items: center;
  min-width: 42px;
  height: 34px;
  padding: 0 9px;
  border-radius: 999px;
  background: rgba(11, 129, 120, 0.1);
  color: var(--calc-teal);
  font-size: 0.78rem;
  font-weight: 900;
}

.eligibility-calculation-next-links strong {
  font-size: 0.94rem;
  line-height: 1.28;
}

.eligibility-calculation-next-links em {
  color: #0b5c8c;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 900;
}

.eligibility-calculation-bottom-back {
  display: flex;
  justify-content: center;
  margin-top: 34px;
}

.eligibility-calculation-bottom-back a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 21px;
  border: 1px solid rgba(27, 111, 153, 0.28);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.84);
  color: #0b5c8c;
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(24, 74, 91, 0.06);
}

@media (max-width: 1180px) {
  .eligibility-calculation-hero-grid,
  .eligibility-calculation-split,
  .eligibility-calculation-split--reverse {
    grid-template-columns: 1fr;
  }

  .eligibility-calculation-hero-copy {
    max-width: 860px;
  }

  .eligibility-calculation-hero-visual,
  .eligibility-calculation-split-visual {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }

  .eligibility-calculation-split--reverse .eligibility-calculation-split-visual {
    order: 2;
  }

  .eligibility-calculation-split--reverse .eligibility-calculation-split-copy {
    order: 1;
  }

  .eligibility-calculation-heading {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .eligibility-calculation-method-grid,
  .eligibility-calculation-error-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .eligibility-calculation-flow {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .eligibility-calculation-flow article:nth-child(3)::after {
    display: none;
  }
}

@media (max-width: 820px) {
  .eligibility-calculation-shell {
    width: min(100% - 36px, 700px);
  }

  .eligibility-calculation-hero {
    padding-top: 42px;
  }

  .eligibility-calculation-hero-copy h1 {
    font-size: clamp(2.65rem, 10vw, 4rem);
  }

  .eligibility-calculation-section {
    padding: 52px 0;
  }

  .eligibility-calculation-method-grid,
  .eligibility-calculation-real-notes,
  .eligibility-calculation-three-checks,
  .eligibility-calculation-reimbursement-notes,
  .eligibility-calculation-ready-grid,
  .eligibility-calculation-next-links {
    grid-template-columns: 1fr;
  }

  .eligibility-calculation-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .eligibility-calculation-flow article:nth-child(3)::after {
    display: grid;
  }

  .eligibility-calculation-flow article:nth-child(even)::after {
    display: none;
  }

  .eligibility-calculation-formula {
    grid-template-columns: 1fr;
  }

  .eligibility-calculation-formula b {
    transform: rotate(90deg);
  }
}

@media (max-width: 560px) {
  .eligibility-calculation-shell {
    width: calc(100% - 28px);
  }

  .eligibility-calculation-quick-links {
    grid-template-columns: 1fr;
  }

  .eligibility-calculation-hero-note,
  .eligibility-calculation-source-list article,
  .eligibility-calculation-check-list article,
  .eligibility-calculation-real-notes article,
  .eligibility-calculation-three-checks article {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .eligibility-calculation-dual-cards,
  .eligibility-calculation-error-grid,
  .eligibility-calculation-flow {
    grid-template-columns: 1fr;
  }

  .eligibility-calculation-flow article::after {
    display: none !important;
  }

  .eligibility-calculation-split-visual,
  .eligibility-calculation-wide-visual {
    padding: 7px;
    border-radius: 22px;
  }

  .eligibility-calculation-split-visual img,
  .eligibility-calculation-wide-visual img {
    border-radius: 16px;
  }
}


/* =========================================================
   Page 03 — Staff costs
   ========================================================= */

.eligibility-staff-page {
  --staff-ink: #083260;
  --staff-copy: #315c72;
  --staff-green: #5d963b;
  --staff-green-dark: #3f7d2d;
  --staff-teal: #0b8178;
  --staff-blue: #176f99;
  --staff-gold: #c6922e;
  --staff-red: #b75a43;
  --staff-cream: #fffaf0;
  --staff-mist: #edf8f4;
  --staff-line: rgba(124, 176, 164, 0.38);
  --staff-shadow: 0 20px 48px rgba(24, 74, 91, 0.1);
}

.eligibility-staff-shell {
  width: min(1340px, calc(100% - 64px));
  margin: 0 auto;
}

.eligibility-staff-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  margin: 0 0 14px;
  color: var(--staff-teal);
  font-size: 0.9rem;
  font-weight: 900;
  letter-spacing: 0.015em;
}

.eligibility-staff-kicker::before {
  content: "";
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--staff-green);
  box-shadow: 0 0 0 6px rgba(93, 150, 59, 0.13);
}

.eligibility-staff-hero {
  position: relative;
  overflow: hidden;
  padding: 54px 0 42px;
  background:
    radial-gradient(circle at 61% 18%, rgba(255, 255, 255, 0.94), transparent 27rem),
    linear-gradient(180deg, rgba(238, 248, 244, 0.95), rgba(255, 250, 237, 0.78));
  border-bottom: 1px solid rgba(126, 177, 165, 0.28);
}

.eligibility-staff-hero::before,
.eligibility-staff-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
}

.eligibility-staff-hero::before {
  width: 360px;
  height: 210px;
  left: -90px;
  bottom: -100px;
  background: rgba(143, 190, 144, 0.13);
}

.eligibility-staff-hero::after {
  width: 320px;
  height: 190px;
  right: -45px;
  top: 24px;
  background: rgba(108, 175, 195, 0.14);
}

.eligibility-staff-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(520px, 1.08fr);
  gap: 38px;
  align-items: center;
}

.eligibility-staff-hero-copy h1,
.eligibility-staff-heading h2,
.eligibility-staff-split-copy h2,
.eligibility-staff-national-card h2 {
  color: var(--staff-ink);
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: -0.045em;
}

.eligibility-staff-hero-copy h1 {
  max-width: 720px;
  margin: 0 0 20px;
  font-size: clamp(2.9rem, 4.25vw, 4.8rem);
  line-height: 0.96;
}

.eligibility-staff-lead {
  max-width: 730px;
  margin: 0;
  color: #214e68;
  font-size: 1.05rem;
  line-height: 1.68;
}

.eligibility-staff-hero-note {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  margin-top: 24px;
  padding: 18px 20px;
  border: 1px solid rgba(93, 150, 59, 0.28);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(244, 251, 238, 0.96), rgba(255, 250, 235, 0.92));
  box-shadow: 0 12px 30px rgba(24, 74, 91, 0.06);
}

.eligibility-staff-hero-note > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(93, 150, 59, 0.14);
  color: var(--staff-green-dark);
  font-size: 1.2rem;
  font-weight: 900;
}

.eligibility-staff-hero-note p {
  margin: 0;
  color: #315c63;
  line-height: 1.55;
}

.eligibility-staff-hero-note strong {
  color: #285f32;
}

.eligibility-staff-quick-links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 22px;
}

.eligibility-staff-quick-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid rgba(23, 111, 153, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.8);
  color: #0b5c8c;
  font-size: 0.86rem;
  font-weight: 900;
  text-align: center;
  box-shadow: 0 8px 20px rgba(24, 74, 91, 0.05);
  transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.eligibility-staff-quick-links a:hover {
  transform: translateY(-2px);
  background: #fff;
  border-color: rgba(11, 129, 120, 0.38);
}

.eligibility-staff-hero-visual,
.eligibility-staff-visual,
.eligibility-staff-wide-visual {
  margin: 0;
  min-width: 0;
}

.eligibility-staff-hero-visual img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 600px;
  object-fit: contain;
  filter: drop-shadow(0 18px 26px rgba(36, 83, 92, 0.08));
}

.eligibility-staff-section {
  padding: 66px 0;
}

.eligibility-staff-section--soft,
.eligibility-staff-section:nth-of-type(even) {
  background: rgba(255, 255, 255, 0.3);
}

.eligibility-staff-section--models {
  background:
    radial-gradient(circle at 50% 22%, rgba(229, 243, 233, 0.68), transparent 34rem),
    linear-gradient(180deg, rgba(248, 252, 248, 0.88), rgba(255, 250, 237, 0.82));
}

.eligibility-staff-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.75fr);
  gap: 48px;
  align-items: end;
  margin-bottom: 30px;
}

.eligibility-staff-heading--center {
  display: block;
  max-width: 980px;
  margin: 0 auto 30px;
  text-align: center;
}

.eligibility-staff-heading--center .eligibility-staff-kicker {
  margin-left: auto;
  margin-right: auto;
}

.eligibility-staff-heading h2,
.eligibility-staff-split-copy h2,
.eligibility-staff-national-card h2 {
  margin: 0;
  font-size: clamp(2.1rem, 3vw, 3.35rem);
  line-height: 1.02;
}

.eligibility-staff-heading > p,
.eligibility-staff-heading--center > p,
.eligibility-staff-split-copy > p:not(.eligibility-staff-kicker),
.eligibility-staff-national-card p {
  margin: 0;
  color: var(--staff-copy);
  font-size: 1rem;
  line-height: 1.62;
}

.eligibility-staff-heading--center > p {
  margin-top: 16px;
}

.eligibility-staff-split {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(480px, 1.08fr);
  gap: 42px;
  align-items: center;
}

.eligibility-staff-split--reverse {
  grid-template-columns: minmax(480px, 1.08fr) minmax(0, 0.92fr);
}

.eligibility-staff-visual,
.eligibility-staff-wide-visual {
  padding: 12px;
  border: 1px solid rgba(126, 177, 165, 0.28);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.68);
  box-shadow: var(--staff-shadow);
}

.eligibility-staff-visual img,
.eligibility-staff-wide-visual img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 660px;
  object-fit: contain;
  border-radius: 20px;
}

.eligibility-staff-visual--art img {
  max-height: 700px;
}

.eligibility-staff-wide-visual {
  max-width: 1120px;
  margin: 0 auto 30px;
}

.eligibility-staff-wide-visual--poster img {
  max-height: 780px;
}

.eligibility-staff-visual--compact {
  max-width: 980px;
  margin: 0 auto 28px;
}

.eligibility-staff-reimbursement-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.eligibility-staff-reimbursement-card {
  min-height: 275px;
  padding: 26px;
  border-radius: 25px;
  box-shadow: 0 16px 38px rgba(24, 74, 91, 0.08);
}

.eligibility-staff-reimbursement-card--real {
  border: 1px solid rgba(23, 111, 153, 0.28);
  background: linear-gradient(145deg, rgba(239, 248, 252, 0.96), rgba(255, 255, 255, 0.92));
}

.eligibility-staff-reimbursement-card--rate {
  border: 1px solid rgba(93, 150, 59, 0.28);
  background: linear-gradient(145deg, rgba(242, 250, 236, 0.96), rgba(255, 251, 238, 0.92));
}

.eligibility-staff-reimbursement-card > span,
.eligibility-staff-model-grid span,
.eligibility-staff-evidence-grid span {
  display: inline-grid;
  place-items: center;
  min-width: 42px;
  height: 36px;
  padding: 0 11px;
  border-radius: 999px;
  background: rgba(11, 129, 120, 0.1);
  color: var(--staff-teal);
  font-size: 0.82rem;
  font-weight: 900;
}

.eligibility-staff-reimbursement-card h3,
.eligibility-staff-model-grid h3,
.eligibility-staff-evidence-grid h3,
.eligibility-staff-risk-grid h3,
.eligibility-staff-program-grid h3 {
  margin: 17px 0 8px;
  color: var(--staff-ink);
  font-size: 1.06rem;
  line-height: 1.2;
}

.eligibility-staff-reimbursement-card p,
.eligibility-staff-reimbursement-card li,
.eligibility-staff-model-grid p,
.eligibility-staff-evidence-grid p,
.eligibility-staff-risk-grid p,
.eligibility-staff-program-grid p {
  color: var(--staff-copy);
  font-size: 0.92rem;
  line-height: 1.5;
}

.eligibility-staff-reimbursement-card p {
  margin: 0 0 12px;
}

.eligibility-staff-reimbursement-card ul {
  margin: 0;
  padding-left: 1.1rem;
}

.eligibility-staff-callout,
.eligibility-staff-update-note,
.eligibility-staff-danger-callout {
  margin-top: 22px;
  padding: 18px 20px;
  border-radius: 20px;
  line-height: 1.55;
}

.eligibility-staff-callout,
.eligibility-staff-update-note {
  border: 1px solid rgba(198, 146, 46, 0.28);
  background: linear-gradient(135deg, rgba(255, 249, 231, 0.94), rgba(242, 250, 240, 0.9));
  color: #5c6044;
}

.eligibility-staff-danger-callout {
  border: 1px solid rgba(183, 90, 67, 0.28);
  background: linear-gradient(135deg, rgba(255, 243, 239, 0.96), rgba(255, 249, 235, 0.9));
  color: #714638;
}

.eligibility-staff-callout strong,
.eligibility-staff-update-note strong,
.eligibility-staff-danger-callout strong {
  color: var(--staff-ink);
}

.eligibility-staff-mini-list,
.eligibility-staff-source-list,
.eligibility-staff-role-cards,
.eligibility-staff-leave-list,
.eligibility-staff-three-checks,
.eligibility-staff-calculation-notes {
  display: grid;
  gap: 12px;
  margin-top: 20px;
}

.eligibility-staff-mini-list article,
.eligibility-staff-source-list article,
.eligibility-staff-role-cards article,
.eligibility-staff-leave-list article,
.eligibility-staff-three-checks article,
.eligibility-staff-calculation-notes article {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 13px;
  align-items: start;
  padding: 15px 17px;
  border: 1px solid var(--staff-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.8);
}

.eligibility-staff-mini-list span,
.eligibility-staff-source-list span,
.eligibility-staff-role-cards span,
.eligibility-staff-leave-list span,
.eligibility-staff-three-checks span,
.eligibility-staff-calculation-notes span {
  display: grid;
  place-items: center;
  min-width: 36px;
  height: 34px;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(93, 150, 59, 0.13);
  color: var(--staff-green-dark);
  font-size: 0.78rem;
  font-weight: 900;
}

.eligibility-staff-mini-list h3,
.eligibility-staff-source-list h3,
.eligibility-staff-role-cards h3,
.eligibility-staff-leave-list h3,
.eligibility-staff-three-checks h3,
.eligibility-staff-calculation-notes h3 {
  margin: 0 0 4px;
  color: var(--staff-ink);
  font-size: 0.98rem;
}

.eligibility-staff-mini-list p,
.eligibility-staff-source-list p,
.eligibility-staff-role-cards p,
.eligibility-staff-leave-list p,
.eligibility-staff-three-checks p,
.eligibility-staff-calculation-notes p {
  margin: 0;
  color: var(--staff-copy);
  font-size: 0.9rem;
  line-height: 1.45;
}

.eligibility-staff-model-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

.eligibility-staff-model-grid article,
.eligibility-staff-evidence-grid article {
  padding: 20px;
  border: 1px solid var(--staff-line);
  border-radius: 21px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 12px 28px rgba(24, 74, 91, 0.06);
}

.eligibility-staff-program-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 20px;
}

.eligibility-staff-program-grid article {
  padding: 17px;
  border: 1px solid var(--staff-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.8);
}

.eligibility-staff-program-grid h3 {
  margin-top: 0;
}

.eligibility-staff-formula {
  display: grid;
  grid-template-columns: repeat(9, auto);
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin: 24px auto 0;
  padding: 18px 20px;
  border: 1px solid rgba(23, 111, 153, 0.22);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.84);
  color: var(--staff-ink);
  font-weight: 900;
  text-align: center;
}

.eligibility-staff-formula span,
.eligibility-staff-formula strong {
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(228, 243, 238, 0.82);
}

.eligibility-staff-formula strong {
  background: rgba(93, 150, 59, 0.16);
  color: var(--staff-green-dark);
}

.eligibility-staff-calculation-notes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.eligibility-staff-evidence-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

.eligibility-staff-section--national {
  background:
    radial-gradient(circle at 80% 35%, rgba(205, 231, 239, 0.52), transparent 23rem),
    linear-gradient(180deg, rgba(245, 250, 248, 0.94), rgba(238, 247, 244, 0.94));
}

.eligibility-staff-national-card {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(340px, 0.8fr);
  gap: 34px;
  align-items: center;
  padding: 34px;
  border: 1px solid rgba(23, 111, 153, 0.22);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.74);
  box-shadow: var(--staff-shadow);
}

.eligibility-staff-national-card aside {
  padding: 22px;
  border: 1px solid rgba(198, 146, 46, 0.28);
  border-radius: 20px;
  background: rgba(255, 249, 232, 0.9);
  color: #59614c;
  line-height: 1.55;
}

.eligibility-staff-risk-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.eligibility-staff-risk-grid article {
  min-height: 190px;
  padding: 19px;
  border: 1px solid rgba(183, 90, 67, 0.22);
  border-radius: 20px;
  background:
    radial-gradient(circle at 86% 14%, rgba(255, 226, 217, 0.6), transparent 38%),
    rgba(255, 255, 255, 0.86);
  box-shadow: 0 12px 30px rgba(24, 74, 91, 0.06);
}

.eligibility-staff-risk-grid span {
  display: inline-grid;
  place-items: center;
  min-width: 42px;
  height: 34px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(183, 90, 67, 0.1);
  color: var(--staff-red);
  font-size: 0.8rem;
  font-weight: 900;
}

.eligibility-staff-risk-grid h3 {
  margin-top: 16px;
}

.eligibility-staff-section--ready {
  padding-bottom: 52px;
  background:
    radial-gradient(circle at 50% 18%, rgba(229, 243, 233, 0.76), transparent 32rem),
    linear-gradient(180deg, rgba(247, 251, 248, 0.88), rgba(239, 248, 245, 0.97));
}

.eligibility-staff-ready-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.eligibility-staff-ready-grid li {
  position: relative;
  min-height: 76px;
  display: flex;
  align-items: center;
  padding: 15px 17px 15px 54px;
  border: 1px solid rgba(93, 150, 59, 0.26);
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.86);
  color: #174765;
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.35;
}

.eligibility-staff-ready-grid li::before {
  content: "✓";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(93, 150, 59, 0.14);
  color: var(--staff-green-dark);
  font-weight: 900;
}

.eligibility-staff-update-note {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.eligibility-staff-next-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 28px;
}

.eligibility-staff-next-links a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
  min-height: 86px;
  padding: 17px 19px;
  border: 1px solid rgba(23, 111, 153, 0.22);
  border-radius: 21px;
  background: rgba(255, 255, 255, 0.86);
  color: var(--staff-ink);
  box-shadow: 0 12px 30px rgba(24, 74, 91, 0.06);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.eligibility-staff-next-links a:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(24, 74, 91, 0.1);
}

.eligibility-staff-next-links span {
  display: grid;
  place-items: center;
  min-width: 42px;
  height: 34px;
  padding: 0 9px;
  border-radius: 999px;
  background: rgba(11, 129, 120, 0.1);
  color: var(--staff-teal);
  font-size: 0.78rem;
  font-weight: 900;
}

.eligibility-staff-next-links strong {
  font-size: 0.94rem;
  line-height: 1.28;
}

.eligibility-staff-next-links em {
  color: #0b5c8c;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 900;
}

.eligibility-staff-bottom-back {
  display: flex;
  justify-content: center;
  margin-top: 34px;
}

.eligibility-staff-bottom-back a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 21px;
  border: 1px solid rgba(23, 111, 153, 0.28);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.86);
  color: #0b5c8c;
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(24, 74, 91, 0.06);
}

@media (max-width: 1180px) {
  .eligibility-staff-hero-grid,
  .eligibility-staff-split,
  .eligibility-staff-split--reverse,
  .eligibility-staff-national-card {
    grid-template-columns: 1fr;
  }

  .eligibility-staff-hero-copy {
    max-width: 900px;
  }

  .eligibility-staff-hero-visual,
  .eligibility-staff-visual {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
  }

  .eligibility-staff-split--reverse .eligibility-staff-visual {
    order: 2;
  }

  .eligibility-staff-split--reverse .eligibility-staff-split-copy {
    order: 1;
  }

  .eligibility-staff-heading {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .eligibility-staff-model-grid,
  .eligibility-staff-evidence-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .eligibility-staff-risk-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .eligibility-staff-formula {
    grid-template-columns: repeat(5, auto);
  }
}

@media (max-width: 820px) {
  .eligibility-staff-shell {
    width: min(100% - 36px, 720px);
  }

  .eligibility-staff-hero {
    padding-top: 42px;
  }

  .eligibility-staff-hero-copy h1 {
    font-size: clamp(2.55rem, 9.5vw, 3.8rem);
  }

  .eligibility-staff-section {
    padding: 52px 0;
  }

  .eligibility-staff-quick-links,
  .eligibility-staff-reimbursement-grid,
  .eligibility-staff-program-grid,
  .eligibility-staff-calculation-notes,
  .eligibility-staff-ready-grid,
  .eligibility-staff-next-links {
    grid-template-columns: 1fr;
  }

  .eligibility-staff-risk-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .eligibility-staff-formula {
    grid-template-columns: 1fr;
  }

  .eligibility-staff-formula b {
    transform: rotate(90deg);
  }
}

@media (max-width: 560px) {
  .eligibility-staff-shell {
    width: calc(100% - 28px);
  }

  .eligibility-staff-model-grid,
  .eligibility-staff-evidence-grid,
  .eligibility-staff-risk-grid {
    grid-template-columns: 1fr;
  }

  .eligibility-staff-hero-note,
  .eligibility-staff-mini-list article,
  .eligibility-staff-source-list article,
  .eligibility-staff-role-cards article,
  .eligibility-staff-leave-list article,
  .eligibility-staff-three-checks article,
  .eligibility-staff-calculation-notes article {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .eligibility-staff-visual,
  .eligibility-staff-wide-visual {
    padding: 7px;
    border-radius: 22px;
  }

  .eligibility-staff-visual img,
  .eligibility-staff-wide-visual img {
    border-radius: 16px;
  }
}

/* ========================================================================== */
/* 04. Office, administration and travel                                     */
/* ========================================================================== */

.eligibility-office-travel-page {
  --ot-ink: #073463;
  --ot-ink-soft: #275d77;
  --ot-teal: #0a8b81;
  --ot-teal-dark: #087069;
  --ot-green: #63a73b;
  --ot-green-dark: #3f8127;
  --ot-blue: #1379aa;
  --ot-sky: #dff2f4;
  --ot-cream: #fffaf0;
  --ot-sand: #f4e3b9;
  --ot-gold: #c89328;
  --ot-red: #bc604c;
  --ot-line: rgba(26, 103, 119, 0.19);
  --ot-shadow: 0 20px 52px rgba(30, 80, 92, 0.1);
  color: var(--ot-ink-soft);
  background: #f8fcfb;
}

.office-travel-shell {
  width: min(100% - 76px, 1440px);
  margin-inline: auto;
}

.office-travel-section {
  position: relative;
  overflow: hidden;
  padding: 78px 0;
  background: rgba(255, 255, 255, 0.94);
}

.office-travel-section--soft {
  background:
    radial-gradient(circle at 9% 12%, rgba(212, 240, 231, 0.58), transparent 28rem),
    radial-gradient(circle at 91% 80%, rgba(220, 241, 244, 0.72), transparent 30rem),
    linear-gradient(180deg, #f8fcfa, #f5fbfa);
}

.office-travel-section--travel {
  background:
    radial-gradient(circle at 13% 8%, rgba(223, 242, 246, 0.82), transparent 30rem),
    radial-gradient(circle at 90% 90%, rgba(234, 242, 217, 0.62), transparent 31rem),
    linear-gradient(180deg, #f9fcfb, #f2f9f8);
}

.office-travel-section--warning {
  background:
    radial-gradient(circle at 50% 0%, rgba(250, 235, 198, 0.52), transparent 28rem),
    linear-gradient(180deg, #fffdf7, #fffaf0);
}

.office-travel-section--methods {
  background:
    radial-gradient(circle at 22% 18%, rgba(218, 239, 247, 0.75), transparent 28rem),
    radial-gradient(circle at 80% 82%, rgba(230, 244, 219, 0.68), transparent 30rem),
    #f7fbfa;
}

.office-travel-section--flow {
  background: linear-gradient(180deg, #fbfdfb, #f1f8f6);
}

.office-travel-section--risks {
  background:
    radial-gradient(circle at 10% 18%, rgba(247, 228, 218, 0.54), transparent 27rem),
    linear-gradient(180deg, #fffdfa, #faf6f1);
}

.office-travel-section--ready {
  padding-bottom: 52px;
  background:
    radial-gradient(circle at 50% 8%, rgba(223, 242, 229, 0.82), transparent 35rem),
    linear-gradient(180deg, #f8fcf9, #edf7f4);
}

.office-travel-hero {
  position: relative;
  overflow: hidden;
  padding: 68px 0 58px;
  border-bottom: 1px solid rgba(35, 128, 132, 0.16);
  background:
    radial-gradient(ellipse at 5% 100%, rgba(203, 224, 181, 0.55), transparent 30%),
    radial-gradient(ellipse at 96% 10%, rgba(191, 230, 235, 0.62), transparent 28%),
    linear-gradient(132deg, #edf8f4 0%, #fffdf7 55%, #eef9f8 100%);
}

.office-travel-hero::after {
  content: "";
  position: absolute;
  right: -110px;
  bottom: -110px;
  width: 360px;
  height: 250px;
  border-radius: 52% 48% 0 0;
  background: rgba(111, 169, 94, 0.08);
  transform: rotate(-12deg);
}

.office-travel-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(420px, 0.87fr) minmax(640px, 1.13fr);
  gap: 58px;
  align-items: center;
}

.office-travel-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 16px;
  color: var(--ot-teal);
  font-size: 0.92rem;
  font-weight: 900;
  letter-spacing: -0.01em;
}

.office-travel-kicker::before {
  content: "";
  width: 11px;
  height: 11px;
  border: 5px solid rgba(99, 167, 59, 0.14);
  border-radius: 50%;
  background: var(--ot-green);
  box-sizing: content-box;
}

.office-travel-hero-copy h1,
.office-travel-heading h2,
.office-travel-rate-copy h2 {
  margin: 0;
  color: var(--ot-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  letter-spacing: -0.04em;
}

.office-travel-hero-copy h1 {
  max-width: 680px;
  font-size: clamp(3.6rem, 5vw, 5.85rem);
  line-height: 0.94;
}

.office-travel-lead {
  max-width: 690px;
  margin: 24px 0 0;
  color: #285f78;
  font-size: 1.08rem;
  line-height: 1.62;
}

.office-travel-hero-note {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 17px;
  align-items: start;
  max-width: 690px;
  margin-top: 25px;
  padding: 18px 20px;
  border: 1px solid rgba(99, 167, 59, 0.25);
  border-radius: 22px;
  background: rgba(255, 253, 239, 0.86);
  box-shadow: 0 12px 28px rgba(45, 100, 73, 0.06);
}

.office-travel-hero-note > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(99, 167, 59, 0.14);
  color: var(--ot-green-dark);
  font-size: 1.15rem;
  font-weight: 900;
}

.office-travel-hero-note p {
  margin: 0;
  line-height: 1.48;
}

.office-travel-hero-note strong {
  color: #397529;
}

.office-travel-quick-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  max-width: 690px;
  margin-top: 21px;
}

.office-travel-quick-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 9px 15px;
  border: 1px solid rgba(21, 115, 148, 0.21);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.86);
  color: #0d618c;
  font-size: 0.85rem;
  font-weight: 900;
  text-align: center;
  box-shadow: 0 8px 18px rgba(24, 86, 103, 0.05);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.office-travel-quick-links a:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(24, 86, 103, 0.09);
}

.office-travel-hero-visual {
  position: relative;
  min-height: 620px;
  display: grid;
  grid-template-columns: 1fr 180px 1fr;
  gap: 7px;
  align-items: center;
  padding: 25px;
  border: 1px solid rgba(37, 116, 132, 0.15);
  border-radius: 36px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: var(--ot-shadow);
}

.office-travel-hero-pane {
  position: relative;
  min-width: 0;
  display: grid;
  align-content: end;
  justify-items: center;
  min-height: 555px;
  overflow: hidden;
  border-radius: 27px;
  background: linear-gradient(180deg, rgba(235, 246, 241, 0.85), rgba(255, 255, 255, 0.95));
}

.office-travel-hero-pane--travel {
  background: linear-gradient(180deg, rgba(235, 246, 248, 0.88), rgba(255, 255, 255, 0.96));
}

.office-travel-hero-pane img {
  width: 100%;
  height: 500px;
  object-fit: contain;
  object-position: center bottom;
}

.office-travel-hero-pane strong {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 17px;
  padding: 11px 13px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.88);
  color: var(--ot-ink);
  font-size: 0.9rem;
  text-align: center;
  box-shadow: 0 10px 20px rgba(26, 80, 93, 0.08);
}

.office-travel-hero-flow {
  position: relative;
  z-index: 2;
  display: grid;
  justify-items: center;
  gap: 5px;
  padding: 18px 10px;
  border: 1px solid rgba(82, 143, 84, 0.19);
  border-radius: 26px;
  background: rgba(255, 253, 241, 0.94);
  box-shadow: 0 14px 30px rgba(39, 88, 67, 0.09);
  text-align: center;
}

.office-travel-hero-flow img {
  width: 85px;
  height: 75px;
  object-fit: contain;
}

.office-travel-hero-flow img:nth-of-type(2) {
  width: 72px;
  height: 72px;
}

.office-travel-hero-flow span {
  color: #326e4b;
  font-size: 0.69rem;
  font-weight: 900;
  line-height: 1.22;
}

.office-travel-hero-flow b {
  color: var(--ot-teal);
  font-size: 1.25rem;
}

.office-travel-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.78fr);
  gap: 68px;
  align-items: end;
  margin-bottom: 38px;
}

.office-travel-heading--center {
  display: block;
  max-width: 1050px;
  margin: 0 auto 39px;
  text-align: center;
}

.office-travel-heading h2,
.office-travel-rate-copy h2 {
  font-size: clamp(2.75rem, 4.3vw, 4.65rem);
  line-height: 0.98;
}

.office-travel-heading > p,
.office-travel-heading > div > p:not(.office-travel-kicker),
.office-travel-heading--center > p:not(.office-travel-kicker),
.office-travel-rate-copy > p {
  margin: 16px 0 0;
  color: #3d6b7e;
  font-size: 1rem;
  line-height: 1.55;
}

.office-travel-category-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.office-travel-category-pair > article {
  position: relative;
  display: grid;
  grid-template-columns: 54% minmax(0, 1fr);
  grid-template-rows: auto auto 1fr;
  gap: 6px 25px;
  align-items: center;
  min-height: 430px;
  padding: 24px;
  border: 1px solid var(--ot-line);
  border-radius: 29px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--ot-shadow);
}

.office-travel-category-image {
  grid-row: 1 / span 3;
  display: grid;
  place-items: center;
  height: 370px;
  overflow: hidden;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(238, 247, 243, 0.9), rgba(255, 255, 255, 0.85));
}

.office-travel-category-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.office-travel-category-pair article > span,
.office-travel-method-grid article > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 34px;
  border-radius: 999px;
  background: rgba(11, 132, 123, 0.11);
  color: var(--ot-teal);
  font-weight: 900;
}

.office-travel-category-pair h3,
.office-travel-method-grid h3,
.office-travel-boundary-card h3,
.office-travel-who-card h3 {
  margin: 8px 0 0;
  color: var(--ot-ink);
  font-size: 1.45rem;
  line-height: 1.12;
}

.office-travel-category-pair p,
.office-travel-method-grid p,
.office-travel-who-card p {
  margin: 10px 0 0;
  line-height: 1.52;
}

.office-travel-callout,
.office-travel-update-note {
  margin-top: 28px;
  padding: 18px 22px;
  border: 1px solid rgba(203, 151, 40, 0.28);
  border-radius: 20px;
  background: linear-gradient(110deg, rgba(255, 248, 222, 0.88), rgba(244, 251, 240, 0.88));
  color: #5d6c46;
  line-height: 1.5;
}

.office-travel-callout strong,
.office-travel-update-note strong {
  color: #8a6418;
}

.office-travel-callout--warning {
  border-color: rgba(188, 96, 76, 0.26);
  background: linear-gradient(110deg, rgba(255, 241, 235, 0.9), rgba(255, 248, 229, 0.88));
}

.office-travel-icon-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.office-travel-icon-grid--travel {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.office-travel-icon-grid article {
  display: grid;
  justify-items: center;
  align-content: start;
  min-height: 290px;
  padding: 16px 15px 18px;
  border: 1px solid rgba(31, 113, 128, 0.16);
  border-radius: 23px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 14px 34px rgba(25, 79, 92, 0.07);
  text-align: center;
}

.office-travel-icon-grid article img {
  width: 100%;
  max-width: 185px;
  height: 170px;
  object-fit: contain;
}

.office-travel-icon-grid--travel article {
  min-height: 285px;
  padding-inline: 12px;
}

.office-travel-icon-grid--travel article img {
  max-width: 150px;
  height: 145px;
}

.office-travel-icon-grid h3,
.office-travel-warning-grid h3,
.office-travel-change-grid h3,
.office-travel-risk-grid h3,
.office-travel-daily-grid h3,
.office-travel-check-list h3 {
  margin: 7px 0 0;
  color: var(--ot-ink);
  font-size: 1rem;
  line-height: 1.25;
}

.office-travel-icon-grid p,
.office-travel-warning-grid p,
.office-travel-change-grid p,
.office-travel-risk-grid p,
.office-travel-daily-grid p,
.office-travel-check-list p {
  margin: 7px 0 0;
  color: #477287;
  font-size: 0.86rem;
  line-height: 1.4;
}

.office-travel-rate-layout {
  display: grid;
  grid-template-columns: minmax(430px, 0.86fr) minmax(650px, 1.14fr);
  gap: 55px;
  align-items: center;
}

.office-travel-check-list {
  display: grid;
  gap: 11px;
  margin-top: 25px;
}

.office-travel-check-list article {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 14px 16px;
  border: 1px solid rgba(23, 117, 140, 0.16);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.88);
}

.office-travel-check-list span {
  display: grid;
  place-items: center;
  min-width: 42px;
  height: 32px;
  border-radius: 999px;
  background: rgba(10, 139, 129, 0.11);
  color: var(--ot-teal);
  font-size: 0.78rem;
  font-weight: 900;
}

.office-travel-formula-card {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 12px;
  align-items: center;
  padding: 32px 32px 72px;
  border: 1px solid rgba(35, 118, 133, 0.17);
  border-radius: 31px;
  background:
    radial-gradient(circle at 50% 0%, rgba(237, 248, 239, 0.78), transparent 17rem),
    rgba(255, 255, 255, 0.93);
  box-shadow: var(--ot-shadow);
}

.office-travel-formula-card > div {
  display: grid;
  justify-items: center;
  align-content: start;
  min-height: 310px;
  padding: 15px 10px;
  border-radius: 22px;
  background: rgba(245, 250, 247, 0.82);
  text-align: center;
}

.office-travel-formula-card > div:nth-of-type(2) {
  background: rgba(239, 248, 251, 0.88);
}

.office-travel-formula-card > div:nth-of-type(3) {
  background: rgba(255, 248, 226, 0.88);
}

.office-travel-formula-card div img {
  width: 100%;
  max-width: 175px;
  height: 190px;
  object-fit: contain;
}

.office-travel-formula-card div span {
  min-height: 42px;
  color: #427083;
  font-size: 0.82rem;
  font-weight: 800;
}

.office-travel-formula-card div strong {
  margin-top: 8px;
  color: var(--ot-ink);
  font-size: 1.25rem;
}

.office-travel-formula-card > b {
  color: var(--ot-teal);
  font-size: 1.9rem;
}

.office-travel-formula-calculator {
  position: absolute;
  right: 26px;
  bottom: 19px;
  width: 64px;
  height: 64px;
  object-fit: contain;
}

.office-travel-formula-card small {
  position: absolute;
  left: 32px;
  right: 105px;
  bottom: 26px;
  color: #6b775e;
  font-size: 0.75rem;
  line-height: 1.35;
}

.office-travel-warning-grid,
.office-travel-change-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.office-travel-warning-grid article,
.office-travel-change-grid article {
  position: relative;
  min-height: 155px;
  padding: 21px 20px 20px 63px;
  border: 1px solid rgba(188, 96, 76, 0.17);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 12px 30px rgba(91, 73, 58, 0.05);
}

.office-travel-warning-grid span,
.office-travel-change-grid span {
  position: absolute;
  top: 20px;
  left: 18px;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(188, 96, 76, 0.12);
  color: var(--ot-red);
  font-weight: 900;
}

.office-travel-change-grid article {
  border-color: rgba(26, 120, 140, 0.17);
}

.office-travel-change-grid span {
  background: rgba(21, 121, 170, 0.1);
  color: var(--ot-blue);
}

.office-travel-boundary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.office-travel-boundary-card {
  padding: 19px 20px 23px;
  border: 1px solid var(--ot-line);
  border-radius: 27px;
  background: rgba(255, 255, 255, 0.91);
  box-shadow: var(--ot-shadow);
}

.office-travel-boundary-card > img {
  width: 100%;
  height: 290px;
  object-fit: contain;
  border-radius: 19px;
  background: linear-gradient(180deg, rgba(239, 248, 244, 0.7), rgba(255, 255, 255, 0.5));
}

.office-travel-boundary-card--equipment > img {
  background: linear-gradient(180deg, rgba(242, 247, 251, 0.78), rgba(255, 255, 255, 0.55));
}

.office-travel-boundary-card--external > img {
  background: linear-gradient(180deg, rgba(255, 247, 232, 0.78), rgba(255, 255, 255, 0.55));
}

.office-travel-boundary-card ul,
.office-travel-method-grid ul {
  margin: 15px 0 0;
  padding: 0;
  list-style: none;
}

.office-travel-boundary-card li,
.office-travel-method-grid li {
  position: relative;
  margin-top: 8px;
  padding-left: 22px;
  color: #477185;
  font-size: 0.88rem;
  line-height: 1.35;
}

.office-travel-boundary-card li::before,
.office-travel-method-grid li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--ot-green-dark);
  font-weight: 900;
}

.office-travel-who-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 70px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
}

.office-travel-who-card {
  position: relative;
  min-height: 500px;
  padding: 25px;
  border: 1px solid rgba(26, 118, 133, 0.17);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: var(--ot-shadow);
  text-align: center;
}

.office-travel-who-card > img {
  width: 100%;
  height: 330px;
  object-fit: contain;
}

.office-travel-who-card > span {
  position: absolute;
  top: 25px;
  right: 25px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(99, 167, 59, 0.14);
  color: var(--ot-green-dark);
  font-size: 1.2rem;
  font-weight: 900;
}

.office-travel-who-card--external > span {
  background: rgba(188, 96, 76, 0.12);
  color: var(--ot-red);
}

.office-travel-not-equal {
  color: var(--ot-teal);
  font-family: Georgia, serif;
  font-size: 3.3rem;
  font-weight: 700;
  text-align: center;
}

.office-travel-method-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.office-travel-method-grid article {
  position: relative;
  padding: 25px 28px 29px;
  border: 1px solid rgba(25, 113, 130, 0.17);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.91);
  box-shadow: var(--ot-shadow);
}

.office-travel-method-image {
  display: grid;
  place-items: center;
  height: 340px;
  margin-bottom: 18px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(239, 248, 244, 0.88), rgba(255, 255, 255, 0.65));
}

.office-travel-method-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.office-travel-method-grid article:nth-child(2) .office-travel-method-image {
  background: linear-gradient(180deg, rgba(239, 247, 251, 0.88), rgba(255, 255, 255, 0.65));
}

.office-travel-daily-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 15px;
}

.office-travel-daily-grid article {
  min-height: 315px;
  padding: 15px 13px 19px;
  border: 1px solid rgba(28, 115, 131, 0.16);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
}

.office-travel-daily-grid img {
  width: 100%;
  height: 180px;
  object-fit: contain;
}

.office-travel-flow-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.office-travel-flow-list li {
  position: relative;
  min-height: 185px;
  display: grid;
  align-content: start;
  justify-items: center;
  padding: 22px 17px;
  border: 1px solid rgba(23, 117, 140, 0.17);
  border-radius: 23px;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
}

.office-travel-flow-list li:not(:last-child)::after {
  content: "→";
  position: absolute;
  right: -22px;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  color: var(--ot-teal);
  font-size: 1.35rem;
  font-weight: 900;
}

.office-travel-flow-list span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 15px;
  border-radius: 50%;
  background: rgba(10, 139, 129, 0.11);
  color: var(--ot-teal);
  font-weight: 900;
}

.office-travel-flow-list strong {
  color: var(--ot-ink);
  line-height: 1.25;
}

.office-travel-flow-list small {
  margin-top: 10px;
  color: #51798b;
  font-size: 0.82rem;
  line-height: 1.42;
}

.office-travel-risk-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.office-travel-risk-grid article {
  min-height: 195px;
  padding: 19px 17px;
  border: 1px solid rgba(188, 96, 76, 0.17);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.86);
}

.office-travel-risk-grid span {
  display: inline-grid;
  place-items: center;
  min-width: 42px;
  height: 34px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(188, 96, 76, 0.11);
  color: var(--ot-red);
  font-size: 0.78rem;
  font-weight: 900;
}

.office-travel-ready-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.office-travel-ready-grid li {
  position: relative;
  min-height: 76px;
  display: flex;
  align-items: center;
  padding: 15px 17px 15px 54px;
  border: 1px solid rgba(99, 167, 59, 0.25);
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.87);
  color: #174765;
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.35;
}

.office-travel-ready-grid li::before {
  content: "✓";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(99, 167, 59, 0.14);
  color: var(--ot-green-dark);
  font-weight: 900;
}

.office-travel-update-note {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.office-travel-next-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 28px;
}

.office-travel-next-links a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
  min-height: 86px;
  padding: 17px 19px;
  border: 1px solid rgba(23, 111, 153, 0.22);
  border-radius: 21px;
  background: rgba(255, 255, 255, 0.87);
  color: var(--ot-ink);
  box-shadow: 0 12px 30px rgba(24, 74, 91, 0.06);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.office-travel-next-links a:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(24, 74, 91, 0.1);
}

.office-travel-next-links span {
  display: grid;
  place-items: center;
  min-width: 42px;
  height: 34px;
  padding: 0 9px;
  border-radius: 999px;
  background: rgba(10, 139, 129, 0.1);
  color: var(--ot-teal);
  font-size: 0.78rem;
  font-weight: 900;
}

.office-travel-next-links strong {
  font-size: 0.94rem;
  line-height: 1.28;
}

.office-travel-next-links em {
  color: #0b5c8c;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 900;
}

.office-travel-bottom-back {
  display: flex;
  justify-content: center;
  margin-top: 34px;
}

.office-travel-bottom-back a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 21px;
  border: 1px solid rgba(23, 111, 153, 0.28);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.87);
  color: #0b5c8c;
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(24, 74, 91, 0.06);
}

@media (max-width: 1240px) {
  .office-travel-hero-grid,
  .office-travel-rate-layout {
    grid-template-columns: 1fr;
  }

  .office-travel-hero-copy {
    max-width: 930px;
  }

  .office-travel-hero-visual {
    max-width: 1050px;
    margin-inline: auto;
  }

  .office-travel-icon-grid--travel {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .office-travel-daily-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .office-travel-risk-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .office-travel-shell {
    width: min(100% - 42px, 900px);
  }

  .office-travel-heading {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .office-travel-category-pair,
  .office-travel-method-grid,
  .office-travel-boundary-grid {
    grid-template-columns: 1fr;
  }

  .office-travel-category-pair > article {
    max-width: 860px;
    margin-inline: auto;
  }

  .office-travel-icon-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .office-travel-warning-grid,
  .office-travel-change-grid,
  .office-travel-ready-grid,
  .office-travel-next-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .office-travel-flow-list {
    grid-template-columns: 1fr;
  }

  .office-travel-flow-list li {
    min-height: 130px;
  }

  .office-travel-flow-list li:not(:last-child)::after {
    content: "↓";
    right: auto;
    left: 50%;
    top: auto;
    bottom: -24px;
    transform: translateX(-50%);
  }

  .office-travel-who-grid {
    grid-template-columns: 1fr;
  }

  .office-travel-not-equal {
    transform: rotate(90deg);
  }
}

@media (max-width: 760px) {
  .office-travel-shell {
    width: calc(100% - 28px);
  }

  .office-travel-section {
    padding: 52px 0;
  }

  .office-travel-hero {
    padding-top: 42px;
  }

  .office-travel-hero-copy h1 {
    font-size: clamp(2.7rem, 11vw, 4rem);
  }

  .office-travel-quick-links,
  .office-travel-warning-grid,
  .office-travel-change-grid,
  .office-travel-risk-grid,
  .office-travel-ready-grid,
  .office-travel-next-links {
    grid-template-columns: 1fr;
  }

  .office-travel-hero-visual {
    min-height: auto;
    grid-template-columns: 1fr;
    padding: 15px;
  }

  .office-travel-hero-pane {
    min-height: 360px;
  }

  .office-travel-hero-pane img {
    height: 330px;
  }

  .office-travel-hero-flow {
    grid-template-columns: 70px minmax(0, 1fr) auto 70px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
  }

  .office-travel-hero-flow b {
    transform: rotate(-90deg);
  }

  .office-travel-category-pair > article {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .office-travel-category-image {
    grid-row: auto;
    height: 330px;
  }

  .office-travel-formula-card {
    grid-template-columns: 1fr;
    padding-bottom: 95px;
  }

  .office-travel-formula-card > b {
    transform: rotate(90deg);
  }

  .office-travel-icon-grid--travel,
  .office-travel-daily-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .office-travel-formula-calculator {
    right: 50%;
    transform: translateX(50%);
  }

  .office-travel-formula-card small {
    right: 20px;
    left: 20px;
    bottom: 18px;
    text-align: center;
  }
}

@media (max-width: 500px) {
  .office-travel-icon-grid,
  .office-travel-icon-grid--travel,
  .office-travel-daily-grid {
    grid-template-columns: 1fr;
  }

  .office-travel-heading h2,
  .office-travel-rate-copy h2 {
    font-size: clamp(2.25rem, 11vw, 3rem);
  }

  .office-travel-hero-note {
    grid-template-columns: 40px minmax(0, 1fr);
    padding: 15px;
  }

  .office-travel-hero-flow {
    grid-template-columns: 1fr;
  }

  .office-travel-hero-flow b {
    transform: none;
  }

  .office-travel-boundary-card > img,
  .office-travel-method-image,
  .office-travel-who-card > img {
    height: 260px;
  }
}

.office-travel-hero-destinations {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
  width: 100%;
  margin-top: 5px;
}

.office-travel-hero-destinations img {
  width: 58px !important;
  height: 54px !important;
  object-fit: contain;
}

@media (max-width: 760px) {
  .office-travel-hero-destinations {
    width: auto;
    grid-template-columns: repeat(2, 58px);
  }
}


/* =========================================================
   Page 05 — External experts and services
   ========================================================= */

.external-services-page {
  --external-ink: #07325f;
  --external-copy: #345e73;
  --external-green: #5d9d3e;
  --external-teal: #0d817a;
  --external-blue: #1a74a0;
  --external-gold: #c99638;
  --external-red: #bb654e;
  --external-cream: #fff9ed;
  --external-mist: #eef8f4;
  --external-line: rgba(125, 177, 166, 0.38);
  --external-shadow: 0 20px 48px rgba(24, 74, 91, 0.1);
}

.external-shell {
  width: min(1460px, calc(100% - 64px));
  margin: 0 auto;
}

.external-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  margin: 0 0 14px;
  color: var(--external-teal);
  font-size: 0.92rem;
  font-weight: 900;
  letter-spacing: 0.012em;
}

.external-kicker::before {
  content: "";
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--external-green);
  box-shadow: 0 0 0 6px rgba(93, 157, 62, 0.13);
}

.external-hero {
  position: relative;
  overflow: hidden;
  padding: 58px 0 48px;
  background:
    radial-gradient(circle at 93% 13%, rgba(199, 230, 238, 0.52), transparent 29rem),
    radial-gradient(circle at 4% 92%, rgba(215, 230, 179, 0.38), transparent 24rem),
    linear-gradient(180deg, rgba(239, 249, 245, 0.96), rgba(255, 250, 239, 0.88));
  border-bottom: 1px solid rgba(126, 177, 165, 0.3);
}

.external-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(620px, 1.18fr);
  gap: 46px;
  align-items: center;
}

.external-hero-copy h1,
.external-heading h2,
.external-split-copy h2,
.external-contract-copy h2,
.external-event-copy h2,
.external-travel-copy h2 {
  color: var(--external-ink);
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: -0.045em;
}

.external-hero-copy h1 {
  max-width: 700px;
  margin: 0 0 22px;
  font-size: clamp(3rem, 4.7vw, 5.15rem);
  line-height: 0.95;
}

.external-lead {
  max-width: 730px;
  margin: 0;
  color: #25536a;
  font-size: 1.08rem;
  line-height: 1.68;
}

.external-hero-note {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  margin-top: 24px;
  padding: 18px 20px;
  border: 1px solid rgba(93, 157, 62, 0.28);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(244, 251, 238, 0.96), rgba(255, 250, 235, 0.92));
  box-shadow: 0 12px 30px rgba(24, 74, 91, 0.06);
}

.external-hero-note > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(93, 157, 62, 0.15);
  color: #3c7c2d;
  font-size: 1.2rem;
  font-weight: 900;
}

.external-hero-note p { margin: 0; color: #315f62; line-height: 1.55; }
.external-hero-note strong { color: #2c6535; }

.external-quick-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 22px;
}

.external-quick-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 43px;
  padding: 0 15px;
  border: 1px solid rgba(23, 111, 152, 0.23);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: #0b5c8c;
  font-size: 0.88rem;
  font-weight: 900;
  text-align: center;
  box-shadow: 0 8px 20px rgba(24, 74, 91, 0.05);
  transition: transform 0.18s ease, background 0.18s ease;
}

.external-quick-links a:hover { transform: translateY(-2px); background: #fff; }

.external-hero-visual {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) auto minmax(130px, 1fr) auto minmax(120px, 0.86fr) auto minmax(120px, 0.86fr);
  gap: 9px;
  align-items: center;
  min-height: 520px;
  padding: 26px 22px;
  border: 1px solid rgba(126, 177, 165, 0.34);
  border-radius: 34px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: var(--external-shadow);
}

.external-hero-person,
.external-hero-doc {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  min-height: 390px;
  padding: 16px 10px 18px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(239, 248, 244, 0.88), rgba(255, 255, 255, 0.9));
  text-align: center;
}

.external-hero-person--expert { background: linear-gradient(180deg, rgba(236, 247, 252, 0.88), rgba(255,255,255,0.9)); }
.external-hero-doc { background: linear-gradient(180deg, rgba(255, 249, 232, 0.78), rgba(255,255,255,0.92)); }
.external-hero-doc--check { background: linear-gradient(180deg, rgba(241, 249, 235, 0.86), rgba(255,255,255,0.92)); }

.external-hero-person img,
.external-hero-doc img {
  width: 100%;
  height: 300px;
  object-fit: contain;
  margin-bottom: 10px;
}

.external-hero-person strong,
.external-hero-doc strong { color: var(--external-ink); font-size: 0.92rem; line-height: 1.3; }
.external-hero-arrow { color: var(--external-teal); font-size: 1.65rem; font-weight: 900; }

.external-section { padding: 74px 0; }
.external-section--soft { background: linear-gradient(135deg, rgba(237, 249, 246, 0.88), rgba(255, 255, 255, 0.55)); }
.external-section--need { background: linear-gradient(135deg, rgba(247, 251, 244, 0.94), rgba(255, 249, 234, 0.76)); }
.external-section--contract { background: rgba(255,255,255,0.4); }
.external-section--acceptance { background: linear-gradient(180deg, rgba(239,248,244,0.65), rgba(255,250,239,0.66)); }
.external-section--event { background: linear-gradient(135deg, rgba(238,248,251,0.82), rgba(255,255,255,0.4)); }
.external-section--changes { background: rgba(255, 252, 244, 0.74); }
.external-section--trail { background: linear-gradient(180deg, rgba(238,248,245,0.78), rgba(255,255,255,0.42)); }
.external-section--risks { background: linear-gradient(180deg, rgba(255, 247, 242, 0.83), rgba(255,255,255,0.5)); }
.external-section--ready { background: linear-gradient(180deg, rgba(239,248,244,0.92), rgba(234,246,243,0.9)); }

.external-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
  gap: 56px;
  align-items: end;
  margin-bottom: 34px;
}

.external-heading--center {
  display: block;
  max-width: 1050px;
  margin: 0 auto 34px;
  text-align: center;
}

.external-heading--center .external-kicker { margin-left: auto; margin-right: auto; }
.external-heading h2,
.external-split-copy h2,
.external-contract-copy h2,
.external-event-copy h2,
.external-travel-copy h2 {
  margin: 0;
  font-size: clamp(2.25rem, 3.2vw, 3.7rem);
  line-height: 1.02;
}

.external-heading > p,
.external-heading--center > p,
.external-split-copy > p:not(.external-kicker),
.external-contract-copy > p,
.external-event-copy > p,
.external-travel-copy > p {
  margin: 0;
  color: var(--external-copy);
  font-size: 1rem;
  line-height: 1.65;
}
.external-heading--center > p { margin-top: 16px; }

.external-who-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 80px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
}

.external-who-card {
  position: relative;
  min-height: 510px;
  padding: 20px 24px 28px;
  border: 1px solid var(--external-line);
  border-radius: 30px;
  background: rgba(255,255,255,0.86);
  box-shadow: var(--external-shadow);
  text-align: center;
}

.external-who-card > img { width: 100%; height: 335px; object-fit: contain; }
.external-who-card > span {
  display: inline-flex;
  padding: 7px 13px;
  border-radius: 999px;
  background: rgba(13,129,122,0.12);
  color: var(--external-teal);
  font-size: 0.82rem;
  font-weight: 900;
}
.external-who-card h3 { margin: 14px 0 8px; color: var(--external-ink); font-size: 1.25rem; }
.external-who-card p { margin: 0 auto; max-width: 590px; color: var(--external-copy); line-height: 1.55; }
.external-not-equal { color: var(--external-teal); font-size: 2.4rem; font-weight: 900; text-align: center; }

.external-callout,
.external-update-note,
.external-selection-note,
.external-travel-warning {
  margin-top: 28px;
  padding: 19px 22px;
  border: 1px solid rgba(201,150,56,0.28);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(255,248,230,0.93), rgba(242,250,239,0.9));
  color: #5d634f;
  line-height: 1.55;
}
.external-callout strong,
.external-update-note strong,
.external-selection-note strong { color: #805a17; }
.external-callout--warning { border-color: rgba(187,101,78,0.25); background: linear-gradient(135deg, rgba(255,244,238,0.92), rgba(255,250,234,0.88)); }

.external-service-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.external-service-grid article {
  min-height: 420px;
  padding: 17px 18px 24px;
  border: 1px solid rgba(126,177,165,0.33);
  border-radius: 25px;
  background: rgba(255,255,255,0.84);
  box-shadow: 0 16px 35px rgba(24,74,91,0.08);
  text-align: center;
}
.external-service-grid img { width: 100%; height: 245px; object-fit: contain; }
.external-service-grid h3 { margin: 8px 0 8px; color: var(--external-ink); font-size: 1.08rem; }
.external-service-grid p { margin: 0; color: var(--external-copy); line-height: 1.5; font-size: 0.92rem; }

.external-boundary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.external-boundary-grid article {
  padding: 22px 24px 26px;
  border: 1px solid var(--external-line);
  border-radius: 28px;
  background: rgba(255,255,255,0.86);
  box-shadow: var(--external-shadow);
}
.external-boundary-grid img { width: 100%; height: 300px; object-fit: contain; }
.external-boundary-grid h3 { margin: 10px 0 14px; color: var(--external-ink); font-size: 1.24rem; }
.external-boundary-grid ul,
.external-evidence-grid ul,
.external-check-list { margin: 0; padding-left: 20px; color: var(--external-copy); line-height: 1.65; }
.external-boundary-grid li::marker,
.external-evidence-grid li::marker,
.external-check-list li::marker { color: var(--external-green); }

.external-split,
.external-contract-layout,
.external-event-layout,
.external-travel-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 54px;
  align-items: center;
}
.external-split-visual,
.external-contract-visual,
.external-event-visual,
.external-travel-visual {
  padding: 18px;
  border: 1px solid var(--external-line);
  border-radius: 30px;
  background: rgba(255,255,255,0.76);
  box-shadow: var(--external-shadow);
}
.external-split-visual img,
.external-event-visual img,
.external-travel-visual img { display: block; width: 100%; max-height: 620px; object-fit: contain; }

.external-number-list { display: grid; gap: 12px; margin: 25px 0 0; padding: 0; list-style: none; }
.external-number-list li {
  display: grid;
  grid-template-columns: 52px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  padding: 16px 18px;
  border: 1px solid rgba(126,177,165,0.3);
  border-radius: 18px;
  background: rgba(255,255,255,0.78);
}
.external-number-list span,
.external-procedure-grid span,
.external-risk-grid span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(13,129,122,0.12);
  color: var(--external-teal);
  font-weight: 900;
}
.external-number-list h3 { margin: 0 0 4px; color: var(--external-ink); font-size: 1rem; }
.external-number-list p { margin: 0; color: var(--external-copy); line-height: 1.5; }

.external-procedure-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}
.external-procedure-grid article,
.external-change-grid article,
.external-risk-grid article {
  padding: 21px 22px;
  border: 1px solid rgba(126,177,165,0.28);
  border-radius: 23px;
  background: rgba(255,255,255,0.82);
  box-shadow: 0 14px 32px rgba(24,74,91,0.06);
}
.external-procedure-grid h3,
.external-change-grid h3,
.external-risk-grid h3 { margin: 15px 0 7px; color: var(--external-ink); font-size: 1.05rem; }
.external-procedure-grid p,
.external-change-grid p,
.external-risk-grid p { margin: 0; color: var(--external-copy); line-height: 1.5; }
.external-selection-note { display: flex; justify-content: space-between; gap: 24px; align-items: center; }
.external-selection-note p { margin: 0; }
.external-selection-note a { white-space: nowrap; color: #0b5c8c; font-weight: 900; }

.external-contract-layout { grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.92fr); }
.external-contract-points { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 25px; }
.external-contract-points article {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr);
  column-gap: 12px;
  padding: 16px;
  border: 1px solid rgba(126,177,165,0.3);
  border-radius: 18px;
  background: rgba(255,255,255,0.82);
}
.external-contract-points span { grid-row: 1 / span 2; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: rgba(93,157,62,0.14); color: #3f7d2d; font-weight: 900; }
.external-contract-points h3 { margin: 0 0 4px; color: var(--external-ink); font-size: 0.98rem; }
.external-contract-points p { margin: 0; color: var(--external-copy); line-height: 1.45; font-size: 0.92rem; }
.external-contract-visual img { display: block; width: 100%; height: 370px; object-fit: contain; }
.external-contract-contrast { display: grid; gap: 10px; margin-top: 12px; }
.external-contract-contrast p { margin: 0; padding: 13px 15px; border-radius: 15px; background: rgba(240,247,245,0.82); color: var(--external-copy); line-height: 1.5; }
.external-contract-contrast p:first-child { background: rgba(255,242,236,0.88); }
.external-contract-contrast strong { color: var(--external-ink); }

.external-evidence-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 16px;
}
.external-evidence-grid article {
  min-height: 310px;
  padding: 22px 19px;
  border: 1px solid rgba(126,177,165,0.3);
  border-radius: 23px;
  background: rgba(255,255,255,0.82);
}
.external-evidence-grid > article > span { display: inline-flex; padding: 6px 12px; border-radius: 999px; background: rgba(13,129,122,0.11); color: var(--external-teal); font-weight: 900; }
.external-evidence-grid h3 { margin: 15px 0 14px; color: var(--external-ink); font-size: 1.08rem; }
.external-evidence-grid ul { font-size: 0.92rem; }

.external-acceptance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 20px;
}
.external-acceptance-card {
  position: relative;
  padding: 18px 21px 25px;
  border: 1px solid var(--external-line);
  border-radius: 28px;
  background: rgba(255,255,255,0.86);
  box-shadow: var(--external-shadow);
  text-align: center;
}
.external-acceptance-card img { width: 100%; height: 285px; object-fit: contain; }
.external-acceptance-card > span { display: grid; place-items: center; width: 44px; height: 44px; margin: -7px auto 8px; border-radius: 50%; font-size: 1.25rem; font-weight: 900; }
.external-acceptance-card--green > span { background: rgba(93,157,62,0.15); color: #3f7d2d; }
.external-acceptance-card--yellow > span { background: rgba(201,150,56,0.18); color: #9a6c18; }
.external-acceptance-card--red > span { background: rgba(187,101,78,0.16); color: #a14938; }
.external-acceptance-card h3 { margin: 0 0 8px; color: var(--external-ink); font-size: 1.16rem; }
.external-acceptance-card p { margin: 0; color: var(--external-copy); line-height: 1.5; }

.external-flow-list {
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.external-flow-list li {
  position: relative;
  display: flex;
  min-height: 210px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 13px;
  border: 1px solid rgba(126,177,165,0.3);
  border-radius: 24px;
  background: rgba(255,255,255,0.84);
  text-align: center;
}
.external-flow-list li:not(:last-child)::after {
  content: "→";
  position: absolute;
  right: -20px;
  z-index: 2;
  color: var(--external-teal);
  font-size: 1.4rem;
  font-weight: 900;
}
.external-flow-list span { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 14px; border-radius: 50%; background: var(--external-ink); color: #fff; font-weight: 900; }
.external-flow-list strong { color: var(--external-ink); font-size: 1rem; }
.external-flow-list small { margin-top: 8px; color: var(--external-copy); line-height: 1.45; }

.external-event-layout { grid-template-columns: minmax(0,0.9fr) minmax(420px,1.1fr); }
.external-check-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px 28px; margin-top: 25px; }
.external-event-visual img { min-height: 420px; }

.external-travel-layout { grid-template-columns: minmax(420px,0.9fr) minmax(0,1.1fr); }
.external-mini-checks { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; margin-top: 22px; }
.external-mini-checks article { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 10px; align-items: center; padding: 12px 14px; border: 1px solid rgba(126,177,165,0.3); border-radius: 16px; background: rgba(255,255,255,0.8); }
.external-mini-checks span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: rgba(93,157,62,0.14); color: #3f7d2d; font-weight: 900; }
.external-mini-checks p { margin: 0; color: var(--external-copy); line-height: 1.4; }
.external-travel-warning { color: #725a36; }

.external-change-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}
.external-change-grid > article > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: rgba(26,116,160,0.11); color: var(--external-blue); font-weight: 900; }

.external-trail-list {
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.external-trail-list li {
  position: relative;
  min-height: 105px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 10px;
  border: 1px solid rgba(126,177,165,0.3);
  border-radius: 19px;
  background: rgba(255,255,255,0.82);
  text-align: center;
}
.external-trail-list li:not(:nth-child(6n))::after { content: "→"; position: absolute; right: -18px; color: var(--external-teal); font-weight: 900; }
.external-trail-list span { color: var(--external-teal); font-size: 0.8rem; font-weight: 900; }
.external-trail-list strong { margin-top: 5px; color: var(--external-ink); font-size: 0.9rem; }

.external-risk-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
}
.external-risk-grid article { border-color: rgba(187,101,78,0.2); }
.external-risk-grid span { background: rgba(187,101,78,0.1); color: var(--external-red); }

.external-ready-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 13px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.external-ready-grid li {
  position: relative;
  min-height: 78px;
  display: flex;
  align-items: center;
  padding: 16px 18px 16px 56px;
  border: 1px solid rgba(93,157,62,0.22);
  border-radius: 19px;
  background: rgba(255,255,255,0.82);
  color: var(--external-ink);
  font-weight: 800;
  line-height: 1.4;
}
.external-ready-grid li::before { content: "✓"; position: absolute; left: 18px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(93,157,62,0.14); color: #3f7d2d; font-weight: 900; }
.external-update-note { max-width: 860px; margin-inline: auto; text-align: center; }

.external-next-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
  margin-top: 30px;
}
.external-next-links a {
  display: grid;
  grid-template-columns: 50px minmax(0,1fr) auto;
  gap: 14px;
  align-items: center;
  min-height: 82px;
  padding: 15px 18px;
  border: 1px solid rgba(23,111,153,0.22);
  border-radius: 20px;
  background: rgba(255,255,255,0.84);
  color: var(--external-ink);
  box-shadow: 0 14px 32px rgba(24,74,91,0.07);
}
.external-next-links span { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: rgba(13,129,122,0.1); color: var(--external-teal); font-weight: 900; }
.external-next-links strong { font-size: 0.94rem; line-height: 1.3; }
.external-next-links em { color: #0b5c8c; font-size: 1.3rem; font-style: normal; font-weight: 900; }
.external-bottom-back { display: flex; justify-content: center; margin-top: 34px; }
.external-bottom-back a { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 21px; border: 1px solid rgba(23,111,153,0.28); border-radius: 999px; background: rgba(255,255,255,0.88); color: #0b5c8c; font-weight: 900; box-shadow: 0 10px 24px rgba(24,74,91,0.06); }

@media (max-width: 1320px) {
  .external-hero-grid { grid-template-columns: 1fr; }
  .external-hero-copy { max-width: 960px; }
  .external-hero-visual { max-width: 1180px; margin-inline: auto; }
  .external-service-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .external-evidence-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .external-risk-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (max-width: 1020px) {
  .external-shell { width: min(100% - 42px, 920px); }
  .external-heading { grid-template-columns: 1fr; gap: 12px; }
  .external-who-grid { grid-template-columns: 1fr; }
  .external-not-equal { transform: rotate(90deg); }
  .external-boundary-grid,
  .external-acceptance-grid,
  .external-procedure-grid,
  .external-change-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .external-split,
  .external-contract-layout,
  .external-event-layout,
  .external-travel-layout { grid-template-columns: 1fr; }
  .external-contract-visual,
  .external-event-visual,
  .external-travel-visual { max-width: 760px; margin-inline: auto; }
  .external-flow-list { grid-template-columns: repeat(3, minmax(0,1fr)); row-gap: 26px; }
  .external-flow-list li:nth-child(3)::after { display: none; }
  .external-trail-list { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .external-trail-list li:not(:nth-child(6n))::after { display: none; }
  .external-ready-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .external-shell { width: calc(100% - 28px); }
  .external-section { padding: 54px 0; }
  .external-hero { padding-top: 42px; }
  .external-hero-copy h1 { font-size: clamp(2.7rem, 11vw, 4rem); }
  .external-quick-links { grid-template-columns: 1fr; }
  .external-hero-visual { grid-template-columns: 1fr; min-height: auto; padding: 15px; }
  .external-hero-arrow { transform: rotate(90deg); text-align: center; }
  .external-hero-person,
  .external-hero-doc { min-height: 350px; }
  .external-hero-person img,
  .external-hero-doc img { height: 275px; }
  .external-service-grid,
  .external-evidence-grid,
  .external-boundary-grid,
  .external-acceptance-grid,
  .external-procedure-grid,
  .external-change-grid,
  .external-risk-grid,
  .external-ready-grid,
  .external-next-links { grid-template-columns: 1fr; }
  .external-contract-points,
  .external-check-list,
  .external-mini-checks { grid-template-columns: 1fr; }
  .external-flow-list { grid-template-columns: 1fr; }
  .external-flow-list li { min-height: 150px; }
  .external-flow-list li:not(:last-child)::after { content: "↓"; right: auto; left: 50%; top: auto; bottom: -25px; transform: translateX(-50%); display: block; }
  .external-trail-list { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .external-selection-note { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 500px) {
  .external-heading h2,
  .external-split-copy h2,
  .external-contract-copy h2,
  .external-event-copy h2,
  .external-travel-copy h2 { font-size: clamp(2.2rem, 11vw, 3rem); }
  .external-trail-list { grid-template-columns: 1fr; }
  .external-who-card > img { height: 270px; }
  .external-service-grid article { min-height: auto; }
  .external-service-grid img { height: 220px; }
}


/* =========================================================
   Page 06 — Equipment
   ========================================================= */
.equipment-page {
  --equipment-ink: var(--elig-ink, #083260);
  --equipment-copy: var(--elig-copy, #315c72);
  --equipment-green: var(--elig-green, #5c963b);
  --equipment-green-dark: var(--elig-green-dark, #3f7d2d);
  --equipment-teal: var(--elig-teal, #0c827b);
  --equipment-blue: var(--elig-blue, #176f98);
  --equipment-gold: var(--elig-gold, #c7952f);
  --equipment-red: var(--elig-red, #b55f49);
  --equipment-line: rgba(126, 177, 165, 0.36);
  --equipment-shadow: 0 20px 48px rgba(24, 74, 91, 0.10);
}

.equipment-page main { overflow: hidden; }
.equipment-shell { width: min(1380px, calc(100% - 64px)); margin: 0 auto; }
.equipment-kicker { display: inline-flex; align-items: center; gap: 10px; width: fit-content; margin: 0 0 14px; color: var(--equipment-teal); font-size: .92rem; font-weight: 900; letter-spacing: .01em; }
.equipment-kicker::before { content: ""; width: 12px; height: 12px; border-radius: 50%; background: var(--equipment-green); box-shadow: 0 0 0 6px rgba(92,150,59,.13); }
.equipment-page h1, .equipment-page h2 { color: var(--equipment-ink); font-family: Georgia, "Times New Roman", serif; letter-spacing: -.045em; }
.equipment-page h3 { color: var(--equipment-ink); }
.equipment-page p, .equipment-page li { color: var(--equipment-copy); }

.equipment-hero { position: relative; padding: 58px 0 48px; background: radial-gradient(circle at 65% 22%, rgba(255,255,255,.96), transparent 28rem), linear-gradient(180deg, rgba(237,249,245,.96), rgba(255,250,238,.82)); border-bottom: 1px solid rgba(126,177,165,.28); }
.equipment-hero::before, .equipment-hero::after { content:""; position:absolute; border-radius:50%; pointer-events:none; }
.equipment-hero::before { width:340px; height:210px; left:-90px; bottom:-95px; background:rgba(143,190,144,.13); }
.equipment-hero::after { width:310px; height:190px; right:-60px; top:25px; background:rgba(108,175,195,.14); }
.equipment-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr); gap:48px; align-items:center; }
.equipment-hero-copy h1 { max-width:660px; margin:0 0 22px; font-size:clamp(3rem,4.5vw,3.25rem); line-height:.96; }
.equipment-lead { max-width:710px; margin:0; font-size:1.08rem; line-height:1.68; }
.equipment-hero-note { display:grid; grid-template-columns:44px minmax(0,1fr); gap:14px; align-items:start; margin-top:24px; padding:18px 20px; border:1px solid rgba(92,150,59,.28); border-radius:20px; background:linear-gradient(135deg,rgba(244,251,238,.96),rgba(255,250,235,.9)); box-shadow:0 12px 30px rgba(24,74,91,.06); }
.equipment-hero-note > span { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; color:var(--equipment-green-dark); background:rgba(92,150,59,.14); font-size:1rem; font-weight:900; }
.equipment-hero-note p { margin:0; line-height:1.55; }
.equipment-hero-note strong { color:#285f32; }
.equipment-quick-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.equipment-quick-links a { display:inline-flex; align-items:center; min-height:40px; padding:0 16px; border:1px solid rgba(23,111,152,.22); border-radius:999px; background:rgba(255,255,255,.76); color:#0b5c8c; font-size:.9rem; font-weight:900; box-shadow:0 8px 20px rgba(24,74,91,.05); transition:.18s ease; }
.equipment-quick-links a:hover { transform:translateY(-2px); background:#fff; border-color:rgba(12,130,123,.38); }
.equipment-hero-visual { margin:0; padding:17px; border:1px solid rgba(126,177,165,.28); border-radius:30px; background:rgba(255,255,255,.68); box-shadow:var(--equipment-shadow); }
.equipment-hero-visual img { display:block; width:100%; max-height:600px; object-fit:contain; border-radius:20px; }

.equipment-section { padding:74px 0; }
.equipment-section--soft { background:linear-gradient(180deg,rgba(237,248,245,.56),rgba(247,252,250,.72)); }
.equipment-section--warm { background:linear-gradient(180deg,rgba(255,249,236,.66),rgba(248,252,247,.72)); }
.equipment-section--selection { background:linear-gradient(180deg,rgba(239,248,245,.7),rgba(255,255,255,.46)); }
.equipment-section--changes, .equipment-section--risks { background:linear-gradient(180deg,rgba(255,248,243,.68),rgba(255,252,248,.86)); }
.equipment-section--trail, .equipment-section--ready { background:linear-gradient(180deg,rgba(237,248,245,.72),rgba(244,251,248,.96)); }
.equipment-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.65fr); gap:48px; align-items:end; margin-bottom:34px; }
.equipment-heading--center { display:block; max-width:980px; margin:0 auto 34px; text-align:center; }
.equipment-heading--center .equipment-kicker { margin-left:auto; margin-right:auto; }
.equipment-heading h2, .equipment-copy h2 { margin:0; font-size:clamp(2.2rem,3.1vw,2.5rem); line-height:1.02; }
.equipment-heading > p, .equipment-heading--center > p, .equipment-copy > p:not(.equipment-kicker) { margin:14px 0 0; font-size:1.02rem; line-height:1.62; }
.equipment-heading > p { margin:0; }
.equipment-split { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:58px; align-items:center; }
.equipment-split--visual-left { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); }
.equipment-framed-visual, .equipment-wide-visual { margin:0; padding:16px; border:1px solid rgba(126,177,165,.28); border-radius:30px; background:rgba(255,255,255,.72); box-shadow:var(--equipment-shadow); }
.equipment-framed-visual img, .equipment-wide-visual img { display:block; width:100%; height:auto; border-radius:20px; object-fit:contain; }
.equipment-framed-visual img { max-height:650px; }
.equipment-wide-visual { max-width:1140px; margin:0 auto 32px; }
.equipment-wide-visual img { max-height:720px; }
.equipment-wide-visual--compact { max-width:980px; }

.equipment-compact-list, .equipment-number-list, .equipment-spec-grid, .equipment-inventory-grid { display:grid; gap:12px; margin-top:22px; }
.equipment-compact-list { grid-template-columns:1fr 1fr; }
.equipment-compact-list article, .equipment-spec-grid article, .equipment-inventory-grid article { position:relative; padding:16px 18px 18px 58px; border:1px solid var(--equipment-line); border-radius:18px; background:rgba(255,255,255,.74); }
.equipment-compact-list span, .equipment-spec-grid span, .equipment-inventory-grid span { position:absolute; left:18px; top:18px; display:grid; place-items:center; min-width:30px; height:30px; padding:0 8px; border-radius:999px; color:var(--equipment-teal); background:rgba(12,130,123,.11); font-weight:900; }
.equipment-compact-list h3, .equipment-spec-grid h3, .equipment-inventory-grid h3 { margin:0 0 5px; font-size:0.8rem; }
.equipment-compact-list p, .equipment-spec-grid p, .equipment-inventory-grid p { margin:0; line-height:1.5; }
.equipment-callout { margin-top:24px; padding:18px 20px; border:1px solid rgba(199,149,47,.28); border-radius:20px; background:linear-gradient(135deg,rgba(255,248,226,.92),rgba(241,250,240,.9)); color:#665e3b; line-height:1.58; }
.equipment-callout strong { color:#8b6415; }

.equipment-group-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:14px; }
.equipment-group-grid article, .equipment-method-grid article, .equipment-boundary-grid article { padding:22px; border:1px solid var(--equipment-line); border-radius:24px; background:rgba(255,255,255,.76); box-shadow:0 12px 28px rgba(24,74,91,.06); }
.equipment-group-grid span, .equipment-method-grid span { display:grid; place-items:center; width:38px; height:38px; margin-bottom:15px; border-radius:50%; background:rgba(12,130,123,.11); color:var(--equipment-teal); font-weight:900; }
.equipment-group-grid h3, .equipment-method-grid h3, .equipment-boundary-grid h3 { margin:0 0 8px; font-size:1.06rem; }
.equipment-group-grid p, .equipment-method-grid p { margin:0; line-height:1.52; }
.equipment-boundary-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.equipment-boundary-grid article > span { display:grid; place-items:center; width:42px; height:42px; margin-bottom:14px; border-radius:50%; color:var(--equipment-green-dark); background:rgba(92,150,59,.12); font-weight:900; }
.equipment-boundary-grid ul { margin:0; padding-left:20px; }
.equipment-boundary-grid li { margin:5px 0; line-height:1.45; }
.equipment-method-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }

.equipment-number-list { list-style:none; padding:0; }
.equipment-number-list li { display:grid; grid-template-columns:44px 1fr; gap:14px; align-items:start; padding:16px 18px; border:1px solid var(--equipment-line); border-radius:18px; background:rgba(255,255,255,.72); }
.equipment-number-list li > span { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:rgba(12,130,123,.11); color:var(--equipment-teal); font-weight:900; }
.equipment-number-list strong { color:var(--equipment-ink); }
.equipment-number-list p { margin:4px 0 0; }

.equipment-formula { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1.2fr; gap:10px; align-items:center; margin-top:25px; padding:18px; border:1px solid rgba(23,111,152,.22); border-radius:22px; background:rgba(255,255,255,.78); }
.equipment-formula span, .equipment-formula strong { display:grid; place-items:center; min-height:64px; padding:10px; border-radius:16px; text-align:center; background:rgba(12,130,123,.07); color:var(--equipment-ink); }
.equipment-formula b { color:var(--equipment-teal); font-size:1.2rem; }
.equipment-check-grid { display:grid; gap:10px; margin-top:18px; }
.equipment-check-grid--two { grid-template-columns:1fr 1fr; }
.equipment-check-grid p, .equipment-delivery-grid p { position:relative; margin:0; padding:14px 14px 14px 44px; border:1px solid var(--equipment-line); border-radius:16px; background:rgba(255,255,255,.72); line-height:1.4; }
.equipment-check-grid p::before, .equipment-delivery-grid p::before { content:"✓"; position:absolute; left:14px; top:13px; display:grid; place-items:center; width:22px; height:22px; border-radius:50%; color:var(--equipment-green-dark); background:rgba(92,150,59,.13); font-weight:900; }
.equipment-spec-grid, .equipment-inventory-grid { grid-template-columns:1fr 1fr; }

.equipment-selection-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }
.equipment-selection-grid article, .equipment-change-grid article, .equipment-risk-grid article { padding:22px; border:1px solid rgba(196,137,113,.25); border-radius:22px; background:rgba(255,255,255,.78); box-shadow:0 12px 28px rgba(24,74,91,.05); }
.equipment-selection-grid span, .equipment-risk-grid span { display:grid; place-items:center; width:38px; height:38px; margin-bottom:15px; border-radius:50%; color:var(--equipment-teal); background:rgba(12,130,123,.11); font-weight:900; }
.equipment-selection-grid h3, .equipment-change-grid h3, .equipment-risk-grid h3 { margin:0 0 8px; font-size:1.05rem; }
.equipment-selection-grid p, .equipment-change-grid p, .equipment-risk-grid p { margin:0; line-height:1.5; }
.equipment-selection-note { display:flex; justify-content:space-between; gap:24px; align-items:center; margin-top:22px; padding:19px 22px; border:1px solid rgba(199,149,47,.26); border-radius:20px; background:linear-gradient(135deg,rgba(255,248,226,.9),rgba(241,250,240,.9)); }
.equipment-selection-note p { margin:0; }
.equipment-selection-note a { flex:0 0 auto; color:#075b8c; font-weight:900; }

.equipment-delivery-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:22px; }
.equipment-status-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:18px; }
.equipment-status-grid article { padding:18px; border-radius:20px; border:1px solid var(--equipment-line); background:rgba(255,255,255,.74); text-align:center; }
.equipment-status-grid span { display:grid; place-items:center; width:40px; height:40px; margin:0 auto 10px; border-radius:50%; font-weight:900; }
.equipment-status-grid h3 { margin:0 0 6px; font-size:1rem; }
.equipment-status-grid p { margin:0; line-height:1.45; }
.equipment-status-grid .is-ok span { color:#3f7d2d; background:rgba(92,150,59,.14); }
.equipment-status-grid .is-warning span { color:#9a6a10; background:rgba(214,164,56,.17); }
.equipment-status-grid .is-stop span { color:#a74834; background:rgba(181,95,73,.14); }

.equipment-software-contrast { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:24px; }
.equipment-software-contrast article { padding:22px; border:1px solid var(--equipment-line); border-radius:22px; background:rgba(255,255,255,.76); }
.equipment-software-contrast span { display:grid; place-items:center; width:38px; height:38px; margin-bottom:12px; border-radius:50%; color:var(--equipment-teal); background:rgba(12,130,123,.11); font-weight:900; }
.equipment-software-contrast h3 { margin:0 0 10px; }
.equipment-software-contrast ul, .equipment-second-hand-list { margin:0; padding-left:22px; }
.equipment-software-contrast li, .equipment-second-hand-list li { margin:7px 0; line-height:1.5; }
.equipment-second-hand-list { margin-top:22px; padding:20px 22px 20px 42px; border:1px solid var(--equipment-line); border-radius:22px; background:rgba(255,255,255,.74); }

.equipment-change-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.equipment-change-grid article > span { display:grid; place-items:center; width:42px; height:42px; margin-bottom:14px; border-radius:50%; color:var(--equipment-blue); background:rgba(23,111,152,.11); font-weight:900; font-size:1.1rem; }
.equipment-after-line { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; list-style:none; margin:0; padding:0; }
.equipment-after-line li { position:relative; padding:24px 18px; border:1px solid var(--equipment-line); border-radius:22px; background:rgba(255,255,255,.74); text-align:center; }
.equipment-after-line li:not(:last-child)::after { content:"→"; position:absolute; right:-14px; top:50%; z-index:2; color:var(--equipment-teal); font-weight:900; font-size:1.25rem; }
.equipment-after-line span { display:grid; place-items:center; width:38px; height:38px; margin:0 auto 12px; border-radius:50%; background:rgba(12,130,123,.11); color:var(--equipment-teal); font-weight:900; }
.equipment-after-line strong { display:block; color:var(--equipment-ink); }
.equipment-after-line p { margin:8px 0 0; line-height:1.45; }

.equipment-trail-grid { display:grid; grid-template-columns:repeat(8,1fr); gap:12px; list-style:none; margin:0; padding:0; }
.equipment-trail-grid li { position:relative; min-height:104px; padding:16px 10px; border:1px solid var(--equipment-line); border-radius:18px; background:rgba(255,255,255,.75); text-align:center; }
.equipment-trail-grid span { display:block; color:var(--equipment-teal); font-weight:900; margin-bottom:10px; }
.equipment-trail-grid strong { color:var(--equipment-ink); }

.equipment-risk-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:15px; }
.equipment-risk-grid span { color:#b85e43; background:rgba(181,95,73,.11); }
.equipment-ready-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; list-style:none; margin:0; padding:0; }
.equipment-ready-grid li { position:relative; min-height:74px; display:flex; align-items:center; padding:16px 18px 16px 55px; border:1px solid rgba(92,150,59,.24); border-radius:18px; background:rgba(255,255,255,.76); color:var(--equipment-ink); font-weight:800; line-height:1.4; }
.equipment-ready-grid li::before { content:"✓"; position:absolute; left:18px; display:grid; place-items:center; width:26px; height:26px; border-radius:50%; color:var(--equipment-green-dark); background:rgba(92,150,59,.14); font-weight:900; }
.equipment-update-note { max-width:880px; margin:26px auto 0; padding:18px 22px; border:1px solid rgba(199,149,47,.28); border-radius:20px; background:linear-gradient(135deg,rgba(255,248,226,.92),rgba(241,250,240,.9)); text-align:center; color:#665e3b; }
.equipment-update-note strong { color:#8b6415; }
.equipment-next-links { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:28px; }
.equipment-next-links a { display:grid; grid-template-columns:auto 1fr auto; gap:14px; align-items:center; min-height:86px; padding:18px 20px; border:1px solid rgba(23,111,152,.2); border-radius:22px; background:rgba(255,255,255,.8); box-shadow:0 12px 28px rgba(24,74,91,.06); }
.equipment-next-links span { display:grid; place-items:center; min-width:50px; height:38px; padding:0 10px; border-radius:999px; color:var(--equipment-teal); background:rgba(12,130,123,.11); font-weight:900; }
.equipment-next-links strong { color:var(--equipment-ink); }
.equipment-next-links em { color:#086797; font-style:normal; font-size:1.3rem; font-weight:900; }
.equipment-bottom-back { margin-top:28px; text-align:center; }
.equipment-bottom-back a { display:inline-flex; align-items:center; min-height:44px; padding:0 20px; border:1px solid rgba(23,111,152,.22); border-radius:999px; background:rgba(255,255,255,.76); color:#075b8c; font-weight:900; }

@media (max-width: 1180px) {
  .equipment-hero-grid, .equipment-split, .equipment-split--visual-left { grid-template-columns:1fr; }
  .equipment-hero-visual { max-width:850px; margin:0 auto; }
  .equipment-group-grid { grid-template-columns:repeat(4,1fr); }
  .equipment-selection-grid, .equipment-risk-grid { grid-template-columns:repeat(3,1fr); }
  .equipment-trail-grid { grid-template-columns:repeat(4,1fr); }
}
@media (max-width: 820px) {
  .equipment-shell { width:min(100% - 32px, 1380px); }
  .equipment-section { padding:58px 0; }
  .equipment-heading { grid-template-columns:1fr; gap:16px; }
  .equipment-group-grid, .equipment-boundary-grid, .equipment-method-grid, .equipment-selection-grid, .equipment-change-grid, .equipment-risk-grid, .equipment-ready-grid, .equipment-next-links { grid-template-columns:1fr 1fr; }
  .equipment-after-line { grid-template-columns:1fr 1fr; }
  .equipment-after-line li::after { display:none; }
  .equipment-formula { grid-template-columns:1fr; }
  .equipment-formula b { transform:rotate(90deg); text-align:center; }
  .equipment-selection-note { align-items:flex-start; flex-direction:column; }
}
@media (max-width: 560px) {
  .equipment-hero { padding-top:40px; }
  .equipment-hero-copy h1 { font-size:2.75rem; }
  .equipment-group-grid, .equipment-boundary-grid, .equipment-method-grid, .equipment-selection-grid, .equipment-change-grid, .equipment-risk-grid, .equipment-ready-grid, .equipment-next-links, .equipment-compact-list, .equipment-spec-grid, .equipment-inventory-grid, .equipment-software-contrast, .equipment-delivery-grid, .equipment-status-grid, .equipment-check-grid--two, .equipment-after-line, .equipment-trail-grid { grid-template-columns:1fr; }
  .equipment-framed-visual, .equipment-wide-visual, .equipment-hero-visual { padding:9px; border-radius:22px; }
  .equipment-page h2 { font-size:2.15rem; }
}