/* AERILIS — consistent premium navigation on all editorial and legal pages.
 * Exact HOME header contract from v26.css final 100px grid, iPad and mobile.
 * Page content, validated artwork and form remain untouched.
 */
:root{--header-height:100px;--header-gutter:clamp(24px,4vw,88px)}
body.aerilis-subpage{padding-top:var(--header-height)}
.aerilis-subpage.menu-open{overflow:hidden}
.aerilis-subpage .site-header{
 position:fixed;z-index:100;inset:0 0 auto;height:var(--header-height);
 border-bottom:1px solid rgba(227,241,227,.075);background:rgba(4,7,6,.94);
 backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .25s;
}
.aerilis-subpage .site-header.scrolled{background:rgba(4,7,6,.985);box-shadow:0 18px 38px rgba(0,0,0,.20)}
.aerilis-subpage .header-inner{
 height:100%;width:100%;max-width:2200px;margin-inline:auto;padding-inline:var(--header-gutter);
 display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px;align-items:center;
}
.aerilis-subpage .site-header .brand-emblem{
 grid-column:1;justify-self:start;
 flex:0 0 auto;width:clamp(205px,19vw,280px);
 min-width:0;display:flex;align-items:center;justify-content:flex-start;
}
.aerilis-subpage .site-header .brand-emblem img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;filter:none!important}
.aerilis-subpage .desktop-nav{display:flex;grid-column:2;justify-self:center;justify-content:center;align-items:center;margin-inline:0;gap:clamp(14px,2.2vw,32px)}
.aerilis-subpage .desktop-nav a{
 position:relative;white-space:nowrap;padding:10px 0;
 color:#aebbb0;font-family:"Segoe UI Variable","Segoe UI",sans-serif;font-size:11px;
 font-weight:600;line-height:1.45;letter-spacing:.135em;text-transform:uppercase;transition:color .2s;
}
.aerilis-subpage .desktop-nav a:hover{color:#edf2ed}
.aerilis-subpage .desktop-nav a.active,.aerilis-subpage .desktop-nav a[aria-current="page"]{color:#5BFD3D}
.aerilis-subpage .header-actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:clamp(13px,1.8vw,24px)}
.aerilis-subpage .project-status{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#7c8e7f;font-size:9px;letter-spacing:.15em}
.aerilis-subpage .status-dot{display:inline-block;width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#5BFD3D;box-shadow:0 0 10px rgba(91,253,61,.27)}
.aerilis-subpage .header-cta{
 display:inline-flex;align-items:center;gap:17px;min-height:42px;padding:8px 0 8px 14px;
 border:0;border-left:1px solid rgba(229,241,227,.13);background:transparent;
 color:#dce5dc;font-family:"Segoe UI Variable","Segoe UI",sans-serif;font-size:11px;
 font-weight:600;letter-spacing:.135em;line-height:1.45;white-space:nowrap;transition:color .2s;
}
.aerilis-subpage .header-cta .link-arrow{
 position:relative;display:inline-block;width:18px;height:14px;min-width:18px;
 flex:0 0 18px;vertical-align:middle;line-height:1;
}
.aerilis-subpage .header-cta .link-arrow::before{
 content:"";position:absolute;top:7px;left:0;width:15px;height:1px;background:#5BFD3D;
}
.aerilis-subpage .header-cta .link-arrow::after{
 content:"";position:absolute;top:4px;right:2px;width:6px;height:6px;
 border-top:1px solid #5BFD3D;border-right:1px solid #5BFD3D;transform:rotate(45deg);
}
.aerilis-subpage .header-cta:hover{color:#5BFD3D}
.aerilis-subpage .menu-toggle{display:none;width:48px;height:48px;padding:10px;background:transparent;border:1px solid rgba(226,242,227,.14);cursor:pointer}
.aerilis-subpage .menu-toggle span{width:24px;height:1px;display:block;background:#edf2ed;margin:7px auto;transition:transform .2s}
.aerilis-subpage .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.aerilis-subpage .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.aerilis-subpage .mobile-nav{
 position:fixed;z-index:99;inset:var(--header-height) 0 auto;overflow-y:auto;
 max-height:calc(100svh - var(--header-height));padding:24px var(--header-gutter) 32px;
 background:#080d09;border-bottom:1px solid rgba(226,242,227,.09);box-shadow:0 24px 48px rgba(0,0,0,.45);
}
.aerilis-subpage .mobile-nav[hidden]{display:none}
.aerilis-subpage .mobile-nav:not([hidden]){display:grid}
.aerilis-subpage .mobile-nav a{
 display:block;padding:17px 4px;border-bottom:1px solid rgba(226,242,227,.085);
 font-family:"Segoe UI Variable","Segoe UI",sans-serif;color:#bcc8bf;
 font-size:13px;text-transform:uppercase;letter-spacing:.14em;line-height:1.4;
}
.aerilis-subpage .mobile-nav a:hover,.aerilis-subpage .mobile-nav a.active{color:#5BFD3D}
.aerilis-subpage .site-header a:focus-visible,.aerilis-subpage .menu-toggle:focus-visible,
.aerilis-subpage .mobile-nav a:focus-visible{outline:2px solid #5BFD3D;outline-offset:4px}
.aerilis-subpage #content{scroll-margin-top:calc(var(--header-height) + 24px)}
@media(max-width:1500px){.aerilis-subpage .project-status{display:none}}
@media(max-width:1100px){
 :root{--header-height:76px}
 .aerilis-subpage .header-inner{display:flex;gap:clamp(16px,2.6vw,43px)}
 .aerilis-subpage .site-header .brand-emblem{flex:0 0 205px;width:205px}
 .aerilis-subpage .desktop-nav,.aerilis-subpage .header-cta,.aerilis-subpage .project-status{display:none}
 .aerilis-subpage .header-actions{margin-left:auto}
 .aerilis-subpage .menu-toggle{display:block}
}
/* Match the official HOME iPad header: the same 100px height until 820px. */
@media(min-width:821px) and (max-width:1100px){
 :root{--header-height:100px}
}
@media(max-width:700px){
 :root{--header-height:70px;--header-gutter:20px}
 .aerilis-subpage .header-inner{gap:16px}
 .aerilis-subpage .site-header .brand-emblem{flex:0 0 min(205px,calc(100% - 78px));width:min(205px,calc(100% - 78px))}
}
@media(max-width:370px){:root{--header-gutter:16px}}
@media(prefers-reduced-motion:reduce){.aerilis-subpage .site-header,.aerilis-subpage .menu-toggle span{transition:none}}

/* Keep Legal and Privacy discoverable in the shared subpage footer. */
.aerilis-subpage .legal-footer nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}

/* LAB / premium orientation: page breadcrumb just below the fixed header.
   Absolutely positioned to preserve approved hero/title offsets. */
.aerilis-subpage .aerilis-breadcrumbs{
 position:absolute;top:calc(var(--header-height) + 12px);
 left:clamp(24px,5.5vw,88px);z-index:12;
 display:flex;gap:11px;align-items:center;
 max-width:calc(100% - 48px);
 color:#9dad9e;
 font:600 10px/1.55 "Segoe UI Variable","Segoe UI",sans-serif;
 letter-spacing:.14em;
}
.aerilis-subpage .aerilis-breadcrumbs a{
 color:#a5b6a7;text-decoration:none;white-space:nowrap;
}
.aerilis-subpage .aerilis-breadcrumbs a:hover,
.aerilis-subpage .aerilis-breadcrumbs a:focus-visible{color:#5BFD3D}
.aerilis-subpage .aerilis-breadcrumbs [aria-current="page"]{
 color:#5BFD3D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.aerilis-subpage .aerilis-breadcrumb-separator{color:#627767}
.aerilis-subpage .mobile-nav a[aria-current="page"]{color:#5BFD3D}
@media(max-width:700px){
 .aerilis-subpage .aerilis-breadcrumbs{
  left:22px;top:calc(var(--header-height) + 9px);font-size:9px;gap:8px;letter-spacing:.1em
 }
}



/* LAB — secondary page separator copied from the approved COCKPIT section.
   Same 1px titanium baseline + satin-titanium to AERILIS-green fade.
   Cockpit's existing .show-section remains unchanged. HOME is excluded. */
body.aerilis-subpage.show-control-center .show-section,
body.aerilis-subpage.show-page .show-finale,
body.aerilis-subpage .guide-section,
body.aerilis-subpage .aerilis-showcase-hub,
body.aerilis-subpage .guide-community,
body.aerilis-subpage.support-page .support-grid,
body.aerilis-subpage.support-page .support-faq,
body.aerilis-subpage .legal-block,
body.aerilis-subpage .legal-footer,
body.aerilis-subpage.installation-page .installation-troubleshooting{
  position:relative;
  isolation:isolate;
  border-top:1px solid rgba(198,221,202,.115);
}
body.aerilis-subpage .guide-section{
  border-bottom:0; /* Use one separator at each section start, not two adjacent lines. */
}
body.aerilis-subpage.show-control-center .show-section::before,
body.aerilis-subpage.show-page .show-finale::before,
body.aerilis-subpage .guide-section::before,
body.aerilis-subpage .aerilis-showcase-hub::before,
body.aerilis-subpage .guide-community::before,
body.aerilis-subpage.support-page .support-grid::before,
body.aerilis-subpage.support-page .support-faq::before,
body.aerilis-subpage .legal-block::before,
body.aerilis-subpage .legal-footer::before,
body.aerilis-subpage.installation-page .installation-troubleshooting::before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  top:-1px;
  left:0;
  width:clamp(70px,8vw,125px);
  height:1px;
  background:linear-gradient(90deg,#9fbaaa 0%,rgba(91,253,61,.56) 42%,transparent);
}
/* Full-width/outer sections have padding; place the accent at their text gutter. */
body.aerilis-subpage.show-control-center .show-section::before,
body.aerilis-subpage.show-page .show-finale::before,
body.aerilis-subpage .aerilis-showcase-hub::before,
body.aerilis-subpage .guide-community::before{
  left:clamp(24px,5.5vw,88px);
}

/* LAB correction 10 completion: avoid a double baseline at GUIDE hero → first section.
   The following section itself supplies the approved separator. */
body.aerilis-subpage.guide-page .guide-hero{
  border-bottom:0;
}
/* The secondary-page footer shares the titanium-to-green visual language.
   Align the accent with the footer text gutter; legal blocks are flush-left. */
body.aerilis-subpage .legal-footer::before{
  left:clamp(24px,5vw,80px);
}