/* Учебник: новая вёрстка. Файл собирается из tools/textbook (python3 tools/textbook/build.py --site). Не править руками. */
.tbk{container:tbk/inline-size;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.68 var(--f-body);hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;color-scheme:light}
.tbk *{box-sizing:border-box}.tbk img{display:block;max-width:100%;height:auto}
/* Теория всех курсов читается на белом фоне в любой теме */
.lesson-text,.theory-pane{background:#fff!important;color:#0C2A3B;color-scheme:light;--card:#fff;--ink:#0C2A3B;--muted:#557080;--line:#D6E3E8;--surface:#EEF5F7}
.lesson-text a{color:#0E6E8C}
/* Страница урока целиком на белом фоне, на всю ширину */
body:has(.lesson-text),body:has(.theory-pane){background:#fff;color-scheme:light;--bg:#fff;--card:#fff;--ink:#0C2A3B;--muted:#557080;--line:#D6E3E8;--field:#fff;--surface:#EEF6F7;--link:#0E6E8C}
.lesson-text:has(>.tbk){border:0;border-radius:0;box-shadow:none;background:transparent!important}
.lesson-text>.tbk .tb-flow{padding-inline:0}
.lesson-text:has(>.tbk){max-width:none;padding:0;overflow:hidden;font-size:inherit;line-height:inherit;overflow-wrap:normal}
.tbk{
  
  --paper:#ffffff; --sheet:#ffffff; --ink:#0f2a3a; --ink-2:#4b6574; --rule:#d3e0e4;
  --sea:#0b6c8c; --sea-strong:#08506a; --tint:#e3f2f5; --tint-2:#c4e5ec;
  --coral:#cf4527; --coral-tint:#fbe9e4; --sand:#d99a1e; --sand-tint:#fbf1da;
  --ok:#25845a; --ok-tint:#e0f1e8; --band:#0a3a52; --on-band:#eaf6f9; --on-band-2:#9cc6d4;
  --water-top:#bfe7ef; --water-bot:#1d6f8d; --hose:#1b2b33; --yellow:#e8b511; --metal:#9fb3bc;
  --f-head:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-body:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --measure:40rem; --margin:14rem; --gap:2.5rem;
  color-scheme:light;
}
.tbk *{box-sizing:border-box}


.tbk img{display:block;max-width:100%;height:auto}
.tbk a{color:var(--sea)}
.tbk a:focus-visible,.tbk button:focus-visible{outline:3px solid var(--sand);outline-offset:2px;border-radius:2px}
.tbk h1,.tbk h2,.tbk h3,.tbk h4{font-family:var(--f-head);text-wrap:balance;hyphens:manual;-webkit-hyphens:manual;margin:0}
.tbk strong{font-weight:650}
.tbk .tb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tbk .tb-ico{width:1.5rem;height:1.5rem;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
















.tbk .tb-opener{background:var(--sheet);border-bottom:1px solid var(--rule)}
.tbk .tb-opener-in{max-width:62rem;margin:0 auto;padding:2.5rem 1rem 2rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,22rem);gap:2rem;align-items:end}
.tbk .tb-op-num{font-family:var(--f-head);font-weight:800;font-size:clamp(5rem,14vw,9.5rem);line-height:.78;color:var(--sea);letter-spacing:-.04em;display:flex;align-items:flex-start;gap:.15em}
.tbk .tb-op-num small{font-size:.22em;font-weight:600;letter-spacing:.02em;line-height:1.2;color:var(--ink-2);padding-top:.35em}
.tbk .tb-opener h1,.tbk .tb-opener .tb-op-title{font-size:clamp(2rem,4.6vw,3.25rem);line-height:1.02;font-weight:800;margin:1.25rem 0 .75rem;letter-spacing:-.01em}
.tbk .tb-op-lead{font-size:1.15rem;line-height:1.5;color:var(--ink-2);margin:0;max-width:34rem}
.tbk .tb-op-meta{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;margin-top:1.25rem;font:500 .85rem/1.3 var(--f-head);color:var(--ink-2)}
.tbk .tb-op-meta span{display:inline-flex;gap:.35rem;align-items:center}
.tbk .tb-op-meta .tb-ico{width:1.05rem;height:1.05rem}
.tbk .tb-op-photo{margin:0;position:relative}
.tbk .tb-op-photo img{width:100%;aspect-ratio:4/3.2;object-fit:cover;object-position:var(--pos,center);border-radius:4px 4px 4px 4.5rem}
.tbk .tb-flow{max-width:62rem;margin:0 auto;padding:2.25rem 1rem 3rem;display:grid;grid-template-columns:minmax(0,var(--measure)) var(--margin);column-gap:var(--gap);row-gap:0;justify-content:center}
.tbk .tb-flow>*{grid-column:1;min-width:0}
.tbk .tb-flow>.tb-wide{grid-column:1/-1}
.tbk .tb-flow>.tb-row{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,var(--measure)) var(--margin);column-gap:var(--gap);align-items:start}
.tbk .tb-row>.tb-main{grid-column:1;min-width:0}
.tbk .tb-row>.tb-side{grid-column:2;display:grid;gap:1rem;padding-top:.3rem}
.tbk .tb-flow p{margin:0 0 1.1rem}
.tbk .tb-flow h2{font-size:1.65rem;font-weight:750;margin:2rem 0 .9rem;color:var(--ink);display:flex;gap:.6rem;align-items:baseline}
.tbk .tb-flow h2 .tb-hn{color:var(--sea);font-weight:600;font-size:.8em}
.tbk .tb-lede::first-letter{font-family:var(--f-head);font-weight:800;float:left;font-size:3.6em;line-height:.8;padding:.08em .1em 0 0;color:var(--sea)}
.tbk .tb-term{font-size:.84rem;line-height:1.45;color:var(--ink-2);border-top:2px solid var(--sea);padding-top:.45rem}
.tbk .tb-term b{display:block;font:700 .95rem/1.2 var(--f-head);color:var(--ink);margin-bottom:.15rem}
.tbk .tb-side-photo{margin:0}
.tbk .tb-side-photo img{width:100%;border-radius:3px 3px 3px 2.2rem;aspect-ratio:4/3.3;object-fit:cover}
.tbk .tb-cap{font:400 .82rem/1.4 var(--f-head);color:var(--ink-2);margin-top:.45rem}
.tbk .tb-cap b{color:var(--sea);font-weight:700;margin-right:.3rem}
.tbk .tb-box{margin:.4rem 0 1.6rem;padding:1rem 1.15rem 1.05rem;border-radius:4px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem .85rem;font-size:1rem;line-height:1.6}
.tbk .tb-box>.tb-ico{grid-row:1/span 2;width:1.7rem;height:1.7rem;margin-top:.05rem}
.tbk .tb-box h4{font-size:.95rem;font-weight:800;letter-spacing:.02em;line-height:1.3}
.tbk .tb-box p{margin:0 0 .5rem}
.tbk .tb-box p:last-child{margin:0}
.tbk .tb-box ul{margin:.1rem 0 0;padding-left:1.1rem}
.tbk .tb-box li{margin:.15rem 0}
.tbk .tb-box.tb-remember{background:var(--tint);color:var(--ink)}
.tbk .tb-box.tb-remember>.tb-ico,.tbk .tb-box.tb-remember h4{color:var(--sea-strong)}
.tbk .tb-box.tb-warning{background:var(--coral-tint)}
.tbk .tb-box.tb-warning>.tb-ico,.tbk .tb-box.tb-warning h4{color:var(--coral)}
.tbk .tb-box.tb-try{background:var(--sand-tint)}
.tbk .tb-box.tb-try>.tb-ico,.tbk .tb-box.tb-try h4{color:var(--sand)}
.tbk .tb-box.tb-analogy{background:transparent;border:1.5px dashed var(--tint-2)}
.tbk .tb-box.tb-analogy>.tb-ico,.tbk .tb-box.tb-analogy h4{color:var(--sea)}
.tbk .tb-quote{margin:1.2rem 0 2rem;padding:0;font:700 clamp(1.35rem,2.6vw,1.75rem)/1.25 var(--f-head);color:var(--sea-strong);letter-spacing:-.005em;text-wrap:balance;hyphens:manual}
.tbk .tb-quote::before{content:"";display:block;width:2.5rem;height:4px;background:var(--sand);margin-bottom:.7rem}
.tbk .tb-quote cite{display:block;font:400 .85rem/1.4 var(--f-head);color:var(--ink-2);margin-top:.5rem;font-style:normal}
.tbk .tb-goals{margin:0 0 2rem;padding:1.1rem 0;border-block:1px solid var(--rule)}
.tbk .tb-goals h4{font:800 .95rem/1.2 var(--f-head);color:var(--sea);margin-bottom:.6rem}
.tbk .tb-goals ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.tbk .tb-goals li{display:flex;gap:.6rem;font-size:1rem;line-height:1.45}
.tbk .tb-goals li .tb-ico{width:1.15rem;height:1.15rem;color:var(--sea);margin-top:.15rem}
.tbk .tb-summary{background:var(--band);color:var(--on-band);border-radius:4px;padding:1.4rem 1.4rem 1.5rem;margin:1.5rem 0 0}
.tbk .tb-summary h4{font:800 1.25rem/1.2 var(--f-head);margin-bottom:.9rem;display:flex;gap:.6rem;align-items:center}
.tbk .tb-summary h4 .tb-ico{color:var(--sand)}
.tbk .tb-summary ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:.6rem 1.5rem}
.tbk .tb-summary li{display:flex;gap:.6rem;font-size:.98rem;line-height:1.45}
.tbk .tb-summary li .tb-ico{width:1.15rem;height:1.15rem;color:var(--sand);margin-top:.17rem}
.tbk .tb-bio{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:1.25rem;align-items:start;margin:0 0 1.5rem}
.tbk .tb-bio img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 30%;border-radius:4.25rem 4.25rem 4px 4px}
.tbk .tb-bio .tb-cap{margin-top:.35rem}
.tbk .tb-fig{margin:.6rem 0 2rem}
.tbk .tb-fig .tb-plate{background:var(--sheet);border:1px solid var(--rule);border-radius:6px;padding:1.25rem;overflow-x:auto}
.tbk .tb-fig .tb-cap{margin-top:.6rem;max-width:var(--measure)}
.tbk .tb-fig.tb-photo-wide img{width:100%;max-height:26rem;object-fit:cover;border-radius:4px 4px 4px 4.5rem}
.tbk .tb-lbl{font:700 .95rem/1.25 var(--f-head);color:var(--ink)}
.tbk .tb-sub{font:400 .86rem/1.4 var(--f-head);color:var(--ink-2)}
.tbk .tb-num-badge{display:inline-grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:50%;background:var(--sea);color:var(--sheet);font:800 .85rem/1 var(--f-head);flex:none}
.tbk .tb-ig-icons{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:1.1rem 1rem}
.tbk .tb-ig-icons .tb-it{display:grid;gap:.35rem;align-content:start}
.tbk .tb-ig-icons .tb-ring{width:3rem;height:3rem;border-radius:50%;background:var(--tint);color:var(--sea-strong);display:grid;place-items:center;margin-bottom:.2rem}
.tbk .tb-ig-icons .tb-ring .tb-ico{width:1.6rem;height:1.6rem}
.tbk .tb-ig-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1rem}
.tbk .tb-ig-stats .tb-st{border-top:3px solid var(--sea);padding-top:.5rem}
.tbk .tb-ig-stats .tb-v{font:800 2.6rem/1 var(--f-head);color:var(--sea-strong);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.tbk .tb-ig-split .tb-track{display:flex;height:2.6rem;border-radius:3px;overflow:hidden;gap:3px}
.tbk .tb-ig-split .tb-seg{display:flex;align-items:center;padding-inline:.7rem;font:800 1.15rem/1 var(--f-head);color:var(--sheet);min-width:3.2rem}
.tbk .tb-ig-split .tb-seg:nth-child(1){background:var(--sea)}
.tbk .tb-ig-split .tb-seg:nth-child(2){background:var(--sand);color:var(--ink)}
.tbk .tb-ig-split .tb-legend{display:flex;gap:3px;margin-top:.7rem}
.tbk .tb-ig-split .tb-legend>div{min-width:6rem;padding-right:.75rem}
.tbk .tb-ig-path{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem;position:relative}
.tbk .tb-ig-path .tb-st{position:relative;display:grid;gap:.35rem;align-content:start}
.tbk .tb-ig-path .tb-hd{display:flex;align-items:center;gap:.5rem}
.tbk .tb-ig-path .tb-hd::after{content:"";flex:1;height:2px;background:var(--tint-2)}
.tbk .tb-ig-path .tb-st:last-child .tb-hd::after{background:transparent}
.tbk .tb-ig-path .tb-hd .tb-ico{color:var(--sea);width:1.6rem;height:1.6rem}
.tbk .tb-ig-path.tb-v{grid-template-columns:1fr;gap:0}
.tbk .tb-ig-path.tb-v .tb-st{grid-template-columns:auto minmax(0,1fr);column-gap:.9rem;padding-bottom:1rem}
.tbk .tb-ig-path.tb-v .tb-st::before{content:"";position:absolute;left:.75rem;top:1.8rem;bottom:.2rem;width:2px;background:var(--tint-2)}
.tbk .tb-ig-path.tb-v .tb-st:last-child::before{display:none}
.tbk .tb-ig-path.tb-v .tb-hd{grid-row:1/span 2}
.tbk .tb-ig-path.tb-v .tb-hd::after{display:none}
.tbk .tb-ig-path.tb-v .tb-lbl{padding-top:.15rem}
.tbk .tb-ig-path.tb-two{columns:2 18rem;column-gap:2rem;display:block}
.tbk .tb-ig-path.tb-two .tb-st{break-inside:avoid}
.tbk .tb-ig-depth{display:grid;grid-template-columns:2.4rem repeat(4,minmax(5.5rem,1fr));min-width:30rem;font-family:var(--f-head)}
.tbk .tb-ig-depth .tb-water{grid-row:2/span 4;grid-column:1;background:linear-gradient(var(--water-top),var(--water-bot));border-radius:3px;position:relative}
.tbk .tb-ig-depth .tb-water::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 calc(25% - 1px),color-mix(in srgb,var(--sheet) 60%,transparent) calc(25% - 1px) 25%)}
.tbk .tb-ig-depth .tb-h{padding:0 .6rem .6rem;font:700 .8rem/1.2 var(--f-head);color:var(--ink-2);align-self:end}
.tbk .tb-ig-depth .tb-c{padding:.55rem .6rem;border-top:1px solid var(--rule);display:flex;align-items:center;gap:.6rem;min-height:5.4rem}
.tbk .tb-ig-depth .tb-dep{font:800 1.5rem/1 var(--f-head);color:var(--ink);font-variant-numeric:tabular-nums}
.tbk .tb-ig-depth .tb-pbar{height:.55rem;background:var(--coral);border-radius:2px}
.tbk .tb-ig-depth .tb-pv{font:800 1.05rem/1 var(--f-head);color:var(--coral);white-space:nowrap}
.tbk .tb-ig-depth .tb-pcell{flex-direction:column;align-items:flex-start;justify-content:center;gap:.35rem}
.tbk .tb-ig-depth .tb-vol svg{width:4.4rem;height:4.4rem;flex:none}
.tbk .tb-ig-depth .tb-vv,.tbk .tb-ig-depth .tb-dv{font:800 1.2rem/1 var(--f-head);color:var(--sea-strong);font-variant-numeric:tabular-nums}
.tbk .tb-ig-depth .tb-note{grid-column:1/-1;margin-top:.8rem}
.tbk .tb-ig-formula{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;align-items:center}
.tbk .tb-ig-formula .tb-f{font:800 clamp(1.6rem,4vw,2.4rem)/1.1 var(--f-head);color:var(--sea-strong);text-align:center;padding:1.2rem .5rem;background:var(--tint);border-radius:4px;letter-spacing:.01em;white-space:nowrap}
.tbk .tb-ig-formula dl{margin:.6rem 0 0;display:grid;grid-template-columns:auto 1fr;gap:.2rem .7rem;font:400 .9rem/1.35 var(--f-head)}
.tbk .tb-ig-formula dt{font-weight:800;color:var(--sea)}
.tbk .tb-ig-formula dd{margin:0;color:var(--ink-2)}
.tbk .tb-ig-air{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:1rem}
.tbk .tb-ig-air .tb-grp{border-radius:4px;padding:1rem}
.tbk .tb-ig-air .tb-el{background:var(--tint)}
.tbk .tb-ig-air .tb-in{background:transparent;border:1.5px solid var(--rule)}
.tbk .tb-ig-air .tb-gh{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline;margin-bottom:.8rem;flex-wrap:wrap}
.tbk .tb-ig-air .tb-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.9rem}
.tbk .tb-ig-air .tb-it{display:grid;gap:.25rem;align-content:start}
.tbk .tb-ig-air .tb-it .tb-ico{width:2rem;height:2rem;color:var(--sea-strong)}
.tbk .tb-ig-air .tb-in .tb-it .tb-ico{color:var(--ink-2)}
.tbk .tb-ig-compare{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:1rem}
.tbk .tb-ig-compare .tb-head{grid-column:1/-1;display:flex;align-items:center;gap:.6rem;justify-content:center;padding:.6rem;background:var(--tint);border-radius:4px}
.tbk .tb-ig-compare .tb-col{border-radius:4px;padding:1rem;border:1.5px solid var(--rule)}
.tbk .tb-ig-compare .tb-col.tb-ok{border-color:var(--ok);background:var(--ok-tint)}
.tbk .tb-ig-compare .tb-col.tb-bad{border-color:var(--coral);background:var(--coral-tint)}
.tbk .tb-ig-compare .tb-col.tb-sea{border-color:var(--sea);background:var(--tint)}
.tbk .tb-ig-compare .tb-ch{display:flex;gap:.55rem;align-items:center;margin-bottom:.75rem}
.tbk .tb-ig-compare .tb-ch .tb-ico{width:1.8rem;height:1.8rem}
.tbk .tb-ig-compare .tb-ok .tb-ch .tb-ico{color:var(--ok)}
.tbk .tb-ig-compare .tb-bad .tb-ch .tb-ico{color:var(--coral)}
.tbk .tb-ig-compare .tb-sea .tb-ch .tb-ico{color:var(--sea)}
.tbk .tb-ig-compare ol{list-style:none;margin:0;padding:0;display:grid;gap:0}
.tbk .tb-ig-compare li{font:400 .95rem/1.4 var(--f-head);padding:.45rem 0 .45rem 1.4rem;position:relative}
.tbk .tb-ig-compare li+li::before{content:"";position:absolute;left:.46rem;top:-.55rem;height:1.1rem;width:2px;background:currentColor;opacity:.25}
.tbk .tb-ig-compare li::after{content:"";position:absolute;left:.25rem;top:.95rem;width:.45rem;height:.45rem;border-radius:50%;background:currentColor;opacity:.5}
.tbk .tb-ig-compare li:last-child{font-weight:700}
.tbk .tb-ig-dodont{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem}
.tbk .tb-ig-dodont ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.tbk .tb-ig-dodont li{display:flex;gap:.55rem;font:400 .97rem/1.4 var(--f-head)}
.tbk .tb-ig-dodont li .tb-ico{width:1.2rem;height:1.2rem;margin-top:.05rem}
.tbk .tb-ig-dodont .tb-y .tb-ico{color:var(--ok)}
.tbk .tb-ig-dodont .tb-n .tb-ico{color:var(--coral)}
.tbk .tb-ig-dodont h5{margin:0 0 .6rem;font:800 1rem/1.2 var(--f-head)}
.tbk .tb-ig-dodont .tb-y h5{color:var(--ok)}
.tbk .tb-ig-dodont .tb-n h5{color:var(--coral)}
.tbk .tb-svgp{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.25rem}
.tbk .tb-svgp .tb-pn{display:grid;gap:.4rem;align-content:start}
.tbk .tb-svgp svg{width:100%;height:auto;max-height:16rem}
.tbk .tb-ig-chart svg{width:100%;height:auto;display:block}
.tbk .tb-ig-chart .tb-stg{display:grid;gap:.5rem;margin-top:.4rem}
.tbk .tb-ig-chart .tb-stg>div{text-align:center}
.tbk .tb-ig-chart .tb-leg{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin-bottom:.6rem}
.tbk .tb-ig-chart .tb-leg span{display:inline-flex;align-items:center;gap:.45rem;font:600 .9rem/1.2 var(--f-head)}
.tbk .tb-ig-chart .tb-leg i{width:1.4rem;height:4px;border-radius:2px;display:inline-block}
.tbk .tb-ig-anat{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:1.25rem;align-items:center}
.tbk .tb-ig-anat svg{width:100%;height:auto}
.tbk .tb-ig-anat ol{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.tbk .tb-ig-anat li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.1rem .6rem}
.tbk .tb-ig-anat li .tb-num-badge{grid-row:1/span 2}
.tbk .tb-ig-hose{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,15rem) minmax(0,1fr);gap:1rem;align-items:center}
.tbk .tb-ig-hose svg{width:100%;height:auto}
.tbk .tb-ig-hose .tb-side{display:grid;gap:1rem}
.tbk .tb-ig-hose .tb-side h5{margin:0;font:800 .85rem/1 var(--f-head);color:var(--ink-2);letter-spacing:.06em}
.tbk .tb-ig-hose .tb-it{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.1rem .55rem}
.tbk .tb-ig-hose .tb-it .tb-num-badge{grid-row:1/span 2}
.tbk .tb-ig-hose .tb-bottom{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem;border-top:1px solid var(--rule);padding-top:1rem}
.tbk .tb-ig-hose .tb-L{text-align:right}
.tbk .tb-ig-hose .tb-L .tb-it{grid-template-columns:minmax(0,1fr) auto}
.tbk .tb-ig-hose .tb-L .tb-it .tb-num-badge{grid-column:2;grid-row:1/span 2}
.tbk .tb-ig-glide{display:grid;gap:1rem}
.tbk .tb-ig-glide .tb-ln{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:1rem;align-items:center}
.tbk .tb-ig-glide svg{width:100%;height:auto;display:block}
.tbk .tb-ig-glide .tb-leg{display:flex;gap:1.4rem;flex-wrap:wrap}
.tbk .tb-ig-glide .tb-leg span{display:inline-flex;gap:.45rem;align-items:center;white-space:nowrap}
.tbk .tb-ig-signals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.tbk .tb-ig-signals .tb-sg{background:var(--tint);border-radius:4px;padding:.8rem .7rem .75rem;display:grid;gap:.2rem;justify-items:center;text-align:center}
.tbk .tb-ig-signals .tb-sg.tb-ph{padding:0 0 .75rem;overflow:hidden;align-content:start}
.tbk .tb-ig-signals .tb-sg.tb-ph img{width:100%;aspect-ratio:1;object-fit:cover;display:block;margin-bottom:.5rem}
.tbk .tb-ig-signals .tb-sg.tb-ph .tb-lbl,.tbk .tb-ig-signals .tb-sg.tb-ph .tb-sub{padding:0 .5rem}
.tbk .tb-ig-signals svg{width:4.4rem;height:4.4rem;margin-bottom:.3rem}

































@container tbk (max-width:56rem){.tbk .tb-flow,.tbk .tb-flow>.tb-row{grid-template-columns:minmax(0,1fr)}.tbk .tb-flow{max-width:42rem}.tbk .tb-flow>.tb-wide{grid-column:1}.tbk .tb-row>.tb-side{grid-column:1;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));padding:0 0 1.2rem}.tbk .tb-term{background:var(--sheet);border:1px solid var(--rule);border-top:2px solid var(--sea);padding:.6rem .8rem;border-radius:0 0 4px 4px}.tbk .tb-side-photo img{aspect-ratio:16/10}}
@container tbk (max-width:40rem){.tbk .tb-opener-in{grid-template-columns:1fr;padding-top:1.75rem}.tbk .tb-op-photo{order:-1}.tbk .tb-op-photo img{aspect-ratio:16/9;border-radius:4px 4px 4px 3rem}.tbk .tb-ig-formula,.tbk .tb-ig-anat,.tbk .tb-ig-air,.tbk .tb-ig-compare{grid-template-columns:1fr}.tbk .tb-ig-signals{grid-template-columns:repeat(2,minmax(0,1fr))}.tbk .tb-ig-hose{grid-template-columns:1fr 1fr;gap:1rem}.tbk .tb-ig-hose svg{grid-column:1/-1;order:-1;max-width:13rem;justify-self:center}.tbk .tb-ig-hose .tb-L{text-align:left}.tbk .tb-ig-hose .tb-L .tb-it{grid-template-columns:auto minmax(0,1fr)}.tbk .tb-ig-hose .tb-L .tb-it .tb-num-badge{grid-column:1}.tbk .tb-ig-glide .tb-ln{grid-template-columns:1fr}.tbk .tb-bio{grid-template-columns:6rem minmax(0,1fr)}.tbk .tb-fig .tb-plate{padding:1rem}.tbk .tb-ig-depth{min-width:0;grid-template-columns:.7rem 3rem minmax(0,1fr) minmax(0,1fr) 3.6rem}.tbk .tb-ig-depth .tb-h{overflow-wrap:normal;hyphens:auto}.tbk .tb-ig-depth .tb-c{padding:.45rem .35rem;min-height:4.4rem}.tbk .tb-ig-depth .tb-h{padding:0 .35rem .5rem;font-size:.72rem}.tbk .tb-ig-depth .tb-dep{font-size:1.1rem}.tbk .tb-ig-depth .tb-vol{flex-direction:column;gap:.15rem}.tbk .tb-ig-depth .tb-vol svg{width:3rem;height:3rem}}
@media (prefers-reduced-motion:reduce){.tbk *{scroll-behavior:auto!important}}
.tbk .tb-opener.tb-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--band);border:0;min-height:clamp(20rem,42vw,30rem);display:flex;align-items:flex-end;
  clip-path:polygon(0 0,100% 0,100% 92%,94% 95%,86% 92%,74% 96%,62% 93%,50% 97%,38% 93%,26% 96%,14% 92%,6% 95%,0 93%)}
.tbk .tb-opener.tb-hero .tb-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,center);z-index:-2}
.tbk .tb-opener.tb-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(4,26,38,.92) 0%,rgba(4,26,38,.55) 45%,rgba(4,26,38,0) 75%),linear-gradient(90deg,rgba(4,26,38,.55),rgba(4,26,38,0) 60%)}
.tbk .tb-opener.tb-hero .tb-hero-in{width:100%;max-width:62rem;margin:0 auto;padding:2rem 1.5rem 3.4rem;color:#fff}
.tbk .tb-opener.tb-hero h1,.tbk .tb-opener.tb-hero .tb-op-title{color:#fff;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.02;font-weight:800;margin:.6rem 0 .7rem;letter-spacing:-.015em;max-width:40rem}
.tbk .tb-opener.tb-hero .tb-op-lead{color:#dcf0f5;max-width:36rem;font-size:1.12rem}
.tbk .tb-opener.tb-hero .tb-op-meta{color:#bfe3ec;margin:0}
.tbk .tb-opener.tb-hero .tb-op-meta span{background:rgba(255,255,255,.12);padding:.3rem .65rem;border-radius:99px;backdrop-filter:blur(4px)}
.tbk .tb-fig.tb-bare{margin:.8rem 0 2.2rem}
.tbk .tb-ig-callouts{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.5rem;align-items:center}
.tbk .tb-ig-callouts .tb-cp{position:relative;border-radius:6px;overflow:hidden}
.tbk .tb-ig-callouts .tb-cp img{width:100%;display:block}
.tbk .tb-ig-callouts .tb-pin{position:absolute;transform:translate(-50%,-50%);width:1.9rem;height:1.9rem;border-radius:50%;background:var(--sand);color:var(--ink);font:800 .95rem/1.9rem var(--f-head);text-align:center;box-shadow:0 0 0 3px rgba(255,255,255,.9),0 4px 10px rgba(0,0,0,.35)}
.tbk .tb-ig-callouts ol{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.tbk .tb-ig-callouts li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.05rem .65rem}
.tbk .tb-ig-callouts li .tb-num-badge{grid-row:1/span 2;background:var(--sand);color:var(--ink)}
.tbk .tb-ig-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem}
.tbk .tb-ig-gallery .tb-gi{display:grid;gap:.3rem;align-content:start}
.tbk .tb-ig-gallery .tb-gp{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:4/3;background:var(--tint)}
.tbk .tb-ig-gallery .tb-gp img{width:100%;height:100%;object-fit:cover}
.tbk .tb-ig-gallery .tb-gp.tb-sv svg{width:100%;height:100%;display:block}
.tbk .tb-ig-gallery .tb-mk{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;color:#fff}
.tbk .tb-ig-gallery .tb-mk .tb-ico{width:1.2rem;height:1.2rem;stroke-width:2.6}
.tbk .tb-ig-buoy{display:grid;gap:1rem}
.tbk .tb-ig-buoy .tb-bi{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.25rem;align-items:center}
.tbk .tb-ig-buoy .tb-bp{border-radius:6px;overflow:hidden;aspect-ratio:2/1;background:var(--tint)}
.tbk .tb-ig-buoy .tb-bp img{width:100%;height:100%;object-fit:cover;display:block}
.tbk .tb-ig-buoy .tb-bt{display:grid;gap:.3rem;border-left:3px solid var(--sea);padding-left:1rem}
.tbk .tb-ig-buoy .tb-bi-neg .tb-bt{border-color:var(--coral)}
.tbk .tb-ig-buoy .tb-bi-neu .tb-bt{border-color:var(--ok)}
@container tbk (max-width:40rem){.tbk .tb-ig-buoy .tb-bi{grid-template-columns:1fr;gap:.6rem}}
.tbk .tb-ig-gallery .tb-mk.tb-ok{background:var(--ok)}
.tbk .tb-ig-gallery .tb-mk.tb-bad{background:var(--coral)}
.tbk .tb-ig-pq{position:relative;isolation:isolate;border-radius:6px;overflow:hidden;min-height:clamp(16rem,34vw,24rem);display:flex;align-items:flex-end}
.tbk .tb-ig-pq img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,center);z-index:-2}
.tbk .tb-ig-pq::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(4,26,38,.88),rgba(4,26,38,.1) 70%)}
.tbk .tb-ig-pq blockquote{margin:0;padding:1.6rem 1.6rem 1.5rem;color:#fff;font:700 clamp(1.25rem,2.6vw,1.75rem)/1.25 var(--f-head);max-width:36rem;text-wrap:balance}
.tbk .tb-ig-pq blockquote::before{content:"\201C";display:block;font-size:3.2rem;line-height:.6;color:var(--sand);margin-bottom:.4rem}
.tbk .tb-ig-pq cite{display:block;font:400 .9rem/1.4 var(--f-head);color:#bfe3ec;margin-top:.5rem;font-style:normal}
@container tbk (max-width:40rem){.tbk .tb-ig-callouts{grid-template-columns:1fr}.tbk .tb-opener.tb-hero .tb-hero-in{padding:1.4rem 1rem 2.8rem}.tbk .tb-ig-callouts .tb-pin{width:1.6rem;height:1.6rem;line-height:1.6rem;font-size:.82rem}}
.tbk .tb-ig-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.9rem}
.tbk .tb-ig-cards .tb-cd{border:1px solid var(--rule);border-top:3px solid var(--coral);border-radius:0 0 6px 6px;padding:.9rem 1rem;background:var(--sheet)}
.tbk .tb-ig-cards .tb-ch{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}
.tbk .tb-ig-cards .tb-ch .tb-ico{color:var(--coral);width:1.3rem;height:1.3rem}
.tbk .tb-ig-cards dl{margin:0;display:grid;gap:.15rem}
.tbk .tb-ig-cards dt{font:700 .78rem/1.2 var(--f-head);color:var(--ink-2);margin-top:.35rem}
.tbk .tb-ig-cards dd{margin:0;font:400 .92rem/1.4 var(--f-head)}
.tbk .tb-ig-cards dt.tb-aid{color:var(--ok)}
.tbk .tb-ig-cards dd.tb-aid{font-weight:600}
.tbk .tb-flow ul.tb-list,.tbk .tb-flow ol.tb-list{margin:0 0 1.2rem;padding-left:1.3rem}
.tbk .tb-flow ul.tb-list li,.tbk .tb-flow ol.tb-list li{margin:.35rem 0}
.tbk .tb-flow ul.tb-list li::marker{color:var(--sea)}
.tbk .tb-flow ol.tb-list li::marker{color:var(--sea);font-weight:700}
.tbk .tb-ig-sim{display:grid;gap:.55rem}
.tbk .tb-ig-sim iframe{display:block;width:100%;height:min(56rem,calc(100svh - 4rem));min-height:34rem;border:0;border-radius:14px;background:transparent}
.tbk .tb-ig-sim .tb-sim-open{justify-self:end;display:inline-flex;gap:.4rem;align-items:center;color:var(--sea);font-weight:650;text-decoration:none;font-size:.95rem}
.tbk .tb-ig-sim .tb-sim-open svg{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.7}
.tbk .tb-ig-sim .tb-sim-prev{display:none;position:relative;border-radius:14px;overflow:hidden;background:#eaeef2;text-decoration:none}
.tbk .tb-ig-sim .tb-sim-prev img{display:block;width:88%;max-width:24rem;margin:0 auto;aspect-ratio:1/1;object-fit:contain}
.tbk .tb-ig-sim .tb-sim-badge{display:flex;width:fit-content;margin:-.4rem auto 1rem;gap:.45rem;align-items:center;white-space:nowrap;
  background:var(--sea);color:#fff;font-weight:700;font-size:1rem;padding:.6rem 1.1rem;border-radius:999px;box-shadow:0 4px 14px rgba(8,80,106,.35)}
.tbk .tb-ig-sim .tb-sim-badge svg{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.9}
@media (max-width:760px){.tbk .tb-ig-sim iframe,.tbk .tb-ig-sim .tb-sim-open{display:none}.tbk .tb-ig-sim .tb-sim-prev{display:block}}
.tbk .tb-svgp .tb-pimg{width:100%;aspect-ratio:240/170;object-fit:cover;object-position:center 35%;border-radius:4px;display:block}
.tbk .tb-ig-callouts.tb-ear li .tb-num-badge{background:#0d1b2e;color:#fff}
.tbk .tb-ig-callouts .tb-leads{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.tbk .tb-ig-callouts .tb-leads .tb-ln{stroke:#fff;stroke-width:1.6;vector-effect:non-scaling-stroke}
.tbk .tb-ig-callouts .tb-leads .tb-ln-b{stroke:rgba(4,26,38,.55);stroke-width:3.6;vector-effect:non-scaling-stroke}
.tbk .tb-ig-callouts .tb-dot{position:absolute;width:.6rem;height:.6rem;border-radius:50%;transform:translate(-50%,-50%);background:var(--sand);box-shadow:0 0 0 2px #fff,0 1px 4px rgba(0,0,0,.5)}
.tbk .tb-ig-callouts .tb-pin{width:1.6rem;height:1.6rem;line-height:1.6rem;font-size:.82rem}
.tbk .tb-ig-strip img{width:100%;display:block;border-radius:6px}
.tbk .tb-ig-strip ol{list-style:none;margin:.8rem 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:1rem}
.tbk .tb-ig-strip li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.05rem .55rem;align-content:start}
.tbk .tb-ig-strip li .tb-num-badge{grid-row:1/span 2;background:var(--sand);color:var(--ink)}
.tbk .tb-ig-strip .tb-note{margin:.9rem 0 0;font-weight:600;color:var(--coral)}
@container tbk (max-width:40rem){.tbk .tb-ig-strip ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tbk .tb-side-photo img[src*="prod-"]{object-fit:contain;background:#fff;border:1px solid var(--rule)}