/* Jak realizujemy inwestycję: harmonogram z punktami przekazania, zakładki, lista dokumentów. Zakładki i źródła z value.css. */
.delivery-page .hero--plain{min-height:clamp(420px,56svh,580px)}

/* metoda: cztery karty */
.dl-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec__b .dl-cards li{display:flex;flex-direction:column;gap:10px;padding:22px 22px 24px 0;margin:0}
.sec__b .dl-cards li+li{padding-left:22px;border-left:1px solid var(--line)}
.sec__b .dl-cards li::before{display:none}
.dl-cards b{font-size:17px;font-weight:650;letter-spacing:-.02em;color:var(--ink)}
.dl-cards span{font-size:14.5px;line-height:1.65;color:#3d4d45}
.dl-lead{font-size:16px;line-height:1.7;color:#3d4d45;max-width:62ch;margin-bottom:20px}

/* ===== harmonogram ===== */
.gt{--rh:66px;--lw:128px;--hh:40px;--gas:#c9a227;--grid:#3567b8;--road:#6f7a66}
.gt-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:4px;background:#f6f6ee;overscroll-behavior-x:contain}
.gt-scroll:focus-visible{outline:3px solid #a07626;outline-offset:3px}
.gt-chart{position:relative;min-width:860px}
.gt-head{display:grid;grid-template-columns:var(--lw) 1fr;height:var(--hh);border-bottom:1px solid var(--line)}
.gt-corner{position:sticky;left:0;z-index:4;display:flex;align-items:center;padding-left:16px;background:#f6f6ee;font-size:11px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.gt-ph{display:grid;grid-template-columns:repeat(8,1fr)}
.gt-ph span{display:flex;align-items:center;justify-content:center;border-left:1px solid var(--line);font-size:12px;overflow-wrap:anywhere;font-weight:650;color:#3d4d45;text-align:center;padding-inline:2px}
.gt-lane{display:grid;grid-template-columns:var(--lw) 1fr;height:var(--rh);border-bottom:1px solid var(--line)}
.gt-lane:last-of-type{border-bottom:0}
.gt-ln{position:sticky;left:0;z-index:4;display:flex;align-items:center;padding-left:16px;background:#f6f6ee;font-size:14px;font-weight:650;letter-spacing:-.01em;border-right:1px solid var(--line)}
.gt-track{position:relative;display:grid;grid-template-columns:repeat(16,1fr);align-items:center;background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),var(--line) calc(12.5% - 1px) 12.5%)}
.gt-bar{grid-row:1;display:flex;align-items:center;height:46px;padding:0 10px;margin-inline:2px;border-left:3px solid var(--bc,var(--ink));border-radius:2px;background:var(--bf,#dfe3d0);color:var(--ink);font-size:12px;font-weight:600;line-height:1.25;overflow:hidden;transition:opacity var(--dur-state) var(--ease-out),box-shadow var(--dur-state) var(--ease-io)}
.gt-bar span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gt-bar--common{--bc:var(--ink);--bf:var(--ink);color:#f0f0e7}
.gt-bar--thin{--bc:var(--ink);--bf:color-mix(in srgb,var(--ink) 12%,#f6f6ee);height:24px;font-size:11.5px;font-weight:550}
.gt-bar--road{--bc:var(--road);--bf:color-mix(in srgb,var(--road) 26%,#f6f6ee)}
.gt-bar--gas{--bc:var(--gas);--bf:color-mix(in srgb,var(--gas) 38%,#f6f6ee)}
.gt-bar--grid{--bc:var(--grid);--bf:color-mix(in srgb,var(--grid) 24%,#f6f6ee)}
.gt-chart[data-sel] .gt-bar{background:color-mix(in srgb,var(--bf,#dfe3d0) 60%,transparent);border-left-color:color-mix(in srgb,var(--bc,var(--ink)) 60%,transparent);color:var(--ink)}
.gt-chart[data-sel] .gt-bar.is-on{background:var(--bf,#dfe3d0);border-left-color:var(--bc,var(--ink));box-shadow:0 0 0 2px var(--ink)}
.gt-chart[data-sel] .gt-bar--common.is-on{color:#f0f0e7}

/* punkty przekazania */
.gt-marks{position:absolute;left:var(--lw);right:0;top:var(--hh);height:calc(var(--lanes)*var(--rh));pointer-events:none;z-index:2}
.sec__b .gt-mk{border:0}
.gt-mk{background:transparent;padding:0;position:absolute;left:var(--x);top:calc(var(--r0)*var(--rh));height:calc(var(--rn)*var(--rh));width:44px;margin-left:-22px;color:var(--ink)}
.gt-mk::before{content:"";position:absolute;left:calc(50% - 1px);top:calc(var(--rh)/2);bottom:calc(var(--rh)/2);border-left:2px dashed color-mix(in srgb,var(--ink) 55%,transparent)}
.gt-mk__d{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%) rotate(45deg);display:grid;place-items:center;background:var(--green);border:2px solid var(--ink);pointer-events:auto;cursor:pointer;transition:background var(--dur-fast) var(--ease-io),transform var(--dur-fast) var(--ease-out)}
.gt-mk__d::after{content:"";position:absolute;inset:-9px}
.gt-mk__d b{transform:rotate(-45deg);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}
.gt-mk:hover .gt-mk__d,.gt-mk.is-on .gt-mk__d{background:var(--ink);color:var(--green);transform:translate(-50%,-50%) rotate(45deg) scale(1.12)}
.gt-mk:focus-visible{outline:none}
.gt-mk:focus-visible .gt-mk__d{outline:3px solid #a07626;outline-offset:4px}
.gt-mk__t{display:none;position:absolute;left:calc(50% + 24px);top:50%;transform:translateY(-50%);padding:5px 10px;border-radius:2px;background:var(--ink);color:#f0f0e7;font-size:12px;font-weight:600;white-space:nowrap;pointer-events:none}
.gt-mk--l .gt-mk__t{left:auto;right:calc(50% + 24px)}
.gt-mk:focus-visible .gt-mk__t,.gt-mk:hover .gt-mk__t{display:block}
.gt-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-top:12px}
.gt-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px;font-weight:600;color:#3d4d45}
.gt-lg::before{content:"";display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-2px;border-left:3px solid var(--bc);background:var(--bf)}
.gt-lg--common{--bc:var(--ink);--bf:var(--ink)}.gt-lg--road{--bc:var(--road);--bf:color-mix(in srgb,var(--road) 26%,#f6f6ee)}.gt-lg--gas{--bc:var(--gas);--bf:color-mix(in srgb,var(--gas) 38%,#f6f6ee)}.gt-lg--grid{--bc:var(--grid);--bf:color-mix(in srgb,var(--grid) 24%,#f6f6ee)}
.gt-hint{display:none;font-size:12px;color:var(--muted)}

.gt-detail{margin-top:30px;border-top:2px solid var(--ink);padding-top:18px}
.gt-after{margin-bottom:16px}
html.js .gt-panel[hidden]{display:none!important}
html:not(.js) .gt-panel+.gt-panel{margin-top:34px;padding-top:30px;border-top:1px solid var(--line)}
html:not(.js) .gt-mk__d{cursor:pointer}
.gt-panel:focus{outline:none}
.gt-route{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:#3d4d45}
.gt-n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--green);font-size:12px;letter-spacing:0;font-variant-numeric:tabular-nums}
.gt-panel>h3{font-size:clamp(24px,2.2vw,32px);letter-spacing:-.035em;line-height:1.15;max-width:26ch;margin-bottom:14px}
.gt-text{max-width:64ch;font-size:16px;line-height:1.7;color:#3d4d45;margin-bottom:22px}
.gt-cols{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(24px,4vw,56px)}
.gt-cols .ui-label{margin-bottom:8px}
.gt-checks{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line)}
.gt-checks li{position:relative;padding:12px 0 12px 26px;border-top:1px solid var(--line);font-size:15px;line-height:1.55}
.gt-checks li::before{content:"";position:absolute;left:3px;top:19px;width:10px;height:5px;border-left:2px solid var(--svc-deep);border-bottom:2px solid var(--svc-deep);transform:rotate(-45deg)}
.gt-rec{font-size:15px;line-height:1.65;padding:12px 0;border-top:1px solid var(--line);color:var(--ink)}
@media(prefers-reduced-motion:no-preference){.gt-panel.is-active{animation:vu-in var(--dur-state) var(--ease-out) both}}

/* koordynacja, jakość */
.dl-tabs{margin-bottom:6px}
.dl-kv{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line);max-width:920px}
.sec__b .dl-kv li{display:grid;grid-template-columns:minmax(150px,240px) 1fr;gap:6px 28px;padding:14px 0;margin:0;border-top:1px solid var(--line);font-size:15px;line-height:1.6}
.sec__b .dl-kv li::before{display:none}
.dl-kv b{font-weight:650;color:var(--ink)}
.dl-kv span{color:#3d4d45}
.dl-rules{margin-top:32px;max-width:920px}
.dl-rules .ui-label{margin-bottom:6px}
.dl-q{max-width:980px}
.sec__b .dl-qh{display:grid;margin:0;grid-template-columns:3fr 2fr;gap:28px;padding-bottom:8px;font-size:11px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.sec__b .dl-q ul{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line)}
.sec__b .dl-q li{display:grid;grid-template-columns:3fr 2fr;gap:28px;padding:14px 0;margin:0;border-top:1px solid var(--line);font-size:15px;line-height:1.6}
.sec__b .dl-q li::before{display:none}
.dl-q em{font-style:normal;color:var(--muted);font-size:14px}
.psec .vu-tablist+.vu-panel{margin-top:26px}

/* BHP */
.psec--vwide+.psec .faq{max-width:920px}
.psec .faq{max-width:920px}

/* dokumentacja: lista kontrolna */
.dc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px clamp(24px,4vw,56px)}
.dc-g{border:0;margin:0;padding:0;display:grid;gap:10px;align-content:start}
.dc-g legend{padding:0;margin-bottom:12px;font-size:12px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.dc-i{position:relative;min-height:56px}
.dc-count{margin-top:26px;font-size:14px;font-weight:650;color:var(--ink)}
html:not(.js) .dc-count{display:none}

/* drony */
.dr-body{display:grid;grid-template-columns:minmax(300px,5fr) minmax(0,6fr);gap:clamp(30px,4vw,64px);align-items:start}
.dr-fig{position:sticky;top:112px;background:#e8ead9;border:1px solid var(--line);border-radius:4px;padding:clamp(14px,2vw,26px) clamp(10px,1.5vw,20px) 16px;overflow:hidden}
.dr-fig figcaption{padding:14px 8px 0;margin-top:6px;border-top:1px solid var(--line);font-size:13px;line-height:1.55;color:var(--muted)}
.dr-iso .dz{opacity:.2;transition:opacity var(--dur-rv) var(--ease-out)}
.dr-iso .rd{fill:#c3c8b3;stroke:#142923;stroke-opacity:.4;stroke-width:1}
.dr-iso .rdl{fill:none;stroke:#f6f6ee;stroke-width:2;stroke-dasharray:10 8}
.dr-iso .flight{fill:none;stroke:#142923;stroke-width:2.5;stroke-dasharray:3 9;stroke-linecap:round;stroke-linejoin:round}
.dr-iso .flight-g{fill:none;stroke:#142923;stroke-opacity:.28;stroke-width:1.5;stroke-dasharray:2 7;stroke-linecap:round;stroke-linejoin:round}
.dr-iso .wpl{stroke:#142923;stroke-opacity:.35;stroke-width:1;stroke-dasharray:2 4}
.dr-iso .wp{fill:var(--paper,#f6f6ee);stroke:#142923;stroke-width:2}
.dr-iso .fp{fill:var(--svc,#8fd16a);fill-opacity:.38;stroke:#142923;stroke-opacity:.6;stroke-width:1.5}
.dr-iso .ray{fill:none;stroke:#142923;stroke-opacity:.35;stroke-width:1}
.dr-iso .shd-e{fill:#142923;fill-opacity:.18}
.dr-iso .arm{fill:none;stroke:#142923;stroke-width:3.5;stroke-linecap:round}
.dr-iso .rot{fill:#f6f6ee;fill-opacity:.55;stroke:#142923;stroke-width:1.8}
.dr-iso .hub{fill:#142923}
.dr-iso .drn .t{fill:var(--svc,#8fd16a)}
.dr-body:has([data-stage=before].is-active) :is(.dz-road,.dz-line),
.dr-body:has([data-stage=during].is-active) :is(.dz-road,.dz-plant),
.dr-body:has([data-stage=handover].is-active) .dz,
.dr-body:has([data-stage=service].is-active) :is(.dz-line,.dz-plant){opacity:1}
.dr-body:has([data-stage=before].is-active) .dz-plant{opacity:.25}
html:not(:has(.dr-side .is-active)) .dr-iso .dz{opacity:1}
.dr-items{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line)}
.dr-items li{position:relative;padding:12px 0 12px 26px;margin:0;border-top:1px solid var(--line);font-size:15px;line-height:1.55}
.dr-items li::before{content:"";position:absolute;left:3px;top:19px;width:10px;height:5px;border-left:2px solid var(--svc-deep);border-bottom:2px solid var(--svc-deep);transform:rotate(-45deg)}
@media(prefers-reduced-motion:no-preference){.dr-iso .flight{animation:vu-flow 1.4s linear infinite}}

@media(max-width:1100px){
.dl-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.sec__b .dl-cards li:nth-child(odd){padding-left:0;border-left:0}
.sec__b .dl-cards li:nth-child(n+3){border-top:1px solid var(--line)}
.dr-body{grid-template-columns:1fr}
.dr-fig{position:static}
}
@media(max-width:900px){
.gt-hint{display:block}
.gt{--lw:80px}
.gt-chart{min-width:740px}
.gt-cols{grid-template-columns:1fr}
}
@media(max-width:760px){
.dl-cards{grid-template-columns:1fr}
.sec__b .dl-cards li,.sec__b .dl-cards li+li{padding:18px 0;border-left:0}
.sec__b .dl-cards li+li{border-top:1px solid var(--line)}
.sec__b .dl-kv li{grid-template-columns:1fr}
.sec__b .dl-qh{display:none}
.dl-q em::before{content:"Zapis: ";font-weight:650}
.sec__b .dl-q li{grid-template-columns:1fr;gap:4px}
.dc-grid{grid-template-columns:1fr}
.gt-ln{font-size:13px;padding-left:12px}
}
@media print{.gt-scroll{overflow:visible}.gt-chart{min-width:0}html.js .gt-panel[hidden]{display:block!important}}
/* source links: full 44px tap height on touch screens */
@media (pointer: coarse), (max-width: 760px) { p.src a { display: inline-block !important; padding: 11px 0 !important; line-height: 22px; } }
/* sources list: each law link is a full 44px row on phones */
@media (pointer: coarse), (max-width: 760px) { .psec--sources li a { display: inline-block; padding: 11px 0; line-height: 22px; } }

.gt-cols--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gt-rec b{font-weight:650}
.gt-cardnote{margin:0 0 18px;max-width:70ch;font-size:14px;line-height:1.6;color:var(--muted)}
@media(max-width:900px){.gt-cols--3{grid-template-columns:1fr}}
/* px1: przerywane linie punktów przekazania biegną pod paskami, rombami nad nimi. */
.gt-marks{z-index:auto}.gt-mk__d{z-index:3}.gt-bar{position:relative;z-index:1}
.dr-side .vu-tablist{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
/* px3: przy 1101-1365 px cztery karty metody 2 x 2 (było 4 x 196 px po 10-15 wierszy) */
@media(min-width:1101px) and (max-width:1699px){.dl-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sec__b .dl-cards li:nth-child(odd){padding-left:0;border-left:0}.sec__b .dl-cards li:nth-child(n+3){border-top:1px solid var(--line)}}
/* Wąska kolumna treści obok spisu (801-980 px): karty w jednej kolumnie, wiersz tekstu nie krótszy niż 35 znaków. */
@media(min-width:801px) and (max-width:980px){.dl-cards{grid-template-columns:1fr}.sec__b .dl-cards li,.sec__b .dl-cards li+li{padding:18px 0;border-left:0}.sec__b .dl-cards li+li{border-top:1px solid var(--line)}}

/* a13 item 8: telefon: pionowa lista pięciu punktów przekazania zamiast wykresu o szerokości 740 px; komputer: wybrana karta i jej tory wyróżnione */
.gl{display:none}
.gt-chart[data-sel] .gt-lane:not(.is-on) .gt-bar{background:color-mix(in srgb,var(--bf,#dfe3d0) 35%,transparent);border-left-color:color-mix(in srgb,var(--bc,var(--ink)) 35%,transparent);color:var(--ink);box-shadow:none}
.gt-chart[data-sel] .gt-bar--common:not(.is-on),.gt-chart[data-sel] .gt-lane:not(.is-on) .gt-bar--common{background:color-mix(in srgb,var(--ink) 20%,transparent);color:var(--ink)}
.gt-chart[data-sel] .gt-lane:not(.is-on) .gt-ln{color:var(--muted);font-weight:550}
.gt-chart[data-sel] .gt-lane.is-on .gt-ln{box-shadow:inset 3px 0 0 var(--ink)}
.gt-panel.is-active{padding:clamp(18px,2.4vw,30px);border:1px solid var(--ink);border-left-width:4px;border-radius:3px;background:#fff}
@media(max-width:700px){
  .gt-scroll,.gt-foot .gt-hint,.gt-detail{display:none}
  .gt-foot{margin-top:0}
  .gl{display:block;list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
  .gl-i{padding:22px 0 24px;border-bottom:1px solid var(--line)}
  .gl-route{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:12px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:#3d4d45}
  .gl-i h3{font-size:22px;letter-spacing:-.03em;line-height:1.2;margin-bottom:14px}
  .gl-who{margin:0 0 16px;display:grid;gap:8px}
  .gl-who>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:10px 12px;background:#f6f6ee;border-left:3px solid var(--ink);font-size:14.5px;line-height:1.45}
  .gl-who dt{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-top:2px}
  .gl-who dd{margin:0}
  .gl-i .ui-label{margin-bottom:6px}
  .gl-rec{font-size:14.5px;line-height:1.6;margin-top:14px}
  .gl-cond{font-size:16px;line-height:1.55;margin:0 0 14px}
  .gl-d{border:1px solid var(--line-strong,var(--line));border-radius:4px;background:#fff}
  .gl-d>summary{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:48px;padding:0 16px;cursor:pointer;list-style:none;font-size:15.5px;font-weight:650;color:var(--ink)}
  .gl-d>summary::-webkit-details-marker{display:none}
  .gl-d .plus{font-style:normal;font-size:22px;line-height:1;transition:transform var(--dur-fast) var(--ease-io)}
  .gl-d[open] .plus{transform:rotate(45deg)}
  .gl-d>summary:focus-visible{outline:2px solid #a07626;outline-offset:-3px}
  .gl-db{padding:2px 18px 16px}
}
@media print{.gl{display:none!important}}