/* Shared visual theme for service and information landing pages. */
.assessment-landing {
  background: var(--home-pale);
  color: var(--home-ink);
}

.assessment-landing .pa-hero {
  display: grid;
  align-items: center;
  min-height: clamp(460px, 42vw, 630px);
  overflow: hidden;
  border-radius: 0 0 50% 50% / 0 0 8% 8%;
  background-color: #eaf4f6;
  color: var(--home-ink);
}

.assessment-landing .pa-hero-shade {
  pointer-events: none;
  background: linear-gradient(90deg, #eaf4f6 0%, #eaf4f6 36%, #eaf4f6f7 43%, #c0e1ebbf 53%, #00516933 67%, transparent 78%);
}

.assessment-landing .pa-hero-content {
  padding-block: clamp(57px, 7vw, 108px);
}

.assessment-landing .pa-hero h1 {
  max-width: min(52%, 650px);
  margin: 0 0 20px;
  font-size: clamp(42px, 4.35vw, 66px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -.045em;
}

.assessment-landing .pa-hero p {
  max-width: min(48%, 570px);
  color: #334f58;
  font-size: clamp(17px, 1.55vw, 21px);
  line-height: 1.55;
}

.assessment-landing .pa-hero .actions {
  flex-wrap: wrap;
  gap: 12px 15px;
  max-width: min(58%, 665px);
}

.assessment-landing .pa-curve::before {
  display: none;
}

.assessment-landing > :is(.pa-overview, .pa-prepare, .pa-related, .catalog-principles, .about-offerings, .about-company, .contact-directory, .contact-final, .support-routes, .support-next, .journal-featured, .journal-library, .privacy-overview, .privacy-reading-section) {
  background: var(--home-pale);
  color: var(--home-ink);
}

.assessment-landing > :is(.pa-outcomes, .pa-process, .pa-faq, .catalog-support, .about-approach, .contact-enquiry-section, .contact-company-section, .support-product, .support-services, .journal-reading-note, .journal-service-help) {
  background: #fff;
  color: var(--home-ink);
}

.assessment-landing > :is(.pa-outcomes, .pa-process, .pa-faq, .catalog-support, .about-approach, .contact-enquiry-section, .contact-company-section, .support-product, .support-services, .journal-reading-note, .journal-service-help) + section {
  border-top: 1px solid var(--home-border);
}

.assessment-landing > :not(.pa-hero) :is(.pa-intro > h2, .pa-outcomes-copy > h2, .pa-prepare h2, .catalog-support h2, .about-company h2, .about-close h2, .contact-final h2, .contact-company-section h2, .support-heading h2, .support-next h2, .journal-library-heading h2, .journal-reading-note h2, .journal-service-help h2, .privacy-contact h2) {
  font-size: clamp(31px, 3.65vw, 52px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -.037em;
}

.assessment-landing :is(.pa-eyebrow, .pa-text-link, .pa-related-grid > a > span, .pa-questions summary > span, .pa-report li > span, .pa-process-grid > li > span, .catalog-secondary-link, .catalog-support aside a, .about-approach-list li > span, .about-offering-grid article > a, .about-company aside > a, .about-company-links a, .contact-inline-link, .contact-route-grid > a > span, .contact-next li > span, .support-route-grid > a > span, .support-inline-link, .support-next aside > a, .support-services .pa-questions summary > span, .support-services .pa-questions p > a, .support-product .pa-questions a, .journal-contact-link, .journal-story-link, .journal-reading-note aside > span, .privacy-overview-grid > a > span, .privacy-contents-contact > a),
.assessment-landing .pa-outcomes-copy > ul > li::before,
.assessment-landing .catalog-product-copy li::before,
.assessment-landing .support-checklist li::before {
  color: var(--home-teal);
}

.assessment-landing :is(.pa-review-panel, .pa-scope-grid article, .pa-report, .pa-related-grid > a, .catalog-showcase, .catalog-support aside, .about-story-layout aside, .about-offering-grid article, .about-company aside, .contact-route-grid > a, .enquiry-form, .contact-company-section aside, .support-route-grid > a, .support-checklist, .support-next aside, .journal-feature-story, .journal-story-card, .journal-empty, .journal-reading-note aside, .privacy-overview-grid > a, .privacy-notice-body, .privacy-contact aside) {
  min-width: 0;
  border-color: var(--home-border);
  border-radius: 18px;
  background: #fff;
  color: var(--home-ink);
  box-shadow: 0 9px 28px #123d4c09;
}

.assessment-landing :is(.pa-related-grid > a, .contact-route-grid > a, .support-route-grid > a, .privacy-overview-grid > a, .journal-story-card):hover {
  border-color: #709eaa;
  background: #f8fcfc;
}

.assessment-landing :is(.pa-intro, .pa-review-panel, .pa-scope-grid, .pa-outcomes-copy, .pa-report, .pa-process-grid, .pa-prepare, .pa-questions, .pa-related-grid, .catalog-product-copy, .catalog-principle-grid, .catalog-support, .about-story-layout, .about-offering-grid, .about-approach-list, .about-company, .contact-route-grid, .contact-direct, .contact-next, .contact-company-section, .contact-final, .support-route-grid, .support-heading, .support-checklist, .support-next, .journal-feature-story, .journal-story-copy, .journal-empty, .journal-reading-note, .journal-service-help, .privacy-overview-grid, .privacy-contents-contact, .privacy-notice-body) p,
.assessment-landing :is(.support-next, .journal-reading-note) > .container > div > p {
  color: var(--home-muted);
}

.assessment-landing :is(.pa-breadcrumbs, .pa-outcomes-copy > ul > li, .catalog-product-name span, .catalog-product-copy li, .about-company address, .contact-company-section address, .support-checklist li, .support-next aside > span, .privacy-contents nav h2, .privacy-contents li > a) {
  color: var(--home-muted);
}

.assessment-landing :is(.pa-scope-grid article > svg, .pa-related-grid > a > svg, .catalog-principle-grid article > svg, .catalog-support aside > svg, .about-story-layout aside > svg, .about-offering-grid article > svg, .contact-route-grid > a > svg, .contact-direct > svg, .support-route-grid > a > svg, .support-checklist > svg, .support-next aside > svg, .journal-empty > svg, .privacy-overview-grid > a > svg, .privacy-contents-contact > svg, .privacy-contact aside > svg) {
  color: var(--home-teal);
}

.assessment-landing :is(.pa-process-grid > li, .pa-outcomes-copy > ul > li, .pa-report-header, .pa-report li, .pa-questions details, .pa-questions details:first-child, .support-services .pa-questions details, .catalog-support aside a, .about-approach-list li, .about-approach-list li:last-child, .about-company-links, .contact-next, .support-next aside > span, .journal-library-heading, .journal-reading-note aside p, .privacy-contents nav, .privacy-notice-heading, .privacy-notice-body > section, .privacy-contact aside > .privacy-terms-link) {
  border-color: var(--home-border);
}

.assessment-landing .pa-report-header > span {
  background: #e5f2f4;
  color: var(--home-teal);
}

.assessment-landing .button {
  min-height: 49px;
  padding: 11px 20px;
  gap: 11px;
  font-size: 15px;
  letter-spacing: 0;
}

.assessment-landing .button > svg {
  flex: none;
  width: 19px;
  height: 19px;
}

.assessment-landing .button.blue {
  border-color: var(--home-teal);
  background: var(--home-teal);
  color: #fff;
}

.assessment-landing .button.blue:hover {
  background: var(--home-deep);
}

.assessment-landing .button.outline {
  border-color: var(--home-teal);
  background: #f8fcfce0;
  color: var(--home-teal);
}

.assessment-landing .button.outline:hover {
  background: #e1f1f3;
}

.assessment-landing :is(.pa-breadcrumbs a, .pa-text-link, .catalog-support aside a):hover {
  color: var(--home-deep);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.assessment-landing :is(.about-close, .privacy-contact) {
  background: var(--home-deep);
  color: #fff;
}

.assessment-landing .about-close > .container > :is(.pa-eyebrow, p),
.assessment-landing .privacy-contact > .container > div > :is(.pa-eyebrow, p) {
  color: #d8ecf2;
}

.assessment-landing :is(.about-close, .privacy-contact) .button.blue {
  border-color: #fff;
  background: #fff;
  color: var(--home-deep);
}

.assessment-landing :is(.about-close, .privacy-contact) .button.blue:hover {
  background: #dbf0f4;
}

.assessment-landing :is(.about-close, .privacy-contact) .button.outline {
  border-color: #bde2ea;
  background: transparent;
  color: #fff;
}

.assessment-landing :is(.about-close, .privacy-contact) .button.outline:hover {
  background: #ffffff16;
}

.assessment-landing .privacy-contact aside :is(p, address) {
  color: var(--home-muted);
}

.assessment-landing .privacy-contact aside > :is(a, .privacy-terms-link) {
  color: var(--home-teal);
}

.assessment-landing :is(a, button, summary, input, select, textarea):focus-visible {
  outline: 2px solid #087387;
  outline-offset: 3px;
}

.assessment-landing :is(.about-close, .privacy-contact) > .container > div a:focus-visible {
  outline-color: #bde2ea;
}

.assessment-landing .journal-story-card > a:focus-visible {
  outline-offset: -4px;
}

/* Keep controls and policy reading surfaces distinct from decorative cards. */
.assessment-landing :is(.enquiry-form input, .enquiry-form select, .enquiry-form textarea, .journal-search-box input) {
  border-color: #93b3bc;
  background: #fbfdfd;
  color: var(--home-ink);
}

.assessment-landing :is(.form-intro, .field-note, .contact-small-note, .journal-results-count, .journal-page-summary, .journal-search-box label) {
  color: var(--home-muted);
}

.assessment-landing .journal-pagination button {
  border-color: #aecbd2;
  color: var(--home-teal);
}

.assessment-landing .journal-pagination button[aria-current="page"] {
  border-color: var(--home-teal);
  background: var(--home-teal);
  color: #fff;
}

.assessment-landing .journal-pagination button:not(:disabled):hover {
  border-color: var(--home-teal);
}

.assessment-landing .privacy-contents li > a {
  border-color: var(--home-border);
}

.assessment-landing .privacy-contents li > a:hover {
  border-color: var(--home-teal);
  color: var(--home-teal);
}

.assessment-landing .privacy-notice-body :is(a, .policy-group, .policy-group-title, .policy-section-label, .privacy-policy-label, .policy-kicker),
.assessment-landing .privacy-notice-body li::marker {
  color: var(--home-teal);
}

.assessment-landing .privacy-notice-body :is(code, th) {
  background: var(--home-pale);
  color: var(--home-deep);
}

.assessment-landing .privacy-notice-body :is(li, td, td:first-child) {
  color: var(--home-muted);
}

@media (max-width: 760px) {
  .assessment-landing .pa-hero {
    --landing-art-height: clamp(247px, 52vw, 400px);
    min-height: 0;
    border-radius: 0 0 50% 50% / 0 0 4% 4%;
    background-position: right bottom;
    background-size: auto var(--landing-art-height);
  }

  .assessment-landing .pa-hero-shade {
    background: linear-gradient(#eaf4f6, #eaf4f6 18px, #eaf4f600 94px) bottom / 100% var(--landing-art-height) no-repeat;
  }

  .assessment-landing .pa-hero-content {
    padding-block: 43px calc(var(--landing-art-height) - 11px);
  }

  .assessment-landing .pa-hero h1 {
    max-width: 19ch;
    font-size: clamp(36px, 7.8vw, 55px);
  }

  .assessment-landing .pa-hero p {
    max-width: 47ch;
    margin-bottom: 22px;
  }

  .assessment-landing .pa-hero .actions {
    max-width: 100%;
  }

  .assessment-landing .button {
    white-space: normal;
  }

  .assessment-landing .privacy-contents nav {
    background: #fff;
  }
}