#aerologic-engineering-principles { --ep-bg:#101820; --ep-fg:#edf4f9; --ep-muted:#a5b7c5; --ep-line:#a8c6d92e; --ep-metal:#a8c6d9; background:var(--ep-bg); color:var(--ep-fg); font-family:'Manrope',sans-serif; font-size:15px; line-height:1.6; color-scheme:dark; }
  #aerologic-engineering-principles * { box-sizing:border-box; }
  #aerologic-engineering-principles [hidden] { display:none !important; }
  #aerologic-engineering-principles :is(h2,h3,p,figure) { margin:0; }
  #aerologic-engineering-principles button { font:inherit; color:inherit; }
  #aerologic-engineering-principles .ep-section { padding:45px 32px 0; }
  #aerologic-engineering-principles .ep-kicker { display:flex; align-items:center; gap:22px; font:11px/1.5 Plex,monospace; letter-spacing:.06em; color:var(--ep-muted); }
  #aerologic-engineering-principles .ep-kicker > span { color:var(--ep-metal); }
  #aerologic-engineering-principles h2 { font-size:clamp(30px,4.8vw,46px); font-weight:400; line-height:1.13; letter-spacing:-.052em; margin-top:25px; }
  #aerologic-engineering-principles #ep-heading > span { color:var(--ep-muted); }
  #aerologic-engineering-principles .ep-intro { color:var(--ep-muted); margin-top:18px; font-size:15px; }
  #aerologic-engineering-principles .ep-layout { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:32px; margin-top:38px; align-items:start; }
  #aerologic-engineering-principles .ep-item { border-top:1px solid var(--ep-line); }
  #aerologic-engineering-principles .ep-item:last-child { border-bottom:1px solid var(--ep-line); }
  #aerologic-engineering-principles .ep-item.is-selected { border-top-color:var(--ep-metal); }
  #aerologic-engineering-principles .ep-choice { border:0; width:100%; background:transparent; display:grid; grid-template-columns:26px 1fr 16px; gap:10px; align-items:start; text-align:left; padding:20px 0; font-size:23px; font-weight:400; line-height:1.18; letter-spacing:-.035em; color:var(--ep-muted); transition:color .25s ease; }
  #aerologic-engineering-principles .ep-choice[aria-expanded="true"], #aerologic-engineering-principles .ep-choice:hover { color:var(--ep-fg); }
  #aerologic-engineering-principles .ep-number { font:12px/1.8 Plex,monospace; color:var(--ep-muted); letter-spacing:0; }
  #aerologic-engineering-principles .ep-indicator { font-size:20px; font-weight:400; }
  #aerologic-engineering-principles .ep-detail > p { padding:0 20px 23px 36px; color:var(--ep-muted); font-size:13px; line-height:1.75; }
  #aerologic-engineering-principles .ep-stage { --ep-duration:5200ms; min-width:0; margin:0; border-top:1px solid var(--ep-line); }
  #aerologic-engineering-principles .ep-stage-top { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; min-height:53px; color:var(--ep-muted); font:11px/1.5 Plex,monospace; letter-spacing:.02em; padding-top:20px; }
  #aerologic-engineering-principles .ep-scene-index { white-space:nowrap; }
  #aerologic-engineering-principles .ep-diagram { --ep-center-x:50%; --ep-center-y:57%; width:100%; max-width:420px; height:298px; position:relative; margin:5px auto 0; background:radial-gradient(ellipse at var(--ep-center-x) var(--ep-center-y),#8eb7d01c 0,#7297af08 42%,transparent 70%); }
  #aerologic-engineering-principles .ep-connections { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
  #aerologic-engineering-principles .ep-edge { stroke:#a8c6d938; stroke-width:1; fill:none; }
  #aerologic-engineering-principles .ep-signal { stroke:#b7d3e5; stroke-width:1.4; stroke-linecap:round; fill:none; stroke-dasharray:1 1; stroke-dashoffset:0; opacity:0; filter:drop-shadow(0 0 5px #a8c6d94a); }
  #aerologic-engineering-principles .ep-node { position:absolute; width:58px; height:58px; display:flex; justify-content:center; align-items:center; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(ellipse at 30% 18%,#e5eff6 0,#bccedb 18%,#7993a6 44%,#3b5567 73%,#1c3445 100%); box-shadow:inset 0 1px 1px #f0f7ffb3,inset 0 -1px 2px #0c1c2c99,0 8px 18px #030b1466,0 0 38px #a8c6d915; transition:box-shadow .45s; }
  #aerologic-engineering-principles .ep-node::before { content:''; position:absolute; inset:-8px; border:1px solid #a8c6d924; border-radius:50%; }
  #aerologic-engineering-principles .ep-node-step { font:14px/1.2 Plex,monospace; color:#142c3c; text-shadow:0 1px 0 #e4f3fb50; }
  #aerologic-engineering-principles .ep-node-label { position:absolute; top:calc(100% + 15px); left:50%; transform:translateX(-50%); width:max-content; max-width:120px; font-size:12px; line-height:1.4; text-align:center; color:#d6e4ee; }
  #aerologic-engineering-principles [data-scene="system"] [data-node="0"] .ep-node-label,
  #aerologic-engineering-principles [data-scene="evidence"] .ep-node-label,
  #aerologic-engineering-principles [data-scene="iteration"] :is([data-node="0"],[data-node="1"]) .ep-node-label { top:auto; bottom:calc(100% + 13px); }
  #aerologic-engineering-principles .ep-node.is-current { box-shadow:inset 0 1px 1px #f0f7ff,0 0 24px #c7e8ff4d,0 0 58px #96c5e12b; }
  #aerologic-engineering-principles .is-playing .ep-node.is-current::before { animation:ep-halo 1.4s ease-out both; }
  #aerologic-engineering-principles .ep-center-label { position:absolute; left:var(--ep-center-x); top:var(--ep-center-y); transform:translate(-50%,-50%); padding-inline-start:.09em; text-align:center; font:11px/1.7 Plex,monospace; letter-spacing:.09em; color:var(--ep-muted); }
  #aerologic-engineering-principles .ep-caption { min-height:53px; font-size:13px; color:var(--ep-muted); line-height:1.65; }
  #aerologic-engineering-principles .ep-playback { border-top:1px solid var(--ep-line); display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:54px; }
  #aerologic-engineering-principles .ep-progress-label { font:11px/1.5 Plex,monospace; color:var(--ep-muted); }
  #aerologic-engineering-principles .ep-replay { display:flex; align-items:center; gap:7px; min-height:44px; padding:0 2px; border:0; background:none; font-size:12px; }
  #aerologic-engineering-principles .ep-replay svg { width:14px; height:14px; }
  #aerologic-engineering-principles .ep-replay:disabled { color:var(--ep-muted); }
  #aerologic-engineering-principles .ep-time-track { height:2px; background:#a8c6d915; overflow:hidden; }
  #aerologic-engineering-principles .ep-time-track > span { display:block; width:100%; height:100%; background:var(--ep-metal); transform-origin:left; transform:scaleX(1); }
  #aerologic-engineering-principles .is-playing .ep-signal { animation:ep-draw 1.25s cubic-bezier(.25,.1,.25,1) both; animation-delay:var(--ep-delay); }
  #aerologic-engineering-principles .is-playing .ep-time-track > span { animation:ep-time var(--ep-duration) linear both; }
  #aerologic-engineering-principles .ep-a11y-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  @keyframes ep-draw { 0% { stroke-dashoffset:1; opacity:0; } 12% { opacity:1; } 85% { stroke-dashoffset:0; opacity:1; } 100% { stroke-dashoffset:0; opacity:0; } }
  @keyframes ep-time { from { transform:scaleX(0); } to { transform:scaleX(1); } }
  @keyframes ep-halo { from { transform:scale(.9); opacity:.9; border-color:#d5ecfa; } to { transform:scale(1.25); opacity:0; border-color:#a8c6d9; } }
  @media(max-width:650px) {
    #aerologic-engineering-principles .ep-section { padding:35px 22px 0; }
    #aerologic-engineering-principles h2 { font-size:clamp(29px,6.7vw,40px); }
    #aerologic-engineering-principles .ep-layout { display:block; margin-top:28px; }
    #aerologic-engineering-principles .ep-choice { font-size:24px; grid-template-columns:26px 1fr 16px; padding:20px 0; }
    #aerologic-engineering-principles .ep-item { scroll-margin-top:100px; }
    #aerologic-engineering-principles .ep-detail > p { padding-bottom:14px; font-size:14px; }
    #aerologic-engineering-principles .ep-stage { border-top:0; margin:0 0 24px; }
    #aerologic-engineering-principles .ep-stage-top { font-size:11px; padding-top:10px; min-height:43px; }
    #aerologic-engineering-principles .ep-diagram { height:300px; }
    #aerologic-engineering-principles .ep-node { width:52px; height:52px; }
    #aerologic-engineering-principles .ep-caption { min-height:50px; font-size:13px; }
    #aerologic-engineering-principles .ep-desktop-slot { display:block; margin-top:30px; }
  }
  @media(max-width:360px) {
    #aerologic-engineering-principles .ep-node { width:48px; height:48px; }
    #aerologic-engineering-principles .ep-stage-top { font-size:11px; }
    #aerologic-engineering-principles .ep-progress-label { font-size:11px; }
    #aerologic-engineering-principles .ep-replay { font-size:11px; }
    #aerologic-engineering-principles .ep-node-label { font-size:11px; }
  }
  @media(prefers-reduced-motion:reduce) {
    #aerologic-engineering-principles *, #aerologic-engineering-principles *::before, #aerologic-engineering-principles *::after { animation:none !important; transition:none !important; }
  }
/* Integrate the approved section with the production page rhythm. */
#aerologic-engineering-principles .ep-section {padding:0}
#aerologic-engineering-principles h2 {font-size:clamp(42px,4.6vw,68px);margin-top:38px}
#aerologic-engineering-principles .ep-intro {font-size:16px;margin-top:24px}
#aerologic-engineering-principles .ep-layout {gap:clamp(32px,5vw,80px);margin-top:48px}
#aerologic-engineering-principles .ep-choice {font-size:clamp(24px,2.5vw,32px);padding-block:24px}
#aerologic-engineering-principles .ep-detail>p {font-size:15px;max-width:450px}
#aerologic-engineering-principles .ep-diagram {max-width:480px;height:340px}
@media(max-width:1100px){.nav{display:none}.menu-toggle{display:block}.header-actions{margin-left:auto}.mobile-menu{top:88px}}
@media(max-width:800px){.mobile-menu{top:76px}#aerologic-engineering-principles h2{font-size:clamp(38px,6.6vw,52px)}}
@media(max-width:650px){
 #aerologic-engineering-principles h2{font-size:clamp(32px,8.4vw,44px);margin-top:30px}
 #aerologic-engineering-principles .ep-layout{margin-top:32px}
 #aerologic-engineering-principles .ep-choice{font-size:25px;padding-block:20px}
 #aerologic-engineering-principles .ep-detail>p{font-size:14px}
 #aerologic-engineering-principles .ep-diagram{height:300px}
}
body[data-reduced=true] #aerologic-engineering-principles .ep-time-track {display:none}

#aerologic-engineering-principles .ep-layout{overflow-anchor:none}
#aerologic-engineering-principles .ep-caption{min-height:4.95em}
#aerologic-engineering-principles .ep-edge{stroke:#a8c6d96b}
/* Mobile choices share one description row; changing the choice never moves
   the diagram or the sections below it. Hidden copy still reserves its size. */
@media(max-width:650px){
 #aerologic-engineering-principles .ep-principles{display:grid;grid-template-columns:minmax(0,1fr)}
 #aerologic-engineering-principles .ep-item{display:contents}
 #aerologic-engineering-principles .ep-item>h3{grid-column:1;border-top:1px solid var(--ep-line)}
 #aerologic-engineering-principles .ep-item.is-selected>h3{border-top-color:var(--ep-metal)}
 #aerologic-engineering-principles [data-principle=system]>h3{grid-row:1}
 #aerologic-engineering-principles [data-principle=evidence]>h3{grid-row:2}
 #aerologic-engineering-principles [data-principle=iteration]>h3{grid-row:3;border-bottom:1px solid var(--ep-line)}
 #aerologic-engineering-principles .ep-detail{grid-area:4/1;padding-top:22px}
 #aerologic-engineering-principles .ep-detail[hidden]{display:block!important;visibility:hidden;pointer-events:none}
 #aerologic-engineering-principles .ep-detail>p{padding-left:0;padding-right:0}
 #aerologic-engineering-principles .ep-desktop-slot{margin-top:18px}
}