/* v45: keep the editorial scale, make actions and supporting text comfortable. */
.header-nav {right:210px;gap:22px}
.header-nav a,.header-book,.menu-toggle {font-size:12px;font-weight:500}
.header-book {min-height:48px}
.menu-toggle {min-width:62px}
.hero-link {font-size:13px;min-height:48px;padding-bottom:8px}

/* A local scrim follows the opening copy out, leaving the cloud sky untouched. */
.home-clarity .hero::after {
  content:"";position:absolute;inset:34% 0 0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(1,33,56,.76) 32%,rgba(1,33,56,.76) 80%,rgba(1,33,56,.3));
  mask-image:linear-gradient(90deg,#000 0 79%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,#000 0 79%,transparent 100%);
  opacity:var(--opening-opacity,1);
}
.home-clarity .service-row summary {font-size:13px}
.home-clarity .church-entry .wide-link {font-size:13px}
.pricing-entry-action .pricing-entry-small {font-size:13px;line-height:1.6;opacity:1}
.form-required,.form-privacy,.booking-footnote {font-size:14px;line-height:1.6}
.contact-ocean .direct-email {font-size:14px}
.sam-preview-portrait figcaption,.sam-preview-proof>.mono {font-size:12px;line-height:1.6}
.footer-meta {font-size:12px;line-height:1.6}
.pricing-header nav {font-size:14px}
.pricing-header nav a {display:inline-flex;min-height:44px;align-items:center}

/* The calculator's assumptions and consent are part of the decision, not fine print. */
.pricing-document .eyebrow,.pricing-document .pricing-intro>.eyebrow {font-size:12px}
.pricing-document .entry-price,.pricing-document .email-purpose,.pricing-document .consent,
.pricing-document .privacy-note,.pricing-document .fee-panel .privacy-note,
.pricing-document .question-intro,.pricing-document .scenario-note,
.pricing-document .time-fields small,.pricing-document .question-field small,
.pricing-document .benefit-basis,.pricing-document .benefit-disclaimer,
.pricing-document .fee-frequency,.pricing-document .fee-stop,.pricing-document .fee-note,
.pricing-document .formula-note,.pricing-document .assumption-list,
.pricing-document .scenario-settings small {font-size:14px;line-height:1.65}
.pricing-document .answer-list strong {font-size:16px}
.pricing-document .answer-list small {font-size:14px;line-height:1.55}
.pricing-document .text-button {font-size:14px;min-height:44px;white-space:normal}
.pricing-document .question-actions .primary-button {font-size:15px}
.pricing-document .console-footer,.pricing-document .console-footer #save-state,
.pricing-document .console-footer #change-email,.pricing-document .pricing-footer {font-size:12px}
.pricing-document .console-footer {overflow-wrap:anywhere}
.pricing-document .journey {font-size:11px;gap:18px}
.pricing-document .result-disclosure summary {font-size:15px;min-height:44px;align-content:center}
.pricing-document .next-step label,.pricing-document .scenario-settings label {font-size:14px}
.pricing-document input[type=email],.pricing-document input[type=text],
.pricing-document select,.pricing-document textarea {font-size:16px}
.sam-page-header a {font-size:12px}
.sam-page-title>.mono,.sam-full-story>.mono,.sam-page-close .mono,
.sam-page-portrait figcaption,.sam-page-index,.sam-page-footer,
.sam-subhead>.mono,.speaking-heading>.mono,.speaking-enquiry-intro>.mono,
.newsletter-feature-heading>.mono,.topics-label,.media-action {font-size:12px}
.media-entry p,.speaking-privacy,.speaking-required,.speaking-enquiry .speaking-small {font-size:14px;line-height:1.6}

@media(max-width:760px){
  .header-book,.menu-toggle {font-size:11px}
  .header-actions,.header-book {min-height:46px;height:46px}
  .header-book {padding:0 13px;gap:14px}
  .menu-toggle {width:62px;min-width:62px}
  .hero-link {font-size:13px;left:22px;bottom:28px;gap:52px}
  .pricing-header nav {font-size:13px;gap:16px}
  .pricing-document .journey {gap:12px}
  .pricing-document .pricing-footer {gap:12px 24px}
  .sam-page-header a {font-size:11px;gap:10px;padding:10px 11px}
  .form-required,.form-privacy,.booking-footnote {font-size:14px}
}
@media(max-width:350px){
  .header-book {padding:0 10px;gap:8px}
  .menu-toggle {width:54px;min-width:54px}
  .pricing-header nav {font-size:12px;gap:10px}
  .pricing-document .journey {font-size:10px;gap:9px}
  .sam-page-header a {font-size:10px;padding:10px 8px;gap:6px}
}
@media(max-width:400px){
  /* The logo already links home; keep one clear action on narrow phones. */
  .sam-page-header .sam-back {display:none}
  .sam-page-header .sam-header-cta {font-size:11px;padding:10px 12px;gap:10px}
}
@media print{.home-clarity .hero::after{display:none}}