:root{--bg:#0d0f0b;--panel:#151912;--panel2:#1b2117;--ink:#f2f2df;--muted:#a7ad92;--line:#3a4230;--accent:#d7ff3f;--accent2:#ff5c7a;--blue:#7ab7ff;--warn:#ffc857;--shadow:0 26px 90px rgba(0,0,0,.42);--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% -8%,rgba(215,255,63,.13),transparent 34%),radial-gradient(circle at 88% 18%,rgba(122,183,255,.12),transparent 30%),linear-gradient(180deg,#0d0f0b 0%,#11140f 62%,#090a08 100%);color:var(--ink);font-family:var(--sans);overflow-x:hidden}
    body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(242,242,223,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(242,242,223,.03) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.72) 52%,transparent 100%);z-index:-2}
    body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.09;mix-blend-mode:screen;background:repeating-linear-gradient(180deg,transparent 0,transparent 2px,#fff 3px,transparent 4px);z-index:20}
    a{color:inherit} .wrap{width:min(1180px,calc(100% - 32px));margin:0 auto} .topbar{position:sticky;top:0;z-index:10;backdrop-filter:blur(14px);background:rgba(13,15,11,.72);border-bottom:1px solid rgba(215,255,63,.15)} .topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
    .brand{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none} .folder-icon{width:38px;height:29px;position:relative;flex:0 0 auto;border:1px solid var(--line);background:linear-gradient(180deg,#d7ff3f,#9cc521);border-radius:4px 5px 5px 5px;box-shadow:0 0 24px rgba(215,255,63,.18)} .folder-icon:before{content:"";position:absolute;left:2px;top:-8px;width:17px;height:9px;background:#d7ff3f;border:1px solid var(--line);border-bottom:0;border-radius:4px 4px 0 0}
    .brand strong{font-family:var(--mono);letter-spacing:-.06em;font-size:clamp(18px,2vw,23px)} .brand .path{font-family:var(--mono);color:var(--muted);font-size:12px;display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} nav{display:flex;gap:6px;align-items:center;font-family:var(--mono);font-size:13px;color:var(--muted)} nav a{text-decoration:none;padding:8px 10px;border:1px solid transparent;border-radius:6px} nav a:hover{border-color:var(--line);color:var(--ink);background:rgba(255,255,255,.04)}
    .hero{padding:76px 0 46px;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center} .crumb{font-family:var(--mono);color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px} .crumb span{border:1px solid var(--line);padding:6px 8px;background:rgba(21,25,18,.72);border-radius:4px} h1{font-size:clamp(56px,10vw,128px);line-height:.82;letter-spacing:-.09em;margin:0 0 24px;font-weight:880;text-wrap:balance} .headline-kicker{font-family:var(--mono);color:var(--accent);font-size:clamp(20px,2.7vw,34px);margin:0 0 18px;letter-spacing:-.045em} .lead{font-size:clamp(18px,2vw,24px);line-height:1.26;color:#d8dcc9;max-width:690px;margin:0 0 28px;text-wrap:pretty} .buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center} .btn{font-family:var(--mono);text-decoration:none;padding:13px 15px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink);box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .18s ease,border-color .18s ease,background .18s ease} .btn:hover{transform:translateY(-2px);border-color:var(--accent);background:#202815} .btn.primary{background:var(--accent);color:#11140f;border-color:#ebff8c;font-weight:800}
    .desktop{border:1px solid rgba(215,255,63,.22);background:linear-gradient(180deg,rgba(27,33,23,.94),rgba(16,19,14,.94));border-radius:14px;box-shadow:var(--shadow);overflow:hidden;position:relative} .desktop:before{content:"";position:absolute;inset:auto -40px -50px auto;width:180px;height:180px;background:radial-gradient(circle,rgba(255,92,122,.22),transparent 68%);pointer-events:none} .windowbar{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-family:var(--mono);color:var(--muted);font-size:12px;background:#11150e} .dots{display:flex;gap:7px} .dot{width:11px;height:11px;border-radius:50%;background:var(--accent2)} .dot:nth-child(2){background:var(--warn)} .dot:nth-child(3){background:var(--accent)} .filetree{display:grid;grid-template-columns:210px 1fr;min-height:410px} .sidebar{border-right:1px solid var(--line);padding:14px 10px;font-family:var(--mono);font-size:13px;color:var(--muted);background:rgba(0,0,0,.14)} .tree-row{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:5px;margin-bottom:4px} .tree-row.active{background:rgba(215,255,63,.12);color:var(--ink);border:1px solid rgba(215,255,63,.18)} .filepane{padding:18px;position:relative} .folder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px} .folder-card{border:1px solid var(--line);background:rgba(21,25,18,.82);border-radius:9px;padding:14px;min-height:95px;position:relative;overflow:hidden} .folder-card h3{font-family:var(--mono);font-size:15px;margin:0 0 12px;color:var(--accent)} .folder-card p{margin:0;color:#c8cdb9;line-height:1.35;font-size:14px} .broken-img{height:122px;border:1px dashed rgba(255,255,255,.25);background:linear-gradient(135deg,rgba(122,183,255,.08) 0 40%,rgba(255,92,122,.1) 40% 42%,rgba(21,25,18,.7) 42%);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);color:var(--muted);transform:rotate(-.8deg);margin-top:12px} .cursor{display:inline-block;width:9px;height:1.05em;background:var(--accent);transform:translateY(3px);animation:blink 1s steps(2,end) infinite} @keyframes blink{50%{opacity:0}}
    section{padding:58px 0} .section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:22px} .section-title h2{font-size:clamp(30px,5vw,58px);margin:0;letter-spacing:-.07em;line-height:.9} .section-title code{font-family:var(--mono);color:var(--muted);font-size:13px} .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} .card{background:rgba(21,25,18,.78);border:1px solid var(--line);border-radius:12px;padding:22px;min-height:220px;position:relative;overflow:hidden} .card:hover{border-color:rgba(215,255,63,.42)} .card .label{font-family:var(--mono);color:var(--muted);font-size:12px;margin-bottom:34px;display:block} .card h3{font-size:28px;line-height:.98;letter-spacing:-.045em;margin:0 0 12px} .card p{color:#c9cebd;line-height:1.45;margin:0} .wide{grid-column:span 2} .manifest{font-family:var(--mono);font-size:clamp(20px,3vw,37px);line-height:1.18;letter-spacing:-.055em;color:#edf2d8;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:34px;box-shadow:var(--shadow)} .manifest .dim{color:var(--muted)} .project{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:stretch} .album{background:#ece7cf;color:#111;min-height:380px;border-radius:14px;border:1px solid #313313;padding:26px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden} .album:before{content:"BIUROWE\A BANGERY";white-space:pre;position:absolute;right:-10px;bottom:-22px;font-weight:900;font-size:88px;letter-spacing:-.09em;line-height:.75;color:rgba(0,0,0,.08);transform:rotate(-7deg)} .album small{font-family:var(--mono);color:#555} .album h2{font-size:58px;letter-spacing:-.08em;line-height:.86;margin:0;max-width:360px} .album p{max-width:360px;line-height:1.35} .terminal-box{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#080a07;box-shadow:var(--shadow)} .terminal-body{padding:20px;font-family:var(--mono);color:#cbd0bb;line-height:1.75;font-size:14px} .prompt{color:var(--accent)} .err{color:var(--accent2)} .ok{color:var(--blue)} .muted{color:var(--muted)} .noise-line{font-family:var(--mono);color:rgba(167,173,146,.58);font-size:12px;padding:26px 0 38px;white-space:nowrap;overflow:hidden;border-top:1px solid rgba(58,66,48,.65)} footer{padding:28px 0 52px;color:var(--muted);font-family:var(--mono);font-size:13px} footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap} .glitch{position:absolute;pointer-events:none;font-family:var(--mono);color:rgba(215,255,63,.2);font-size:12px} .g1{left:3%;top:19%} .g2{right:4%;top:48%;color:rgba(255,92,122,.22)} .g3{left:8%;bottom:13%;color:rgba(122,183,255,.2)}
    @media(max-width:900px){nav{display:none} .hero,.project{grid-template-columns:1fr} .hero{padding-top:48px} .desktop{order:-1} .cards{grid-template-columns:1fr} .wide{grid-column:auto} .filetree{grid-template-columns:1fr} .sidebar{display:none} .folder-grid{grid-template-columns:1fr} .album h2{font-size:44px}}
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.post-list{display:grid;gap:14px}.post-row{display:grid;grid-template-columns:160px 1fr;gap:18px;text-decoration:none;background:rgba(21,25,18,.78);border:1px solid var(--line);border-radius:12px;padding:22px;color:var(--ink)}.post-row:hover{border-color:rgba(215,255,63,.42)}.post-date{font-family:var(--mono);color:var(--muted);font-size:12px}.post-row h2{font-size:clamp(28px,4vw,48px);letter-spacing:-.07em;line-height:.9;margin:0 0 12px}.post-row p{color:#c9cebd;line-height:1.45;margin:0}.post-content{max-width:760px;margin:70px auto;font-size:20px;line-height:1.55}.post-content h1{font-size:clamp(46px,8vw,96px);margin:0 0 30px}.post-content p{color:#d8dcc9}.post-content img{max-width:100%;border-radius:12px}.ghost-admin-note{font-family:var(--mono);font-size:13px;color:var(--muted)}@media(max-width:700px){.post-row{grid-template-columns:1fr}}
.kg-width-wide{max-width:min(920px,100%);margin-left:auto;margin-right:auto}.kg-width-full{width:100vw;max-width:100vw;margin-left:50%;transform:translateX(-50%)}
.editable-home{padding-top:34px}.editable-shell{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:34px;background:linear-gradient(180deg,rgba(20,26,22,.94),rgba(12,15,13,.94));box-shadow:var(--shadow);padding:clamp(24px,5vw,56px)}.editable-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(92,255,122,.13),transparent 30%),linear-gradient(transparent 0 31px,rgba(255,255,255,.025) 32px);background-size:auto,100% 32px;pointer-events:none}.editable-shell>*{position:relative}.editable-shell h1{font-size:clamp(46px,10vw,118px);line-height:.86;letter-spacing:-.09em;margin:16px 0 22px}.editable-content{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:28px}.editable-content>*{grid-column:span 12}.editable-content h2{grid-column:span 12;margin:34px 0 2px;font-size:clamp(28px,5vw,54px);letter-spacing:-.05em}.editable-content h3{margin:0 0 6px;font-size:22px}.editable-content p,.editable-content ul,.editable-content ol{font-size:18px;line-height:1.65;color:var(--muted);max-width:900px}.editable-content a{color:var(--green);text-decoration:none;border-bottom:1px solid rgba(92,255,122,.45)}.editable-content blockquote{grid-column:span 12;border:1px solid rgba(92,255,122,.28);border-radius:24px;padding:24px;background:rgba(92,255,122,.07);font-size:clamp(24px,4vw,42px);line-height:1.15;letter-spacing:-.04em;color:var(--text);margin:16px 0}.editable-content blockquote p{color:var(--text);font-size:inherit;line-height:inherit}.editable-content hr{grid-column:span 12;width:100%;border:0;border-top:1px solid var(--line);margin:12px 0}.editable-content ul{padding-left:1.2em}.editable-content li{margin:.35em 0}.editable-content .kg-card.kg-button-card{justify-self:start}.editable-content .kg-button-card a.kg-btn,.editable-content .kg-button-card a{display:inline-flex;align-items:center;gap:10px;padding:13px 16px;border-radius:999px;background:var(--green);color:#061008;font-weight:900;border:0}.edit-hint{margin-top:32px;padding:14px 16px;border:1px dashed rgba(92,255,122,.35);border-radius:18px;color:var(--muted);font-family:var(--mono);font-size:12px;background:rgba(255,255,255,.03)}
@media (min-width: 860px){.editable-content h3,.editable-content h3+p{grid-column:span 6}.editable-content h3+p+p{grid-column:span 6}}

/* --- treść wpisów: nagłówki, listy, cytaty, embedy (dodane razem z notką o kanale "Dziękuję za suby") --- */
.post-content h2{font-size:clamp(28px,4.4vw,44px);line-height:.95;letter-spacing:-.05em;margin:52px 0 14px;color:var(--ink)}
.post-content h3{font-size:22px;line-height:1.05;letter-spacing:-.03em;margin:34px 0 10px;color:var(--accent);font-family:var(--mono)}
.post-content ul,.post-content ol{padding-left:1.2em;color:#d8dcc9}
.post-content li{margin:.4em 0}
.post-content blockquote{margin:30px 0;padding:6px 0 6px 20px;border-left:2px solid var(--accent);color:var(--ink);font-size:23px;line-height:1.3;letter-spacing:-.03em}
.post-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(215,255,63,.4)}
.post-content hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.post-content code{font-family:var(--mono);font-size:.88em;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.post-content figure{margin:34px 0}
.post-content .kg-card.kg-embed-card,.post-content .kg-card.kg-video-card{width:100%;margin:34px 0}
.post-content .kg-embed-card iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:16px;background:#000;box-shadow:0 18px 46px rgba(0,0,0,.45)}
.post-content .kg-embed-card figcaption,.post-content figcaption{margin-top:10px;font-family:var(--mono);font-size:12.5px;line-height:1.55;color:var(--muted)}

/* --- mobilne menu: dotykowy przełącznik + panel (patrz assets/css/mobile-nav.css, wklejone tu, bo Ghost serwuje jeden plik) --- */
.nav-toggle-input{position:absolute;width:1px;height:1px;opacity:0;margin:0;pointer-events:none}
.nav-toggle{display:none}
@media(max-width:900px){
  .topbar .wrap{position:relative;gap:10px}
  nav{display:none}
  .nav-toggle{display:inline-flex;align-items:center;gap:10px;min-height:48px;min-width:48px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,rgba(27,33,23,.95),rgba(16,19,14,.95));color:var(--ink);font-family:var(--mono);font-size:14px;letter-spacing:-.02em;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-shadow:0 8px 22px rgba(0,0,0,.3);transition:border-color .18s ease,background .18s ease}
  .nav-toggle:hover{border-color:rgba(215,255,63,.42)}
  .nav-toggle .bars{position:relative;width:18px;height:12px;flex:0 0 auto}
  .nav-toggle .bars i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:var(--accent);transition:transform .18s ease,opacity .18s ease}
  .nav-toggle .bars i:nth-child(1){top:0}
  .nav-toggle .bars i:nth-child(2){top:5px}
  .nav-toggle .bars i:nth-child(3){top:10px}
  #nav-toggle:focus-visible ~ .nav-toggle{outline:2px solid var(--accent);outline-offset:2px}
  #nav-toggle:checked ~ .nav-toggle{border-color:rgba(215,255,63,.5);background:#202815}
  #nav-toggle:checked ~ .nav-toggle .bars i:nth-child(1){transform:translateY(5px) rotate(45deg)}
  #nav-toggle:checked ~ .nav-toggle .bars i:nth-child(2){opacity:0}
  #nav-toggle:checked ~ .nav-toggle .bars i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
  #nav-toggle:checked ~ nav{display:flex;flex-direction:column;gap:0;position:absolute;top:calc(100% + 1px);left:-16px;right:-16px;z-index:12;padding:6px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(13,15,11,.97);backdrop-filter:blur(18px);border-top:1px solid rgba(215,255,63,.18);border-bottom:1px solid rgba(215,255,63,.24);box-shadow:0 26px 60px rgba(0,0,0,.55);text-align:left}
  #nav-toggle:checked ~ nav a{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:52px;padding:12px 2px;font-size:16px;letter-spacing:-.01em;border:0;border-bottom:1px dashed rgba(167,173,146,.28);border-radius:0;background:none}
  #nav-toggle:checked ~ nav a:last-child{border-bottom:0}
  #nav-toggle:checked ~ nav a:after{content:"→";font-family:var(--mono);color:var(--accent);opacity:.85}
  #nav-toggle:checked ~ nav a:active{background:rgba(215,255,63,.1)}
}

/* --- strona /kontakt/: zdjęcie ładujące się liniami (80% + szum) --- */
.kontakt-page{padding-top:34px}
.kontakt-grid{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:clamp(20px,4vw,46px);align-items:start;margin-top:24px}
.kontakt-photo{position:relative;margin:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0a0c08;box-shadow:var(--shadow);isolation:isolate;animation:kontaktJitter 6.5s steps(1,end) infinite}
.kontakt-photo img{display:block;width:100%;height:auto;filter:grayscale(1) contrast(1.08) brightness(1.02)}
.kontakt-photo figcaption{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:7px 11px;font-family:var(--mono);font-size:11.5px;color:var(--muted);background:linear-gradient(180deg,transparent,rgba(0,0,0,.78))}
.kontakt-photo .glitch-band{position:absolute;left:0;right:0;top:80%;bottom:0;z-index:2;overflow:hidden;background-color:#0a0c08}
.kontakt-photo .glitch-band .band-copy{position:absolute;left:0;top:-400%;width:100%;height:500%;filter:grayscale(1) contrast(1.5) brightness(.74) blur(1.1px);transform:translateX(-3px)}
.kontakt-photo .glitch-band .tear{filter:grayscale(1) contrast(1.7) brightness(.92) blur(.5px)}
.kontakt-photo .glitch-band .tear.t1{clip-path:inset(83.5% 0 14.5% 0);transform:translateX(8px);mix-blend-mode:screen;opacity:.9}
.kontakt-photo .glitch-band .tear.t2{clip-path:inset(88% 0 9% 0);transform:translateX(-10px)}
.kontakt-photo .glitch-band .tear.t3{clip-path:inset(94% 0 4% 0);transform:translateX(6px);mix-blend-mode:screen;opacity:.85}
.kontakt-photo .glitch-band:after{content:"";position:absolute;inset:0;opacity:.9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23f)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.045' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23c)' opacity='0.75'/%3E%3C/svg%3E"),linear-gradient(180deg,rgba(6,8,5,.4),rgba(6,8,5,.4)),repeating-linear-gradient(180deg,rgba(0,0,0,.55) 0 1px,rgba(255,255,255,.1) 2px,transparent 3px 4px),linear-gradient(180deg,transparent 0 9%,rgba(215,255,63,.16) 9% 11.5%,transparent 11.5% 34%,rgba(255,255,255,.13) 34% 35.5%,transparent 35.5% 58%,rgba(0,0,0,.55) 58% 61%,transparent 61% 87%,rgba(255,92,122,.18) 87% 89%,transparent 89%);background-size:120px 120px,220px 220px,100% 100%,100% 4px,100% 100%;background-position:0 0,0 0,0 0,0 0,0 0;animation:kontaktNoise .3s steps(3,end) infinite}
.kontakt-photo .glitch-cut{position:absolute;left:0;right:0;top:calc(80% - 1px);height:2px;z-index:3;background:var(--accent);box-shadow:0 0 14px rgba(215,255,63,.8),0 2px 0 rgba(255,92,122,.5),0 -2px 0 rgba(122,183,255,.35)}
.kontakt-photo .glitch-scan{position:absolute;left:0;right:0;top:0;height:2px;z-index:3;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:kontaktScan 2.9s linear infinite}
@keyframes kontaktNoise{0%{background-position:0 0,0 0,0 0,0 0,0 0}50%{background-position:-46px 28px,52px -18px,0 0,0 2px,0 3px}100%{background-position:30px -36px,-40px 34px,0 0,0 0,0 -4px}}
@keyframes kontaktScan{0%{top:0;opacity:.2}10%{opacity:.55}90%{opacity:.55}100%{top:calc(80% - 2px);opacity:.2}}
@keyframes kontaktJitter{0%,91%{transform:translate(0,0)}92%{transform:translate(-2px,1px)}93%{transform:translate(2px,-1px)}94%,100%{transform:translate(0,0)}}
.kontakt-body{min-width:0}
.kontakt-body p{font-size:18px;line-height:1.6;color:var(--muted);max-width:820px;margin:0 0 18px}
.kontakt-body p strong{color:var(--ink)}
.kontakt-body h2{font-size:clamp(26px,4vw,42px);letter-spacing:-.06em;line-height:.95;margin:34px 0 12px;color:var(--ink)}
.kontakt-body h3{font-family:var(--mono);font-size:20px;color:var(--accent);margin:26px 0 10px}
.kontakt-body a{color:var(--accent)}
.kontakt-body ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:8px}
.kontakt-body ul li{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:54px;padding:12px 15px;border:1px solid var(--line);border-radius:12px;background:rgba(21,25,18,.78);font-family:var(--mono);font-size:12.5px;color:var(--muted);overflow-wrap:anywhere;transition:border-color .18s ease,transform .18s ease,background .18s ease}
.kontakt-body ul li:hover{border-color:rgba(215,255,63,.45);background:rgba(27,33,23,.9);transform:translateX(3px)}
.kontakt-body ul li a{font-family:var(--mono);font-size:15px;color:var(--accent);text-decoration:none;white-space:nowrap}
@media(max-width:860px){
  .kontakt-grid{grid-template-columns:1fr;gap:26px}
  .kontakt-photo{max-width:min(340px,100%)}
  .kontakt-body ul li{min-height:58px}
  .kontakt-body ul li a{white-space:normal}
}

/* ---------------------------------------------------------------------------
   Podstrona "Mój setup AI": wizualizacja osadzona jako iframe
   (samodzielny plik /embed/ai-setup/). Wysokość dopasowuje skrypt wewnątrz
   embedu; poniższe wartości są tylko zapasem, gdy JS nie zadziała.
   Nadpisuje domyślne 16/9 dla embedów, bo ta wizualizacja jest pionowa.
   --------------------------------------------------------------------------- */
.kg-embed-card iframe[src*="/embed/ai-setup"]{width:100%;height:1660px;aspect-ratio:auto;border:0;border-radius:16px;background:#0d0f0b;box-shadow:0 18px 46px rgba(0,0,0,.45)}
@media(max-width:860px){.kg-embed-card iframe[src*="/embed/ai-setup"]{height:2200px}}