/* Shared direction-page typography, controls and ambient canvas remain the reference. */
.engineering-page h1,.engineering-page h2{font:800 clamp(1.8rem,3.4vw,3rem)/1.12 var(--font-heading);letter-spacing:-.04em}
.engineering-page h1 span,.engineering-page h2 span{color:var(--accent-cyan)}
.engineering-page h1{margin:1.3rem 0 1.5rem}.engineering-page h2{margin:1.2rem 0 1.8rem}
.engineering-page h3{font:700 1.15rem/1.35 var(--font-heading);letter-spacing:-.02em}
.engineering-page main p{color:var(--text-secondary);font-size:1rem;line-height:1.65}
.engineering-page main :is(button,a,[tabindex]):focus-visible{outline:2px solid var(--detail-teal);outline-offset:4px}
.engineering-page main .btn-primary{min-height:48px;padding:.8rem 1.55rem;font-size:.9rem;text-align:center;justify-content:center}
.engineering-hero{padding:3.5rem 0 2rem}.engineering-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:3rem}
.engineering-lead{max-width:39rem}.engineering-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.engineering-page main .engineering-secondary{background:transparent;border:1px solid var(--border-color-hover);color:var(--text-primary);box-shadow:none}
.engineering-page main .engineering-secondary:hover{background:rgba(90,200,189,.1);box-shadow:var(--shadow-glow)}
.engineering-art{width:100%;max-width:25rem;justify-self:end;margin:0}.engineering-art img{width:100%;height:auto;display:block}
.engineering-section{padding:3.5rem 0;scroll-margin-top:7rem}.engineering-systems,.engineering-deliverables{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.engineering-card{min-width:0;padding:1.4rem;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-primary) 76%,transparent);transition:transform .25s,border-color .25s,box-shadow .25s}
.engineering-card:hover{transform:translateY(-4px);border-color:var(--accent-cyan);box-shadow:var(--shadow-md),var(--shadow-glow)}
.engineering-card h3{margin:1.1rem 0 .65rem}.engineering-card p{margin:0}
.engineering-card small{display:block;font:400 .8rem/1.6 var(--font-mono);color:var(--accent-cyan);margin-top:1.2rem;border-top:1px solid var(--border-color);padding-top:.9rem}
.engineering-card-top{display:flex;align-items:center;justify-content:space-between}
.engineering-systems .engineering-card{display:grid;grid-template-rows:auto auto 1fr auto}
.engineering-systems .engineering-card small{min-height:2.5rem;padding-top:.5rem;margin-top:.8rem;line-height:1.35}
.engineering-number{font:400 .85rem var(--font-mono);color:var(--accent-cyan)}
.engineering-card .material-symbols-rounded{display:inline-grid;place-items:center;width:2.7rem;height:2.7rem;color:var(--accent-cyan);border:1px solid rgba(90,200,189,.25);border-radius:var(--radius-md);background:rgba(90,200,189,.08);box-shadow:none;text-shadow:none;transition:transform var(--transition-fast),box-shadow .25s,background .25s,color .25s}
@media(hover:hover){.engineering-card:hover .material-symbols-rounded{transform:scale(1.08);background:var(--accent-gradient);color:#fff;box-shadow:0 4px 24px var(--accent-glow)}}
.engineering-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:3rem;align-items:end;margin-bottom:1.5rem}.engineering-heading h2{margin-bottom:0}.engineering-heading>p{margin:0}
.engineering-scenario-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem}.engineering-tabs{display:grid;gap:.7rem;align-content:start}
.engineering-tabs button{display:grid;grid-template-columns:1.8rem 1fr 1.5rem;gap:.8rem;text-align:left;align-items:center;padding:1.3rem;background:color-mix(in srgb,var(--bg-primary) 76%,transparent);border:1px solid var(--border-color);color:var(--text-primary);font:600 1rem/1.5 var(--font-heading);cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}
.engineering-tabs button:hover{transform:translateY(-3px);border-color:var(--accent-cyan);box-shadow:var(--shadow-glow)}
.engineering-tabs button[aria-selected=true]{border-color:var(--accent-cyan);background:rgba(90,200,189,.12)}
.engineering-tabs .material-symbols-rounded{color:var(--accent-cyan);font-size:22px;text-shadow:0 0 14px var(--accent-glow)}
.engineering-scenario-panel{padding:2rem;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-primary) 72%,transparent)}
.engineering-scenario-panel h3{margin:0;font-size:1.5rem}.engineering-scenario-panel ul{padding:0;margin:1.5rem 0;list-style:none;display:grid;gap:.8rem}
.engineering-scenario-panel li{display:flex;align-items:flex-start;gap:.6rem;line-height:1.6}.engineering-scenario-panel li .material-symbols-rounded{color:var(--accent-cyan);font-size:20px;flex-shrink:0}
.engineering-scenario-panel .engineering-check{margin:0;border-top:1px solid var(--border-color);padding-top:1rem;font-size:.9rem}
.engineering-sizing-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem;align-items:start}
.engineering-note{display:flex;align-items:flex-start;gap:.7rem;margin-top:2rem}.engineering-note .material-symbols-rounded{color:var(--accent-cyan);flex-shrink:0;font-size:22px}
.engineering-sizing-table{border-collapse:collapse;width:100%;font-size:.95rem;line-height:1.6;text-align:left}
.engineering-sizing-table th,.engineering-sizing-table td{padding:1.1rem;border-bottom:1px solid var(--border-color);vertical-align:top}
.engineering-sizing-table thead{background:rgba(90,200,189,.08);color:var(--accent-cyan)}.engineering-sizing-table tbody th{font-weight:600;width:44%}.engineering-sizing-table td{color:var(--text-secondary)}
.engineering-power-demo{padding:2rem;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-primary) 70%,transparent)}
.engineering-power-controls{display:flex;flex-wrap:wrap;gap:.7rem}.engineering-power-controls button{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);font:600 .95rem var(--font-heading);cursor:pointer}
.engineering-power-controls button[aria-pressed=true]{border-color:var(--accent-cyan);background:rgba(90,200,189,.12)}.engineering-power-controls .material-symbols-rounded{font-size:20px}
.engineering-power-flow{display:grid;grid-template-columns:1fr 3rem 1fr 3rem 1fr;align-items:center;gap:1rem;margin:2.5rem 0}
.power-node{display:grid;place-items:center;text-align:center;gap:.8rem;border:1px solid var(--border-color);min-height:10rem;padding:1rem;background:var(--bg-primary)}
.power-node>.material-symbols-rounded{font-size:32px;color:var(--accent-cyan);text-shadow:0 0 18px var(--accent-glow)}.power-node strong{font:600 1.1rem var(--font-heading)}
.power-battery{color:var(--text-muted);font-size:.85rem}.power-connector{font-size:2rem;color:var(--accent-cyan);text-align:center}
.is-outage .utility-node{opacity:.45}.is-outage .utility-node+.power-connector{color:var(--text-muted)}.is-outage .ups-node{border-color:var(--accent-cyan);box-shadow:var(--shadow-glow)}
.engineering-power-status{display:flex;gap:1rem;border-top:1px solid var(--border-color);padding-top:1.5rem}.engineering-power-status h3{margin:0}.engineering-power-status p{margin:.5rem 0 0}
.power-status-dot{width:.65rem;height:.65rem;background:var(--accent-cyan);border-radius:50%;flex-shrink:0;margin-top:.5rem;box-shadow:0 0 12px var(--accent-glow)}
.engineering-power-next{display:grid;grid-template-columns:.6fr 1.4fr;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.engineering-power-next p{margin:0}
.engineering-final-inner{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;border-top:1px solid var(--border-color);padding:2rem 0}.engineering-final-inner p{max-width:46rem}.engineering-final-inner h2{margin-top:0}
@media(max-width:1050px){.engineering-systems,.engineering-deliverables{grid-template-columns:repeat(2,minmax(0,1fr))}.engineering-heading{grid-template-columns:1.2fr 1fr;gap:2rem}.engineering-sizing-grid{grid-template-columns:1fr;gap:1rem}.engineering-sizing-grid .engineering-note{max-width:45rem}.engineering-hero-grid{gap:1.5rem}}
@media(max-width:700px){.engineering-hero{padding:2rem 0 1rem}.engineering-hero-grid,.engineering-heading,.engineering-scenario-layout,.engineering-final-inner{grid-template-columns:1fr;gap:1.5rem}.engineering-art{max-width:19rem;justify-self:center}.engineering-section{padding:2.4rem 0}.engineering-heading h2{margin-bottom:0}.engineering-systems,.engineering-deliverables{grid-template-columns:1fr}.engineering-card{padding:1.3rem}.engineering-scenario-panel,.engineering-power-demo{padding:1.2rem}.engineering-sizing-table th,.engineering-sizing-table td{padding:.85rem .5rem}.engineering-power-flow{grid-template-columns:1fr;gap:.5rem;margin:1.5rem 0}.power-node{min-height:7rem}.power-connector{transform:rotate(90deg)}.engineering-power-next{grid-template-columns:1fr}.engineering-final-inner .btn-primary{justify-self:start}.engineering-tabs button{padding:1rem}.engineering-actions .btn-primary{max-width:100%}}
@media(prefers-reduced-motion:reduce){.engineering-page main *{transition:none!important}}