/* Companion pages use the same palette, type and product framing as the homepage. */
.inner-page [hidden] { display: none!important; }
.inner-page .page-hero {
  padding: 28px 0 56px;
  background: #fff;
  border-bottom: 1px solid var(--line);
}
.page-back {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  gap: 10px;
  margin-bottom: 28px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.4;
  transition: color .18s;
}
.page-back::before { content: '←'; font-size: 17px; }
.page-back:hover { color: var(--green); }
.page-lead { max-width: 950px; animation: page-arrive .6s var(--motion-ease) both; }
.page-lead .product-name { margin-bottom: 19px; font-size: 14px; }
.page-lead h1 {
  max-width: 950px;
  font-size: clamp(40px, 4.55vw, 64px);
  line-height: 1.08;
  font-weight: 600;
  letter-spacing: -.035em;
}
.page-description {
  max-width: 650px;
  margin-top: 26px;
  color: var(--muted);
  font-size: 19px;
  line-height: 1.7;
  text-wrap: pretty;
}
.page-lead .actions { margin-top: 30px; }
.page-hero-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 56px; align-items: center; }
.page-hero-decorated > .wrap { position: relative; }
.page-margin-art { position: absolute; top: 0; right: 0; width: 320px; height: auto; pointer-events: none; }
.page-hero-decorated .product-name { width: calc(100% - 360px); }
.page-hero-illustrated .page-lead { display: block; max-width: 610px; }
.page-hero-illustrated .page-lead h1 { font-size: clamp(39px, 3.85vw, 55px); }
.page-hero-illustrated .page-description { margin-top: 24px; padding: 0; border: 0; font-size: 17px; line-height: 1.65; }
.page-hero-illustrated .page-lead .product-name { margin-bottom: 22px; }
.page-lead-art { margin: 0; }
.page-hero-document .page-hero-layout { grid-template-columns: minmax(0, 1fr) 290px; gap: 70px; }
.page-document-art { margin: 0; }
.page-document-art .illustration-title { font-size: 12px; }
.page-document-art .illustration-caption { font-size: 12px; }
.page-document-art figcaption { gap: 12px; padding-top: 12px; }
@keyframes page-arrive { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.inner-page .nav-trigger[aria-current=page]::after { transform: scaleX(1); }
.inner-page .dropdown-links a[aria-current=page] { background: #e0eee9; color: var(--forest); box-shadow: inset 3px 0 var(--green); }

/* Product imagery remains an honest demonstration, with controls outside the image. */
.page-product { padding: 56px 0 68px; background: var(--soft); border-bottom: 1px solid var(--line); }
.page-product > .wrap > .page-figure { margin: 0 0 78px; }
.page-product .product-intro { margin-bottom: 40px; }
.page-figure { margin: 34px 0 0; min-width: 0; }
.page-figure > a, .page-figure > .motion-frame {
  display: block;
  padding: 5px;
  overflow: hidden;
  border: 1px solid #46505e;
  border-radius: 4px;
  background: var(--forest);
  box-shadow: 0 8px 24px #202a3410;
  cursor: zoom-in;
  transition: border-color .18s;
}
.page-figure > a:hover, .page-figure > .motion-frame:hover { border-color: var(--green); }
.page-figure > .motion-frame { cursor: auto; }
.page-figure img { width: 100%; border-radius: 1px; }
.page-figure figcaption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 52px;
  padding: 7px 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}
.page-figure figcaption > span { flex: 1; min-width: 0; }
.page-figure figcaption a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  flex-shrink: 0;
  color: var(--green);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.page-product .product-panel .page-figure { margin-top: 0; }
.page-product .product-description { margin-top: 22px; }
.inner-page .product-tabs { border-top: 1px solid var(--control); }
.inner-page .product-tabs button { background: transparent; }
.inner-page .product-tabs button[aria-selected=true] { background: #e0eee9; }

/* Open editorial columns make titles, reading and evidence distinct. */
.editorial-row { padding: 56px 0 60px; border-bottom: 1px solid var(--line); background: #fff; }
.editorial-row:has(.page-figure), .editorial-row:has(.security-illustration) { background: var(--soft); }
.editorial-layout {
  display: grid;
  grid-template-columns: minmax(220px, .63fr) minmax(0, 1.37fr);
  gap: 56px;
  align-items: start;
}
.editorial-layout > h2 { max-width: 360px; font-size: clamp(29px, 2.7vw, 37px); line-height: 1.18; letter-spacing: -.03em; }
.editorial-copy { min-width: 0; padding-top: 2px; }
.editorial-copy p { max-width: 680px; color: var(--muted); font-size: 18px; line-height: 1.75; text-wrap: pretty; }
.editorial-copy p + p { margin-top: 22px; }
.editorial-copy a { color: var(--green); text-decoration: underline; text-underline-offset: 4px; }
.editorial-copy ul { max-width: 680px; padding-left: 20px; margin: 26px 0 0; color: var(--ink); font-size: 17px; line-height: 1.75; }
.editorial-copy li + li { margin-top: 10px; }
.editorial-copy li::marker { color: var(--green); }
.topic-navigation {
  position: sticky;
  top: var(--header-height, 76px);
  z-index: 10;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  gap: 0 34px;
  min-height: 66px;
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  font-size: 14px;
  font-weight: 600;
}
.topic-navigation a {
  display: inline-flex;
  align-items: center;
  min-height: 66px;
  padding: 18px 0 15px;
  border-bottom: 3px solid transparent;
  white-space: nowrap;
  transition: color .18s, border-color .18s;
}
.topic-navigation a:hover, .topic-navigation a[aria-current=location] { color: var(--green); border-color: var(--green); }
.inner-page:has(.topic-navigation) .editorial-row[id] { scroll-margin-top: calc(var(--header-height, 76px) + 88px); }
.principle-list { margin: 0; border-top: 2px solid var(--forest); }
.principle-list > div { display: grid; grid-template-columns: 185px minmax(0, 1fr); gap: 34px; padding: 26px 0 28px; border-bottom: 1px solid var(--line); }
.principle-list > div:last-child { border-bottom: 0; padding-bottom: 0; }
.principle-list dt { font-size: 18px; font-weight: 600; line-height: 1.5; }
.principle-list dd { margin: 0; color: var(--muted); font-size: 17px; line-height: 1.7; }
.company-information { padding: 64px 0; background: var(--surface, #e8edf1); border-bottom: 1px solid var(--line); }
.company-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 56px; align-items: center; }
.company-layout h2 { max-width: 500px; font-size: clamp(32px, 3.2vw, 42px); }
.company-layout p { max-width: 500px; margin: 24px 0; color: var(--muted); font-size: 18px; line-height: 1.7; }
.company-layout figure { overflow: hidden; }
.company-layout img { width: 100%; aspect-ratio: 1.5; object-fit: cover; }
.provider-facts { margin: 0; border-top: 2px solid var(--forest); }
.provider-facts > div { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 24px; padding: 22px 0; border-bottom: 1px solid #b9c5ce; }
.provider-facts > div:last-child { border-bottom: 0; }
.provider-facts dt { color: var(--muted); font-size: 14px; line-height: 1.65; }
.provider-facts dd { margin: 0; color: var(--ink); font-size: 17px; line-height: 1.6; font-weight: 500; }
.provider-facts a { color: var(--green); overflow-wrap: anywhere; text-decoration: underline; text-underline-offset: 4px; }
.mission-statement {
  max-width: 750px;
  margin: 0;
  padding: 0;
  color: var(--ink);
  font-size: clamp(27px, 2.8vw, 38px);
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: -.018em;
  text-wrap: pretty;
}
.inner-page[data-page=mission] .editorial-row:has(.mission-statement) { background: var(--surface); }
.page-closing { padding: 48px 0 52px; background: var(--surface, #e8edf1); border-top: 1px solid var(--line); }
.page-closing .wrap { display: flex; align-items: center; justify-content: space-between; gap: 72px; }
.page-closing h2 { max-width: 770px; font-size: clamp(31px, 3.3vw, 43px); line-height: 1.15; }
.page-closing p { max-width: 670px; margin-top: 18px; color: var(--muted); font-size: 18px; }
.page-closing .button { flex-shrink: 0; }

/* The contact form has a white working surface, separate from the channel directory. */
.contact-section { padding: 64px 0 88px; background: var(--soft); }
.contact-layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(290px, .6fr); gap: 48px; align-items: start; }
.contact-layout > div:first-child { padding: 40px 44px 44px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); }
.contact-section form { max-width: 740px; }
.contact-section fieldset { border: 0; padding: 0 0 30px; margin: 0 0 32px; border-bottom: 1px solid var(--line); }
.contact-section legend { margin-bottom: 20px; font-size: 21px; font-weight: 600; line-height: 1.4; }
.inquiry-options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.inquiry-options label { display: flex; gap: 10px; align-items: center; min-height: 48px; padding: 12px 14px; border: 1px solid var(--control, #69798a); border-radius: 4px; cursor: pointer; font-size: 14px; line-height: 1.4; transition: border-color .18s, background .18s; }
.inquiry-options input { width: 16px; height: 16px; margin: 0; accent-color: var(--green); flex-shrink: 0; }
.inquiry-options label:hover { background: var(--soft); }
.inquiry-options label:has(input:checked) { border-color: var(--green); background: #e9f2ef; color: #174f43; }
.inquiry-options label:has(input:focus-visible) { outline: 2px solid var(--green); outline-offset: 3px; }
.form-field { margin-bottom: 24px; }
.form-field label { display: block; margin-bottom: 9px; font-size: 15px; font-weight: 600; line-height: 1.4; }
.form-field label span { color: var(--muted); font-weight: 400; }
.form-field input, .form-field textarea { display: block; width: 100%; min-height: 50px; padding: 12px 14px; border: 1px solid var(--control, #69798a); border-radius: 4px; background: #fff; color: var(--ink); font: inherit; font-size: 16px; line-height: 1.5; transition: border-color .18s; }
.form-field textarea { resize: vertical; min-height: 165px; }
.form-field input:hover, .form-field textarea:hover { border-color: #3f505f; }
.form-field input::placeholder, .form-field textarea::placeholder { color: var(--muted); opacity: 1; }
.form-field input:focus-visible, .form-field textarea:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; border-color: var(--green); }
.form-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.form-note { max-width: 560px; margin-bottom: 22px; color: var(--muted); font-size: 14px; line-height: 1.65; }
.form-note a { color: var(--green); text-decoration: underline; text-underline-offset: 3px; }
.form-status { margin-bottom: 22px; padding: 12px 16px; border-left: 3px solid #8b2e35; background: #fff4f2; color: #8b2e35; font-size: 15px; line-height: 1.6; }
.form-status:empty { display: none; }
.contact-section button:disabled { cursor: wait; background: #526273; color: #fff; }
.contact-directory { position: sticky; top: calc(var(--header-height, 76px) + 24px); padding: 30px 28px; background: var(--forest); color: #f2f5f8; border: 1px solid #46505e; border-radius: var(--radius); }
.contact-directory > div + div { margin-top: 24px; padding-top: 24px; border-top: 1px solid #46505e; }
.contact-directory h3 { margin-bottom: 9px; font-size: 18px; line-height: 1.4; }
.contact-directory a { color: #f2f5f8; font-size: 15px; overflow-wrap: anywhere; text-decoration: underline; text-decoration-color: #8190a3; text-underline-offset: 4px; }
.contact-directory a:hover { color: #73cdb9; }
.contact-directory a:focus-visible { outline-color: #50baa4; }
.contact-directory p { margin-top: 10px; color: #c3cbd5; font-size: 14px; line-height: 1.65; }
.contact-directory .text-link { margin-top: 12px; border-color: #8190a3; color: #73cdb9; font-size: 14px; text-decoration: none; }
.contact-directory:has(.contact-illustration) { position: static; }
.contact-illustration { margin-top: 28px; padding-top: 28px; border-top: 1px solid #46505e; }
.contact-illustration .security-illustration { margin: 0; }
.contact-illustration figcaption { border-color: #46505e; align-items: flex-start; flex-wrap: wrap; }
.contact-illustration .illustration-title { color: #f2f5f8; }
.contact-illustration .illustration-caption { color: #c3cbd5; }
.contact-illustration figcaption > span { flex-basis: 100%; }
.contact-success { padding: 12px 0; }
.contact-success h2 { font-size: 36px; }
.contact-success p { max-width: 540px; margin: 22px 0 30px; color: var(--muted); font-size: 18px; }

/* Legal documents use a compact masthead and a persistent, quiet contents rail. */
.inner-page:is([data-page=privacy], [data-page=product-privacy], [data-page=terms], [data-page=dpa], [data-page=subprocessors], [data-page=support-policy]) .page-hero { padding-bottom: 40px; background: var(--soft); }
.inner-page:is([data-page=privacy], [data-page=product-privacy], [data-page=terms], [data-page=dpa], [data-page=subprocessors], [data-page=support-policy]) .page-lead h1 { font-size: clamp(34px, 3.5vw, 48px); line-height: 1.17; }
.inner-page:is([data-page=privacy], [data-page=product-privacy], [data-page=terms], [data-page=dpa], [data-page=subprocessors], [data-page=support-policy]) .page-description { font-size: 15px; line-height: 1.65; margin-top: 18px; }
.legal-layout { display: grid; grid-template-columns: 248px minmax(0, 1fr); gap: 76px; align-items: start; padding-block: 64px 96px; }
.legal-layout > aside { position: sticky; top: calc(var(--header-height, 76px) + 28px); max-height: calc(100vh - var(--header-height, 76px) - 55px); overflow: auto; padding: 0 24px 12px 0; border-right: 1px solid var(--line); scrollbar-width: thin; }
.legal-index { color: var(--ink); }
.legal-index summary { margin-bottom: 18px; font-size: 14px; font-weight: 600; line-height: 1.4; cursor: pointer; }
.legal-index nav, .legal-related { display: flex; flex-direction: column; gap: 0; }
.legal-index a, .legal-related a { display: block; font-size: 13px; line-height: 1.55; }
.legal-index a { padding: 10px 12px; border-left: 3px solid transparent; color: var(--muted); transition: color .18s, background .18s, border-color .18s; }
.legal-index a:hover { color: var(--green); background: var(--soft); }
.legal-index a[aria-current=location] { color: var(--green); background: #e9f2ef; border-left-color: var(--green); font-weight: 600; }
.legal-index :is(a, summary):focus-visible { outline-color: var(--green); outline-offset: -2px; }
.legal-related { margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--line); }
.legal-related h2 { margin: 0 0 10px; font-size: 14px; line-height: 1.4; letter-spacing: 0; }
.legal-related a { padding: 8px 0; color: var(--muted); }
.legal-related a:hover { color: var(--green); text-decoration: underline; text-underline-offset: 3px; }
.legal-related a[aria-current=page] { color: var(--green); font-weight: 600; }
.legal-document { max-width: 800px; min-width: 0; color: var(--ink); font-size: 16px; line-height: 1.85; overflow-wrap: anywhere; }
.legal-document h2 { margin: 46px 0 20px; padding-top: 30px; border-top: 1px solid var(--line); font-size: 25px; line-height: 1.4; letter-spacing: -.018em; scroll-margin-top: calc(var(--header-height, 76px) + 35px); }
.legal-document h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.legal-document h3 { margin: 26px 0 12px; font-size: 19px; line-height: 1.45; }
.legal-document p { margin: 0 0 18px; line-height: 1.85; }
.legal-document ul, .legal-document ol { padding-left: 24px; margin: 14px 0 26px; }
.legal-document li { margin-bottom: 9px; }
.legal-document a { color: var(--green); text-decoration: underline; text-underline-offset: 4px; }
.legal-document strong, .legal-document b { font-weight: 600; }
.legal-table { overflow-x: auto; margin: 24px 0; border: 1px solid var(--line); border-radius: 3px; scrollbar-width: thin; }
.legal-document table { width: 100%; min-width: 610px; border-collapse: collapse; text-align: left; font-size: 14px; line-height: 1.65; }
.legal-document td, .legal-document th { padding: 14px 16px; border-bottom: 1px solid var(--line); vertical-align: top; }
.legal-document th { background: var(--surface, #e8edf1); border-bottom-color: #69798a; font-weight: 600; }
.legal-document tbody tr:nth-child(even) { background: var(--soft); }
.legal-document tr:last-child td { border-bottom: 0; }
.legal-document td p { font-size: 14px; line-height: 1.65; margin-bottom: 8px; }
.legal-document td p:last-child { margin-bottom: 0; }
.preference-section { padding: 64px 0 96px; min-height: 330px; background: var(--soft); }
.preference-section p { max-width: 760px; margin-bottom: 26px; color: var(--muted); font-size: 18px; }
.preference-section .button { margin-bottom: 32px; }
.preference-layout { display: grid; grid-template-columns: 1fr .85fr; gap: 90px; align-items: start; }
.preference-layout .security-illustration { margin-top: 0; max-width: 500px; }

@media (min-width: 901px) {
  .inner-page:not(:has(.legal-layout)):not([data-page=unsubscribe]) .page-hero:not(.page-hero-illustrated) .page-lead {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
    column-gap: 56px;
    row-gap: 22px;
    max-width: none;
  }
  .inner-page:not(:has(.legal-layout)):not([data-page=unsubscribe]) .page-hero:not(.page-hero-illustrated) .page-lead .product-name { grid-column: 1 / -1; margin-bottom: 0; }
  .inner-page:not(:has(.legal-layout)):not([data-page=unsubscribe]) .page-hero:not(.page-hero-illustrated) .page-lead h1 { grid-column: 1; grid-row: 2; font-size: clamp(40px, 4.35vw, 63px); }
  .inner-page:not(:has(.legal-layout)):not([data-page=unsubscribe]) .page-hero:not(.page-hero-illustrated) .page-description { grid-column: 2; grid-row: 2 / 4; align-self: stretch; margin: 0; padding: 5px 0 0 36px; border-left: 1px solid var(--line); }
  .inner-page:not(:has(.legal-layout)):not([data-page=unsubscribe]) .page-hero:not(.page-hero-illustrated) .page-lead .actions { grid-column: 1; grid-row: 3; margin-top: 8px; }
  .inner-page[data-page=contact] .page-hero { padding-bottom: 48px; }
  .inner-page[data-page=contact] .page-back { margin-bottom: 24px; }
  .inner-page[data-page=contact] .page-hero .page-lead h1 { font-size: clamp(40px, 4vw, 56px); }
}

@media (max-width: 1100px) {
  .page-hero-layout { gap: 42px; }
  .page-hero-document .page-hero-layout { grid-template-columns: minmax(0, 1fr) 260px; gap: 40px; }
  .editorial-layout { gap: 48px; }
  .contact-layout { gap: 32px; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); }
  .contact-layout > div:first-child { padding: 32px; }
  .contact-directory { padding: 28px 24px; }
  .legal-layout { gap: 44px; grid-template-columns: 225px minmax(0, 1fr); }
  .legal-layout > aside { padding-right: 20px; }
  .company-layout { gap: 52px; }
  .principle-list > div { grid-template-columns: 145px minmax(0, 1fr); gap: 22px; }
}
@media (max-width: 900px) {
  .page-hero-layout { grid-template-columns: 1fr; gap: 38px; }
  .page-lead-art { max-width: 640px; }
  .page-hero-document .page-hero-layout { grid-template-columns: minmax(0, 1fr) 230px; gap: 30px; }
  .preference-layout { grid-template-columns: 1fr; gap: 35px; }
  .inner-page .page-hero { padding: 24px 0 44px; }
  .page-back { margin-bottom: 24px; }
  .page-description { font-size: 18px; max-width: 640px; }
  .page-product { padding: 44px 0 52px; }
  .page-product > .wrap > .page-figure { margin-bottom: 54px; }
  .editorial-row { padding: 44px 0 48px; }
  .editorial-layout { grid-template-columns: 1fr; gap: 26px; }
  .editorial-layout > h2 { max-width: 600px; }
  .editorial-copy { max-width: none; padding-top: 0; }
  .company-layout { gap: 36px; }
  .contact-layout { grid-template-columns: 1fr; gap: 48px; }
  .contact-section form { max-width: none; }
  .contact-directory { position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 30px 36px; padding: 30px; }
  .contact-illustration { grid-column: 1 / -1; max-width: 440px; margin-top: 0; }
  .contact-directory > div + div { margin-top: 0; padding-top: 0; border-top: 0; }
  .legal-layout { grid-template-columns: 1fr; gap: 35px; padding-top: 32px; }
  .legal-layout > aside { position: static; max-height: none; overflow: visible; padding: 0; border-right: 0; }
  .legal-related { display: none; }
  .legal-index { padding: 18px 22px; border: 1px solid var(--line); border-radius: 4px; background: var(--soft); }
  .legal-index summary { margin-bottom: 0; font-size: 15px; }
  .legal-index[open] summary { margin-bottom: 14px; }
  .legal-index a { padding-block: 10px; font-size: 14px; }
  .legal-document { max-width: none; }
  .page-closing .wrap { gap: 32px; }
}
@media (max-width: 650px) {
  .page-hero-layout { gap: 30px; }
  .page-hero-document .page-hero-layout { grid-template-columns: 1fr; gap: 26px; }
  .page-document-art { max-width: 280px; }
  .page-hero-illustrated .page-description { font-size: 16px; }
  .security-illustration { margin-top: 28px; }
  .page-lead-art, .page-document-art { margin-top: 0; }
  .security-illustration figcaption { gap: 12px; }
  .security-illustration .illustration-caption { min-height: 3em; }
  .security-illustration[data-illustration-autoplay='false'] .illustration-caption { min-height: 1.5em; }
  .inner-page .page-hero { padding: 22px 0 36px; }
  .page-margin-art { width: 200px; max-width: calc(100% - 110px); }
  .page-hero-decorated .product-name { width: auto; }
  .page-lead h1 { font-size: 39px; line-height: 1.12; }
  .page-back { margin-bottom: 24px; }
  .page-lead .product-name { margin-bottom: 16px; }
  .page-description { margin-top: 22px; font-size: 17px; }
  .page-lead .actions { align-items: flex-start; margin-top: 28px; }
  .page-product { padding: 34px 0 44px; }
  .page-product > .wrap > .page-figure { margin-bottom: 45px; }
  .page-figure > a, .page-figure > .motion-frame { padding: 3px; }
  .page-figure figcaption { font-size: 12px; gap: 14px; align-items: flex-start; }
  .page-figure figcaption > span { padding-top: 12px; }
  .editorial-row { padding: 36px 0 38px; }
  .editorial-layout { gap: 22px; }
  .editorial-layout > h2 { font-size: 30px; }
  .editorial-copy p { font-size: 17px; }
  .principle-list > div { grid-template-columns: 1fr; gap: 10px; padding: 22px 0; }
  .principle-list dd { font-size: 16px; }
  .company-information { padding: 48px 0; }
  .company-layout { grid-template-columns: 1fr; gap: 28px; }
  .provider-facts > div { grid-template-columns: 100px minmax(0, 1fr); gap: 18px; padding: 20px 0; }
  .page-closing { padding: 48px 0; }
  .page-closing .wrap { display: block; }
  .page-closing p { font-size: 17px; }
  .page-closing .button { margin-top: 28px; }
  .form-pair { grid-template-columns: 1fr; gap: 0; }
  .contact-section { padding: 28px 0 48px; }
  .contact-layout { gap: 26px; }
  .contact-layout > div:first-child { padding: 26px 22px 30px; }
  .contact-section fieldset { margin-bottom: 28px; padding-bottom: 26px; }
  .contact-directory { grid-template-columns: 1fr; gap: 0; padding: 26px; }
  .contact-illustration { margin-top: 26px; padding-top: 24px; }
  .contact-directory > div + div { margin-top: 23px; padding-top: 23px; border-top: 1px solid #46505e; }
  .inquiry-options { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .inquiry-options label { padding: 12px 10px; font-size: 13px; }
  .legal-document h2 { font-size: 23px; }
  .legal-document h3 { font-size: 18px; }
  .legal-index { padding: 18px; }
  .topic-navigation { flex-wrap: nowrap; gap: 26px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; min-height: 64px; }
  .topic-navigation a { min-height: 64px; flex-shrink: 0; }
  .topic-navigation a:focus-visible { outline-offset: -5px; }
  .mission-statement { font-size: 28px; }
  .preference-section { padding: 45px 0 65px; }
}
@media (max-width: 380px) {
  .contact-layout > div:first-child { padding-inline: 18px; }
  .inquiry-options { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .page-lead { animation: none; }
  .page-back, .page-figure > a, .topic-navigation a, .legal-index a, .inquiry-options label, .form-field input, .form-field textarea { transition: none; }
}