/* Yerleşim: teknik servis el kitabı. Üstte bölüm şeridi; her bölüm bir metin sütunu ile bir "tezgâh" (3B sahne ya da cihaz ekranı) ikilisinden oluşur. Cihaz ekranları her temada koyu kalır. */
:root{
  --bg:#E6EBEE; --paper:#F7F9FA; --ink:#0F1920; --muted:#4D5E69; --line:#C3CED5; --chip:#DAE2E7;
  --accent:#1C4ED0; --accent-soft:#DCE5FB; --on-accent:#FFFFFF;
  --stage-a:#F4F7F8; --stage-b:#C8D3D9;
  --ok:#14804A; --warn:#A86500; --crit:#C42638;
  --c-o2:#1C4ED0; --c-n2:#6F7E87; --c-h2o:#2F87AD; --seg-ink:#FFFFFF; --c-air:#2A2F33;
  --a-des:#1E6FD9; --a-n2o:#6C7A86; --a-sevo:#C99A00; --a-iso:#7B3FB8; --a-hal:#B83A2C;
  --scr:#04080B; --scr-2:#0A141A; --scr-line:#18262E; --scr-ink:#E6EEF2; --scr-dim:#7890A0;
  --f-display:"Archivo","Arial Narrow",system-ui,sans-serif;
  --f-body:"Source Serif 4",Georgia,"Times New Roman",serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0A1014; --paper:#111A20; --ink:#E1E9EE; --muted:#93A4AF; --line:#22313A; --chip:#1A262E;
    --accent:#8AA8FF; --accent-soft:#1A2547; --on-accent:#0A1014;
    --stage-a:#1B262E; --stage-b:#0A1014;
    --ok:#4CC789; --warn:#F0A73A; --crit:#FF5C6C;
    --c-o2:#8AA8FF; --c-n2:#7C8B95; --c-h2o:#5BB7DE; --seg-ink:#0A1014; --c-air:#C9D1D6;
    --a-des:#5B9BFF; --a-n2o:#93A4AF; --a-sevo:#F2C531; --a-iso:#B184E8; --a-hal:#F07A6A;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0A1014; --paper:#111A20; --ink:#E1E9EE; --muted:#93A4AF; --line:#22313A; --chip:#1A262E;
  --accent:#8AA8FF; --accent-soft:#1A2547; --on-accent:#0A1014;
  --stage-a:#1B262E; --stage-b:#0A1014;
  --ok:#4CC789; --warn:#F0A73A; --crit:#FF5C6C;
  --c-o2:#8AA8FF; --c-n2:#7C8B95; --c-h2o:#5BB7DE; --seg-ink:#0A1014; --c-air:#C9D1D6;
  --a-des:#5B9BFF; --a-n2o:#93A4AF; --a-sevo:#F2C531; --a-iso:#B184E8; --a-hal:#F07A6A;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}
.wrap{max-width:1260px;margin-inline:auto;padding-inline:clamp(16px,3.2vw,40px)}
h1,h2,h3,h4{font-family:var(--f-display);text-wrap:balance;margin:0;line-height:1.05}
h1{font-size:clamp(40px,6.4vw,82px);font-weight:850;font-stretch:118%;letter-spacing:-.015em}
h2{font-size:clamp(30px,4.2vw,50px);font-weight:800;font-stretch:112%;letter-spacing:-.01em}
h3{font-size:22px;font-weight:750;font-stretch:105%;line-height:1.15}
h4{font-size:15px;font-weight:700;font-stretch:100%;text-transform:uppercase;letter-spacing:.07em}
p{margin:0}
a{color:var(--accent)}
:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:4px}
.eyebrow{font:500 12px/1.2 var(--f-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}
sub,sup{line-height:0}

/* üst şerit */
.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:color-mix(in srgb,var(--bg) 90%,transparent);border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;align-items:center;gap:18px;min-height:58px}
.brand{font:800 17px/1 var(--f-display);font-stretch:120%;white-space:nowrap;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px}
.brand-mark{width:22px;height:22px;flex:none}
.chapters{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;margin-left:auto;min-width:0}
.chapters::-webkit-scrollbar{display:none}
.chapters a{font:650 12.5px/1 var(--f-display);font-stretch:108%;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:9px 10px;border-radius:7px;text-decoration:none;white-space:nowrap}
.chapters a:hover{color:var(--ink);background:var(--chip)}
.chapters a.active{color:var(--on-accent);background:var(--accent)}
@media (max-width:720px){.brand span{display:none}}

/* bölümler */
.chapter{padding-block:clamp(56px,8vw,96px);border-top:1px solid var(--line)}
.chapter-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px 48px;align-items:end;margin-bottom:36px}
.chapter-head .lede{color:var(--muted);max-width:62ch}
.chapter-head .eyebrow{margin-bottom:14px}
@media (max-width:860px){.chapter-head{grid-template-columns:1fr}}

/* hero */
.hero{padding-block:clamp(28px,4vw,48px) clamp(48px,6vw,72px)}
.hero-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px 48px;align-items:end;margin-bottom:28px}
.hero-head .lede{font-size:18.5px;max-width:58ch}
.hero-head .eyebrow{margin-bottom:16px}
.facts-row{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px;font:500 13px/1.3 var(--f-mono);color:var(--muted)}
.facts-row b{color:var(--ink);font-weight:700}
@media (max-width:860px){.hero-head{grid-template-columns:1fr}}

.workbench{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}
@media (max-width:1020px){.workbench{grid-template-columns:1fr}}

/* 3B sahne */
.stage{position:relative;height:clamp(400px,66vh,680px);border-radius:16px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 95% at 50% 18%,var(--stage-a) 0%,var(--stage-b) 100%);isolation:isolate}
.stage-sm{height:clamp(360px,52vh,520px)}
.stage canvas.gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}
.stage canvas.gl.drag{cursor:grabbing}
.stage .pins{position:absolute;inset:0;pointer-events:none;z-index:2}
.pin{pointer-events:auto;position:absolute;left:0;top:0;min-width:24px;height:24px;padding:0 6px;border-radius:12px;border:2px solid var(--paper);background:var(--ink);color:var(--paper);font:700 11px/20px var(--f-mono);text-align:center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:background .15s,opacity .2s}
.pin:hover{background:var(--accent);color:var(--on-accent)}
.pin.on{background:var(--accent);color:var(--on-accent);transform-origin:center}
.pin.far{opacity:.4}
.stage-tools{position:absolute;top:12px;right:12px;z-index:3;display:flex;gap:6px}
.stage-tools button,.tbtn{font:600 13px/1 var(--f-mono);height:34px;min-width:34px;padding:0 10px;border-radius:9px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 88%,transparent);color:var(--ink);cursor:pointer}
.mc-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:10px}
.mc-k{font:500 11.5px/1.2 var(--f-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);min-width:110px}
.mc-row input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ev .opts{display:grid;gap:6px;margin-top:10px}
.ev .opts button{text-align:left;font:600 14px/1.3 var(--f-display);font-stretch:102%;padding:10px 12px;border-radius:9px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}
.ev .opts button:hover{border-color:var(--accent);color:var(--accent)}
.ev .signs{font-size:14.5px;line-height:1.5;margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--bg)}
.ev-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ev-tools:empty{display:none}
.fb{margin-top:12px;font-size:14.5px;line-height:1.5;padding:10px 12px;border-radius:10px;border-left:4px solid var(--muted);background:var(--bg)}
.fb.ok{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 13%,var(--paper))}
.fb.warn{border-color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,var(--paper))}
.fb.bad{border-color:var(--crit);background:color-mix(in srgb,var(--crit) 12%,var(--paper))}
.ptgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.ptgrid .stat .v{font-size:16px}
.stat.w .v{color:var(--warn)}.stat.c .v{color:var(--crit)}
.cat-head{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:flex-end;justify-content:space-between;margin:32px 0 14px}
.cat-tools{display:flex;flex-wrap:wrap;gap:8px}
.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;align-items:start}
.cat h4{margin-bottom:10px}
.cat-list{display:flex;flex-direction:column;gap:6px}
.cat-list button{text-align:left;font:600 14px/1.25 var(--f-display);font-stretch:102%;padding:9px 11px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}
.cat-list button:hover{border-color:var(--accent)}
.cat-list button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.fs-side .catalog{grid-template-columns:1fr}
.fs-side .cat-head{margin:4px 0 0}
.pad{position:absolute;right:14px;bottom:46px;z-index:3;display:grid;grid-template-areas:". u ." "l c r" ". d .";grid-template-columns:repeat(3,34px);grid-template-rows:repeat(3,34px);gap:3px}
.pad button{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:9px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 88%,transparent);color:var(--ink);cursor:pointer;touch-action:none}
.pad button:hover,.pad button.on{border-color:var(--accent);color:var(--accent)}
.pad svg{width:16px;height:16px}
.stage.is-fs .pad{right:calc(var(--side) + 14px)}
#stageMon .pad{bottom:14px}
@media (max-width:600px){.stage:not(.is-fs) .pad{display:none}}
@media (max-width:760px){.stage.is-fs .pad{bottom:calc(46% + 12px);right:12px}}
.lab{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:24px;align-items:start}
.lab .laws{grid-template-columns:1fr}
.lab-stick{position:sticky;top:calc(env(safe-area-inset-top,0px) + 70px);display:flex;flex-direction:column;gap:12px;z-index:5}
.lab-stage{height:min(60vh,560px)}
.lab-cap{padding:16px 18px}
.law{cursor:pointer;transition:border-color .2s,box-shadow .2s}
.law.active-law{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.law.active-law .tag::after{content:" · 3B sahnede";color:var(--accent)}
.tag3d{position:absolute;left:0;top:0;pointer-events:none;font:600 11.5px/1.25 var(--f-mono);padding:4px 7px;border-radius:6px;background:color-mix(in srgb,var(--paper) 86%,transparent);color:var(--ink);border:1px solid var(--line);white-space:nowrap;font-variant-numeric:tabular-nums}
.tag3d.far{opacity:.55}
@media (max-width:980px){.lab{grid-template-columns:1fr}.lab-stick{top:calc(env(safe-area-inset-top,0px) + 58px);background:var(--bg);padding-block:8px}.lab-stage{height:34vh;min-height:230px}.lab-cap{display:none}}
.stage-tools button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.stage{--side:min(400px,38vw)}
.stage .fs-side,.stage [data-side]{display:none}
.stage.is-fs [data-side]{display:inline-flex}
.stage.is-fs #monFlatBtn{display:none}
.stage.is-fs{height:100%;width:100%;max-height:none;border-radius:0;border:0}
.stage.pseudo{position:fixed;inset:0;z-index:100;height:auto;width:auto}
html.fs-lock,html.fs-lock body{overflow:hidden}
.stage.is-fs .fs-side{display:flex;flex-direction:column;gap:14px;position:absolute;top:0;right:0;bottom:0;width:var(--side);overflow-y:auto;overscroll-behavior:contain;padding:16px;background:var(--bg);border-left:1px solid var(--line);z-index:4}
.stage.is-fs canvas.gl,.stage.is-fs .pins{right:auto;width:calc(100% - var(--side))}
.stage.is-fs canvas.gl{touch-action:none}
.stage-tools{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 24px)}
.stage-tools button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.stage.is-fs .stage-tools{right:calc(var(--side) + 12px);max-width:calc(100% - var(--side) - 24px)}
.stage.is-fs .legend-gas{right:calc(var(--side) + 14px)}
.stage.is-fs.side-off{--side:0px}
.stage.is-fs.side-off .fs-side{display:none}
.fs-side .panel{gap:14px}
.fs-side .part-index{margin:0;grid-template-columns:1fr 1fr}
.fs-side .part-index button{font-size:12.5px;padding:7px 8px;gap:7px}
@media (max-width:760px){
  .stage.is-fs{--side:0px}
  .stage.is-fs .fs-side{top:auto;left:0;width:auto;height:46%;border-left:0;border-top:1px solid var(--line)}
  .stage.is-fs canvas.gl,.stage.is-fs .pins{bottom:auto;height:54%;width:100%}
  .stage.is-fs.side-off canvas.gl,.stage.is-fs.side-off .pins{height:100%}
  .stage.is-fs .stage-hint{display:none}
  .stage-tools [data-fs] span{display:none}
}
.stage-tools button:hover,.tbtn:hover{border-color:var(--accent);color:var(--accent)}
.stage-hint{position:absolute;left:14px;bottom:12px;z-index:3;font:500 11.5px/1.3 var(--f-mono);color:var(--muted);background:color-mix(in srgb,var(--paper) 80%,transparent);padding:6px 9px;border-radius:7px;max-width:calc(100% - 28px)}
.stage-fail{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:var(--muted);font:500 14px/1.5 var(--f-mono)}
.legend-gas{position:absolute;right:14px;bottom:12px;z-index:3;display:flex;gap:10px;font:500 11px/1 var(--f-mono);color:var(--muted);background:color-mix(in srgb,var(--paper) 80%,transparent);padding:6px 9px;border-radius:7px}
.legend-gas i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:-1px}
@media (max-width:600px){.legend-gas{display:none}}

/* paneller */
.panel{display:flex;flex-direction:column;gap:16px;min-width:0}
.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px 22px;min-width:0}
.info-num{font:700 12px/1 var(--f-mono);color:var(--accent);letter-spacing:.08em}
.info h3{margin:8px 0 10px}
.info .sum{font-size:16px}
.info .zone{display:inline-block;font:600 11px/1 var(--f-mono);text-transform:uppercase;letter-spacing:.08em;padding:5px 8px;border-radius:6px;background:var(--chip);color:var(--muted);margin-top:2px}
.facts{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:14px 0 4px;padding:12px 0;border-block:1px solid var(--line);font-size:14px}
.facts dt{font:500 12px/1.5 var(--f-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.facts dd{margin:0;font-family:var(--f-mono);font-size:13.5px;font-variant-numeric:tabular-nums}
.info .body p{font-size:15.5px;margin-top:10px}
.info .more{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.linkbtn{font:600 13px/1 var(--f-display);font-stretch:105%;padding:9px 12px;border-radius:8px;border:1px solid var(--accent);color:var(--accent);background:transparent;text-decoration:none;cursor:pointer}
.linkbtn:hover{background:var(--accent);color:var(--on-accent)}
.codes{width:100%;border-collapse:collapse;font:500 13px/1.3 var(--f-mono);margin-top:12px}
.codes th{font-weight:500;color:var(--muted);text-align:left;padding:5px 0;border-bottom:1px solid var(--line);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em}
.codes td{padding:6px 0;border-bottom:1px solid var(--line)}
.sw{display:inline-block;width:11px;height:11px;border-radius:3px;border:1px solid var(--muted);vertical-align:-1px;margin-right:6px}

/* kontroller */
.ctl h4{margin-bottom:12px}
.ctl-row{display:grid;grid-template-columns:118px minmax(0,1fr) 44px 30px;align-items:center;gap:8px;margin-block:6px}
.ctl-row label{font:600 13.5px/1.2 var(--f-display);font-stretch:104%}
.ctl-row output{font:600 14px/1 var(--f-mono);text-align:right;font-variant-numeric:tabular-nums}
.ctl-row .u{font:500 11px/1 var(--f-mono);color:var(--muted)}
input[type=range]{width:100%;accent-color:var(--accent);min-width:0}
select,input[type=number]{font:500 14px/1.2 var(--f-mono);padding:7px 8px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);min-width:0}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;padding:3px;gap:3px;background:var(--bg);flex-wrap:wrap}
.seg button{font:650 13px/1 var(--f-display);font-stretch:105%;border:0;background:transparent;color:var(--muted);padding:9px 12px;border-radius:7px;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.derived{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.stat{background:var(--bg);border-radius:10px;padding:10px 12px;min-width:0}
.stat .k{font:500 10.5px/1.2 var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.stat .v{font:700 20px/1.2 var(--f-mono);font-variant-numeric:tabular-nums;margin-top:4px;white-space:nowrap}
.stat .v small{font-size:11px;font-weight:500;color:var(--muted);margin-left:3px}
.note{font-size:14px;line-height:1.5;margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--accent-soft)}
.note.warn{background:color-mix(in srgb,var(--warn) 16%,var(--paper))}
.note.crit{background:color-mix(in srgb,var(--crit) 15%,var(--paper))}
.toggles{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;font:500 13px/1 var(--f-display)}
.toggles label{display:flex;align-items:center;gap:7px;cursor:pointer}
.toggles input{accent-color:var(--accent);width:16px;height:16px}

.part-index{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px}
.part-index button{width:100%;display:flex;gap:10px;align-items:center;text-align:left;font:600 14px/1.2 var(--f-display);font-stretch:102%;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:9px;padding:9px 10px;cursor:pointer}
.part-index button:hover{border-color:var(--accent)}
.part-index button[aria-current="true"]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.part-index .n{font:700 11px/1 var(--f-mono);min-width:22px;height:22px;display:grid;place-items:center;border-radius:11px;background:var(--chip);color:var(--ink)}
.part-index button[aria-current="true"] .n{background:var(--on-accent);color:var(--accent)}

/* gaz yolu */
.zones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper)}
.zone-col{padding:24px;border-right:1px solid var(--line);min-width:0}
.zone-col:last-child{border-right:0}
.zone-col .press{font:800 clamp(30px,3.6vw,44px)/1 var(--f-display);font-stretch:112%;margin:12px 0 4px;font-variant-numeric:tabular-nums}
.zone-col .press small{font:600 14px/1 var(--f-mono);color:var(--muted);margin-left:4px}
.zone-col ul{margin:12px 0 0;padding-left:18px;font-size:15px}
.zone-col li{margin-block:4px}
.zone-bar{height:8px;border-radius:4px;margin-top:6px;background:var(--line);overflow:hidden}
.zone-bar span{display:block;height:100%;background:var(--ink)}
@media (max-width:860px){.zones{grid-template-columns:1fr}.zone-col{border-right:0;border-bottom:1px solid var(--line)}.zone-col:last-child{border-bottom:0}}
.journey{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:j}
.journey li{counter-increment:j;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px;min-width:0}
.journey li::before{content:counter(j,decimal-leading-zero);font:700 12px/1 var(--f-mono);color:var(--accent);letter-spacing:.08em}
.journey h3{font-size:18px}
.journey p{font-size:14.5px;color:var(--muted);flex:1}
.journey button{align-self:flex-start}
@media (max-width:1020px){.journey{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.journey{grid-template-columns:1fr}}

/* fizik */
.law-index{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.law-index a{font:600 13px/1 var(--f-display);font-stretch:104%;padding:9px 12px;border-radius:999px;border:1px solid var(--line);color:var(--ink);text-decoration:none;background:var(--paper)}
.law-index a:hover{border-color:var(--accent);color:var(--accent)}
.laws{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (max-width:980px){.laws{grid-template-columns:1fr}}
.law{display:flex;flex-direction:column;gap:12px;scroll-margin-top:80px}
.law .tag{font:600 11px/1 var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.formula{font:500 clamp(17px,2vw,21px)/1.3 var(--f-mono);padding:14px 16px;border-radius:10px;background:var(--bg);border:1px dashed var(--line);overflow-x:auto;white-space:nowrap}
.formula .lbl{display:block;font:400 12px/1.4 var(--f-body);font-style:italic;color:var(--muted);white-space:normal;margin-top:6px}
.law p{font-size:15.5px}
.widget{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:10px}
.widget .ctl-row{grid-template-columns:132px minmax(0,1fr) 56px 40px}
.wout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.wfig{width:100%;height:auto;display:block}
.wfig text{font-family:var(--f-mono);fill:var(--ink)}
.wfig .dim{fill:var(--muted)}
.wfig .ln{stroke:var(--line)}
.wfig .ink{stroke:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips button{font:600 12px/1 var(--f-mono);padding:7px 9px;border-radius:7px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}
.chips button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.tbl-wrap{overflow-x:auto}
.ptable{width:100%;border-collapse:collapse;font:500 13px/1.3 var(--f-mono);font-variant-numeric:tabular-nums}
.ptable th,.ptable td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.ptable th:first-child,.ptable td:first-child{text-align:left}
.ptable th{color:var(--muted);font-weight:500;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em}
@media (max-width:520px){.widget .ctl-row,.ctl-row{grid-template-columns:96px minmax(0,1fr) 46px 30px}.wout,.derived{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ventilatör */
.vent-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:20px;align-items:start}
@media (max-width:1020px){.vent-grid{grid-template-columns:1fr}}
.device{background:var(--scr);color:var(--scr-ink);border-radius:16px;border:1px solid #1E2C35;padding:14px;margin-top:20px}
.device canvas{display:block;width:100%;height:auto;border-radius:8px}
.vent-screen{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:14px}
@media (max-width:860px){.vent-screen{grid-template-columns:1fr}}
.vreads{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-content:start}
.vr{background:var(--scr-2);border-radius:8px;padding:9px 10px;border:1px solid var(--scr-line)}
.vr .k{font:500 10.5px/1.2 var(--f-mono);color:var(--scr-dim);text-transform:uppercase;letter-spacing:.05em}
.vr .v{font:700 22px/1.15 var(--f-mono);font-variant-numeric:tabular-nums;margin-top:3px}
.vr .v small{font-size:10.5px;color:var(--scr-dim);font-weight:500;margin-left:3px}
.vr.wide{grid-column:1/-1}
.vr.hot .v{color:#FF7A85}
.vent-analysis{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px;margin-top:20px}
@media (max-width:860px){.vent-analysis{grid-template-columns:1fr}}
.pv-box{background:var(--scr);border-radius:14px;padding:12px;border:1px solid #1E2C35}
.pv-box canvas{width:100%;height:auto;display:block}
.alarms{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.alarm{font:600 13px/1.4 var(--f-mono);padding:8px 10px;border-radius:8px;border-left:4px solid var(--ok);background:color-mix(in srgb,var(--ok) 12%,var(--paper))}
.alarm.warn{border-color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,var(--paper))}
.alarm.crit{border-color:var(--crit);background:color-mix(in srgb,var(--crit) 13%,var(--paper))}
.eq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
@media (max-width:640px){.eq-grid{grid-template-columns:1fr}}
.eq-grid .stat .v{font-size:16px;white-space:normal}

/* monitör */
.mon-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}
@media (max-width:1020px){.mon-grid{grid-template-columns:1fr}}
.mon-flat{margin-top:0}
.scen{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.scen button{font:650 13.5px/1.2 var(--f-display);font-stretch:104%;text-align:left;padding:11px 12px;border-radius:9px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer}
.scen button:hover{border-color:var(--accent)}
.scen button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.waves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
@media (max-width:860px){.waves{grid-template-columns:1fr}}
.waves .card p{font-size:15.5px;margin-top:8px}
.waves .card h3{display:flex;align-items:center;gap:10px}
.dot{width:12px;height:12px;border-radius:50%;flex:none;border:2px solid var(--scr)}

/* güvenlik */
.safety{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:980px){.safety{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.safety{grid-template-columns:1fr}}
.safety .card h3{font-size:18px;margin-bottom:8px}
.safety .card p{font-size:15px;color:var(--muted)}
.safety-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px;margin-top:18px}
@media (max-width:900px){.safety-2{grid-template-columns:1fr}}
.checklist{list-style:none;margin:12px 0 0;padding:0;counter-reset:c}
.checklist li{counter-increment:c;border-bottom:1px solid var(--line)}
.checklist label{display:grid;grid-template-columns:28px 22px minmax(0,1fr);gap:8px;align-items:start;padding:9px 0;cursor:pointer;font-size:15px}
.checklist label::before{content:counter(c,decimal-leading-zero);font:600 12px/1.6 var(--f-mono);color:var(--muted)}
.checklist input{accent-color:var(--ok);width:17px;height:17px;margin-top:3px}
.checklist input:checked + span{color:var(--muted);text-decoration:line-through}
.progress{height:6px;border-radius:3px;background:var(--line);overflow:hidden;margin-top:10px}
.progress span{display:block;height:100%;background:var(--ok);transition:width .3s}

/* test */
.quiz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:900px){.quiz{grid-template-columns:1fr}}
.q{display:flex;flex-direction:column;gap:10px}
.q .qn{font:700 12px/1 var(--f-mono);color:var(--accent);letter-spacing:.08em}
.q h3{font-size:18px;line-height:1.3;font-stretch:100%}
.q .opts{display:flex;flex-direction:column;gap:6px}
.q .opts button{text-align:left;font:500 15px/1.4 var(--f-body);padding:10px 12px;border-radius:9px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}
.q .opts button:hover:not(:disabled){border-color:var(--accent)}
.q .opts button:disabled{cursor:default}
.q .opts button.right{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,var(--paper))}
.q .opts button.wrong{border-color:var(--crit);background:color-mix(in srgb,var(--crit) 12%,var(--paper))}
.q .exp{font-size:14.5px;color:var(--muted)}
.score{font:700 15px/1 var(--f-mono);margin-bottom:16px}

footer{border-top:1px solid var(--line);padding-block:40px 56px;font-size:14px;color:var(--muted)}
footer .cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
footer ul{margin:8px 0 0;padding-left:18px}
@media (max-width:800px){footer .cols{grid-template-columns:1fr}}

/* çok sayfalı yapı: iskelet sıfırlaması ayrı sayfalarda da geçerli olsun */
body{margin:0}
[hidden]{display:none!important}
img{max-width:100%}
.page-top{padding-top:clamp(28px,4vw,48px);border-top:0}
.chapters .ext{color:var(--accent)}
.chapters a[aria-current="page"]{color:var(--on-accent);background:var(--accent)}

/* ───── Uygulamalı makine kontrolü ───── */
.ckl{margin-top:18px}
.ckl-head{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:flex-end}
.ckl-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ckl-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;margin-top:16px}
@media (max-width:820px){.ckl-grid{grid-template-columns:1fr}}
.ckl-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;counter-reset:ck}
.ckl-steps li{counter-increment:ck}
.ckl-steps button{width:100%;display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left;font:600 13.5px/1.25 var(--f-display);font-stretch:102%;padding:9px 10px;border-radius:9px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}
.ckl-steps button::before{content:counter(ck,decimal-leading-zero);font:600 11px/1 var(--f-mono);color:var(--muted)}
.ckl-steps button[aria-current="true"]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.ckl-steps .st{font:700 10.5px/1 var(--f-mono);padding:4px 6px;border-radius:5px;background:var(--chip);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.ckl-steps .st.pass{background:color-mix(in srgb,var(--ok) 18%,var(--paper));color:var(--ok)}
.ckl-steps .st.fail{background:color-mix(in srgb,var(--crit) 16%,var(--paper));color:var(--crit)}
.ckl-steps .st.right{outline:2px solid var(--ok)}
.ckl-steps .st.wrongm{outline:2px solid var(--crit)}
.ckl-pane{background:var(--bg);border-radius:12px;padding:16px 18px;min-width:0}
.ckl-pane h4{margin-bottom:8px}
.ckl-pane p{font-size:15px}
.ckl-test{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:16px;align-items:center;margin-top:12px}
@media (max-width:560px){.ckl-test{grid-template-columns:1fr}}
.ckl-test svg{width:100%;height:auto;display:block}
.ckl-test svg text{font-family:var(--f-mono);fill:var(--ink)}
.ckl-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ckl-mark{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);align-items:center}
.ckl-mark button{font:650 14px/1 var(--f-display);padding:10px 14px;border-radius:9px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer}
.ckl-mark button:disabled{opacity:.45;cursor:not-allowed}
.ckl-mark button[data-m="pass"][aria-pressed="true"]{background:var(--ok);border-color:var(--ok);color:var(--paper)}
.ckl-mark button[data-m="fail"][aria-pressed="true"]{background:var(--crit);border-color:var(--crit);color:var(--paper)}
.ckl-read{font:700 22px/1.2 var(--f-mono);font-variant-numeric:tabular-nums}
.ckl-read small{font-size:12px;color:var(--muted);font-weight:500;margin-left:4px}
.ckl-dx{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;margin-top:10px}
.ckl-dx button{text-align:left;font:600 13.5px/1.3 var(--f-display);padding:9px 11px;border-radius:9px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer}
.ckl-dx button:hover{border-color:var(--accent)}
.ckl-res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
@media (max-width:560px){.ckl-res{grid-template-columns:1fr}}

/* ───── farmakokinetik ve düşük akım ───── */
.pk-grid{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:24px;align-items:start}
@media (max-width:900px){.pk-grid{grid-template-columns:1fr}}
.pk-ctl{display:flex;flex-direction:column;gap:8px;min-width:0}
.pk-ctl h3{margin-bottom:2px}
.pk-plot{display:flex;flex-direction:column;gap:12px;min-width:0}
.pk-plot canvas{display:block;width:100%;height:auto;max-width:100%;border-radius:10px;background:var(--bg)}
.pk-card .ctl-row{grid-template-columns:118px minmax(0,1fr) 46px 34px}
.pk-small{font-size:13.5px;line-height:1.5}
.pk-check{display:flex;gap:8px;align-items:flex-start;font:600 13.5px/1.35 var(--f-display);cursor:pointer;margin-top:4px}
.pk-check input{accent-color:var(--accent);width:16px;height:16px;flex:none;margin-top:1px}
.pk-price{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin-top:6px}
.pk-price label{flex:1 1 100%}
.pk-price input{width:120px}
#pkAgents button .sw{border:0}
#pkAgents button[aria-pressed="false"]{opacity:.65}
.ptable td.ok{color:var(--ok)}.ptable td.warn{color:var(--warn)}.ptable td.crit{color:var(--crit)}

/* vent: asenkroni */
.async-card{margin-top:20px}
.async-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;margin-top:16px}
@media (max-width:860px){.async-grid{grid-template-columns:1fr}}
.async-dl{margin:10px 0 0;display:grid;gap:4px}
.async-dl dt{font:600 11.5px/1.3 var(--f-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:8px}
.async-dl dd{margin:0;font-size:15px;line-height:1.5}

/* ekipman atölyesi */
.eq-tabs{margin-bottom:16px}
.eq-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:20px;align-items:start}
@media (max-width:1020px){.eq-grid{grid-template-columns:1fr}}
.eq-parts{margin:12px 0 0;padding-left:20px;font-size:14.5px;line-height:1.5;display:flex;flex-direction:column;gap:6px}
.eq-parts b{font-family:var(--f-display);font-weight:700}
#eqCalc .alarm{margin-top:8px}
.fs-side .eq-tabs{margin-bottom:0}

/* ilerleme düğmesi ve çekmecesi */
.prog-btn{display:inline-flex;align-items:center;gap:8px;flex:none;font:650 12.5px/1 var(--f-display);font-stretch:106%;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:6px 12px 6px 6px;cursor:pointer;white-space:nowrap}
.prog-btn:hover{border-color:var(--accent)}
.prog-ring{--p:0;width:22px;height:22px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--p)*1%),var(--line) 0);display:grid;place-items:center}
.prog-ring::after{content:"";width:14px;height:14px;border-radius:50%;background:var(--paper)}
@media (max-width:720px){.prog-lbl{display:none}.prog-btn{padding:6px}}
.prog-panel{position:fixed;z-index:120;top:calc(env(safe-area-inset-top,0px) + 64px);right:max(12px,env(safe-area-inset-right,0px));width:min(380px,calc(100vw - 24px));max-height:calc(100vh - 90px);overflow-y:auto;overscroll-behavior:contain;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.22);display:flex;flex-direction:column;gap:12px}
.prog-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.prog-top h3{margin-top:6px}
.prog-store{font:500 12.5px/1.4 var(--f-mono);padding:8px 10px;border-radius:8px;background:var(--bg)}
.prog-store.db{background:color-mix(in srgb,var(--ok) 12%,var(--paper))}
.prog-row{display:flex;flex-direction:column;gap:5px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.prog-head{display:flex;justify-content:space-between;gap:10px;font:650 14px/1.2 var(--f-display)}
.prog-row .progress{margin-top:2px}
.prog-row p{font-size:12.5px;line-height:1.4}
.prog-best{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:3px;font-size:13px}
.prog-best li{display:flex;justify-content:space-between;gap:8px}
.prog-foot{display:flex;flex-direction:column;gap:8px}
.prog-confirm p{font-size:14px;margin-bottom:6px}

/* kaynakça */
.ref-notes{margin-bottom:20px}
.ref-notes ul{margin:10px 0 0;padding-left:20px;font-size:15px;display:grid;gap:6px}
.ref-grid{display:grid;gap:18px}
.ref-sec h3{margin-bottom:12px}
.refs{margin:0;padding-left:22px;display:grid;gap:14px}
.ref{padding-left:4px}
.ref-cit{font-size:15.5px;line-height:1.45}
.ref-sup{font-size:14px;color:var(--muted);margin-top:3px}
.ref-k{font:600 11px/1 var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);margin-right:4px}
.ref-meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin-top:6px;font:500 12.5px/1.3 var(--f-mono)}
.ref-meta a{word-break:break-all}
.ref-st{padding:3px 7px;border-radius:6px;background:var(--bg)}
.ref-st.ok{background:color-mix(in srgb,var(--ok) 14%,var(--paper))}
.ref-st.blocked{background:color-mix(in srgb,var(--warn) 14%,var(--paper))}

/* üst şerit sıkılaştırma */
.chapters{margin-left:auto}
.chapters a{padding:8px 8px;font-size:12px;letter-spacing:.045em}
@media (max-width:1560px){.brand span{display:none}}
.lang-link{flex:none;font:700 12px/1 var(--f-mono);letter-spacing:.06em;color:var(--accent);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:8px 10px;background:var(--paper)}
.lang-link:hover{border-color:var(--accent)}
.chapters{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);padding-right:18px}
@media (min-width:1300px){.chapters{-webkit-mask-image:none;mask-image:none;padding-right:0}}

@media (max-width:600px){.tag3d{font-size:9.5px;padding:2px 5px}.pin{min-width:20px;height:20px;font-size:10px;line-height:16px}}

/* logo */
.brand-mark{width:28px;height:28px;flex:none}
.bm-pills{fill:var(--accent)}
.bm-line{stroke:var(--ink)}
.foot-brand{display:flex;align-items:center;gap:14px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.foot-mark{width:52px;height:52px;flex:none}
.foot-name{display:flex;flex-direction:column;gap:4px}
.foot-title{font:800 20px/1.1 var(--f-display);font-stretch:118%;color:var(--ink)}
.foot-by{font:500 13px/1.2 var(--f-display);color:var(--muted)}
.foot-by i{font-family:var(--f-body)}

/* Anesthesia Briefs logosu: açık temada normal, koyu temada beyaz */
.foot-by{display:flex;align-items:center;gap:8px}
.ab-logo{height:32px;width:auto;display:block}
.ab-dark{display:none}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .ab-light{display:none}:root:not([data-theme="light"]) .ab-dark{display:block}}
:root[data-theme="dark"] .ab-light{display:none}
:root[data-theme="dark"] .ab-dark{display:block}
.ab-logo{height:48px}
@media (max-width:600px){.ab-logo{height:40px}}

/* dil seçici */
.lang-switch{display:flex;flex:none;gap:2px;border:1px solid var(--line);border-radius:999px;padding:2px;background:var(--paper)}
.lang-switch a{font:700 11.5px/1 var(--f-mono);letter-spacing:.05em;padding:7px 8px;border-radius:999px;color:var(--muted);text-decoration:none}
.lang-switch a:hover{color:var(--accent)}
.lang-switch a[aria-current="true"]{background:var(--ink);color:var(--paper)}

/* Atlas learning workspace · shared across all languages */
:root{--bg:#F3F6F8;--paper:#FFFFFF;--line:#D5DEE5;--chip:#E8EEF3;--stage-a:#F5F9FC;--stage-b:#D5E2EA}
body{margin:0}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0B1218;--paper:#131F28;--line:#293D4A;--chip:#20313D;--stage-a:#223745;--stage-b:#101B23}}
:root[data-theme="dark"]{--bg:#0B1218;--paper:#131F28;--line:#293D4A;--chip:#20313D;--stage-a:#223745;--stage-b:#101B23}
button,select,input{font:inherit}button:not(:disabled),summary{cursor:pointer}button:disabled{cursor:default;opacity:.45}
.topbar{background:var(--paper)}.topbar .wrap{min-height:64px;gap:14px}.brand-mark{width:30px;height:30px}
.wrap{max-width:1380px}.hero{padding-top:32px}.hero-head{grid-template-columns:1fr 1fr;align-items:center;margin-bottom:22px;gap:20px 64px}
h1{font-size:clamp(32px,4vw,54px);line-height:1.03;max-width:17ch;letter-spacing:-.035em}
.hero-head .eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:12px}.hero-head .lede{font-family:var(--f-display);font-size:16px;line-height:1.65;color:var(--muted);max-width:48ch}
.facts-row{font-size:11px;gap:6px 14px;margin-top:12px}.facts-row span:nth-child(n+5){display:none}
.learning-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;background:var(--paper);margin-bottom:22px;overflow:hidden}
.route{display:flex;align-items:center;gap:14px;padding:17px 20px;border:0;border-right:1px solid var(--line);color:var(--ink);background:transparent;text-align:left;font-family:var(--f-display)}
.route:last-child{border-right:0}.route>span:nth-child(2){flex:1}.route-number{font:500 11px var(--f-mono);color:var(--accent);align-self:flex-start;padding-top:3px}
.route strong{display:block;font-size:16px;line-height:1.3}.route small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.route:hover{background:var(--accent-soft)}.route:first-child{box-shadow:inset 0 3px var(--accent)}
.component-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.filter-button{border:1px solid transparent;background:transparent;color:var(--muted);padding:8px 12px;border-radius:8px;font:600 12px var(--f-display);min-height:38px}
.filter-button[aria-pressed=true]{color:var(--ink);border-color:var(--line);background:var(--paper)}
.workbench{grid-template-columns:minmax(0,1fr) 360px;gap:20px}.stage{height:clamp(420px,61vh,640px);border-radius:16px;border-color:var(--line)}
#stageMachine:not(.is-fs){background:radial-gradient(ellipse at 50% 28%,var(--stage-a),var(--stage-b))}
.stage-tools button{min-width:38px;height:38px;font:600 11px var(--f-display)}.stage-tools{gap:5px}
.pin{min-width:28px;height:28px;line-height:24px;font-size:11px;transition:opacity .2s,background .2s;z-index:1}
.has-selection .pin:not(.on){opacity:.35}.has-selection .pin:hover{opacity:1}.pin.on{z-index:2;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 15%,transparent);opacity:1}
.stage-hint{font:500 10px/1.4 var(--f-display);max-width:54%}.legend-gas{font-size:10px;max-width:44%;flex-wrap:wrap}
.machine-panel{gap:0;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.panel-tabs{display:flex;gap:0;padding:4px 8px 0;border-bottom:1px solid var(--line);background:var(--paper)}
.panel-tab{flex:1;background:transparent;color:var(--muted);border:0;border-bottom:2px solid transparent;padding:13px 8px;font:650 13px var(--f-display)}
.panel-tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}
.machine-panel>.card{border:0;border-radius:0;padding:22px}.machine-panel .info h3{font-size:24px;letter-spacing:-.02em;line-height:1.15}
.machine-panel[data-view=summary] .info .facts,.machine-panel[data-view=summary] .info .body,.machine-panel[data-view=summary] .info .codes{display:none}
.machine-panel[data-view=details] .info .sum{display:none}.machine-panel .sum,.info .body p,.info .more,.ctl .note{font-family:var(--f-display);font-size:14px;line-height:1.65}
.machine-panel .info .sum{margin-top:16px!important}.info-num{font-size:10px}.info .zone{font-size:10px}.info .more{margin-top:24px}.codes{font-size:12px}
.ctl-row{grid-template-columns:104px minmax(0,1fr) 40px 30px;gap:6px}.ctl-row label{font-size:12px}.ctl-row input{min-width:0}
.part-index{margin-top:20px}.part-index button{min-height:44px;font-family:var(--f-display)}
.skip-link{position:fixed;top:-100px;left:16px;z-index:300;background:var(--paper);padding:12px 20px}.skip-link:focus{top:8px}
.nav-toggle{display:none}.resume-link{font:600 12px var(--f-display);background:transparent;border:0;color:var(--accent);padding:0 0 16px;text-align:left}
.primary-button{border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);padding:11px 16px;border-radius:8px;font:650 13px/1.3 var(--f-display);min-height:42px}
.primary-button:hover{filter:brightness(.95)}.text-button{border:0;background:transparent;color:var(--muted);font:550 12px var(--f-display);padding:8px}
.tour-panel{background:var(--paper);border:1px solid var(--accent);border-radius:12px;padding:18px 22px;margin-bottom:16px;scroll-margin-top:80px}
.tour-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.tour-heading .eyebrow{color:var(--accent);font-size:10px}
.tour-track{display:flex;gap:5px;margin:12px 0 16px}.tour-track span{height:3px;flex:1;background:var(--chip);border-radius:2px}.tour-track .done{background:var(--accent)}
.tour-content{display:flex;gap:24px;align-items:center;justify-content:space-between}.tour-content h3{font-size:19px}.tour-content p{font:400 14px/1.6 var(--f-display);max-width:76ch;margin-top:7px;color:var(--muted)}
.tour-controls{display:flex;gap:8px;flex-shrink:0}.tour-question{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.tour-feedback{width:100%;font:500 14px/1.5 var(--f-display);color:var(--accent)}
.tour-complete{padding:16px;background:var(--accent-soft);border-radius:10px;font:500 14px var(--f-display);margin-bottom:16px}
.chapter-head .lede{font-size:16px;line-height:1.65}.chapter-head{margin-bottom:26px}.chapter{padding-block:64px}.page-top{padding-top:32px}
.advanced-controls,.monitor-settings{border:1px solid var(--line);border-radius:10px;background:var(--paper)}.advanced-controls{margin-top:18px;padding:12px}.advanced-controls summary,.monitor-settings summary{font:650 13px var(--f-display);padding:8px;min-height:36px}.advanced-controls[open] summary{margin-bottom:10px}.monitor-settings>#monCtl{border:0;padding-top:10px}
.activity-status{border-top:1px solid var(--line);padding-top:14px;margin-top:16px;font-family:var(--f-display)}.activity-status p{font-size:11px;color:var(--muted);margin-bottom:8px}.activity-status .done{color:var(--accent)}.activity-status .linkbtn{font-size:12px;min-height:40px}.eq-grid>.panel>.activity-status{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px;margin:0}
.progress-explainer{font:400 13px/1.5 var(--f-display)}.prog-panel{top:72px}.prog-row p{font-family:var(--f-display)}
.case-workspace{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--bg);color:var(--ink);overflow:auto}.case-workspace::backdrop{background:var(--bg)}.workspace-open{overflow:hidden}
.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px;background:var(--paper);border-bottom:1px solid var(--line)}.workspace-heading h2{font-size:27px;margin-top:8px}.workspace-heading .eyebrow{font-size:10px}
.workspace-body{max-width:1500px;padding:20px 28px;margin:auto}.workspace-body>#caseCard{margin:0 0 16px!important;padding:16px 20px}.workspace-body>#caseCard .cat-head{align-items:center;margin:0!important}.workspace-body>#caseCard .cat-head>div>p{display:none}.workspace-body>#caseCard h3{font-size:18px}
.case-workspace [data-workspace-open]{display:none}.case-workspace .mon-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.case-workspace .mon-grid>.panel{max-height:calc(100dvh - 210px);overflow:auto;overscroll-behavior:contain}
.case-workspace .mon-flat{padding:14px;background:var(--scr);border-radius:14px;overflow:hidden}.case-workspace .mon-flat canvas{display:block;width:100%;max-height:52dvh;object-fit:contain}.case-workspace .mon-flat>div{display:none!important}.case-workspace #caseSel{max-width:340px;width:100%}
.case-timeline{margin-top:16px;border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:18px 20px;font-family:var(--f-display)}.timeline-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}.timeline-heading h3{font-size:17px}
.case-timeline ol{list-style:none;padding:0;margin:0;max-height:240px;overflow:auto}.case-timeline li{display:flex;align-items:start;gap:15px;border-top:1px solid var(--line);padding:10px 0}.case-timeline time{font:500 11px var(--f-mono);color:var(--muted);padding-top:3px}.case-timeline strong{font-size:13px;font-weight:600}.case-timeline p{font-size:12px;color:var(--muted);line-height:1.5}.timeline-event strong{color:var(--warn)}.timeline-resolved strong{color:var(--accent)}
@media(min-width:1100px){.machine-panel{max-height:640px;overflow:auto}.workbench>.stage:not(.is-fs){position:sticky;top:80px}.brand span{display:none}}
@media(max-width:1100px){.workbench{grid-template-columns:minmax(0,1fr) 330px}.route{padding:15px 14px}.route small{font-size:11px}.route-number{display:none}.case-workspace .mon-grid{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:900px){
 .topbar .wrap{gap:12px}.nav-toggle{display:block;margin-right:auto;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:10px 14px;border-radius:8px;font:650 13px var(--f-display);min-height:42px}
 .chapters{display:none}.chapters.nav-open{display:grid;grid-template-columns:1fr 1fr;position:absolute;top:64px;left:12px;right:12px;padding:12px;margin:0;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #0002;mask-image:none;-webkit-mask-image:none;z-index:40}.chapters a{padding:15px 12px;min-height:44px}
 .hero-head{gap:24px;grid-template-columns:1fr 1fr}.hero-head .lede{font-size:14px}.workbench{grid-template-columns:1fr}.machine-panel{max-height:none}.workbench>.stage:not(.is-fs){height:470px}
 .machine-panel .info .sum{max-width:76ch}.tour-content{align-items:start}.tour-controls{flex-direction:column}.case-workspace .mon-grid{grid-template-columns:1fr 310px}.workspace-heading{padding:16px}.workspace-body{padding:16px}
 .ctl-row{grid-template-columns:118px minmax(0,1fr) 44px 38px}
}
@media(max-width:600px){
 .topbar .wrap{gap:9px;min-height:62px;padding-inline:16px}.brand-mark{width:26px;height:26px}.nav-toggle{font-size:12px;padding:9px 12px}.lang-switch a{padding:9px 7px;font-size:10px}.prog-btn{min-width:36px;min-height:36px;justify-content:center}
 .hero{padding-top:23px}.hero-head{display:block;margin-bottom:17px}.hero-head h1{font-size:36px;max-width:18ch}.hero-head .lede{font-size:14px;line-height:1.6;margin-top:13px}.hero-head .eyebrow{font-size:9px}.facts-row{font-size:10px;gap:6px 12px;margin-top:10px}.facts-row span:nth-child(n+4){display:none}
 .learning-routes{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:15px;border-radius:10px}.route{padding:12px 8px;justify-content:center;text-align:center;min-height:58px}.route strong{font-size:12px;line-height:1.25}.route small,.route>span:last-child{display:none}.route>span:nth-child(2){flex:initial}
 .component-filters{gap:3px;flex-wrap:nowrap;overflow:auto;scrollbar-width:thin}.filter-button{font-size:11px;padding:7px 8px;white-space:nowrap;min-height:38px}.workbench>.stage:not(.is-fs){height:370px;min-height:0}.stage-tools{top:10px;right:10px;max-width:calc(100% - 20px)}.stage-tools button{height:38px;padding:0 10px}.stage-hint{max-width:calc(100% - 24px);font-size:10px}.pin{min-width:28px;height:28px;line-height:24px;font-size:11px}.machine-panel>.card{padding:18px}.machine-panel .info h3{font-size:22px}
 .tour-panel{padding:14px}.tour-content{display:block}.tour-controls{flex-direction:row;justify-content:flex-end;margin-top:14px}.tour-heading{align-items:start}.tour-heading .text-button{font-size:11px;padding:0;flex:none}.tour-content p{font-size:13px}.tour-track{margin:12px 0}.tour-question{display:grid}
 .chapter{padding-block:44px}.chapter-head h2{font-size:30px}.chapter-head .lede{font-size:15px}.part-index{grid-template-columns:1fr 1fr}.part-index button{font-size:12px;text-align:left}
 .workspace-heading{align-items:start;gap:12px}.workspace-heading h2{font-size:22px}.workspace-heading .eyebrow{font-size:9px;line-height:1.5}.workspace-heading>.linkbtn{font-size:11px;flex-shrink:0;padding:9px}.workspace-body{padding:12px}.case-workspace .mon-grid{grid-template-columns:1fr}.case-workspace .mon-grid>.panel{max-height:none;overflow:visible}.case-workspace #caseCard{padding:14px}.case-workspace #caseSel{max-width:100%;font-size:13px}.case-workspace .cat-tools{width:100%}.case-workspace .mon-flat canvas{max-height:none}.case-timeline ol{max-height:150px}.case-timeline{padding:14px}.case-workspace .mon-grid>.panel{grid-row:2}.case-workspace #evCard .opts button{min-height:44px}
 .activity-status p{font-size:10px}.lab-stick{z-index:4}.lab-cap{display:block;padding:12px}.lab-cap p{display:none}.lab-stage{min-height:210px}.prog-panel{top:70px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.async-review-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.async-review-row select{max-width:100%;font:500 13px var(--f-display);padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}.action-feedback{margin-top:5px!important;color:var(--ink)!important;max-width:72ch}
.equipment-panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;gap:0;overflow:hidden}.equipment-panel>.card{border:0}.equipment-panel>.activity-status{border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important}.equipment-panel[data-view=summary] .facts,.equipment-panel[data-view=summary] .eq-parts{display:none}.equipment-panel .sum{font-family:var(--f-display);font-size:14px;line-height:1.65}.law.active-law .tag::after{content:" · " attr(data-scene-label)}
@media(max-width:600px){#stageMachine:not(.is-fs) canvas.gl,#stageMachine:not(.is-fs) .pins{top:54px;height:calc(100% - 54px)}#stageMachine:not(.is-fs) .stage-tools{left:10px;justify-content:flex-end;max-width:none}#stageMachine:not(.is-fs) .stage-hint{font-size:9px}}

.fs-side > *{flex-shrink:0}.activity-status .activity-hint{margin-top:8px;font-size:11px;line-height:1.5}.case-timeline .action-feedback{border-left:2px solid var(--accent);padding-left:8px}

/* Shared publisher attribution across all three languages. */
.foot-name{min-width:0}
.foot-partners{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.foot-partners .foot-by{gap:16px;flex-wrap:wrap}
.partner-divider{width:1px;height:36px;background:var(--line);flex:none}
.foot-credit{font:500 12px/1.5 var(--f-display);color:var(--muted)}
/* Transparent logo; the ab-light / ab-dark pair above swaps in the light-ink version on dark themes. */
.ar-logo{width:auto;height:80px;object-fit:contain}
@media(max-width:600px){.foot-brand{align-items:flex-start}.foot-partners .foot-by{gap:10px}.foot-partners .ab-logo{height:34px}.ar-logo{height:64px}}

/* Return link to the publisher site — the only way off the atlas. Pill in the
   top bar on wide screens, last item of the chapter menu on narrow ones. */
.ab-back{flex:none;font:650 12px/1 var(--f-display);font-stretch:108%;color:var(--muted);text-decoration:none;white-space:nowrap;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--paper)}
.ab-back:hover{color:var(--ink);background:var(--chip)}
.ab-back-nav{display:none}
.ab-logo-link{display:inline-flex;border-radius:6px}
@media(max-width:900px){.ab-back{display:none}.chapters.nav-open .ab-back-nav{display:block;grid-column:1/-1;margin-top:6px;padding-top:12px;border-top:1px solid var(--line);border-radius:0;text-transform:none;letter-spacing:0;color:var(--accent)}}

/* Ventilator reference: stable help links, independent of live readout refreshes. */
.vent-glossary{margin-top:32px;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--paper);scroll-margin-top:90px}
.glossary-heading h3{font-size:25px}.glossary-heading p{margin-top:8px;max-width:75ch}
.glossary-tools{display:grid;gap:16px;margin-block:22px 12px}.glossary-search{display:grid;gap:8px;max-width:480px;font:650 13px var(--f-display)}
.glossary-search input{width:100%;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:400 16px var(--f-body)}
.glossary-filters{display:flex;gap:7px;flex-wrap:wrap}.glossary-filters button{padding:9px 12px;min-height:40px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--muted);font:600 12px var(--f-display);cursor:pointer}
.glossary-filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.glossary-status{font:500 12px var(--f-display);color:var(--muted);margin-bottom:12px}
.glossary-list{border-top:1px solid var(--line)}.glossary-term{border-bottom:1px solid var(--line);scroll-margin-top:90px}.glossary-term[hidden]{display:none}
.glossary-term summary{padding:17px 8px;cursor:pointer;font:700 16px/1.45 var(--f-display)}.glossary-term summary::marker{color:var(--accent)}
.glossary-category{display:inline-block;min-width:145px;margin-inline:8px 14px;color:var(--muted);font:500 11px var(--f-display)}
.glossary-term[open]{background:var(--accent-soft);border-radius:8px}.glossary-body{padding:0 26px 24px;max-width:88ch}.glossary-body h4{font:700 12px var(--f-display);color:var(--accent);margin-top:18px}.glossary-body p{font-size:15px;line-height:1.75;margin-top:6px;color:var(--ink)}
.glossary-note{margin-top:20px;font-size:13px;line-height:1.7;color:var(--muted)}.glossary-sources{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;font-size:12px;line-height:1.6}
.vent-term-help{display:inline-flex;align-items:center;justify-content:center;min-width:26px;min-height:26px;margin-left:5px;padding:2px 5px;border:1px solid var(--line);border-radius:5px;text-decoration:none;font:650 12px/1.2 var(--f-display);color:var(--accent);background:var(--paper);vertical-align:middle}
.vent-term-help:hover{background:var(--accent-soft)}.vent-help-caption{margin:8px 0}.vent-help-links{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:9px}.vent-help-links .vent-term-help{margin:0;padding:7px 9px;min-height:34px}.vent-readout-help{margin-block:12px 24px}.vent-readout-help>span{font-size:12px;color:var(--muted);margin-right:5px}.glossary-jump{display:inline-flex;margin-bottom:18px;text-decoration:none}
@media(max-width:600px){.vent-glossary{padding:18px 14px}.glossary-category{display:block;margin:0 0 4px 18px}.glossary-term-title{font-size:15px}.glossary-body{padding:0 14px 20px}.glossary-filters button{min-height:44px}.glossary-body p{font-size:14px}}