/* =========================================================
   APERIO SITE-WIDE UNIFICATION OVERLAY
   Keeps each page's existing content/design, while aligning
   navigation, footer, privacy UI and small brand details.
========================================================= */
:root{
  --aperio-navy:#07101f;
  --aperio-blue:#79aef5;
  --aperio-light:#f4f6fa;
  --aperio-ink:#122033;
  --aperio-serif:"Yu Mincho","Hiragino Mincho ProN","Hiragino Mincho Pro",Georgia,serif;
}

/* Shared navigation rhythm */
.header{border-bottom:1px solid rgba(255,255,255,.09);background:rgba(7,16,31,.88)}
.header .nav{min-height:74px}
.header .brand-name{font-weight:600;letter-spacing:.06em}
.header .brand-sub{letter-spacing:.13em}
.header .logo-img{box-shadow:0 0 0 1px rgba(255,255,255,.08)}

/* Form privacy agreement shared across Aperio pages */
.aperio-consent{display:flex!important;align-items:flex-start;gap:10px;margin:16px 0 18px!important;font-size:11px!important;line-height:1.75!important;color:inherit}
.aperio-consent input{width:16px!important;height:16px!important;min-width:16px!important;margin:3px 0 0!important;padding:0!important;accent-color:#2368b7}
.aperio-consent a{text-decoration:underline;text-underline-offset:3px}
.contact-section .aperio-consent,.business-contact .aperio-consent,.subsc-contact .aperio-consent{color:rgba(255,255,255,.68)!important}

/* Consistent footer structure */
footer .footer-links a[href="/privacy/"]{opacity:.82}

/* Recruit uses the same corporate header/footer as the other Aperio pages. */
.recruit-page .header{position:sticky;top:0;z-index:100}
.recruit-page .header .navlinks{display:flex}
.recruit-page .header .nav-actions .btn{white-space:nowrap}
.recruit-page footer{background:#050c16;border-top:1px solid rgba(255,255,255,.10);padding:42px 0 50px;color:rgba(255,255,255,.56)}

/* Avoid old standalone recruit header/footer affecting the unified version. */
.recruit-page .rc-header,.recruit-page .rc-footer{display:none!important}

/* Keep page headings visually related without flattening each page's identity. */
.business-page .business-section-head h2,
.subsc-page .subsc-head h2,
.recruit-page .rc-head h2{font-family:var(--aperio-serif)}

@media(max-width:820px){
  .header .nav{min-height:64px}
  .recruit-page .header .navlinks{display:none}
  .aperio-consent{font-size:10px!important}
}