:root{color-scheme:dark;--bg:#09141c;--panel:#101f29;--line:#263943;--muted:#9cb0bd;--aqua:#65e2d4;--white:#edf4f6;--gold:#e6b474}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.5}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:1px solid var(--line);background:transparent;border-radius:7px;padding:9px 14px}button:hover{background:#203640}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--aqua);outline-offset:4px}button[aria-pressed=true]{background:var(--aqua);color:#09211f;border-color:var(--aqua)}header{max-width:1500px;margin:auto;padding:24px 38px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{color:var(--white);text-decoration:none;font-size:14px;letter-spacing:2px}.brand b{font-weight:400;color:var(--muted)}.mark{font-size:29px;color:var(--aqua);vertical-align:middle;margin-right:10px}.modes{display:flex;gap:4px;background:#13232d;padding:4px;border-radius:9px}.modes button{border:0;font-size:14px;padding:8px 19px}main{max-width:1500px;margin:auto;padding:28px 38px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:var(--aqua);margin:0 0 10px}h1{font-size:clamp(27px,3.2vw,44px);font-weight:500;letter-spacing:-1.5px;line-height:1.12;margin:0 0 9px}p{margin:0;color:var(--muted)}.quiet{font-size:14px;white-space:nowrap}.lab{display:grid;grid-template-columns:minmax(0,1fr) 335px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.visual{min-width:0;background:radial-gradient(ellipse at 50% 35%,#193843,#0b1923 70%)}.scene-head{display:flex;justify-content:space-between;padding:19px 23px;font-size:12px;letter-spacing:1px;gap:12px}.scene-head>span:last-child{color:var(--aqua);letter-spacing:0}#scene{height:390px;position:relative;overflow:hidden;touch-action:pan-y}#scene canvas{width:100%;height:100%;display:block}.scene-caption{position:absolute;left:25px;bottom:10px;max-width:380px;pointer-events:none;text-shadow:0 2px 8px #000}.scene-caption>span{font-size:19px}.scene-caption p{font-size:14px;margin-top:5px}.scene-tools{display:flex;align-items:center;gap:8px;padding:18px 23px 10px;flex-wrap:wrap}.seg{display:flex;gap:4px;margin-right:auto}.seg button{font-size:14px}.parts{display:flex;gap:8px;padding:6px 23px 24px;flex-wrap:wrap}.parts button{font-size:12px;border:0;color:var(--muted);padding:4px 7px}.parts button[aria-pressed=true]{color:var(--aqua);background:#203840}.chain-head{border-top:1px solid var(--line);padding:17px 23px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px}.chain-head strong{font-weight:400;color:var(--aqua);font-size:14px}#chain{width:100%;height:90px;display:block}.hint{font-size:12px;color:var(--muted);line-height:1.5}.visual>.hint{padding:0 23px 18px}aside{padding:23px;background:var(--panel);border-left:1px solid var(--line)}.panel-title{display:flex;justify-content:space-between;gap:5px;align-items:baseline}.panel-title>span{font-size:12px;color:var(--muted)}.switch-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:14px 0 20px;font-size:14px}.switch-row strong{display:block;color:var(--aqua);font-size:12px;font-weight:400;margin-top:3px}input[type=checkbox]{appearance:none;width:42px;height:24px;flex-shrink:0;border-radius:30px;background:#52616a;position:relative;cursor:pointer}input[type=checkbox]:checked{background:var(--aqua)}input[type=checkbox]:after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#0c2029;left:3px;top:3px;transition:transform .2s}input[type=checkbox]:checked:after{transform:translateX(18px)}.control{padding-top:19px}.control label{display:flex;justify-content:space-between;gap:12px;font-size:14px}.control output{color:var(--aqua);white-space:nowrap;font-variant-numeric:tabular-nums}input[type=range]{width:100%;margin:15px 0 5px;accent-color:var(--aqua);cursor:pointer;height:16px}.ends{display:flex;justify-content:space-between;font-size:12px;color:#8196a3}.measurements{border-top:1px solid var(--line);margin-top:19px;padding-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.measurements span,.measurements small{display:block;font-size:12px;color:var(--muted)}.measurements strong{display:block;font-size:24px;font-weight:500;letter-spacing:-.7px;margin:4px 0;font-variant-numeric:tabular-nums}.measurements small{font-size:12px}.insight{border-left:2px solid var(--aqua);padding-left:12px;margin-top:18px;font-size:14px;line-height:1.55}.journey{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:30px 0;border-bottom:1px solid var(--line)}h2{font-size:25px;font-weight:500;margin:0 0 10px;letter-spacing:-.5px}.journey p:not(.eyebrow){max-width:580px}.steps{display:flex;gap:10px;align-items:stretch}.steps button{text-align:left;font-size:14px;flex:1;padding:16px}.steps span{display:block;font-size:12px;margin-bottom:10px;opacity:.65}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:35px 0 20px;gap:20px}.section-heading>p{font-size:14px}.training-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.chart-card,.local,.exercise{border:1px solid var(--line);background:var(--panel);padding:22px;border-radius:10px}h3{font-size:18px;font-weight:500;margin:0 0 8px}.chart-card>p{font-size:14px}#chart{width:100%;margin-top:15px;display:block}.legend{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.legend span:first-child{color:var(--aqua)}dl{margin:20px 0}dl>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:10px 0;font-size:14px}dt{color:var(--muted)}dd{margin:0;font-variant-numeric:tabular-nums}.exercise{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:18px}#answers{display:grid;gap:8px}#answers button{text-align:left;font-size:14px}#feedback{margin:12px 0;font-size:14px;color:var(--gold)}details{margin:25px 0;border-top:1px solid var(--line);padding-top:20px}summary{cursor:pointer;font-size:14px;color:var(--muted)}.model-text{max-width:1000px;display:grid;gap:14px;padding-top:20px;font-size:14px}a{color:var(--aqua)}footer{display:flex;justify-content:space-between;gap:20px;padding:23px 0;font-size:12px;color:var(--muted)}footer span{letter-spacing:1px}#fallback{padding:40px;color:var(--gold)}[hidden]{display:none!important}@media(min-width:1450px){#scene{height:430px}}@media(max-width:1000px){header{padding:18px 22px}main{padding:24px 22px 0}.lab{grid-template-columns:minmax(0,1fr) 300px}aside{padding:18px}.scene-head{font-size:10px}.parts{gap:4px}.journey{gap:20px}.steps{gap:5px}.steps button{padding:10px}.training-grid{grid-template-columns:1fr}.scene-tools{padding:12px}#scene{height:370px}}@media(max-width:740px){header{padding:15px;flex-wrap:wrap}.brand{font-size:12px}.modes{width:100%}.modes button{flex:1}main{padding:23px 15px 0}.intro{align-items:flex-start}.intro>div>p:last-child{font-size:14px}.intro .quiet{font-size:0;padding:8px}.intro .quiet:first-letter{font-size:19px}.lab{grid-template-columns:1fr}.scene-head{padding:15px;font-size:10px}#scene{height:330px}.scene-caption{left:18px;max-width:290px}.scene-caption>span{font-size:17px}.scene-caption p{font-size:12px}.scene-tools{gap:5px}.scene-tools button{font-size:12px;padding:8px}.parts{padding:5px 10px 15px}.parts button{font-size:12px}aside{border-left:0;border-top:1px solid var(--line);padding:22px}.control{padding-top:20px}.journey,.exercise{grid-template-columns:1fr;gap:20px}.steps button{padding:13px}.section-heading{display:block}.section-heading>p{margin-top:12px}.chart-card,.local,.exercise{padding:17px}footer{display:block}footer p{margin-top:8px}.measurements strong{font-size:28px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 20px}.levels button{text-align:left;padding:14px 12px;border-radius:9px;line-height:1.35}.levels span{display:block;font-size:12px;margin-bottom:8px;opacity:.75}.levels strong{font-size:14px;font-weight:500}.level-brief{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;margin:0 0 25px;align-items:start}.level-brief h2{font-size:25px}.level-brief .eyebrow{font-size:12px;letter-spacing:1px}.mission{border-left:2px solid var(--gold);padding:0 0 0 18px}.mission>span{font-size:12px;letter-spacing:1px;color:var(--gold)}.mission p{font-size:14px;margin:8px 0}.mission small{font-size:12px;color:var(--muted)}.glossary{padding:18px 0;margin:0}.glossary dl{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 30px}.glossary dl>div{display:block}.glossary dt{color:var(--aqua);font-weight:500;margin-bottom:5px}.glossary dd{font-size:14px;color:var(--muted)}.workshop{padding-bottom:28px;border-bottom:1px solid var(--line)}.cable-layout{display:grid;grid-template-columns:minmax(260px,1fr) 1.5fr;gap:36px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px}.cable-layout svg{display:block;width:100%;height:280px}.cable-types{justify-content:center;margin:12px 0}.layer-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:24px}.layer-buttons button{font-size:13px;padding:8px 10px}.cable-layout h3{color:var(--aqua)}.cable-layout p{margin-bottom:12px}.cable-layout .hint{font-size:13px}.meter-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:35px;padding:25px;border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:15px}.meter-layout p{font-size:14px;margin:15px 0}.meter-layout svg{width:100%;display:block}.meter-layout button{margin-top:5px;font-size:14px}.bidir-results{display:flex;justify-content:space-around;gap:15px;text-align:center}.bidir-results span,.bidir-results small{display:block;font-size:12px;color:var(--muted)}.bidir-results strong{display:block;font-size:21px;font-weight:500}.design-actions{display:flex;gap:10px;margin:12px 0}.design-actions button{font-size:14px}#study-context{margin:16px 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);white-space:nowrap}thead{background:var(--panel)}th{font-weight:500}td{font-variant-numeric:tabular-nums}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:25px}.design-grid h3{font-size:16px;color:var(--gold)}.design-grid p{font-size:14px}.measurements strong{overflow-wrap:anywhere}.steps button{min-width:0}.scene-head{flex-wrap:wrap}#advanced-controls{margin:15px 0 0}.glossary summary{font-size:16px}@media(max-width:1050px){.levels{grid-template-columns:repeat(3,1fr)}.level-brief{gap:22px}.cable-layout{gap:18px}.meter-layout{grid-template-columns:1fr}.design-grid{grid-template-columns:1fr}.levels button{min-height:80px}}@media(max-width:740px){.levels{grid-template-columns:1fr 1fr;gap:6px}.levels button{padding:12px;min-height:85px}.levels button:last-child{grid-column:1/-1;min-height:65px}.level-brief,.cable-layout{grid-template-columns:1fr;gap:20px}.level-brief h2{font-size:23px}.cable-layout{padding:18px}.cable-layout svg{height:240px}.layer-buttons{gap:6px}.layer-buttons button{flex:1 1 42%;font-size:13px}.glossary dl{grid-template-columns:1fr}.meter-layout{padding:17px}.design-actions{flex-direction:column}.modes button{padding:8px 10px}.steps{flex-direction:column}.steps button{display:flex;gap:12px;align-items:baseline}.steps span{margin:0}.measurements strong{font-size:24px}}
/* V2: a single technical workspace, Orange Marine / IA Lab. */
:root{--bg:#090a0b;--panel:#141618;--line:#303236;--muted:#a4a7ab;--aqua:#ff7900;--white:#f6f6f6;--gold:#ffb979;color-scheme:dark}body{font-family:Arial,Helvetica,sans-serif}button{border-radius:4px}button:hover{background:#292b2e}button[aria-pressed=true]{color:#080808}header{padding:20px 36px;max-width:1600px}.brand{display:flex;align-items:center;gap:14px;letter-spacing:0;font-size:18px;font-weight:700}.brand b{display:block;font-size:12px;letter-spacing:2px;margin-top:1px}.orange-mark{display:flex;align-items:flex-end;background:#ff7900;color:#fff;width:48px;height:48px;padding:4px;font-size:13px;letter-spacing:-.6px}.edition{font-size:10px;letter-spacing:1.4px;color:var(--muted)}.edition b{margin-left:14px;color:#ff7900;font-size:15px}main{max-width:1600px;padding:30px 36px 0}h1{font-size:clamp(29px,3vw,44px);font-weight:700;letter-spacing:-1.7px}.intro{margin-bottom:27px}.intro p:last-child{font-size:14px}.eyebrow{letter-spacing:1.8px;font-size:10px}.workspace-bar{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}.workspace-bar label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:10px}.workspace-bar select{background:#191b1e;color:#fff;font:inherit;font-size:13px;padding:11px 28px 11px 12px;border:1px solid #424448;border-radius:4px;max-width:290px}.workspace-bar nav{display:flex;gap:4px;margin-left:auto}.workspace-bar button{font-size:13px}.workspace-bar nav button{border:0}.workspace-bar nav button[aria-pressed=true]{background:transparent;color:#ff7900;box-shadow:inset 0 -2px #ff7900;border-radius:0}.level-brief{grid-template-columns:1.3fr 1fr;gap:40px;margin-bottom:20px}.level-brief h2{font-size:18px;letter-spacing:-.3px;margin-bottom:4px}.level-brief p{font-size:13px}.level-brief .eyebrow{display:none}.mission{border-left:1px solid #45484c;padding-left:20px}.mission>span{font-size:10px;letter-spacing:1.3px}.mission p{margin:4px 0 0}.lab{border-radius:6px;grid-template-columns:minmax(0,1fr) 310px}.visual{background:radial-gradient(ellipse at 48% 40%,#303438 0%,#191b1e 45%,#101214 82%)}.scene-head{font-size:10px;letter-spacing:1.2px;padding:20px 22px}#scene{height:440px;touch-action:none}.scene-caption{bottom:12px;left:22px;max-width:440px;background:linear-gradient(90deg,#111315e8,#11131566);padding:10px 12px;border-left:2px solid #ff7900}.scene-caption>span{font-size:16px;font-weight:700}.scene-caption p{font-size:12px;line-height:1.5;color:#d0d2d5}.scene-tools{padding:14px 20px 8px;gap:6px}.scene-tools button{padding:8px 11px;font-size:12px}.parts{padding:8px 20px 10px;gap:5px}.parts button{font-size:11px;padding:4px 6px}.parts button[aria-pressed=true]{background:#352519;color:#ff9d47}.view-options{display:flex;align-items:center;gap:8px;padding:0 20px 16px}.view-options button{font-size:10px;padding:5px 8px}.view-options button[aria-pressed=true]{background:#2b2d30;border-color:#555;color:#fff}.view-options>span{margin-left:auto;display:flex;gap:7px;align-items:center;font-size:10px;color:var(--muted)}.view-options i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#56c8f2}.view-options .pump-dot{background:#c7a2ff;margin-left:8px}.pins{position:absolute;inset:0;pointer-events:none}.pin{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;width:27px;height:27px;padding:0;background:#131518db;border:1px solid #989da4;border-radius:50%;font-size:10px;color:#fff;box-shadow:0 2px 10px #0006}.pin[aria-pressed=true]{background:#ff7900;border-color:#ff7900;color:#000}.pin:hover{background:#ff7900;color:#000}.chain-head{padding:14px 22px 0;font-size:10px}#chain{height:76px}aside{padding:20px}.control{padding-top:17px}.control label{font-size:12px}.panel-title .eyebrow{margin-bottom:4px}.panel-title>span{font-size:10px}.switch-row{font-size:12px;padding:13px 0 16px}.measurements{grid-template-columns:1fr;gap:13px}.measurements>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 8px}.measurements strong{font-size:23px;margin:0}.measurements small{grid-column:1/-1;font-size:10px}.measurements span{font-size:11px}.insight{font-size:12px}.ends,.hint{font-size:11px}.journey{padding:24px 0;gap:25px;grid-template-columns:1fr 1.3fr}.journey h2{font-size:19px}.journey p{font-size:13px}.steps button{padding:13px;font-size:12px}.steps button[aria-pressed=true]{background:#251a11;border-color:#ff7900;color:#fff}.steps span{color:#ff7900;opacity:1}.glossary{margin-top:5px}.glossary summary{font-size:13px}.chart-card,.local,.exercise,.cable-layout,.meter-layout{border-radius:5px}.section-heading h2{font-size:23px}footer{font-size:10px;letter-spacing:.3px}.workshop .section-heading{margin-top:25px}#fallback{position:absolute;inset:20px;z-index:3;background:#16181beF;padding:30px;border:1px solid #555}
@media(min-width:1500px){#scene{height:490px}}@media(max-width:1100px){.workspace-bar{gap:12px;flex-wrap:wrap}.workspace-bar select{max-width:270px}.lab{grid-template-columns:minmax(0,1fr) 285px}.scene-tools{gap:4px}.scene-tools button{padding:7px 8px}#scene{height:400px}.scene-caption{max-width:340px}}
@media(max-width:740px){header{padding:15px 18px}.brand{font-size:16px}.edition{font-size:8px;max-width:90px;text-align:right;line-height:1.7}.edition b{margin-left:4px}main{padding:24px 16px 0}.workspace-bar{gap:12px}.workspace-bar label{flex:1}.workspace-bar select{max-width:100%;min-width:0;width:100%;font-size:12px}.workspace-bar nav{order:3;width:100%;margin:0;border-top:1px solid var(--line);padding-top:8px}.workspace-bar nav button{flex:1;padding:8px 4px}.workspace-bar>button{padding:10px}.level-brief{display:block}.level-brief p{font-size:12px}.mission{display:none}.lab{grid-template-columns:1fr}#scene{height:330px}.scene-head{font-size:9px;padding:15px}.scene-caption{left:12px;right:12px;max-width:none;bottom:4px}.scene-caption p{font-size:11px}.scene-tools{padding:12px 10px 6px}.seg{margin-right:0}.scene-tools button{font-size:11px;padding:7px 9px}.parts{padding:8px 10px}.view-options{padding:5px 10px 14px;gap:5px}.view-options>span{font-size:9px;gap:4px}.pin{width:24px;height:24px;font-size:9px}.measurements{grid-template-columns:1fr 1fr}.measurements>div{display:block}.measurements strong{display:block;margin:4px 0}.journey{grid-template-columns:1fr}.steps{flex-direction:row}.steps button{display:block;font-size:11px;padding:10px}.steps span{display:block;margin-bottom:6px}.cable-layout,.meter-layout{grid-template-columns:1fr}.scene-tools #rotate{margin-left:auto}.intro .quiet{font-size:12px}.intro .quiet:first-letter{font-size:12px}.intro .quiet{padding:7px}.intro{align-items:flex-start}.intro h1{max-width:280px}}

.cable-types{flex-wrap:wrap;gap:6px}.cable-types button{min-width:44px}.cable-profile{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}.cable-profile .eyebrow{font-size:11px}.cable-profile h3{font-size:23px;color:var(--white)}.cable-profile p{font-size:14px}.cable-profile .hint{font-size:12px}.cable-references p{font-size:12px;margin-top:14px;max-width:950px}.cable-layout{align-items:start}.cable-layout>div:first-child{position:sticky;top:20px}@media(max-width:740px){.cable-layout>div:first-child{position:static}.cable-types button{flex:1;padding:8px}.cable-profile h3{font-size:21px}}
/* Cable construction and repair: large annotated scenes, progressive disclosure. */
.workspace-bar{gap:14px}.workspace-bar nav{min-width:0;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.workspace-bar nav button{flex-shrink:0;padding:10px}.workspace-bar select{max-width:240px}.section-tabs{display:flex;gap:6px;margin:20px 0 16px;overflow-x:auto}.section-tabs button{font-size:13px;white-space:nowrap;padding:10px 16px}.section-tabs button[aria-pressed=true]{background:#251a11;color:#ff9d47;border-color:#734721}.technical-stage{overflow:hidden;background:#10171f;border:1px solid #33404b;border-radius:7px}.vector-scene{line-height:0;min-height:160px}.vector-scene svg{display:block;width:100%;height:auto}.stage-controls{border-top:1px solid #33404b;display:flex;align-items:center;gap:16px;padding:15px 20px;background:#151b23}.stage-controls label{display:flex;align-items:center;gap:12px;font-size:12px;white-space:nowrap}.stage-controls input{max-width:320px;margin:0}.stage-controls output{color:#ff9d47;min-width:40px}.stage-controls select{background:#212a33;border:1px solid #57626d;color:#eee;padding:8px 25px 8px 10px;border-radius:4px}.stage-controls button{font-size:12px}.repair-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:0;border:1px solid var(--line);border-radius:7px;overflow:hidden}.repair-layout .technical-stage{border:0;border-radius:0}.story-panel{padding:25px 22px;display:flex;flex-direction:column;align-items:flex-start}.story-panel h3{font-size:25px;line-height:1.2;letter-spacing:-.5px;margin:14px 0}.story-panel p{font-size:14px;line-height:1.65}.story-panel .eyebrow{font-size:13px;color:#ff7900;letter-spacing:2px}.story-panel .expert-note{font-size:12px;border-left:2px solid #ff7900;margin-top:23px;padding-left:12px;color:#d2d7dc}.story-panel .hint{font-size:11px;margin:17px 0}.story-panel button{font-size:12px;margin-top:24px;color:#ffb979}.playback{padding:15px 18px;display:flex;align-items:center;gap:10px;background:#141a21;border-top:1px solid #33404b}.playback button{font-size:11px;white-space:nowrap;padding:8px 10px}.playback input{margin:0;min-width:40px}.playback #repair-play{min-width:123px;color:#ffb979}.playback #repair-play[aria-pressed=true]{color:#080808}.playback button:disabled{opacity:.25;cursor:default}.story-steps{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:15px}.story-steps button{font-size:11px;text-align:left;padding:12px 10px;line-height:1.4;border-color:#262d34}.story-steps span{display:block;color:#8294a3;margin-bottom:7px;font-size:10px}.story-steps button[aria-pressed=true]{color:#fff;background:#2a1c12;border-color:#9c551f}.story-steps button[aria-pressed=true] span{color:#ff7900}.method-note{font-size:11px;max-width:1100px;line-height:1.7;margin:18px 0;color:#899ba9}.sources-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 35px}.sources-grid article{padding:24px 0;border-bottom:1px solid var(--line)}.sources-grid h3{font-size:17px;line-height:1.4}.sources-grid a{color:#e1e5e8;text-decoration:none}.sources-grid a:hover{color:#ff9d47}.sources-grid p{font-size:12px;line-height:1.7}.sources-grid .eyebrow{color:#ff7900;font-size:10px}.evidence-banner{display:flex;gap:35px;background:#181c20;border-left:2px solid #ff7900;padding:22px}.evidence-banner strong{font-size:18px;white-space:nowrap}.evidence-banner p{font-size:13px;max-width:800px}.architecture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:20px 0}.architecture-grid p{font-size:12px;line-height:1.6}.architecture-grid strong{display:block;color:#e1e5e8;margin-bottom:7px}.view-options .reverse-dot{background:#8de0b8;margin-left:7px}#case-answers{display:grid;gap:8px}#case-answers button{text-align:left;font-size:13px}#case-feedback{color:#ffb979;font-size:13px;margin:15px 0}#case-count{font-size:12px;color:var(--muted)}#field-cases{margin-bottom:25px}.cable-layout[hidden]{display:none!important}
@media(max-width:1200px){.workspace-bar label{flex:1}.workspace-bar nav{order:3;width:100%;margin-left:0}.workspace-bar{flex-wrap:wrap}.workspace-bar nav button{flex:1}.repair-layout{grid-template-columns:minmax(0,1fr) 250px}.story-panel{padding:20px 16px}.story-panel h3{font-size:21px}.story-panel p{font-size:12px}.story-steps{grid-template-columns:repeat(4,1fr)}.architecture-grid{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.repair-layout{grid-template-columns:1fr}.story-panel{border-top:1px solid var(--line);border-left:0;display:block;padding:20px}.story-panel h3{margin:6px 0 10px}.story-panel p{font-size:13px}.story-panel .expert-note{margin-top:15px}.story-panel button{margin-top:15px}.stage-controls{flex-wrap:wrap;gap:12px}.stage-controls input{flex:1;max-width:none}.sources-grid{grid-template-columns:1fr}.evidence-banner{display:block}.evidence-banner p{margin-top:12px}.playback{flex-wrap:wrap}.playback input{order:5;flex:1 0 100%;margin-top:8px}.playback #repair-labels{margin-left:auto}}
@media(max-width:520px){.story-steps{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:10px}.story-steps button{flex:0 0 130px;scroll-snap-align:start}.section-tabs button{font-size:11px;padding:10px}.architecture-grid{grid-template-columns:1fr}.vector-scene{overflow-x:auto}.vector-scene svg{min-width:640px}.stage-controls{padding:13px}.stage-controls label{font-size:11px}.view-options>span{flex-wrap:wrap;justify-content:flex-end;max-width:150px}.view-options{align-items:flex-start}.technical-stage:has(.vector-scene):after{content:'Vue détaillée : glissez horizontalement si nécessaire';display:block;background:#151b23;color:#8497a7;font-size:10px;padding:8px 13px}.edition{display:none}}