/* Schemat kotłowni – wygenerowane przez Schematy/build-nexcraft.mjs, nie edytować ręcznie */
.schemat{
  --paper:#e9eff2; --sheet:#f9fbfc; --ink:#17303e; --muted:#587080; --rule:#cfdbe2; --grid:#e3ebf0;
  --sup:#c23a2b; --ret:#2a64aa; --brin:#2c8a4b; --brout:#178585; --dhw:#cf7417; --cold:#4596c8; --pool:#0b98ac;
  --poolfill:#cdeef3; --ground:#d9cdb8; --hl:#f4d35e;
  --f-ui:"IBM Plex Sans Condensed","Arial Narrow",Arial,sans-serif; --f-mono:"IBM Plex Mono",Consolas,monospace;
}
.schemat{
  --paper:#0b151c; --sheet:#0f1f2a; --ink:#d3e2eb; --muted:#8aa2b2; --rule:#24394a; --grid:#152a37;
  --sup:#ff6f5e; --ret:#5ea4f2; --brin:#55c57e; --brout:#3cc4c4; --dhw:#f4a443; --cold:#7fc5ef; --pool:#33cbe0;
  --poolfill:#0f3a44; --ground:#3a3227; --hl:#b8961f; color-scheme:dark}
.schemat{--paper:#060d20;--sheet:#0a182c;--rule:#24476a;--grid:#13283f;--muted:#8fa6c4}
.schemat{font-family:var(--f-ui);font-size:15px;line-height:1.5;color:var(--ink);max-width:1500px;margin:0 auto;padding-block:28px 56px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:grid;gap:22px}

.schemat .sch-head{display:grid;gap:6px}
.schemat .eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.schemat h1{margin:0;font-size:clamp(26px,4vw,38px);font-weight:700;line-height:1.1;text-wrap:balance}
.schemat .lede{margin:0;max-width:75ch;color:var(--muted)}
.schemat .bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.schemat .bar span{font-size:13px;color:var(--muted);margin-right:4px}
.schemat .chip{font:600 13px var(--f-ui);display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;border:1px solid var(--rule);background:var(--sheet);color:var(--ink);cursor:pointer}
.schemat .chip i{width:18px;height:4px;border-radius:2px;background:var(--c)}
.schemat .chip[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.schemat .chip:focus-visible,.schemat .tag:focus-visible{outline:2px solid var(--sup);outline-offset:2px}
.schemat .bar{position:relative}
.schemat .pop{position:absolute;top:calc(100% + 8px);left:0;z-index:5;max-width:min(360px,100%);padding:14px 16px;border:1px solid var(--ink);border-radius:8px;background:var(--sheet);box-shadow:0 10px 30px rgba(0,0,0,.25);display:grid;gap:10px}
.schemat .pop p{margin:0;font-weight:600}
.schemat .pop div{display:flex;flex-wrap:wrap;gap:8px}
.schemat .pop .chip.sel{border-color:var(--dhw);box-shadow:inset 0 0 0 1px var(--dhw)}
.schemat #f-co[aria-pressed="false"] #co-sub{display:none}
.schemat #co-pop .chip.sel{border-color:var(--ret);box-shadow:inset 0 0 0 1px var(--ret)}
.schemat [hidden]{display:none!important}
.schemat .tip{position:fixed;z-index:20;padding:10px 12px;border:1px solid var(--ink);border-radius:8px;background:var(--sheet);color:var(--ink);box-shadow:0 10px 30px rgba(0,0,0,.3);font-size:13.5px;line-height:1.35;display:grid;gap:4px;pointer-events:none}
.schemat .tip span{color:var(--muted);font-size:12.5px}
.schemat .tip .zal,.schemat td .zal{display:block;margin-top:4px;color:var(--ink);font-size:12.5px}
.schemat .zal b{color:var(--sup)}
.schemat svg .dim{font-family:var(--f-mono);font-size:11.5px;font-weight:600;fill:var(--ink);paint-order:stroke;stroke:var(--sheet);stroke-width:4px;stroke-linejoin:round}
.schemat #rury td:nth-child(3){font-family:var(--f-mono);font-weight:600;white-space:nowrap}
.schemat #rury td:nth-child(2),.schemat #rury td:nth-child(4){white-space:nowrap;font-variant-numeric:tabular-nums}
#schem:not(.with-circ) .circ,#schem.with-circ .nocirc{display:none}
.schemat .sheet{background:var(--sheet);border:1px solid var(--rule);border-radius:6px}
.schemat .scroll{overflow-x:auto}
.schemat > *{min-width:0}
#schem{display:block;width:100%;min-width:1100px;max-width:none;height:auto;aspect-ratio:1560/975}
.schemat .zoom{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--rule)}
.schemat .hint{margin-right:auto;font-size:12.5px;color:var(--muted)}
.schemat .zb{font:600 14px var(--f-ui);min-width:36px;min-height:34px;padding:4px 12px;border-radius:6px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);cursor:pointer}
.schemat .zb:disabled{opacity:.4;cursor:default}
.schemat .zb:focus-visible{outline:2px solid var(--sup);outline-offset:2px}
.schemat .legend{display:flex;flex-wrap:wrap;gap:10px 22px;padding:12px 16px;border-top:1px solid var(--rule);font-size:13px}
.schemat .legend div{display:flex;align-items:center;gap:8px}
.schemat .legend svg{flex:none}
.schemat .cols{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;align-items:start}
@media (max-width:900px){.schemat .cols{grid-template-columns:1fr}}
.schemat .card{padding:18px 20px}
.schemat h2{margin:0 0 10px;font-size:19px;font-weight:700;letter-spacing:.01em}
.schemat h3{margin:16px 0 6px;font-size:15px}
.schemat table{width:100%;border-collapse:collapse;font-size:14px}
.schemat td,.schemat th{padding:6px 8px;text-align:left;vertical-align:top;border-bottom:1px solid var(--grid)}
.schemat th.grp{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:14px;border-bottom:1px solid var(--rule)}
.schemat td.n{font-family:var(--f-mono);font-weight:600;width:2.6em;font-variant-numeric:tabular-nums}
.schemat td.n b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--ink);font-size:12px}
.schemat tr.row{cursor:pointer}
.schemat tr.row.hot td{background:color-mix(in srgb,var(--hl) 35%,transparent)}
.schemat td small{color:var(--muted)}
.schemat ol,.schemat ul{margin:0;padding-left:20px;display:grid;gap:6px}
.schemat .note{font-size:13.5px;color:var(--muted)}
.schemat .q li{padding-left:2px}
/* SVG */
.schemat .p{fill:none;stroke-width:4;stroke-linejoin:round}
.schemat .sup{stroke:var(--sup)} .schemat .ret{stroke:var(--ret)} .schemat .brin{stroke:var(--brin)} .schemat .brout{stroke:var(--brout)}
.schemat .dhw{stroke:var(--dhw)} .schemat .cold{stroke:var(--cold)} .schemat .pool{stroke:var(--pool)}
.schemat .dash{stroke-dasharray:9 6}
.schemat .thin{fill:none;stroke:var(--muted);stroke-width:1.4;stroke-dasharray:4 3}
.sy{fill:var(--sheet);stroke:var(--ink);stroke-width:1.6}
.sl{fill:none;stroke:var(--ink);stroke-width:1.6}
.dot{fill:var(--ink)}
.schemat .box{fill:var(--sheet);stroke:var(--ink);stroke-width:2}
.schemat .mod{fill:var(--paper);stroke:var(--ink);stroke-width:1.2}
.schemat .frame{fill:none;stroke:var(--muted);stroke-width:1.2;stroke-dasharray:6 5}
.schemat svg text{font-family:var(--f-ui);fill:var(--ink);font-size:12.5px}
.schemat .t-s{font-size:11px;fill:var(--muted)}
.schemat .t-b{font-weight:700}
.schemat .t-z{font-weight:700;font-size:13.5px;letter-spacing:.06em}
.schemat .t-m{font-family:var(--f-mono);font-size:10.5px}
.schemat .tag circle{fill:var(--sheet);stroke:var(--ink);stroke-width:1.5}
.schemat .tag text{font-family:var(--f-mono);font-size:10.5px;font-weight:600;text-anchor:middle;dominant-baseline:central}
.schemat .tag{cursor:pointer}
.schemat .tag.hot circle{fill:var(--hl);stroke-width:2.5}
.schemat [data-c]{transition:opacity .45s}
#schem[data-focus="brine"] [data-c]:not([data-c~="brine"]),
#schem[data-focus="heat"] [data-c]:not([data-c~="heat"]),
#schem[data-focus="dhw"] [data-c]:not([data-c~="dhw"]),
#schem[data-focus="co"] [data-c]:not([data-c~="co"]),
#schem[data-focus="co1"] [data-c]:not([data-c~="co1"]),
#schem[data-focus="co2"] [data-c]:not([data-c~="co2"]),
#schem[data-focus="pool"] [data-c]:not([data-c~="pool"]){opacity:var(--dim,.12)}
#schem.wycinek{--dim:.04}
@media (prefers-reduced-motion:reduce){.schemat [data-c]{transition:none}}

.schemat{padding-top:36px}
.schemat .crumb{font-size:13px;color:var(--muted);text-decoration:none}
.schemat .crumb:hover{color:var(--ink)}
.schemat h1{font-size:clamp(28px,4vw,44px);letter-spacing:-.6px}
