/* Wave 2 page integration only. Shared tokens and primitives remain in their canonical files. */
.integration-header .header-actions { margin-left: 0; gap: var(--space-1); }
.integration-header .account-link {
  display: inline-flex; align-items: center; min-height: var(--tap-min); padding: 0 var(--space-1);
  color: var(--c-text); font-size: var(--fs-sm); font-weight: var(--fw-semibold); text-decoration: none;
}
.integration-header .account-link:hover,
.integration-header .account-link:focus-visible { box-shadow: inset 0 -3px var(--c-brand); }
.integration-header .header-cta { min-height: var(--tap-min); padding: 0 var(--space-2); font-size: var(--fs-sm); }
.mobile-nav { display: none; margin-left: auto; }
.mobile-nav summary {
  display: flex; align-items: center; min-height: var(--tap-min); padding: 0 var(--space-2);
  border: 1px solid var(--c-border-strong); cursor: pointer; font-weight: var(--fw-bold); list-style: none;
}
.mobile-nav summary::-webkit-details-marker { display: none; }
.mobile-nav summary::after { content: "+"; margin-left: var(--space-1); font-size: var(--fs-lg); }
.mobile-nav[open] summary::after { content: "−"; }
.mobile-nav-links {
  position: absolute; z-index: 60; top: 100%; right: var(--gutter); left: var(--gutter);
  display: grid; padding: var(--space-2); background: var(--c-bg); border: 1px solid var(--c-border-strong);
}
.mobile-nav-links a {
  display: flex; align-items: center; min-height: var(--tap-min); padding: 0 var(--space-2);
  color: var(--c-text); font-weight: var(--fw-semibold); text-decoration: none; border-bottom: 1px solid var(--c-border);
}
.mobile-nav-links a:last-child { border-bottom: 0; }
.mobile-nav-links a[aria-current="page"] { color: var(--c-accent-strong); }
.footer-policy-links { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-3); margin: 0; }
.footer-policy-links a { display: inline-flex; align-items: center; min-height: var(--tap-min); }
.page-actions,
.recovery-actions,
.brochure-actions__buttons { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.page-actions { margin-top: var(--space-5); }
.board-search-field { min-width: min(100%, 240px); margin: 0; }
.detail-subheading { margin-top: var(--space-3); font-weight: var(--fw-semibold); }
.service-facts,
.company-facts { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; border-top: 2px solid var(--c-ink); }
.service-facts > div,
.company-facts > div { padding: var(--space-3); border-right: 1px solid var(--c-border); border-bottom: 1px solid var(--c-border); }
.service-facts > div:last-child,
.company-facts > div:last-child { border-right: 0; }
.service-facts dt,
.company-facts dt { font-weight: var(--fw-bold); color: var(--c-ink); }
.service-facts dd,
.company-facts dd { margin: var(--space-1) 0 0; color: var(--c-text-muted); }
.principle-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.principle-list li { padding: var(--space-3); border-top: 3px solid var(--c-brand); background: var(--c-surface); }
.principle-list h3 { font-size: var(--fs-lg); }
.company-contact { display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); align-items: center; }
.company-contact p { margin: 0; }
.company-contact p a {
  display: inline-flex; align-items: center; min-height: var(--tap-min);
  padding-inline: .25em; vertical-align: middle;
}
.process-timeline--five { max-width: 880px; }

@media (max-width: 1100px) {
  .integration-header .account-link { padding: 0 4px; }
  .integration-header .header-cta { display: none; }
}
@media (max-width: 960px) {
  .integration-header .container { position: relative; }
  .integration-header .site-nav,
  .integration-header .header-actions { display: none; }
  .mobile-nav { display: block; }
}
@media (max-width: 768px) {
  .service-facts,
  .company-facts,
  .principle-list { grid-template-columns: 1fr; }
  .service-facts > div,
  .company-facts > div { border-right: 0; }
  .company-contact { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .page-actions .btn,
  .recovery-actions .btn,
  .company-contact .btn { width: 100%; }
  .mobile-nav-links { right: var(--gutter); left: var(--gutter); }
}