/* A complete, labeled system at a quiet editorial scale. */
.ed-cover.ed-beginner-cover{height:auto;min-height:390px;max-height:none;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:auto;gap:clamp(28px,4vw,64px);padding:clamp(28px,3.8vw,48px);background:#0b1b23;border-top:0;box-shadow:none}
.ed-beginner-cover::after{content:none}
.ed-beginner-cover .ed-cover-copy{display:flex;min-height:0;padding:0;grid-column:1;grid-row:1;justify-content:center}
.ed-beginner-cover h1{margin:0;text-wrap:balance;font-size:clamp(34px,3.3vw,48px);line-height:1.08;max-width:12ch}
.ed-beginner-cover .ed-cover-standfirst{font-size:16px;line-height:1.6;margin:18px 0 24px;max-width:35ch}
.ed-beginner-cover .ed-cover-art{grid-column:2;grid-row:1;display:block;align-self:center;margin:0;width:100%;min-height:0}
.ed-computing-guide{width:100%;max-width:540px;margin-inline:auto;color:#dce5df}
.ed-computing-title{font:400 21px/1.3 var(--ed-display);letter-spacing:-.015em;margin:0 0 18px;color:#f3eee4}
.ed-computing-drawing{position:relative;padding:18px 0 2px}
.ed-computing-drawing svg{display:block;width:100%;height:auto;max-height:none;overflow:visible}
.ed-computing-drawing .guide-floor{fill:url(#guide-floor)}
.ed-computing-drawing .guide-contact-shadows ellipse{fill:url(#guide-shadow)}
.ed-computing-drawing .guide-device{stroke:#718f91;stroke-width:.55;transition:stroke .25s ease}
.ed-computing-drawing .guide-silver{fill:url(#guide-silver)}
.ed-computing-drawing .guide-dark{fill:url(#guide-dark)}
.ed-computing-drawing .guide-side{fill:url(#guide-edge)}
.ed-computing-drawing .guide-top{fill:url(#guide-top)}
.ed-computing-drawing .guide-metal-edge{fill:none;stroke:#e0ece0;stroke-opacity:.56;stroke-width:.8}
.ed-computing-drawing .guide-door-seam{fill:none;stroke:#314e59;stroke-opacity:.62;stroke-width:.8}
.ed-computing-drawing .guide-screen-bezel{fill:#253d46;stroke:#d2dfd5;stroke-opacity:.5;stroke-width:.5}
.ed-computing-drawing .guide-screen{fill:#09232c}
.ed-computing-drawing .guide-screen-grid{fill:none;stroke:#346068;stroke-width:.5;stroke-opacity:.5}
.ed-computing-drawing .guide-screen-line{fill:none;stroke:#a6d4bf;stroke-width:1.6;stroke-linejoin:round}
.ed-computing-drawing .guide-switch-well{fill:#6f8587;stroke:#c6d8cd;stroke-width:.5}
.ed-computing-drawing .guide-breaker{fill:#263c46;stroke:#142a32;stroke-width:1}
.ed-computing-drawing .guide-breaker-face{fill:#536d73;stroke:#7e9796;stroke-width:.5}
.ed-computing-drawing .guide-switch-mark{stroke:#d2dcd0;stroke-width:1}
.ed-computing-drawing .guide-handle-shadow{fill:#344e57}.ed-computing-drawing .guide-handle{fill:#c7d4cb}
.ed-computing-drawing .guide-vent-shadow{fill:none;stroke:#3c5962;stroke-width:1.5}.ed-computing-drawing .guide-vent-light{fill:none;stroke:#c1d2ca;stroke-opacity:.5;stroke-width:.6}
.ed-computing-drawing .guide-side-seam{fill:none;stroke:#8ba7a3;stroke-opacity:.25;stroke-width:.6}
.ed-computing-drawing .guide-foot{fill:#223b45;stroke:#526e73;stroke-width:.5}
.ed-computing-drawing .guide-status-line{fill:none;stroke:#78aaa5;stroke-opacity:.2;stroke-width:1.5;transition:stroke-opacity .25s ease}
.ed-computing-drawing .guide-rack-side{fill:url(#guide-edge)}.ed-computing-drawing .guide-rack-top{fill:#587371}
.ed-computing-drawing .guide-rack-interior{fill:#071923;stroke:#0c1b25;stroke-width:2}
.ed-computing-drawing .guide-server{fill:url(#guide-server-face);stroke:#081c27;stroke-width:.7}
.ed-computing-drawing .guide-drive-well{fill:#334e56}.ed-computing-drawing .guide-tray-handle{fill:none;stroke:#e0e7d9;stroke-width:1.3;stroke-linecap:round}
.ed-computing-drawing .guide-server-bevel{fill:none;stroke:#edf3e4;stroke-opacity:.6;stroke-width:.7}
.ed-computing-drawing .guide-light{fill:#bad9a1}.ed-computing-drawing .guide-port{fill:#102731}
.ed-computing-drawing .guide-door-glass{fill:url(#guide-glass);stroke:#8ea7a1;stroke-opacity:.32;stroke-width:.5}
.ed-computing-drawing .guide-rack-handle{fill:#a4b7ae;stroke:#182e38;stroke-width:.6}
.ed-computing-drawing .guide-copper-line{fill:none;stroke:#c18c63;stroke-width:2}
.ed-computing-drawing .guide-cooling-panel{fill:#7c9698;stroke:#cbdad0;stroke-opacity:.7;stroke-width:.6}
.ed-computing-drawing .guide-fan-well{fill:#152e3a;stroke:#d1dfd4;stroke-opacity:.7;stroke-width:.8}
.ed-computing-drawing .guide-fan-rim{fill:#0a202b;stroke:#6f8e93;stroke-width:1.3}
.ed-computing-drawing .guide-fan{transform-box:view-box;transform-origin:562px 116px}
.ed-computing-drawing .guide-fan[data-fan-center="624"]{transform-origin:624px 116px}
.ed-computing-drawing .guide-fan-blade{fill:url(#guide-fan-metal);stroke:#789698;stroke-width:.5}
.ed-computing-drawing .guide-fan-hub{fill:url(#guide-server-face);stroke:#132e3b;stroke-width:1.4}
.ed-computing-drawing .guide-fan-guard{fill:none;stroke:#a8c1b9;stroke-width:.7;stroke-opacity:.65}
.ed-computing-drawing .guide-coil-well{fill:#273f48;stroke:#506b73;stroke-width:1}
.ed-computing-drawing .guide-coil-fin{fill:none;stroke:#84a4a5;stroke-width:1.5;stroke-opacity:.7}
.ed-computing-drawing .guide-coil-pipe{fill:none;stroke:url(#guide-copper);stroke-width:2.3;stroke-linejoin:round}
.ed-computing-drawing .guide-coupling{fill:url(#guide-copper);stroke:#3f3029;stroke-width:.5}
.ed-computing-drawing .guide-cable-shadow{fill:none;stroke:#020f17;stroke-width:8;stroke-linecap:round}
.ed-computing-drawing .guide-cable{fill:none;stroke:#8e927a;stroke-width:4;stroke-linecap:round}
.ed-computing-drawing .guide-pipe-shadow{fill:none;stroke:#03151c;stroke-width:8;stroke-linecap:round}
.ed-computing-drawing .guide-pipe{fill:none;stroke:#bd926c;stroke-width:4.5;stroke-linecap:round}
.ed-computing-drawing .guide-return{fill:none;stroke:#608d93;stroke-width:3;stroke-linecap:round}
.ed-computing-drawing .guide-flow{fill:none;stroke:#e8ddb6;stroke-width:1.8;stroke-linecap:round;opacity:.55}
.ed-computing-drawing .guide-heat{stroke:#f2c69e}
.ed-computing-drawing .guide-cool{stroke:#a7d4cf}
.ed-computing-choices button{transition:background-color .16s ease,color .16s ease,border-color .16s ease}
.ed-computing-drawing .guide-air-stream{fill:none;stroke:#bfd9ce;stroke-width:1.5;stroke-linecap:round;opacity:0}
.ed-computing-drawing .guide-surface{fill:url(#guide-brushed-face);pointer-events:none}
.ed-computing-drawing .guide-panel-fold{fill:none;stroke:#e4e9dc;stroke-opacity:.32;stroke-width:.75}
.ed-computing-drawing .guide-hinge{fill:none;stroke:#607c80;stroke-width:2.4;stroke-linecap:round}
.ed-computing-drawing .guide-screen-reflection{fill:#d8eee2;fill-opacity:.07}
.ed-computing-drawing .guide-lock{fill:#263f49;stroke:#a7bbb2;stroke-width:.5}
.ed-computing-drawing .guide-fastener circle{fill:#91a9a6;stroke:#344f59;stroke-width:.5}
.ed-computing-drawing .guide-fastener path{fill:none;stroke:#223d47;stroke-width:.65}
.ed-computing-drawing .guide-side-reflection{fill:#b6cec5;fill-opacity:.12}
.ed-computing-drawing .guide-plinth{fill:#526e75;stroke:#77928f;stroke-opacity:.4;stroke-width:.5}
.ed-computing-drawing .guide-rubber{fill:#061923}
.ed-computing-drawing .guide-rail{fill:none;stroke:#6b8485;stroke-width:3}
.ed-computing-drawing .guide-rail-hole{fill:none;stroke:#0b202a;stroke-width:1.7}
.ed-computing-drawing .guide-server-inset{fill:#2e4c57;stroke:#dbdfd2;stroke-opacity:.4;stroke-width:.5}
.ed-computing-drawing .guide-inlet{fill:#829c9c}
.ed-computing-drawing .guide-caddy{fill:none;stroke:#dce4d6;stroke-width:1.2;stroke-linecap:round}
.ed-computing-drawing .guide-drive-light{fill:#9bbd92}
.ed-computing-drawing .guide-indicator-socket{fill:#16313d;stroke:#7c9a9a;stroke-width:.5}
.ed-computing-drawing .guide-glass-reflection{fill:#c0dbcf;fill-opacity:.035;pointer-events:none}
.ed-computing-drawing .guide-rack-coupling{fill:url(#guide-pipe-metal);stroke:#14313b;stroke-width:.5}
.ed-computing-drawing .guide-fan-throat{fill:url(#guide-fan-depth)}
.ed-computing-drawing .guide-fan-spindle{fill:#d4ddd2;stroke:#57757c;stroke-width:.5}
.ed-computing-drawing .guide-fan-guard{stroke-width:.45;stroke-opacity:.65}
.ed-computing-drawing .guide-coil-depth{fill:url(#guide-coil-depth)}
.ed-computing-drawing .guide-coil-fin{stroke:#b0c1b8;stroke-width:.6;stroke-opacity:.75}
.ed-computing-drawing .guide-coil-pipe{stroke-width:1.65;stroke-opacity:.8}
.ed-computing-drawing .guide-coil-frame{fill:none;stroke:#213f4b;stroke-width:2}
.ed-computing-drawing .guide-cable-highlight{fill:none;stroke:#ded7b5;stroke-opacity:.6;stroke-width:.7;stroke-linecap:round}
.ed-computing-drawing .guide-pipe-highlight{fill:none;stroke:#f3d4ae;stroke-opacity:.65;stroke-width:.7;stroke-linecap:round}
.ed-computing-drawing .guide-return-shadow{fill:none;stroke:#06151e;stroke-width:6;stroke-linecap:round}
.ed-computing-drawing .guide-pipe-clips{fill:none;stroke:#8ba4a3;stroke-width:2}
.ed-computing-drawing .guide-coupling{fill:url(#guide-pipe-metal)}
.ed-computing-drawing .guide-coupling-ring{fill:none;stroke:#d1dbcf;stroke-width:.8}
.ed-computing-drawing [data-device]{cursor:pointer}
.ed-computing-guide[data-step=power] [data-device=power] .guide-status-line,.ed-computing-guide[data-step=servers] [data-device=servers] .guide-status-line,.ed-computing-guide[data-step=cooling] [data-device=cooling] .guide-status-line{stroke-opacity:1;stroke:#d7c7a1}
.ed-computing-flow-label{position:absolute;top:0;transform:translateX(-50%);font:400 11px/1.2 var(--ed-sans);color:#b9ceca;background:#0b1b23;padding:0 4px;white-space:nowrap}
.ed-computing-flow-label.is-power{left:32.8%}.ed-computing-flow-label.is-heat{left:67.2%;color:#d8b89e}
.ed-computing-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 16px}
.ed-computing-choices button{display:flex;align-items:center;justify-content:center;gap:7px;position:relative;width:100%;min-height:44px;padding:6px 2px;border:0;border-bottom:1px solid #89a4a53d;background:transparent;color:#c1d0ce;font:400 14px/1.2 var(--ed-sans);cursor:pointer}
.ed-computing-choices button[aria-pressed=true]{border-bottom-color:#e2b28f;color:#fff3e6}
.ed-computing-choices button:hover{color:#fff3e6;background:#afc9c807}
.ed-computing-choices button:focus-visible{outline:2px solid #e2b28f;outline-offset:3px}
.ed-computing-explanation{min-height:4.8em;margin:0;padding-top:3px;font:400 14px/1.65 var(--ed-sans);color:#c2d0ca;max-width:48ch;text-wrap:pretty}
@media(max-width:760px){
 .ed-cover.ed-beginner-cover{min-height:0;padding:24px 20px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:16px;margin-top:14px}
 .ed-beginner-cover .ed-cover-copy{display:contents}
 .ed-beginner-cover h1{grid-column:1;grid-row:1;font-size:36px;max-width:14ch}
 .ed-beginner-cover .ed-cover-standfirst{grid-column:1;grid-row:2;font-size:14px;line-height:1.5;max-width:42ch;margin:0}
 .ed-beginner-cover .ed-cover-art{grid-column:1;grid-row:3;margin:6px 0 0;width:100%}
 .ed-beginner-cover .ed-cover-actions{grid-column:1;grid-row:4;margin-top:0;gap:10px 16px}
 .ed-computing-title{font-size:17px;margin-bottom:10px}
 .ed-computing-drawing svg{max-height:none}
 .ed-computing-choices{gap:8px;margin-bottom:12px}
 .ed-computing-choices button{font-size:13px;gap:5px}
 .ed-computing-explanation{font-size:13px;line-height:1.5;min-height:4.5em}
 .ed-computing-flow-label{font-size:10px;padding:3px 2px}
}
@media(max-width:360px){.ed-cover.ed-beginner-cover{padding:20px 16px;gap:14px}.ed-beginner-cover h1{font-size:32px}.ed-computing-explanation{min-height:6em}}
@media(orientation:landscape) and (max-height:520px) and (min-width:600px){
 .ed-cover.ed-beginner-cover{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:auto;gap:24px;padding:22px;min-height:0}
 .ed-beginner-cover .ed-cover-copy{display:flex;grid-column:1;grid-row:1}
 .ed-beginner-cover h1{font-size:30px}
 .ed-beginner-cover .ed-cover-standfirst{font-size:13px;line-height:1.45;margin:12px 0 16px}
 .ed-beginner-cover .ed-cover-art{grid-column:2;grid-row:1;margin:0}
 .ed-computing-title{font-size:16px;margin-bottom:6px}
 .ed-computing-drawing svg{max-height:none}
 .ed-computing-choices{margin-bottom:8px;gap:6px}
 .ed-computing-choices button{font-size:12px}
 .ed-computing-explanation{font-size:12px;line-height:1.45;min-height:4.35em}
}
@media(prefers-reduced-motion:reduce){.ed-computing-drawing *{transition:none!important}}
@media(forced-colors:active){.ed-computing-choices button[aria-pressed=true]{outline:2px solid Highlight}.ed-computing-drawing .guide-device,.ed-computing-drawing .guide-flow{stroke:CanvasText}.ed-computing-drawing .guide-device{fill:Canvas}.ed-computing-drawing .guide-screen-line{stroke:Highlight}}
