/* TitanMC /blog/minecraft-lag-jak-naprawic (after landing-v1.css; classes pg-lg-*). „Od klatkowania do płynności”: a game
   screen with F3 open; colour = health (red/amber lag, lime smooth), gold = brand; motion stepped while it lags, fluid after. */
body[data-pg=lag]{
  --lp-acc:#A3E635;--lp-acc-rgb:163,230,53;
  --lg-ok:#A3E635;--lg-ok-rgb:163,230,53;--lg-warn:#FFB020;--lg-warn-rgb:255,176,32;--lg-bad:#FF5A4F;--lg-bad-rgb:255,90,79;
  --lg-ink:#ECEAE3;--lg-ink-2:rgba(236,234,227,.66);--lg-ink-3:rgba(236,234,227,.44);
  --lg-hud:rgba(6,7,11,.72);--lg-hud-2:rgba(9,10,15,.86);
  --lg-mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
  --lg-notch:polygon(0 4px,2px 4px,2px 2px,4px 2px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px));
  --lg-cross:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath d='M12 3h2v8h8v2h-8v8h-2v-8H4v-2h8z' fill='%23000' fill-opacity='.55' transform='translate(.5 .5)'/%3E%3Cpath d='M12 3h2v8h8v2h-8v8h-2v-8H4v-2h8z' fill='%23fff'/%3E%3C/svg%3E") 13 13,crosshair
}

body[data-pg=lag]{margin:0}

body[data-pg=lag] .lp-progress{height:3px;background:linear-gradient(90deg,var(--lg-bad),var(--lg-warn) 28%,var(--lp-gold-hi) 56%,var(--lg-ok))}

body[data-pg=lag] kbd{min-width:2em;padding:3px 7px 2px;border-radius:4px;border:1px solid rgba(255,255,255,.2);border-bottom-width:1px;
  background:linear-gradient(180deg,#22242c,#15161c);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 2px 0 #050608,0 3px 6px -2px rgba(0,0,0,.7);
  color:#fff;font:400 .84em/1.2 var(--lg-mono);vertical-align:.08em}

/* ── hero */

body[data-pg=lag] .lp-hero--post{box-sizing:border-box;min-height:min(100svh,1040px);padding:clamp(100px,12.5vh,136px) clamp(20px,4.4vw,84px) clamp(30px,5.5vh,60px);cursor:var(--lg-cross)}
body[data-pg=lag] .lp-hero-bg img{animation:none;transform:scale(1.1);transform-origin:50% 45%;will-change:transform;object-position:center 46%}

body[data-pg=lag] .lp-hero-bg img.is-shown{object-position:center 46.02%}

body[data-pg=lag] .lp-hero-bg .pg-lg-rip{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 46%;transform-origin:50% 45%;visibility:hidden;pointer-events:none}
body[data-pg=lag] .lp-hero-bg .pg-lg-rip.is-on{visibility:visible}
body[data-pg=lag] .lp-hero-bg::after{background:
  linear-gradient(90deg,rgba(8,8,13,.9) 0%,rgba(8,8,13,.74) 30%,rgba(8,8,13,.2) 58%,rgba(8,8,13,.06) 72%,rgba(8,8,13,.34) 100%),
  linear-gradient(180deg,rgba(8,8,13,.62) 0%,rgba(8,8,13,0) 22%,rgba(8,8,13,0) 70%,var(--lp-bg) 100%)}
body[data-pg=lag] .lp-hero--post .lp-hero-in{max-width:1640px}
body[data-pg=lag] .lp-hero--post .lp-hero-copy{position:relative;cursor:auto;max-width:900px}

.pg-lg-ln,body[data-pg=lag] .lp-hero .lp-crumbs ol,body[data-pg=lag] .lp-hero .lp-cat,.pg-lg-hud-t,.pg-lg-badge{box-sizing:border-box;min-height:26px;background:var(--lg-hud);clip-path:var(--lg-notch)}
.pg-lg-ln,body[data-pg=lag] .lp-hero .lp-crumbs ol,body[data-pg=lag] .lp-hero .lp-cat{width:max-content;max-width:100%;margin:0;padding:6px 10px 4px;font:400 .74rem/1.3 var(--lg-mono);letter-spacing:0;color:var(--lg-ink-2)}
body[data-pg=lag] .lp-hero .lp-crumbs ol{gap:4px 7px;margin:0;text-transform:none}
body[data-pg=lag] .lp-hero .lp-crumbs li+li::before{margin-right:7px;color:var(--lg-ink-3)}
body[data-pg=lag] .lp-hero .lp-crumbs a{color:var(--lg-ink-2)}
@media(hover:hover){body[data-pg=lag] .lp-hero .lp-crumbs a:hover{color:var(--lg-ok)}}
body[data-pg=lag] .lp-hero .lp-crumbs li[aria-current]{color:#fff}
body[data-pg=lag] .lp-hero .lp-cat{position:relative;display:block;padding-left:22px;border:0;border-radius:0;color:var(--lg-ok);letter-spacing:.08em;text-transform:uppercase}
body[data-pg=lag] .lp-hero .lp-cat::before{content:'';position:absolute;left:10px;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--lg-ok)}
.pg-lg-f3l{display:grid;justify-items:start;gap:3px;margin:3px 0 clamp(26px,4.6vh,46px)}
.pg-lg-f3l .pg-lg-ln{--lg-c:var(--lg-bad)}
.pg-lg-ln[data-h="warn"]{--lg-c:var(--lg-warn)}.pg-lg-ln[data-h="ok"]{--lg-c:var(--lg-ok)}
.pg-lg-ln b{display:inline-block;min-width:2ch;text-align:right;font-weight:700;color:var(--lg-c);font-variant-numeric:tabular-nums;transition:color .35s}
.pg-lg-ln-t{color:#fff!important}
body[data-pg=lag] .lp-hero--post .lp-h1{position:relative;font-size:clamp(2.1rem,3.35vw,3.95rem);margin-bottom:22px}
body[data-pg=lag] .lp-hero .lp-lead{max-width:44rem;margin-bottom:24px}
body[data-pg=lag] .lp-hero .lp-meta{margin-bottom:24px}
body[data-pg=lag] .lp-hero .lp-meta img{border-radius:4px}
body[data-pg=lag] .lp-hero .lp-meta i{color:var(--lg-ok)}

body[data-pg=lag] .lp-hero .lp-stats{display:grid;grid-template-columns:repeat(2,max-content);gap:3px 6px;max-width:none;margin:0 0 30px;border:0;border-radius:0;background:none;overflow:visible}
body[data-pg=lag] .lp-hero .lp-stat{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:baseline;gap:8px;padding:5px 11px 3px 10px;background:var(--lg-hud);text-align:left;clip-path:var(--lg-notch)}
body[data-pg=lag] .lp-hero .lp-stat>span{margin:0;font:400 .74rem/1.3 var(--lg-mono);letter-spacing:0;text-transform:none;color:var(--lg-ink-2)}
body[data-pg=lag] .lp-hero .lp-stat>span::after{content:':'}
body[data-pg=lag] .lp-hero .lp-stat b{font:500 1.36rem/.9 'Teko',sans-serif;letter-spacing:.03em;color:var(--lp-gold-hi);font-variant-numeric:tabular-nums}
body[data-pg=lag] .lp-hero .lp-btn-ghost{background:rgba(6,7,11,.55)}
@media(hover:hover){body[data-pg=lag] .lp-hero .lp-btn-ghost:hover{border-color:rgba(var(--lg-ok-rgb),.6);color:var(--lg-ok)}}

.pg-lg-h1w{position:relative}
body[data-pg=lag] .lp-hero .pg-lg-tear{position:absolute;z-index:2;left:0;top:0;width:100%;margin:0;pointer-events:none;visibility:hidden;background:none;-webkit-user-select:none;user-select:none}
body[data-pg=lag] .lp-hero .pg-lg-tear.is-on{visibility:visible}

.pg-lg-strip{position:absolute;z-index:1;left:0;right:0;bottom:0;height:28px;pointer-events:none;border-bottom:1px solid rgba(255,255,255,.12)}
.pg-lg-strip canvas{display:block;width:100%;height:100%;-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.pg-lg-strip-k{display:none}
html:not(.lp-js) .pg-lg-strip{display:none}
.pg-lg-frame{display:none}

.pg-lg-hud{--lg-c:var(--lg-bad);--lg-c-rgb:var(--lg-bad-rgb);position:relative;min-width:0;cursor:auto;color:var(--lg-ink);font-family:var(--lg-mono);text-align:left}
.pg-lg-hud[data-state="ok"]{--lg-c:var(--lg-ok);--lg-c-rgb:var(--lg-ok-rgb)}
.pg-lg-hud p{margin:0}
.pg-lg-f3r{display:flex;align-items:center;gap:6px}
.pg-lg-hud-t{display:inline-flex;align-items:center;gap:9px;padding:4px 11px 4px 5px;font:400 .74rem/1 var(--lg-mono);color:var(--lg-ink-2)}
.pg-lg-hud-t kbd{font-size:.7rem;padding:3px 6px 2px}
.pg-lg-badge{display:inline-flex;align-items:center;gap:9px;padding:6px 12px 6px 10px;font:700 .72rem/1 'Rajdhani',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--lg-c);transition:color .4s}
.pg-lg-badge i{position:relative;width:8px;height:8px;background:var(--lg-c);transition:background-color .4s}
.pg-lg-badge i::after{content:'';position:absolute;inset:-4px;border:1px solid var(--lg-c);opacity:0;animation:pg-lg-blink 1.1s steps(2,jump-none) infinite}
.pg-lg-hud[data-state="ok"] .pg-lg-badge i::after{animation:pg-lg-ring 2.6s var(--lp-ease) infinite}
.pg-lg-badge-ok,.pg-lg-hud[data-state="ok"] .pg-lg-badge-lag{display:none}
.pg-lg-hud[data-state="ok"] .pg-lg-badge-ok{display:inline}
.pg-lg-dock{display:grid;gap:8px}
.pg-lg-mods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}

.pg-lg-mod{--lg-c:var(--lg-bad);--lg-c-rgb:var(--lg-bad-rgb);position:relative;isolation:isolate;display:grid;gap:7px;min-width:0;padding:11px 14px 10px;outline:0}

.pg-lg-mod:hover,.pg-lg-mod:focus-visible,.pg-lg-mod.is-tip{z-index:8}
.pg-lg-mod[data-h="warn"]{--lg-c:var(--lg-warn);--lg-c-rgb:var(--lg-warn-rgb)}
.pg-lg-mod[data-h="ok"]{--lg-c:var(--lg-ok);--lg-c-rgb:var(--lg-ok-rgb)}
.pg-lg-mod::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(8,9,14,.86),rgba(8,9,14,.72));clip-path:var(--lg-notch)}
.pg-lg-mod::after{content:'';position:absolute;left:4px;right:4px;top:0;height:1px;background:var(--lg-c);opacity:.75;transition:background-color .4s}
.pg-lg-mod:focus-visible::before{background:linear-gradient(180deg,rgba(20,22,30,.92),rgba(12,13,19,.8))}
.pg-lg-mod:focus-visible{outline:1px dashed rgba(var(--lg-c-rgb),.7);outline-offset:3px}
.pg-lg-mod-h{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.pg-lg-mod-k{font:400 .72rem/1.2 var(--lg-mono);color:var(--lg-ink-3)}
.pg-lg-mod-k b{display:block;margin-bottom:3px;font:700 .86rem/1 'Rajdhani',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#fff}
.pg-lg-mod-v{display:flex;align-items:baseline;gap:6px;color:var(--lg-c);transition:color .35s}
.pg-lg-mod-v b{min-width:2ch;text-align:right;font:500 2.35rem/.78 'Teko',sans-serif;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.pg-lg-mod-v span{font:400 .7rem/1 var(--lg-mono);color:var(--lg-ink-3);white-space:nowrap}
.pg-lg-plot{position:relative;height:var(--ph,56px);border-bottom:1px solid rgba(255,255,255,.16);background:repeating-linear-gradient(0deg,transparent 0 13px,rgba(255,255,255,.035) 13px 14px)}
.pg-lg-plot canvas,.pg-lg-still{position:absolute;inset:0;display:block;width:100%;height:100%}
.pg-lg-still-w{fill:var(--lg-warn)}.pg-lg-still-b{fill:var(--lg-bad)}.pg-lg-still-l{fill:none;stroke:var(--lg-bad);stroke-width:1.5px;vector-effect:non-scaling-stroke}
.pg-lg-hud.is-live .pg-lg-still{display:none}
.pg-lg-ref{position:absolute;z-index:1;left:0;right:0;bottom:calc(var(--y) * 100%);height:0;border-top:1px dashed rgba(255,255,255,.34);pointer-events:none}
.pg-lg-ref::before{content:attr(data-t);position:absolute;left:0;bottom:3px;padding:2px 5px 1px;background:rgba(8,9,14,.88);font:400 .6rem/1 var(--lg-mono);color:rgba(255,255,255,.62);white-space:nowrap}
.pg-lg-say{position:absolute;z-index:1;left:0;top:0;padding:2px 5px 1px;background:rgba(8,9,14,.88);font:400 .6rem/1 var(--lg-mono);color:rgba(255,255,255,.62)}
.pg-lg-say-ok,.pg-lg-mod[data-h="ok"] .pg-lg-say-lag{display:none}
.pg-lg-mod[data-h="ok"] .pg-lg-say-ok{display:inline}
.pg-lg-mod-f{display:flex;align-items:center;gap:5px;font:400 .66rem/1 var(--lg-mono);color:var(--lg-ink-3);white-space:nowrap}
.pg-lg-mspt{color:var(--lg-c);transition:color .35s}

.pg-lg-tip{position:absolute;z-index:6;left:0;bottom:calc(100% + 12px);width:min(264px,calc(100vw - 48px));padding:12px 14px 13px;background:#0B0C11;border:1px solid rgba(var(--lg-c-rgb),.6);box-shadow:0 18px 40px -16px rgba(0,0,0,.9);
  font:400 .84rem/1.45 'Chakra Petch',sans-serif;color:var(--lp-dim);opacity:0;transform:translate3d(0,8px,0);transition:opacity .18s,transform .3s var(--lp-ease);pointer-events:none}
.pg-lg-tip::after{content:'';position:absolute;left:24px;bottom:-6px;width:10px;height:10px;background:#0B0C11;border:solid rgba(var(--lg-c-rgb),.6);border-width:0 1px 1px 0;transform:rotate(45deg)}
.pg-lg-mod[data-k="ping"] .pg-lg-tip{left:50%;margin-left:-132px}.pg-lg-mod[data-k="ping"] .pg-lg-tip::after{left:50%;margin-left:-5px}
.pg-lg-mod[data-k="tps"] .pg-lg-tip{left:auto;right:0}.pg-lg-mod[data-k="tps"] .pg-lg-tip::after{left:auto;right:24px}
.pg-lg-tip b{display:block;margin-bottom:2px;color:#fff;font-weight:600}
.pg-lg-mod:hover .pg-lg-tip,.pg-lg-mod:focus-visible .pg-lg-tip,.pg-lg-mod.is-tip .pg-lg-tip{opacity:1;transform:none}

.pg-lg-bar{display:flex;align-items:center;gap:8px}
.pg-lg-fixrow{display:flex;align-items:center}
.pg-lg-fix{position:relative;display:inline-flex;align-items:center;gap:12px;min-height:54px;padding:0 20px 4px 12px;border:1px solid rgba(var(--lg-ok-rgb),.6);border-radius:8px;
  background:linear-gradient(180deg,#1B2112,#10130B);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -4px 0 rgba(0,0,0,.6),0 14px 28px -16px rgba(var(--lg-ok-rgb),.75);
  color:var(--lg-ok);font:700 .95rem/1 'Rajdhani',sans-serif;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;cursor:pointer;
  transition:transform .12s ease-out,box-shadow .12s ease-out,background-color .25s,border-color .25s,color .25s}
.pg-lg-fix::before{content:'';position:absolute;inset:-5px;border-radius:12px;border:1px solid rgba(var(--lg-ok-rgb),.55);opacity:0;animation:pg-lg-invite 2.4s var(--lp-ease) infinite;pointer-events:none}
.pg-lg-hud[data-state="ok"] .pg-lg-fix::before,.pg-lg-hud[data-state="fixing"] .pg-lg-fix::before{animation:none}

.pg-lg-fix-cap{--k:#142004;position:relative;flex:none;width:32px;height:32px;border-radius:4px;background:var(--lg-ok);box-shadow:inset 0 -3px 0 rgba(0,0,0,.28);transition:background-color .25s}
.pg-lg-fix-cap i{position:absolute;left:7px;top:8px;width:18px;height:12px;background:
  linear-gradient(var(--k),var(--k)) 15px 0/3px 9px no-repeat,linear-gradient(var(--k),var(--k)) 0 6px/18px 3px no-repeat,
  linear-gradient(var(--k),var(--k)) 3px 3px/3px 9px no-repeat}
.pg-lg-fix-n{padding-left:12px;border-left:1px solid rgba(var(--lg-ok-rgb),.3);font:400 .7rem/1 var(--lg-mono);letter-spacing:0;text-transform:none;color:var(--lg-ink-3)}
@media(hover:hover){.pg-lg-fix:hover{background-color:#1F2614;border-color:var(--lg-ok);transform:translateY(-1px)}}
.pg-lg-fix:active,.pg-lg-fix.is-down{transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(0,0,0,.6),0 6px 14px -12px rgba(var(--lg-ok-rgb),.6)}
.pg-lg-fix:focus-visible{outline:2px solid var(--lg-ok);outline-offset:4px}
.pg-lg-hud[data-state="ok"] .pg-lg-fix{border-color:rgba(255,255,255,.18);background:linear-gradient(180deg,#1A1B21,#111217);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -4px 0 rgba(0,0,0,.6);color:var(--lg-ink)}
.pg-lg-hud[data-state="ok"] .pg-lg-fix-cap{--k:#2A1A02;background:var(--lg-warn)}
.pg-lg-log{display:flex;align-items:center;gap:10px;min-width:0;padding:5px 12px 4px 8px;background:var(--lg-hud);clip-path:var(--lg-notch);font:400 .74rem/1.3 var(--lg-mono);color:var(--lg-ink-2)}
.pg-lg-log::before{content:'›';flex:none;color:var(--lg-c);transition:color .35s}
.pg-lg-log-n{flex:none;min-width:3.2ch;font:500 1.2rem/1 'Teko',sans-serif;letter-spacing:.04em;color:var(--lg-c);font-variant-numeric:tabular-nums;transition:color .35s}
.pg-lg-log-t{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pg-lg-note{font:400 .68rem/1.45 var(--lg-mono);color:rgba(236,234,227,.42)}
html:not(.lp-js) .pg-lg-fixrow{display:none}

/* ── the full-frame screen (1200 px and wider) */
@media(min-width:1200px){
  body[data-pg=lag] .lp-hero--post{
    --fr:clamp(14px,1.25vw,24px);--fr-t:89px;--fr-b:clamp(10px,1.5vh,16px);--in:clamp(16px,1.6vw,30px);--st:clamp(32px,5vh,50px);
    --mw:clamp(196px,15vw,288px);--cx:calc(var(--fr) + var(--in));
    align-items:start;padding:calc(var(--fr-t) + var(--in)) var(--cx) calc(var(--fr-b) + var(--st) + 28px)}
  body[data-pg=lag] .lp-hero--post .lp-hero-in{position:static;display:block;max-width:none;margin:0}
  body[data-pg=lag] .lp-hero--post .lp-hero-copy{position:static;max-width:min(900px,calc(100% - 3 * var(--mw) - 16px - clamp(40px,4vw,80px)))}
  
  body[data-pg=lag] .lp-hero .lp-crumbs{display:inline-block;vertical-align:top;margin-right:3px}
  body[data-pg=lag] .lp-hero .lp-cat{display:inline-block;vertical-align:top}
  
  body[data-pg=lag] .lp-hero .lp-stats{position:absolute;top:calc(var(--fr-t) + var(--in) + 29px);right:var(--cx);grid-template-columns:max-content;justify-items:end;margin:0}
  body[data-pg=lag] .lp-hero .lp-stat{padding:6px 10px 3px}
  body[data-pg=lag] .lp-hero .lp-actions{margin-top:0}
  .pg-lg-hud{position:absolute;top:var(--fr-t);left:var(--fr);right:var(--fr);bottom:var(--fr-b);pointer-events:none}
  .pg-lg-f3r{position:absolute;top:var(--in);right:var(--in);pointer-events:auto}
  .pg-lg-f3r>*{height:26px}
  .pg-lg-dock{position:absolute;right:var(--in);bottom:calc(var(--st) + clamp(12px,1.8vh,20px));width:calc(3 * var(--mw) + 16px);pointer-events:auto}
  .pg-lg-mods{--ph:clamp(44px,7.2vh,74px)}
  .pg-lg-log{flex:1}
  .pg-lg-note{text-align:right}
  .pg-lg-strip{left:var(--fr);right:var(--fr);bottom:var(--fr-b);height:var(--st);border-bottom:0}
  .pg-lg-strip canvas{-webkit-mask:linear-gradient(90deg,transparent 2%,#000 16%,#000 96%,transparent);mask:linear-gradient(90deg,transparent 2%,#000 16%,#000 96%,transparent)}
  .pg-lg-strip-k{position:absolute;left:var(--in);bottom:8px;display:inline-flex;align-items:center;gap:5px;padding:4px 9px 3px 5px;background:var(--lg-hud);clip-path:var(--lg-notch);font:400 .66rem/1 var(--lg-mono);color:var(--lg-ink-3)}
  .pg-lg-strip-k span{margin-left:4px}
  
  .pg-lg-frame{--lg-fc:rgba(var(--lg-bad-rgb),.85);display:block;position:absolute;z-index:1;top:var(--fr-t);left:var(--fr);right:var(--fr);bottom:var(--fr-b);border:1px solid rgba(255,255,255,.1);pointer-events:none}
  .pg-lg-frame i{position:absolute;left:-1px;top:-1px;width:20px;height:20px;border:solid var(--lg-fc);border-width:2px 0 0 2px;transition:border-color .5s}
  .pg-lg-frame i:nth-child(2){left:auto;right:-1px;transform:scaleX(-1)}
  .pg-lg-frame i:nth-child(3){top:auto;bottom:-1px;transform:scaleY(-1)}
  .pg-lg-frame i:nth-child(4){top:auto;left:auto;right:-1px;bottom:-1px;transform:scale(-1)}
  .lp-hero[data-lg="fixing"] .pg-lg-frame{--lg-fc:rgba(var(--lg-warn-rgb),.9)}
  .lp-hero[data-lg="ok"] .pg-lg-frame{--lg-fc:rgba(var(--lg-ok-rgb),.9)}
}

@media(min-width:1200px) and (max-height:820px){
  body[data-pg=lag] .lp-hero--post{--fr-t:86px;--in:clamp(14px,1.3vw,22px)}
  body[data-pg=lag] .lp-hero--post .lp-h1{font-size:clamp(2rem,2.95vw,3.3rem);margin-bottom:16px}
  .pg-lg-f3l{margin-bottom:24px}
  body[data-pg=lag] .lp-hero .lp-lead{font-size:1.04rem;margin-bottom:18px}
  body[data-pg=lag] .lp-hero .lp-meta{margin-bottom:18px}
  .pg-lg-mod{gap:5px;padding:9px 12px 8px}
  .pg-lg-mod-v b{font-size:2.05rem}
  .pg-lg-fix{min-height:48px}
}

/* ── the band (<1200 px) */
@media(max-width:1199px){
  body[data-pg=lag] .lp-hero--post .lp-hero-in{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(8,auto);gap:0;max-width:720px}
  body[data-pg=lag] .lp-hero--post .lp-hero-copy{display:grid;grid-column:1;grid-row:1/span 8;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;max-width:none}
  body[data-pg=lag] .lp-hero .lp-crumbs{grid-row:1;margin-bottom:6px}body[data-pg=lag] .lp-hero .lp-crumbs ol{margin:0 auto}
  body[data-pg=lag] .lp-hero .lp-cat{grid-row:2;justify-self:center;margin-bottom:18px}
  .pg-lg-f3l{display:none}
  body[data-pg=lag] .lp-hero .pg-lg-h1w{grid-row:3;min-width:0}
  body[data-pg=lag] .lp-hero .pg-lg-hud{grid-column:1;grid-row:4}body[data-pg=lag] .lp-hero .lp-lead{grid-row:5}body[data-pg=lag] .lp-hero .lp-meta{grid-row:6}
  body[data-pg=lag] .lp-hero .lp-stats{grid-row:7;justify-content:center;margin-left:auto;margin-right:auto}body[data-pg=lag] .lp-hero .lp-actions{grid-row:8}
  .pg-lg-hud{display:grid;gap:6px;width:100%;max-width:640px;margin:2px auto 26px}
  .pg-lg-f3r{justify-content:space-between}
  .pg-lg-dock,.pg-lg-mods{gap:6px}
  .pg-lg-bar{display:grid;gap:8px}
  .pg-lg-fixrow{justify-content:center}
  .pg-lg-note{text-align:center}
  .pg-lg-tip{bottom:auto;top:calc(100% + 10px);transform:translate3d(0,-6px,0)}
  .pg-lg-tip::after{bottom:auto;top:-6px;border-width:1px 0 0 1px}
  .pg-lg-mod[data-k="ping"] .pg-lg-tip{margin-left:max(-150px,calc(-50vw + 24px))}
  
  body[data-pg=lag] .lp-hero-bg{bottom:auto;height:min(100%,calc(100svh - 48px))}
  body[data-pg=lag] .lp-hero-bg img,body[data-pg=lag] .lp-hero-bg .pg-lg-rip{object-position:64% 40%}
  body[data-pg=lag] .lp-hero-bg img.is-shown{object-position:64% 40.02%}
  body[data-pg=lag] .lp-hero-bg::after{background:linear-gradient(180deg,rgba(8,8,13,.72) 0%,rgba(8,8,13,.52) 34%,rgba(8,8,13,.66) 62%,rgba(8,8,13,.86) 84%,var(--lp-bg) 100%)}
}
@media(max-width:640px){
  body[data-pg=lag] .lp-hero--post{padding:96px 16px 44px}
  body[data-pg=lag] .lp-hero .lp-cat{margin-bottom:14px}
  body[data-pg=lag] .lp-hero--post .lp-h1{font-size:2.05rem;margin-bottom:16px}
  .pg-lg-hud{gap:5px;margin-bottom:22px}
  .pg-lg-dock,.pg-lg-mods{gap:5px}
  .pg-lg-hud-t span{display:none}
  .pg-lg-mod{gap:5px;padding:9px 8px 8px}
  .pg-lg-mod-h{flex-direction:column;align-items:flex-start;gap:5px}
  .pg-lg-mod-k{font-size:.62rem}
  .pg-lg-mod-k b{font-size:.78rem;letter-spacing:.14em}
  .pg-lg-mod-v b{font-size:1.95rem;min-width:0}
  .pg-lg-plot{height:40px}
  .pg-lg-mod-f{display:none}
  .pg-lg-ref,.pg-lg-say{font-size:.54rem}
  .pg-lg-fix{justify-content:center;width:100%;min-height:52px}
  .pg-lg-fixrow{display:block}
  body[data-pg=lag] .lp-hero .lp-stats{grid-template-columns:repeat(2,minmax(0,max-content));gap:5px}
  body[data-pg=lag] .lp-hero .lp-stat{padding:5px 9px 3px 8px;gap:7px}
  body[data-pg=lag] .lp-hero .lp-stat>span{font-size:.7rem}
  body[data-pg=lag] .lp-hero .lp-stat b{font-size:1.28rem}
}
@media(max-width:380px){.pg-lg-mod-v{gap:4px}.pg-lg-mod-v b{font-size:1.7rem}.pg-lg-mod-v span{font-size:.6rem}}

/* ── the article */

body[data-pg=lag] .lp-sec::before{top:22px;background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.07) 70%,transparent)}
body[data-pg=lag] .lp-sec::after{display:none}
body[data-pg=lag] .lp-sec:not(.lp-sec--first){padding-top:84px}
.pg-lg-div{position:absolute;left:0;right:0;top:0;height:22px;pointer-events:none;-webkit-mask:linear-gradient(90deg,#000 45%,transparent 96%);mask:linear-gradient(90deg,#000 45%,transparent 96%)}
.pg-lg-div canvas{display:block;width:100%;height:100%}

body[data-pg=lag] .lp-sec{--lg-s:var(--lg-ok);--lg-s-rgb:var(--lg-ok-rgb)}
body[data-pg=lag] #rodzaje-lagow{--lg-s:var(--lg-bad);--lg-s-rgb:var(--lg-bad-rgb)}
body[data-pg=lag] #diagnoza,body[data-pg=lag] #sposoby{--lg-s:var(--lg-warn);--lg-s-rgb:var(--lg-warn-rgb)}
body[data-pg=lag] .lp-eyebrow{gap:10px;margin-bottom:16px;font:400 .7rem/1 var(--lg-mono);letter-spacing:.16em;color:var(--lg-ink-2)}
body[data-pg=lag] .lp-eyebrow b{display:inline-grid;place-items:center;min-width:2.5em;height:24px;padding:3px 7px 0;background:rgba(var(--lg-s-rgb),.1);clip-path:var(--lg-notch);font:500 1.12rem/1 'Teko',sans-serif;letter-spacing:.06em;color:var(--lg-s)}
body[data-pg=lag] .lp-eyebrow::after{max-width:120px;background:linear-gradient(90deg,rgba(var(--lg-s-rgb),.5),transparent)}
body[data-pg=lag] .lp-article p code,body[data-pg=lag] .lp-article li code,body[data-pg=lag] .lp-article td code{border-radius:4px;background:#0B0C10;border-color:rgba(var(--lg-ok-rgb),.22);color:#E2F3C4;font-family:var(--lg-mono);font-size:.86em;white-space:nowrap}
body[data-pg=lag] .lp-article p.lp-src{font:400 .74rem/1.6 var(--lg-mono);color:var(--lg-ink-3)}

body[data-pg=lag] .lp-answer{padding:26px 28px 24px;border-radius:8px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(14,16,12,.94),rgba(9,10,13,.95))}
body[data-pg=lag] .lp-answer::before{inset:0;border-radius:8px;background:linear-gradient(90deg,var(--lg-ok) 0 64px,rgba(var(--lg-ok-rgb),.25) 64px 100%) top/100% 2px no-repeat}
body[data-pg=lag] .lp-article .lp-answer .lp-answer-k{gap:9px;font:400 .76rem/1 var(--lg-mono);letter-spacing:.04em;text-transform:none;color:var(--lg-ok)}
body[data-pg=lag] .lp-answer-k i{display:none}
body[data-pg=lag] .lp-answer-k::before{content:'';width:8px;height:8px;background:var(--lg-ok);box-shadow:0 0 0 3px rgba(var(--lg-ok-rgb),.18)}
body[data-pg=lag] .lp-chips{gap:6px}
body[data-pg=lag] .lp-chips li{gap:8px;padding:6px 10px 4px;border-radius:0;border:0;clip-path:var(--lg-notch);background:rgba(255,255,255,.045);font:400 .74rem/1.2 var(--lg-mono);color:var(--lg-ink-2)}
body[data-pg=lag] .lp-chips li b{font-size:1.2rem;color:var(--lg-ok)}
body[data-pg=lag] .lp-article .lp-answer .lp-byline{font:400 .74rem/1.5 var(--lg-mono);color:var(--lg-ink-3)}
body[data-pg=lag] .lp-byline i{color:var(--lg-ok)}
body[data-pg=lag] .lp-byline img{border-radius:4px}

body[data-pg=lag] .lp-tablewrap{border-radius:8px;border-color:rgba(255,255,255,.1);background:rgba(9,10,14,.92)}
body[data-pg=lag] .lp-tablebox::before{border-radius:8px 0 0 8px}body[data-pg=lag] .lp-tablebox::after{border-radius:0 8px 8px 0}
body[data-pg=lag] .lp-table caption{padding:15px 18px 6px;font:400 .74rem/1.4 var(--lg-mono);letter-spacing:.02em;text-transform:none;color:var(--lg-ink-3)}
body[data-pg=lag] .lp-table thead th{background:#0E110A;font:500 1.06rem/1.05 'Teko',sans-serif;letter-spacing:.08em;color:var(--lg-ok);border-bottom-color:rgba(var(--lg-ok-rgb),.24)}
body[data-pg=lag] .lp-table tbody th{background:#0C0D12}
@media(hover:hover){body[data-pg=lag] .lp-table tbody tr:hover>td,body[data-pg=lag] .lp-table tbody tr:hover>th{background-color:rgba(var(--lg-ok-rgb),.045)}}
body[data-pg=lag] tr[data-lg]{--lg-c:var(--lg-bad)}
body[data-pg=lag] tr[data-lg="warn"]{--lg-c:var(--lg-warn)}body[data-pg=lag] tr[data-lg="ok"]{--lg-c:var(--lg-ok)}
body[data-pg=lag] #rodzaje-lagow tr[data-lg] td:first-of-type b::before,body[data-pg=lag] #ustawienia tr[data-lg] td:last-child b::before{content:'';display:inline-block;width:7px;height:7px;margin-right:9px;vertical-align:.12em;background:var(--lg-c);box-shadow:0 0 0 3px rgba(255,255,255,.04)}

body[data-pg=lag] .lp-note{border-radius:4px;border:0;border-left:2px solid var(--lg-ok);background:linear-gradient(90deg,rgba(var(--lg-ok-rgb),.08),rgba(var(--lg-ok-rgb),.025))}
body[data-pg=lag] .lp-note>i{color:var(--lg-ok)}
body[data-pg=lag] .lp-note--warn{border-left-color:var(--lg-warn);background:linear-gradient(90deg,rgba(var(--lg-warn-rgb),.09),rgba(var(--lg-warn-rgb),.025))}
body[data-pg=lag] .lp-note--warn>i{color:var(--lg-warn)}
body[data-pg=lag] .lp-note:not(.lp-note--warn):not(.lp-note--tip){border-left-color:rgba(255,255,255,.3);background:rgba(255,255,255,.03)}
body[data-pg=lag] .lp-note:not(.lp-note--warn):not(.lp-note--tip)>i{color:var(--lg-ink-2)}

/* ── 01 rodzaje-lagow */
body[data-pg=lag] #rodzaje-lagow .lp-tiles{gap:14px}
body[data-pg=lag] #rodzaje-lagow .lp-tile{padding:14px 14px 20px;border-radius:8px;border-color:rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(15,16,22,.95),rgba(10,11,15,.97))}
body[data-pg=lag] #rodzaje-lagow .lp-tile h3,body[data-pg=lag] #rodzaje-lagow .lp-tile p{padding:0 6px}
body[data-pg=lag] #rodzaje-lagow .lp-ic{display:none}
body[data-pg=lag] #rodzaje-lagow .lp-tile-tag{position:absolute;z-index:3;top:22px;right:22px;padding:5px 7px 4px;border-radius:0;border:0;clip-path:var(--lg-notch);background:rgba(4,5,8,.82);font:400 .62rem/1 var(--lg-mono);letter-spacing:.04em;text-transform:none;color:var(--lg-ink-2)}
.pg-lg-inst{--lg-c:var(--lg-bad);--lg-c-rgb:var(--lg-bad-rgb);display:block;width:100%;margin:0 0 16px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pg-lg-inst[aria-pressed="true"]{--lg-c:var(--lg-ok);--lg-c-rgb:var(--lg-ok-rgb)}
.pg-lg-inst-face{position:relative;display:block;aspect-ratio:240/132;overflow:hidden;border-radius:4px;border:1px solid rgba(255,255,255,.08);background:#07080B;transition:border-color .25s,transform .12s ease-out}
.pg-lg-inst-face::before{content:'';position:absolute;inset:0;background:radial-gradient(90% 80% at 50% 100%,rgba(var(--lg-c-rgb),.16),transparent 62%);transition:opacity .4s}
.pg-lg-inst-face svg{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
@media(hover:hover){.pg-lg-inst:hover .pg-lg-inst-face{border-color:rgba(var(--lg-c-rgb),.5)}}
.pg-lg-inst:active .pg-lg-inst-face{transform:scale(.985)}
.pg-lg-inst:focus-visible{outline:2px solid var(--lg-ok);outline-offset:3px;border-radius:4px}
.pg-lg-inst-s{position:absolute;z-index:2;left:8px;top:8px;display:inline-flex;align-items:center;gap:6px;padding:4px 7px 3px 6px;background:rgba(4,5,8,.82);clip-path:var(--lg-notch);font:700 .6rem/1 'Rajdhani',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--lg-c)}
.pg-lg-inst-s i{width:6px;height:6px;background:var(--lg-c)}
.pg-lg-inst.is-vis:not([aria-pressed="true"]) .pg-lg-inst-s i{animation:pg-lg-blink 1.1s steps(2,jump-none) infinite}
.pg-lg-inst-k{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:0 4px;font:400 .68rem/1.2 var(--lg-mono);color:var(--lg-ink-3)}
.pg-lg-inst-n{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.pg-lg-inst-n kbd,.pg-lg-mod-f kbd,.pg-lg-strip-k kbd{font-size:.6rem;padding:2px 5px 1px;min-width:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 #050608}
.pg-lg-inst-v{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap;color:var(--lg-c);transition:color .3s}
.pg-lg-inst-v b{font:500 1.75rem/.8 'Teko',sans-serif;font-variant-numeric:tabular-nums}
.pg-lg-inst-v--t{font:400 .7rem/1 var(--lg-mono)}
.pg-lg-ok,.pg-lg-inst[aria-pressed="true"] .pg-lg-lag{display:none}
.pg-lg-inst[aria-pressed="true"] .pg-lg-ok{display:inline}

.pg-lg-gauge path{fill:none}
.pg-lg-g-track{stroke:rgba(255,255,255,.07);stroke-width:12}
.pg-lg-g-bad,.pg-lg-g-warn,.pg-lg-g-ok{stroke-width:12;opacity:.32;transition:opacity .4s}
.pg-lg-g-bad{stroke:var(--lg-bad)}.pg-lg-g-warn{stroke:var(--lg-warn)}.pg-lg-g-ok{stroke:var(--lg-ok)}
.pg-lg-inst:not([aria-pressed="true"]) .pg-lg-g-bad,.pg-lg-inst:not([aria-pressed="true"]) .pg-lg-g-warn,.pg-lg-inst[aria-pressed="true"] .pg-lg-g-ok{opacity:.95}
.pg-lg-g-tick{stroke:rgba(255,255,255,.4);stroke-width:1.5}
.pg-lg-needle path{fill:#F1EEE6}
.pg-lg-needle{transform-box:view-box;transform-origin:120px 112px;transform:rotate(105deg)}
.pg-lg-needle circle{fill:#1A1C22;stroke:#F1EEE6;stroke-width:1.5}
.pg-lg-needle .pg-lg-hub{fill:var(--lg-c);stroke:none}
.pg-lg-inst.is-vis .pg-lg-needle{animation:pg-lg-needle 2.3s steps(1,end) infinite}
.pg-lg-inst.is-vis[aria-pressed="true"] .pg-lg-needle{animation:pg-lg-swing .95s var(--lp-ease) both,pg-lg-idle 3.2s .95s ease-in-out infinite}
.pg-lg-inst[aria-pressed="true"] .pg-lg-needle{transform:rotate(179deg)}
.pg-lg-g-l{position:absolute;transform:translate(-50%,-50%);font:500 .78rem/1 'Teko',sans-serif;letter-spacing:.04em;color:var(--lg-ink-3)}

.pg-lg-scope{background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),rgba(255,255,255,.045) calc(12.5% - 1px) 12.5%),repeating-linear-gradient(180deg,transparent 0 calc(20% - 1px),rgba(255,255,255,.045) calc(20% - 1px) 20%),#07080B}
.pg-lg-scope path{fill:none;stroke-width:1.7px;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.pg-lg-tr-lag{stroke:var(--lg-bad)}
.pg-lg-tr-ok{stroke:var(--lg-ok);opacity:0}
.pg-lg-inst[aria-pressed="true"] .pg-lg-tr-lag{opacity:0}.pg-lg-inst[aria-pressed="true"] .pg-lg-tr-ok{opacity:1}
.pg-lg-scope-g{transform-box:view-box}
.pg-lg-inst.is-vis .pg-lg-scope-g{animation:pg-lg-scroll 3.6s steps(18,end) infinite}
.pg-lg-inst.is-vis[aria-pressed="true"] .pg-lg-scope-g{animation-timing-function:linear}
.pg-lg-scope-y{position:absolute;left:8px;bottom:6px;font:400 .58rem/1 var(--lg-mono);color:var(--lg-ink-3)}

.pg-lg-c{fill:var(--lg-c);opacity:.1}
.pg-lg-inst:not([aria-pressed="true"]) .pg-lg-c:nth-child(-n+12),.pg-lg-inst[aria-pressed="true"] .pg-lg-c{opacity:.55}
.pg-lg-inst.is-vis:not([aria-pressed="true"]) .pg-lg-c:nth-child(-n+12){animation:pg-lg-cell 1s steps(1,end) infinite;animation-delay:calc(var(--i) * 83.3ms - 1s)}
.pg-lg-inst.is-vis[aria-pressed="true"] .pg-lg-c{animation:pg-lg-cell 1s linear infinite;animation-delay:calc(var(--i) * 50ms - 1s)}
.pg-lg-t20{stroke:rgba(255,255,255,.4);stroke-width:1;stroke-dasharray:2 2;fill:none}
.pg-lg-ms-track{fill:rgba(255,255,255,.07)}
.pg-lg-ms-fill{fill:var(--lg-c);transform-box:fill-box;transform-origin:0 50%;transform:scaleX(.83);transition:transform .8s var(--lp-ease)}
.pg-lg-inst.is-vis:not([aria-pressed="true"]) .pg-lg-ms-fill{animation:pg-lg-ms 1.5s steps(1,end) infinite}
.pg-lg-inst[aria-pressed="true"] .pg-lg-ms-fill{transform:scaleX(.27)}
.pg-lg-ms-line{stroke:#fff;stroke-width:1.5;stroke-dasharray:3 2;fill:none}
.pg-lg-tpsi-l,.pg-lg-tpsi-ms,.pg-lg-tpsi-50{position:absolute;font:400 .58rem/1 var(--lg-mono);color:var(--lg-ink-3);white-space:nowrap}
.pg-lg-tpsi-l{left:4.2%;top:42%}.pg-lg-tpsi-ms{left:4.2%;top:58%}.pg-lg-tpsi-50{left:50%;top:85%;transform:translateX(-50%)}

/* ── 02 diagnoza */
.pg-lg-diag{display:grid;gap:18px;margin:28px 0 26px}
.pg-lg-diag .lp-list{margin:0;max-width:none}
.pg-lg-dpanel{display:grid;gap:10px;align-content:start}
@media(min-width:1180px){.pg-lg-diag{grid-template-columns:minmax(0,1fr) 336px;gap:30px;align-items:start}.pg-lg-dpanel{position:sticky;top:104px;order:2}}
.pg-lg-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.pg-lg-key{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:38px;padding:5px 8px 6px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#0B0C10;color:var(--lg-ink-3);font:400 .7rem/1 var(--lg-mono);cursor:pointer;transition:border-color .2s,background-color .2s,color .2s;-webkit-tap-highlight-color:transparent}
.pg-lg-key i{font-style:normal}
.pg-lg-key kbd{transition:transform .08s ease-out,box-shadow .08s ease-out}
.pg-lg-key[aria-pressed="true"]{border-color:rgba(var(--lg-ok-rgb),.55);background:#10140B;color:var(--lg-ok)}
@media(hover:hover){.pg-lg-key:hover{border-color:rgba(255,255,255,.26);color:var(--lg-ink)}}
.pg-lg-key:focus-visible{outline:2px solid var(--lg-ok);outline-offset:2px}
.pg-lg-key:active kbd,.pg-lg-key.is-press kbd{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 #050608}
.pg-lg-key.is-press kbd+i+kbd{transition-delay:.07s}
.pg-lg-ico{position:relative;display:block;width:20px;height:20px}
.pg-lg-ico--sp{background:linear-gradient(currentColor,currentColor) 7px 1px/6px 6px no-repeat,linear-gradient(currentColor,currentColor) 5px 8px/10px 7px no-repeat,linear-gradient(currentColor,currentColor) 6px 15px/3px 4px no-repeat,linear-gradient(currentColor,currentColor) 11px 15px/3px 4px no-repeat}
.pg-lg-ico--ch{background:linear-gradient(currentColor,currentColor) 1px 3px/18px 2px no-repeat,linear-gradient(currentColor,currentColor) 1px 13px/18px 2px no-repeat,linear-gradient(currentColor,currentColor) 1px 3px/2px 12px no-repeat,linear-gradient(currentColor,currentColor) 17px 3px/2px 12px no-repeat,linear-gradient(currentColor,currentColor) 4px 15px/3px 4px no-repeat,linear-gradient(currentColor,currentColor) 5px 7px/10px 2px no-repeat}
.pg-lg-scr{position:relative;aspect-ratio:16/10;overflow:hidden;isolation:isolate;border-radius:8px;border:1px solid rgba(255,255,255,.13);background:#0A0B0F image-set(url(/img/gallery/08-mglisty-klif.avif) type("image/avif"),url(/img/gallery/08-mglisty-klif.webp) type("image/webp")) 62% 46%/cover no-repeat;box-shadow:0 18px 40px -22px rgba(0,0,0,.9);font-family:var(--lg-mono);color:#fff}
.pg-lg-scr::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,13,.3),rgba(8,8,13,.52))}
.pg-lg-scr p{margin:0;max-width:none;color:inherit}
.pg-lg-scr-x{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;background:linear-gradient(#fff,#fff) 6px 0/2px 14px no-repeat,linear-gradient(#fff,#fff) 0 6px/14px 2px no-repeat;opacity:.8}
.pg-lg-scr [data-v]{position:absolute;opacity:0;transform:translate3d(0,5px,0);transition:opacity .18s,transform .32s var(--lp-ease)}
.pg-lg-scr-v [data-v]{position:static}
.pg-lg-scr[data-m="1"] [data-v~="1"],.pg-lg-scr[data-m="2"] [data-v~="2"],.pg-lg-scr[data-m="3"] [data-v~="3"],.pg-lg-scr[data-m="4"] [data-v~="4"],.pg-lg-scr[data-m="5"] [data-v~="5"],.pg-lg-scr[data-m="6"] [data-v~="6"]{opacity:1;transform:none}
.pg-lg-scr-f3{left:3%;top:4.5%;display:grid;justify-items:start;gap:2px;font-size:.6rem;line-height:1.25}
.pg-lg-scr-f3 p{padding:1px 4px;background:rgba(40,40,46,.62)}
.pg-lg-scr-fps b{color:var(--lg-warn);font-weight:700}
.pg-lg-scr[data-m="1"] .pg-lg-scr-fps{box-shadow:0 0 0 1px var(--lg-warn)}
.pg-lg-scr-g{left:3%;bottom:5%;width:45%;height:31%;background:rgba(6,7,10,.62)}
.pg-lg-scr-g svg{position:absolute;left:0;right:0;bottom:0;width:100%;height:78%;overflow:hidden}
.pg-lg-scr-g span{position:absolute;left:4px;top:3px;display:flex;align-items:center;gap:4px;font-size:.54rem;color:rgba(255,255,255,.75)}
.pg-lg-scr-gr{left:auto;right:3%}
.pg-lg-scr-gr svg{opacity:.35}
.pg-lg-scr-gp{width:62%}
.pg-lg-sv-w{fill:var(--lg-warn)}.pg-lg-sv-b{fill:var(--lg-bad)}.pg-lg-sv-t{fill:var(--lg-bad)}
.pg-lg-sv-p,.pg-lg-scr-sp use{fill:none;stroke:var(--lg-bad);stroke-width:1.4px;vector-effect:non-scaling-stroke}
.pg-lg-sv-fl{fill:none;stroke:var(--lg-ok);stroke-width:1.4px;vector-effect:non-scaling-stroke}
.pg-lg-run{transform-box:view-box}
.pg-lg-scr.is-vis .pg-lg-run{animation:pg-lg-run 2.4s steps(12,end) infinite}
.pg-lg-lock{position:relative;display:inline-block;width:7px;height:5px;margin-top:3px;background:#fff}
.pg-lg-lock::before{content:'';position:absolute;left:1px;top:-4px;width:3px;height:3px;border:1px solid #fff;border-bottom:0}
.pg-lg-scr-opt{left:17%;right:17%;top:13%;padding:8px 10px 10px;background:rgba(6,7,10,.86);border:1px solid rgba(255,255,255,.14);font-size:.58rem}
.pg-lg-scr-opt p{display:flex;justify-content:space-between;align-items:center;gap:8px;height:17px;padding:0 6px;margin-bottom:3px;background:rgba(255,255,255,.05)}
.pg-lg-scr-opt p span:empty,.pg-lg-scr-opt p b:empty{display:block;height:4px;background:rgba(255,255,255,.14)}
.pg-lg-scr-opt p span:empty{width:46%}.pg-lg-scr-opt p b:empty{width:18%}
.pg-lg-scr-opt .pg-lg-scr-ot{justify-content:center;height:auto;margin-bottom:7px;background:none;font:700 .62rem/1 'Rajdhani',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.pg-lg-scr-opt .is-on{box-shadow:inset 0 0 0 1px rgba(var(--lg-ok-rgb),.6)}
.pg-lg-scr-opt .is-on b{padding:2px 5px 1px;background:var(--lg-ok);color:#132003;font-weight:700}
.pg-lg-scr-opt .pg-lg-scr-ob{justify-content:center;margin:7px 0 0;height:19px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08)}
.pg-lg-scr-sp{inset:0;display:grid;grid-template-columns:1fr 1fr}
.pg-lg-scr-sp>div{position:relative;display:grid;align-content:center;justify-items:center;gap:6px;padding:10px}
.pg-lg-scr-sp>div+div{border-left:1px dashed rgba(255,255,255,.4);background:rgba(var(--lg-bad-rgb),.08)}
.pg-lg-scr-sp>div:first-child{background:rgba(var(--lg-ok-rgb),.06)}
.pg-lg-scr-sp p{padding:2px 6px;background:rgba(6,7,10,.7);font:700 .62rem/1 'Rajdhani',sans-serif;letter-spacing:.16em;text-transform:uppercase}
.pg-lg-scr-sp svg{width:84%;height:30%}
.pg-lg-scr-sp b{font-size:.6rem;color:var(--lg-ok)}.pg-lg-scr-sp>div+div b{color:var(--lg-bad)}
.pg-lg-scr-ch{left:3%;bottom:6%;display:grid;gap:2px;font-size:.58rem}
.pg-lg-scr-ch p{display:flex;align-items:center;gap:5px;padding:2px 6px 2px 3px;background:rgba(0,0,0,.5)}
.pg-lg-scr-ch i{width:9px;height:9px;background:linear-gradient(90deg,#8C6A3B 50%,#5B4426 50%)}
.pg-lg-scr-ch p+p i{background:linear-gradient(90deg,#3E6E8E 50%,#2B4E66 50%)}
.pg-lg-scr-v{position:absolute;right:3%;top:4.5%;font-size:.6rem;font-weight:700}
.pg-lg-scr-v span{display:none;padding:3px 6px 2px;background:var(--lg-ok);color:#132003}
.pg-lg-scr[data-m="1"] .pg-lg-scr-v [data-v~="1"],.pg-lg-scr[data-m="3"] .pg-lg-scr-v [data-v~="3"],.pg-lg-scr[data-m="5"] .pg-lg-scr-v [data-v~="5"],.pg-lg-scr[data-m="6"] .pg-lg-scr-v [data-v~="6"]{display:inline-block}
.pg-lg-dnote{margin:0!important;font:400 .66rem/1.45 var(--lg-mono)!important;color:var(--lg-ink-3)!important}

body[data-pg=lag] #diagnoza .lp-list li{margin:0 0 8px;padding:13px 16px 13px 52px;border-radius:8px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.02);transition:border-color .3s,background-color .3s}
body[data-pg=lag] #diagnoza .lp-list li::before{left:13px;top:14px;width:24px;height:24px;transform:none;display:grid;place-items:center;padding-top:2px;box-sizing:border-box;border-radius:4px;background:#101116;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 -2px 0 rgba(0,0,0,.45);font:500 1rem/1 'Teko',sans-serif;color:var(--lg-ink-2);transition:background-color .25s,border-color .25s,color .15s}
body[data-pg=lag] #diagnoza .lp-list li::after{content:'';position:absolute;left:22px;top:18px;width:6px;height:10px;border:solid #132003;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);transition:transform .32s cubic-bezier(.3,1.7,.5,1)}
body[data-pg=lag] #diagnoza .lp-list li.is-seen::before{background:var(--lg-ok);border-color:var(--lg-ok);color:transparent}
body[data-pg=lag] #diagnoza .lp-list li.is-seen::after{transform:rotate(45deg) scale(1)}
body[data-pg=lag] #diagnoza .lp-list li.is-on{border-color:rgba(var(--lg-ok-rgb),.34);background:rgba(var(--lg-ok-rgb),.05)}
body[data-pg=lag] #diagnoza .lp-list li.is-on kbd{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 #050608;transition:transform .08s ease-out,box-shadow .08s}
@media(hover:hover){body[data-pg=lag] #diagnoza .lp-list li{cursor:pointer}}
body[data-pg=lag] .pg-lg-tabnote>i{display:none}
.pg-lg-bars{display:inline-flex;flex:none;align-items:flex-end;gap:2px;height:16px;margin-top:4px}
.pg-lg-bars i{width:3px;background:var(--lg-ok)}
.pg-lg-bars i:nth-child(1){height:4px}.pg-lg-bars i:nth-child(2){height:7px}.pg-lg-bars i:nth-child(3){height:10px}.pg-lg-bars i:nth-child(4){height:13px}.pg-lg-bars i:nth-child(5){height:16px}
.pg-lg-bars i:nth-child(n+4){animation:pg-lg-bar 3.4s steps(1,end) infinite}
.pg-lg-bars i:nth-child(5){animation-delay:-.2s}

.pg-lg-clk{display:grid;gap:9px;max-width:var(--lp-text);margin:2px 0 8px;padding:14px 16px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:rgba(10,11,15,.72)}
.pg-lg-clk p{margin:0!important;max-width:none!important}
.pg-lg-clk-r{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:12px}
.pg-lg-clk-k{display:flex;align-items:baseline;gap:6px;font:400 .68rem/1 var(--lg-mono);color:var(--lg-ink-3);white-space:nowrap}
.pg-lg-clk-k b{font:500 1.35rem/.8 Teko,sans-serif;color:var(--lg-ok);font-variant-numeric:tabular-nums}
.pg-lg-clk-b{position:relative;height:14px;overflow:hidden;background:repeating-linear-gradient(90deg,rgba(var(--lg-ok-rgb),.55) 0 calc(100% / 60 - 1px),transparent calc(100% / 60 - 1px) calc(100% / 60))}
.pg-lg-clk-b--t{background:repeating-linear-gradient(90deg,rgba(var(--lg-ok-rgb),.55) 0 calc(5% - 3px),transparent calc(5% - 3px) 5%)}
.pg-lg-clk-b i{position:absolute;inset:0;animation:pg-lg-sweep 1s linear infinite}
.pg-lg-clk-b i::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:#fff}
.pg-lg-clk-n{font:400 .62rem/1.4 var(--lg-mono)!important;color:var(--lg-ink-3)!important}

body[data-pg=lag] #rodzaje-lagow .lp-rv{transition-timing-function:steps(5,end),steps(5,end)}
body[data-pg=lag] #diagnoza .lp-rv,body[data-pg=lag] #sposoby .lp-rv{transition-timing-function:steps(10,end),steps(10,end)}

/* ── 03 sposoby */
body[data-pg=lag] .lp-steps::before{width:2px;background:repeating-linear-gradient(180deg,rgba(var(--lg-warn-rgb),.55) 0 5px,transparent 5px 9px,rgba(var(--lg-bad-rgb),.55) 9px 11px,transparent 11px 16px)}
body[data-pg=lag] .lp-steps::after{background:linear-gradient(var(--lg-ok),var(--lg-ok) 80%,rgba(var(--lg-ok-rgb),.3))}
body[data-pg=lag] .lp-step::before{border-radius:12px;background:linear-gradient(180deg,#1C1E25,#121318);border:1px solid rgba(255,255,255,.17);color:var(--lg-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -4px 0 rgba(0,0,0,.45),0 0 0 6px var(--lp-bg);transition:background-color .25s,color .2s,border-color .25s}
body[data-pg=lag] .lp-step{z-index:1;scroll-margin-top:110px}
body[data-pg=lag] .lp-step.is-tick::before{background:var(--lg-ok);border-color:var(--lg-ok);color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -4px 0 rgba(0,0,0,.25),0 0 0 6px var(--lp-bg)}
.pg-lg-tick{position:absolute;z-index:2;left:0;top:0;width:52px;height:52px;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s ease-out}
.pg-lg-tick::after{content:'';position:absolute;left:20px;top:13px;width:10px;height:19px;border:solid #132003;border-width:0 4px 4px 0;transform:rotate(45deg) scale(0);transition:transform .34s cubic-bezier(.3,1.7,.5,1)}
.lp-step.is-tick .pg-lg-tick::after{transform:rotate(45deg) scale(1)}

.pg-lg-tick::before{content:'';position:absolute;right:6px;bottom:7px;width:12px;height:12px;box-sizing:border-box;border:2px solid rgba(var(--lg-ok-rgb),.45);transition:opacity .2s,border-color .2s}
.lp-step.is-tick .pg-lg-tick::before{opacity:0}
body[data-pg=lag] .lp-step:not(.is-tick):has(.pg-lg-tick:hover)::before,body[data-pg=lag] .lp-step:not(.is-tick):has(.pg-lg-tick:focus-visible)::before{color:rgba(236,234,227,.25)}
.lp-step:not(.is-tick) .pg-lg-tick:focus-visible::after{border-color:rgba(var(--lg-ok-rgb),.6);transform:rotate(45deg) scale(.82)}
.lp-step:not(.is-tick) .pg-lg-tick:focus-visible::before{border-color:var(--lg-ok)}
body[data-pg=lag] .lp-step.is-tick .lp-pill{border-color:rgba(var(--lg-ok-rgb),.55);background:rgba(var(--lg-ok-rgb),.12);color:var(--lg-ok)}
@media(hover:hover){.pg-lg-tick:hover{box-shadow:inset 0 0 0 1px rgba(var(--lg-ok-rgb),.75)}.lp-step:not(.is-tick) .pg-lg-tick:hover::after{border-color:rgba(var(--lg-ok-rgb),.6);transform:rotate(45deg) scale(.82)}.lp-step:not(.is-tick) .pg-lg-tick:hover::before{border-color:var(--lg-ok)}}
.pg-lg-tick:active{transform:translateY(2px)}
.pg-lg-tick:focus-visible{outline:2px solid var(--lg-ok);outline-offset:3px}
body[data-pg=lag] .lp-step h3{transition:color .3s}
body[data-pg=lag] .lp-step.is-tick h3{color:#DCEFC0}
body[data-pg=lag] .lp-pill{gap:6px;padding:4px 8px 3px;border-radius:4px;border-color:rgba(255,255,255,.14);background:#0D0E12;font:400 .64rem/1 var(--lg-mono);letter-spacing:.04em;text-transform:none;color:var(--lg-ink-2);transition:color .3s,border-color .3s,background-color .3s}
body[data-pg=lag] .lp-pill i{color:var(--lg-ok);font-size:.9em}
body[data-pg=lag] .lp-cmd{border-radius:4px;border-color:rgba(var(--lg-ok-rgb),.32);background:#06070A;font-family:var(--lg-mono);color:#E2F3C4}

.pg-lg-pill{position:sticky;z-index:30;bottom:22px;display:grid;justify-items:stretch;gap:6px;width:188px;margin:22px 0 0 auto}
@media(min-width:641px){body[data-pg=lag] .lp-steps{max-width:min(var(--lp-text),calc(100% - 186px))}}
.pg-lg-pill-b{display:grid;gap:10px;padding:12px 12px 13px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(8,9,12,.94);box-shadow:0 16px 34px -14px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.06);color:var(--lg-ink);font:inherit;cursor:pointer;transition:border-color .25s}
@media(hover:hover){.pg-lg-pill-b:hover{border-color:rgba(var(--lg-ok-rgb),.55)}}
.pg-lg-pill-b:focus-visible{outline:2px solid var(--lg-ok);outline-offset:3px}
.pg-lg-pill-k{display:flex;align-items:baseline;justify-content:space-between;gap:6px;font:700 .64rem/1 'Rajdhani',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--lg-ink-3)}
.pg-lg-pill-k>span{display:grid;gap:4px}
.pg-lg-pill-k small{font:400 .54rem/1.15 var(--lg-mono);letter-spacing:0;text-transform:none;white-space:nowrap;color:var(--lg-ink-3)}
.pg-lg-pill-k b{font:500 1.6rem/.8 'Teko',sans-serif;letter-spacing:.03em;color:var(--lg-c,var(--lg-warn));font-variant-numeric:tabular-nums;transition:color .3s}
.pg-lg-pill-g{position:relative;display:block;width:100%;height:34px;border-bottom:1px solid rgba(255,255,255,.18)}
.pg-lg-pill-g canvas{position:absolute;inset:0;width:100%;height:100%}
.pg-lg-pill-m{display:grid;gap:4px}
.pg-lg-pill-m span{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:6px;font:400 .56rem/1 var(--lg-mono);color:var(--lg-ink-3)}
.pg-lg-pill-m i{position:relative;height:4px;background:rgba(255,255,255,.1);overflow:hidden}
.pg-lg-pill-m i::after{content:'';position:absolute;inset:0;background:var(--lg-ok);transform-origin:0 50%;transform:scaleX(var(--p,0));transition:transform .5s var(--lp-ease)}
.pg-lg-pill-note{margin:0!important;text-align:center;font:400 .58rem/1.3 var(--lg-mono)!important;color:var(--lg-ink-3)!important}

/* ── 04 ustawienia */
.pg-lg-opt{display:inline-flex;float:right;margin:6px 0 0 12px}
body[data-pg=lag] .pg-lg-tset td:nth-child(3){background:rgba(var(--lg-ok-rgb),.035)}
body[data-pg=lag] .pg-lg-tset thead th:nth-child(3){background:#121809}
.pg-lg-sl{position:relative;width:70px;height:8px;background:#24272E;box-shadow:inset 0 1px 0 rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06)}
.pg-lg-sl::before{content:'';position:absolute;inset:0;background:rgba(var(--lg-ok-rgb),.75);transform-origin:0 50%;transform:scaleX(var(--v));transition:transform .75s var(--lp-ease) var(--d,.1s)}
.pg-lg-sl i{position:absolute;left:0;top:-4px;width:8px;height:16px;background:#ECEFE4;box-shadow:inset 0 -2px 0 rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.6);transform:translateX(calc(var(--v) * 62px));transition:transform .75s var(--lp-ease) var(--d,.1s)}
.pg-lg-sl--mk::after{content:'';position:absolute;left:34px;top:-6px;width:2px;height:20px;background:rgba(255,255,255,.45)}
.pg-lg-tg{position:relative;width:30px;height:16px;background:#24272E;box-shadow:inset 0 1px 0 rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08)}
.pg-lg-tg::before{content:'';position:absolute;inset:0;background:rgba(var(--lg-ok-rgb),.3);opacity:0;transition:opacity .3s var(--d,.1s)}
.pg-lg-tg i{position:absolute;left:2px;top:2px;width:12px;height:12px;background:#8E9289;box-shadow:inset 0 -2px 0 rgba(0,0,0,.3);transition:transform .45s cubic-bezier(.3,1.5,.5,1) var(--d,.1s)}
.pg-lg-tg i::after{content:'';position:absolute;inset:0;background:var(--lg-ok);opacity:0;transition:opacity .25s var(--d,.1s)}
.pg-lg-ch{gap:3px}
.pg-lg-ch i{position:relative;width:11px;height:11px;background:#24272E;box-shadow:inset 0 1px 0 rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06)}
.pg-lg-ch i::after{content:'';position:absolute;inset:0;background:var(--lg-ok);opacity:0;transition:opacity .3s var(--d,.1s)}
.pg-lg-ch i.is-k::after{opacity:1}
.pg-lg-set .is-pre .pg-lg-sl{--v:var(--v0)!important}
.pg-lg-set .is-pre .pg-lg-sl::before,.pg-lg-set .is-pre .pg-lg-sl i{transition:none}
.pg-lg-set .is-pre .pg-lg-tg i{transform:translateX(14px);transition:none}
.pg-lg-set .is-pre .pg-lg-tg i::after,.pg-lg-set .is-pre .pg-lg-tg::before{opacity:1;transition:none}
.pg-lg-set .is-pre .pg-lg-ch i.is-k::after{opacity:0;transition:none}
.pg-lg-set .is-pre .pg-lg-ch i.is-k0::after{opacity:1;transition:none}

/* ── 05 lag-serwera */
.pg-lg-met{position:relative;margin:30px 0;padding:18px 20px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(13,15,11,.95),rgba(9,10,13,.97))}
.pg-lg-met::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;border-radius:8px 8px 0 0;background:linear-gradient(90deg,var(--lg-c,var(--lg-ok)) 0 64px,rgba(var(--lg-c-rgb,var(--lg-ok-rgb)),.25) 64px)}
.pg-lg-met{--lg-c:var(--lg-ok);--lg-c-rgb:var(--lg-ok-rgb)}
.pg-lg-met.is-over{--lg-c:var(--lg-bad);--lg-c-rgb:var(--lg-bad-rgb)}
.pg-lg-met p{margin:0;max-width:none}
.pg-lg-met-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:14px}
.pg-lg-met-t{display:flex;align-items:center;gap:10px;font:700 .8rem/1 'Rajdhani',sans-serif!important;letter-spacing:.22em;text-transform:uppercase;color:#fff!important}
.pg-lg-met-led{position:relative;width:10px;height:10px;background:var(--lg-c)}
.pg-lg-met-led.is-b1{animation:pg-lg-beat .18s ease-out}.pg-lg-met-led.is-b2{animation:pg-lg-beat2 .18s ease-out}
.pg-lg-met-r{display:flex;gap:6px}
.pg-lg-met-r p{display:flex;align-items:baseline;gap:7px;padding:6px 10px 3px;background:rgba(255,255,255,.045);clip-path:var(--lg-notch)}
.pg-lg-met-r span{font:400 .66rem/1 var(--lg-mono);color:var(--lg-ink-3)}
.pg-lg-met-r b{min-width:2.2ch;font:500 1.55rem/.9 'Teko',sans-serif;letter-spacing:.02em;text-align:right;color:var(--lg-c);font-variant-numeric:tabular-nums;transition:color .3s}
.pg-lg-met-r small{font:400 .62rem/1 var(--lg-mono);color:var(--lg-ink-3)}
.pg-lg-met-tl{position:relative;height:74px;border-bottom:1px solid rgba(255,255,255,.2);background:repeating-linear-gradient(90deg,rgba(var(--lg-ok-rgb),.6) 0 calc(2.5% - 3px),transparent calc(2.5% - 3px) 5%) 0 100%/100% 34px no-repeat}
.pg-lg-met-tl.is-live{background:none}
.pg-lg-met-tl canvas{position:absolute;inset:0;width:100%;height:100%}
.pg-lg-met-ax{display:flex;justify-content:space-between;margin-top:6px;font:400 .62rem/1 var(--lg-mono);color:var(--lg-ink-3)}
.pg-lg-met-b{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin:16px 0 14px}
.pg-lg-met-bk{font:400 .66rem/1 var(--lg-mono);color:var(--lg-ink-3)}
.pg-lg-met-bar{position:relative;height:10px;background:rgba(255,255,255,.07)}
.pg-lg-met-fill{position:absolute;inset:0;background:var(--lg-c);transform-origin:0 50%;transform:scaleX(.3);transition:transform .12s linear}
.pg-lg-met-bar em{position:absolute;left:50%;top:17px;transform:translateX(-50%);font:400 .6rem/1 var(--lg-mono);font-style:normal;color:var(--lg-ink-3);white-space:nowrap}
.pg-lg-met-bar em::before{content:'';position:absolute;left:50%;top:-22px;height:20px;border-left:1.5px dashed rgba(255,255,255,.85)}
.pg-lg-met-f{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:16px}
.pg-lg-met-btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px 3px;border:1px solid rgba(var(--lg-bad-rgb),.55);border-radius:8px;background:linear-gradient(180deg,#24140F,#170D0A);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -4px 0 rgba(0,0,0,.55);color:#FFB4A9;font:700 .82rem/1 'Rajdhani',sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:transform .1s ease-out,border-color .2s}
.pg-lg-met-btn::before{content:'';width:8px;height:8px;background:currentColor}
.pg-lg-met-btn[aria-pressed="true"]{border-color:rgba(var(--lg-ok-rgb),.6);background:linear-gradient(180deg,#1B2112,#10130B);color:var(--lg-ok)}
.pg-lg-met-btn:active{transform:translateY(2px)}
.pg-lg-met-btn:focus-visible{outline:2px solid var(--lg-ok);outline-offset:3px}
.pg-lg-met-b1,.pg-lg-met-btn[aria-pressed="true"] .pg-lg-met-b0{display:none}
.pg-lg-met-btn[aria-pressed="true"] .pg-lg-met-b1{display:inline}
.pg-lg-met-note{flex:1;min-width:200px;font:400 .66rem/1.45 var(--lg-mono)!important;color:var(--lg-ink-3)!important}
body[data-pg=lag] .lp-facts{gap:8px}
body[data-pg=lag] .lp-fact{padding:18px 16px 14px;border-radius:8px;border-color:rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(13,15,11,.94),rgba(9,10,13,.96))}
body[data-pg=lag] .lp-fact::before{left:0;right:auto;top:0;bottom:auto;width:30px;height:2px;background:var(--lg-ok)}
body[data-pg=lag] .lp-fact b small{color:var(--lg-ok)}
body[data-pg=lag] .lp-fact>span{font:400 .7rem/1.4 var(--lg-mono);letter-spacing:0;text-transform:none;color:var(--lg-ink-3)}
body[data-pg=lag] .lp-fact:nth-child(3)>span::before{content:'';display:block;height:8px;margin:2px 0 10px;background:repeating-linear-gradient(90deg,var(--lg-ok) 0 calc(5% - 2px),transparent calc(5% - 2px) 5%)}

/* ── 06 faq, sources, author, recommendation */
body[data-pg=lag] .lp-qa{border-radius:8px;border-color:rgba(255,255,255,.08);background:rgba(11,12,16,.88)}
body[data-pg=lag] .lp-qa[open]{border-color:rgba(var(--lg-ok-rgb),.36);background:linear-gradient(180deg,rgba(15,19,11,.92),rgba(11,12,16,.9))}
body[data-pg=lag] .lp-qa summary{gap:14px;padding:16px 18px}
body[data-pg=lag] .lp-qa summary::before{content:'›';flex:none;font:500 1.2rem/1 var(--lg-mono);color:var(--lg-ink-3);transition:color .25s,transform .3s var(--lp-ease)}
body[data-pg=lag] .lp-qa[open] summary::before{color:var(--lg-ok);transform:rotate(90deg)}
body[data-pg=lag] .lp-qa summary h3{flex:1}
body[data-pg=lag] .lp-qa summary::after{width:30px;height:30px;border-radius:4px;border-color:rgba(255,255,255,.16);background-color:#16181E;box-shadow:inset 0 -3px 0 rgba(0,0,0,.45);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7 3h2v4h4v2H9v4H7V9H3V7h4z' fill='%23A3E635'/%3E%3C/svg%3E")}
body[data-pg=lag] .lp-qa[open] summary::after{transform:translateY(2px);background-color:#1A2210;box-shadow:inset 0 -1px 0 rgba(0,0,0,.45);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 7h10v2H3z' fill='%23A3E635'/%3E%3C/svg%3E")}
body[data-pg=lag] .lp-qa-a{padding-left:46px}
body[data-pg=lag] .lp-sources{border-radius:8px;border:1px solid rgba(255,255,255,.08);background:rgba(10,11,15,.6);font:400 .76rem/1.6 var(--lg-mono)}
body[data-pg=lag] .lp-sources b{font:400 .72rem/1 var(--lg-mono);letter-spacing:.02em;text-transform:none;color:var(--lg-ok)}
body[data-pg=lag] .lp-sources ul{list-style:none;padding-left:0}
body[data-pg=lag] .lp-sources li{position:relative;padding-left:16px}
body[data-pg=lag] .lp-sources li::before{content:'›';position:absolute;left:2px;color:var(--lg-ok)}
body[data-pg=lag] .lp-author{border-radius:8px;border-color:rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(14,16,12,.94),rgba(10,11,15,.95))}
body[data-pg=lag] .lp-author img{border-radius:4px;border-color:rgba(var(--lg-ok-rgb),.35)}
body[data-pg=lag] .lp-author-k{font:400 .64rem/1 var(--lg-mono);letter-spacing:.18em;color:var(--lg-ok)}
body[data-pg=lag] .lp-reco{border-radius:8px;border-color:rgba(212,160,23,.26);background:linear-gradient(110deg,rgba(212,160,23,.12),rgba(var(--lg-ok-rgb),.04))}
.pg-lg-rk{position:relative;flex:none;display:grid;place-items:center;width:54px;height:50px;border-radius:8px;background:linear-gradient(180deg,#1C180C,#0F0D08);border:1px solid rgba(212,160,23,.36);box-shadow:inset 0 -3px 0 rgba(0,0,0,.5)}
.pg-lg-rk kbd{min-width:0;padding:6px 8px 5px;font-size:.8rem;transition:transform .08s ease-out}
.pg-lg-rk::after{content:'';position:absolute;right:5px;top:5px;width:5px;height:5px;background:var(--lg-ok);opacity:.2;transition:opacity .2s .7s}
.lp-reco.is-in .pg-lg-rk::after{opacity:1}
.lp-reco.is-in .pg-lg-rk kbd{animation:pg-lg-rkp .34s .5s}
@media(hover:hover){.lp-reco:hover .pg-lg-rk kbd{transform:translateY(2px)}}

/* ── chapter rail */
body[data-pg=lag] .lp-toc-t{font:400 .7rem/1 var(--lg-mono);letter-spacing:.04em;text-transform:none;color:var(--lg-ink-3)}
body[data-pg=lag] .lp-toc ol{border-left-color:rgba(255,255,255,.08)}
body[data-pg=lag] .lp-toc a{padding-right:16px}
body[data-pg=lag] .lp-toc a::before{font:400 .66rem/1 var(--lg-mono);letter-spacing:.04em;margin-bottom:4px}
body[data-pg=lag] .lp-toc a::after{content:'';position:absolute;right:0;top:12px;width:6px;height:6px;background:rgba(var(--lg-warn-rgb),.55);transition:background-color .4s}
body[data-pg=lag] .lp-toc a.is-read::after{background:var(--lg-ok)}
body[data-pg=lag] .lp-toc a.is-on{border-left-color:var(--lg-ok)}
body[data-pg=lag] .lp-toc a.is-on::before{color:var(--lg-ok)}
body[data-pg=lag] .lp-toc-cta{border-radius:8px;border-color:rgba(var(--lg-ok-rgb),.3);background:linear-gradient(180deg,#151a0e,#0e110a);box-shadow:inset 0 -4px 0 rgba(0,0,0,.45);font-family:var(--lg-mono);font-size:.72rem;color:var(--lg-ink-3)}
body[data-pg=lag] .lp-toc-cta b{color:var(--lg-ok)}
body[data-pg=lag] .lp-tocm{border-radius:8px;background:rgba(10,11,15,.9)}
body[data-pg=lag] .lp-tocm summary{font:400 .78rem/1 var(--lg-mono);letter-spacing:.04em;text-transform:none;color:var(--lg-ok)}
body[data-pg=lag] .lp-tocm a::before{color:var(--lg-ok)}

/* ── closing CTA + related links */
body[data-pg=lag] .lp-cta-in{border-radius:12px;border-color:rgba(var(--lg-ok-rgb),.24);background:radial-gradient(640px 320px at 50% -10%,rgba(212,160,23,.2),transparent 70%),linear-gradient(180deg,#121509,#0A0B0F)}
body[data-pg=lag] .lp-cta-k{font:400 .78rem/1 var(--lg-mono);letter-spacing:.04em;text-transform:none;color:var(--lg-ok)}
.pg-lg-cta-tps{position:absolute;z-index:-1;left:0;right:0;bottom:0;height:86px;overflow:hidden;pointer-events:none;-webkit-mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.pg-lg-cta-tps::before{content:'';position:absolute;left:0;right:0;bottom:46px;border-top:1px dashed rgba(255,255,255,.22)}
.pg-lg-cta-tps i{position:absolute;left:0;bottom:0;width:calc(100% + 24px);height:34px;background:repeating-linear-gradient(90deg,rgba(var(--lg-ok-rgb),.42) 0 4px,transparent 4px 12px);animation:pg-lg-cta 1s linear infinite}

.pg-lg-cfr{position:absolute;inset:14px;border:1px solid rgba(var(--lg-ok-rgb),.13);pointer-events:none}
.pg-lg-cfr i{position:absolute;left:-1px;top:-1px;width:18px;height:18px;border:solid rgba(var(--lg-ok-rgb),.85);border-width:2px 0 0 2px}
.pg-lg-cfr i:nth-child(2){left:auto;right:-1px;transform:scaleX(-1)}
.pg-lg-cfr i:nth-child(3){top:auto;bottom:-1px;transform:scaleY(-1)}
.pg-lg-cfr i:nth-child(4){top:auto;left:auto;right:-1px;bottom:-1px;transform:scale(-1)}

.pg-lg-cta-hud{--lg-c:var(--lg-ok);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0 0 22px}
.pg-lg-cta-hud>span:not(.pg-lg-badge){display:inline-flex;align-items:baseline;gap:7px;padding:6px 11px 4px;background:rgba(var(--lg-ok-rgb),.07);clip-path:var(--lg-notch);font:400 .72rem/1 var(--lg-mono);color:var(--lg-ink-2)}
.pg-lg-cta-hud i{font-style:normal}
.pg-lg-cta-hud b{font:500 1.45rem/.8 'Teko',sans-serif;letter-spacing:.02em;color:var(--lg-ok);font-variant-numeric:tabular-nums}
.pg-lg-cta-hud .pg-lg-badge{margin-left:4px}
.pg-lg-cta-hud .pg-lg-badge i::after{animation:pg-lg-ring 2.6s var(--lp-ease) infinite}
body[data-pg=lag] .lp-related>h2{font-weight:700}
body[data-pg=lag] .lp-links{gap:10px}
@media(min-width:900px){body[data-pg=lag] .lp-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
body[data-pg=lag] .lp-link{position:relative;overflow:hidden;border-radius:8px;border-color:rgba(255,255,255,.08);background:rgba(11,12,16,.88)}
body[data-pg=lag] .lp-link::before{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--lg-ok);transform:scaleX(0);transform-origin:0 0;transition:transform .45s var(--lp-ease)}
body[data-pg=lag] .lp-link:focus-visible::before{transform:none}
body[data-pg=lag] .lp-link>i{border-radius:8px;background:linear-gradient(180deg,#1E2028,#13141A);border-color:rgba(255,255,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -4px 0 rgba(0,0,0,.45);color:var(--lg-ok)}
body[data-pg=lag] .lp-link small{font:400 .72rem/1.4 var(--lg-mono);color:var(--lg-ink-3)}
body[data-pg=lag] .lp-link::after{content:'›';font:500 1.1rem/1 var(--lg-mono);color:var(--lg-ok)}
body[data-pg=lag] .lp-link>i{transition:transform .08s ease-out}
@media(hover:hover){body[data-pg=lag] .lp-link:hover{border-color:rgba(var(--lg-ok-rgb),.45);background-color:rgba(15,19,11,.9)}body[data-pg=lag] .lp-link:hover>i{transform:translateY(2px)}body[data-pg=lag] .lp-link:hover::before{transform:none}}

@media(max-width:640px){
  body[data-pg=lag] .lp-sec:not(.lp-sec--first){padding-top:70px}
  body[data-pg=lag] .lp-answer{padding:22px 18px 20px}
  body[data-pg=lag] #diagnoza .lp-list li{padding:12px 13px 12px 42px}
  body[data-pg=lag] #diagnoza .lp-list li::before{left:12px}
  body[data-pg=lag] #diagnoza .lp-list li::after{left:18px}
  .pg-lg-scr-f3,.pg-lg-scr-v{font-size:.56rem}
  .pg-lg-tick{width:44px;height:44px;border-radius:12px}
  body[data-pg=lag] .lp-step::before{border-radius:12px}
  .pg-lg-tick::after{left:17px;top:10px;width:9px;height:17px}
  .pg-lg-pill{bottom:calc(env(safe-area-inset-bottom,0px) + 92px);width:auto;margin:22px 60px 0 0}
  .pg-lg-tick::before{right:5px;bottom:6px;width:10px;height:10px}
  .pg-lg-pill-b{display:flex;align-items:center;gap:12px;padding:8px 12px}
  .pg-lg-pill-k{display:grid;gap:3px}
  .pg-lg-pill-g{flex:1;width:auto;min-width:70px;height:30px}
  .pg-lg-pill-m{width:96px}
  .pg-lg-pill-note{display:none}
  .pg-lg-met{padding:16px 14px 14px}
  .pg-lg-clk-r{grid-template-columns:100px minmax(0,1fr);gap:10px}
  .pg-lg-met-tl{height:64px}
  .pg-lg-opt{margin-left:8px}
  body[data-pg=lag] .lp-table--stack tbody th{background:linear-gradient(180deg,#141810,#0E110B);color:var(--lg-ok);border-bottom-color:rgba(var(--lg-ok-rgb),.18)}
  body[data-pg=lag] .lp-table--stack tbody tr{border-radius:8px}
  body[data-pg=lag] .lp-qa-a{padding-left:20px}
  
  body[data-pg=lag] .lp-tablebox:has(.lp-table--stack) .lp-table--stack tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:start;column-gap:12px;margin-bottom:8px;padding:12px 14px 13px;background:rgba(11,12,16,.92)}
  body[data-pg=lag] .lp-table--stack tbody tr>*{padding:0!important;border:0!important;background:none!important}
  body[data-pg=lag] .lp-table--stack tbody td[data-label]::before{display:none}
  body[data-pg=lag] .lp-table--stack tbody th{grid-column:1;grid-row:1;color:#fff;font-size:.95rem;line-height:1.35}
  body[data-pg=lag] .lp-table--stack tbody td{font-size:.86rem;line-height:1.5}
  body[data-pg=lag] #rodzaje-lagow .lp-table--stack tbody td:nth-of-type(1){grid-column:1/-1;grid-row:2;margin-top:6px}
  body[data-pg=lag] #rodzaje-lagow .lp-table--stack tbody td:nth-of-type(2){grid-column:1/-1;grid-row:3;margin-top:4px;color:var(--lg-ink-2)}
  body[data-pg=lag] #ustawienia .lp-table--stack tbody td:nth-of-type(1){grid-column:1;grid-row:2;margin-top:2px;font:400 .7rem/1.4 var(--lg-mono);color:var(--lg-ink-3)}
  body[data-pg=lag] .pg-lg-tset tbody td:nth-of-type(2){grid-column:2;grid-row:1/span 2;max-width:46vw;text-align:right;color:var(--lg-ink)}
  body[data-pg=lag] .pg-lg-tset tbody td:nth-of-type(3){grid-column:1/-1;grid-row:3;margin-top:8px;padding-top:8px!important;border-top:1px solid rgba(255,255,255,.06)!important;color:var(--lg-ink-2)}
  body[data-pg=lag] .pg-lg-tset tbody td:nth-of-type(3)::after{content:none}
.pg-lg-tset .pg-lg-opt{float:none;display:flex;justify-content:flex-end;margin:8px 0 0 auto}
  body[data-pg=lag] .pg-lg-tmod tbody td:nth-of-type(3){grid-column:2;grid-row:1;text-align:right}
  body[data-pg=lag] .pg-lg-tmod tbody td:nth-of-type(1){grid-column:1/-1;grid-row:2;margin-top:6px;color:var(--lg-ink-2)}
  body[data-pg=lag] .pg-lg-tmod tbody td:nth-of-type(2){grid-column:1/-1;grid-row:3;margin-top:4px;font:400 .7rem/1.4 var(--lg-mono);color:var(--lg-ink-3)}
}

body[data-pg=lag] .lp-sec:not(.lp-sec--first)>p:not(.lp-eyebrow),body[data-pg=lag] .lp-step>p{content-visibility:auto;contain-intrinsic-block-size:auto 170px}
body[data-pg=lag] .lp-tablewrap,body[data-pg=lag] .pg-lg-diag .lp-list{content-visibility:auto;contain-intrinsic-block-size:auto 560px}
body[data-pg=lag] .lp-faq,body[data-pg=lag] .lp-sources ul{content-visibility:auto;contain-intrinsic-block-size:auto 520px}
@media(max-width:640px){
  body[data-pg=lag] .lp-sec:not(.lp-sec--first)>p:not(.lp-eyebrow),body[data-pg=lag] .lp-step>p{contain-intrinsic-block-size:auto 320px}
  body[data-pg=lag] .lp-tablewrap,body[data-pg=lag] .pg-lg-diag .lp-list{contain-intrinsic-block-size:auto 1100px}
}

@keyframes pg-lg-blink{0%{opacity:0}100%{opacity:.9}}
@keyframes pg-lg-ring{0%{transform:scale(.5);opacity:.8}70%,100%{transform:scale(1.6);opacity:0}}
@keyframes pg-lg-invite{0%{transform:scale(.96);opacity:0}30%{opacity:.9}100%{transform:scale(1.08);opacity:0}}
@keyframes pg-lg-needle{0%{transform:rotate(105deg)}12%{transform:rotate(97deg)}21%{transform:rotate(113deg)}30%{transform:rotate(92deg)}39%{transform:rotate(108deg)}50%{transform:rotate(100deg)}61%{transform:rotate(70deg)}66%{transform:rotate(95deg)}78%{transform:rotate(111deg)}90%{transform:rotate(99deg)}}
@keyframes pg-lg-swing{0%{transform:rotate(105deg)}55%{transform:rotate(187deg)}74%{transform:rotate(176deg)}88%{transform:rotate(181deg)}100%{transform:rotate(179deg)}}
@keyframes pg-lg-idle{0%,100%{transform:rotate(179deg)}50%{transform:rotate(177deg)}}
@keyframes pg-lg-scroll{to{transform:translateX(-240px)}}
@keyframes pg-lg-run{to{transform:translateX(-120px)}}
@keyframes pg-lg-cell{0%{opacity:1}12%,100%{opacity:.55}}
@keyframes pg-lg-ms{0%{transform:scaleX(.83)}18%{transform:scaleX(.74)}33%{transform:scaleX(.96)}52%{transform:scaleX(.79)}71%{transform:scaleX(.9)}86%{transform:scaleX(.7)}}
@keyframes pg-lg-bar{0%,64%{opacity:1}65%,74%{opacity:.18}75%,100%{opacity:1}}
@keyframes pg-lg-beat{0%{transform:scale(1.6)}100%{transform:scale(1)}}
@keyframes pg-lg-beat2{0%{transform:scale(1.6)}100%{transform:scale(1)}}
@keyframes pg-lg-cta{to{transform:translateX(-12px)}}
@keyframes pg-lg-rkp{40%,60%{transform:translateY(2px)}}
@keyframes pg-lg-sweep{from{transform:translateX(0)}to{transform:translateX(100%)}}