body{margin:0}
.ot{--paper:#f2eee4;--paper-deep:#e8e1d3;--ink:#171913;--ink-soft:#4f524a;--line:rgba(23,25,19,.18);--night:#081b23;--night-soft:#102b34;--signal:#b8f46f;--rust:#9b3e20;--white:#fbfaf5;
 background:#f2eee4 url("../images/fs/paper-grain.png");color:#171913;font-family:"Archivo",sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
.ot *{box-sizing:border-box}
.ot a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
.ot a:hover{color:#9b3e20}
.ot img{display:block;width:100%;height:100%;object-fit:cover}
.ot :focus-visible{outline:3px solid #9b3e20;outline-offset:4px}
.shell{width:min(100% - 32px,1328px);margin-inline:auto}
.kick{font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9b3e20;margin:0}
.kick-live{display:inline-flex;align-items:center;gap:8px;background:#081b23;color:#b8f46f;padding:5px 10px;border-radius:999px}
.dot{width:8px;height:8px;border-radius:50%;background:#b8f46f;box-shadow:0 0 0 3px rgba(184,244,111,.25)}
.h2{font-size:clamp(28px,2.4vw,40px);line-height:1.12;letter-spacing:-.015em;font-weight:800;margin:0}
.h3{font-size:20px;line-height:1.25;font-weight:700;margin:0;letter-spacing:-.005em}
.lead{color:#4f524a;margin:0;max-width:68ch}
.sec{padding-block:72px;border-top:1px solid rgba(23,25,19,.18)}
.sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 40px;margin-bottom:28px}
.sec-head > div{display:flex;flex-direction:column;gap:10px;max-width:780px}
.card{background:#fbfaf5;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;box-shadow:0 1px 0 rgba(23,25,19,.08),0 10px 30px -18px rgba(23,25,19,.35);transition:transform .2s ease,box-shadow .2s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgba(23,25,19,.08),0 18px 36px -18px rgba(23,25,19,.45)}
.card-media{overflow:hidden;background:#e8e1d3}
.card-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.meta{font-family:"IBM Plex Mono",monospace;font-size:12px;color:#4f524a;margin:0}
.more{font-weight:700;font-size:15px;margin-top:auto;padding-top:6px;color:#9b3e20}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;border:1.5px solid #171913}
.btn-solid{background:#171913;color:#fbfaf5!important}
.btn-solid:hover{background:#9b3e20;border-color:#9b3e20}
.btn-ghost-light{border-color:rgba(251,250,245,.6);color:#fbfaf5!important}
.btn-signal{background:#b8f46f;border-color:#b8f46f;color:#081b23!important}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.chip{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid rgba(23,25,19,.22);border-radius:999px;font-size:14px;font-weight:600;text-decoration:none;background:rgba(251,250,245,.6)}
.chip:hover{border-color:#9b3e20}
.chip-dark{border-color:rgba(251,250,245,.28);background:transparent;color:#fbfaf5}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px}
.hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;align-items:stretch}
.hero-side{display:grid;grid-template-rows:1fr 1fr;gap:20px}
.hero-main{position:relative;border-radius:18px;overflow:hidden;min-height:520px;color:#fbfaf5;text-decoration:none;display:block}
.hero-main .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,27,35,.05) 30%,rgba(8,27,35,.88) 100%)}
.hero-main .copy{position:absolute;left:0;right:0;bottom:0;padding:32px 36px;display:flex;flex-direction:column;gap:12px}
.tile{position:relative;border-radius:18px;overflow:hidden;color:#fbfaf5;text-decoration:none;display:block;min-height:248px}
.tile .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,27,35,.08) 25%,rgba(8,27,35,.9) 100%)}
.tile .copy{position:absolute;left:0;right:0;bottom:0;padding:20px 22px;display:flex;flex-direction:column;gap:6px}
.tile .kick,.hero-main .kick{color:#b8f46f}
.row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}
.row3 .tile{min-height:0;aspect-ratio:1.93}
.band{display:grid;align-items:center;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border-radius:18px;overflow:hidden;background:#fbfaf5}
.band-copy{padding:44px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.night{background:#081b23;color:#fbfaf5}
.night .lead{color:#c9d3d1}
.night .kick{color:#b8f46f}
.night a:hover{color:#b8f46f}
.list-check{margin:0;padding:0;list-style:none;max-width:82ch;display:flex;flex-direction:column;gap:12px}
.list-check li{padding-left:28px;position:relative}
.list-check li::before{content:"";position:absolute;left:0;top:.55em;width:14px;height:2px;background:#9b3e20}
.faq details{border-bottom:1px solid rgba(23,25,19,.18);padding:18px 0}
.faq summary{cursor:pointer;font-weight:700;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq summary::after{content:"+";font-family:"IBM Plex Mono",monospace;color:#9b3e20}
.faq details[open] summary::after{content:"–"}
.faq p{margin:10px 0 0;color:#4f524a;max-width:75ch}
.nav a{text-decoration:none;font-weight:600;font-size:15px;padding:10px 4px}
@media (max-width:900px){
 .hero{grid-template-columns:1fr}
 .hero-main{min-height:0;aspect-ratio:1.2}
 .hero-side{grid-template-rows:none;grid-template-columns:1fr 1fr}
 .tile{min-height:0;aspect-ratio:1.4}
 .row3{grid-template-columns:1fr 1fr}
 .band{grid-template-columns:1fr}
 .band-copy{padding:28px}
 .nav-links{display:none!important}
 .menu-btn{display:inline-flex!important}
 .sec{padding-block:52px}
}
@media (max-width:560px){
 .hero-side,.row3{grid-template-columns:1fr}
 .hero-main .copy{padding:22px}
}
.ot .tile,.ot .tile:hover,.ot .hero-main,.ot .dest-cover{color:#fbfaf5}
.ot .tile .h3,.ot .tile h3{color:#fbfaf5;text-shadow:0 1px 12px rgba(8,27,35,.45)}
.ot .tile img,.ot .card-media img{transition:transform .5s ease}
.ot .tile:hover img,.ot .card:hover .card-media img{transform:scale(1.035)}
.ot .more{color:#9b3e20;text-decoration:none}
.ot .more:hover{text-decoration:underline}
.ot .faq .kick{color:#9b3e20;margin:0}

/* wspólne: pasek na żywo, stopka, dotyk, responsywność (v2) */
.live a{color:#e6ece9;text-decoration:none}
.ot .live a:hover{color:#b8f46f}
.foot h3{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#b8f46f;margin:0 0 14px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:15px}
.foot ul a{display:inline-flex;align-items:center;min-height:32px;text-decoration:none;color:#e6ece9}
.ot .foot a:hover{color:#b8f46f}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr));gap:40px 32px}
.ot .chip{min-height:44px}
@media (max-width:1120px){.nav-links{display:none!important}.menu-btn{display:inline-flex!important}.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.live-links{display:none!important}.foot-grid{grid-template-columns:1fr}.foot ul a{min-height:44px}}
.gal3m{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:900px){.row3 > :last-child{grid-column:span 2}}
@media (max-width:560px){.row3 > :last-child{grid-column:auto}.gal3m{grid-template-columns:1fr 1fr}.gal3m > :first-child{grid-column:span 2}.hero-main{aspect-ratio:auto!important;min-height:540px}.hero-main .copy{padding:20px}}
@media (max-width:600px){header nav[aria-label="Wersja językowa"]{display:none!important}}

/* v3 QA: FAQ grid, skip link, cele dotykowe */
.faq-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;gap:24px 64px}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:#171913;color:#fbfaf5!important;padding:12px 16px;border-radius:10px;text-decoration:none;font-weight:700}
.skip:focus{top:12px}
.nav a{min-height:44px;display:inline-flex;align-items:center}
.live a{min-height:32px;display:inline-flex;align-items:center}
.foot ul a{display:inline-flex;align-items:center;min-height:32px}
@media (max-width:900px){.faq-grid{grid-template-columns:1fr!important}}
@media (max-width:600px){.foot ul a{min-height:44px}nav[aria-label="Okruszki"] a{display:inline-flex;align-items:center;min-height:32px}}

/* v4 QA: pozostałe cele dotykowe */
.foot nav[aria-label="Wersja językowa"] a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.ot .btn{min-height:46px!important}
@media (max-width:600px){ol li a[style*="Czytaj wpis"],.more{min-height:44px;display:inline-flex;align-items:center}}
@media (max-width:420px){.live .lt{display:none}}
@media (max-width:1120px){.live-links{display:none!important}}
@media (min-width:561px) and (max-width:1100px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid-3 .card-body{padding:14px 14px 18px}}
@media (max-width:560px){.grid-3{grid-template-columns:1fr}}

.ot .night .more{border-color:#b8f46f;color:#b8f46f}.ot .night .card:hover .more,.ot .night .more:hover{background:#b8f46f;color:#081b23}
/* v5 — przyciski CTA i zdjęcia bez rozsypki */
.ot .more{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;min-height:40px;padding:0 16px;margin-top:auto;border:1.5px solid #9b3e20;border-radius:999px;font-size:14px;font-weight:700;line-height:1.1;color:#9b3e20;background:transparent;text-decoration:none!important;transition:background .2s ease,color .2s ease}
.ot .more:hover,.ot .card:hover .more{background:#9b3e20;color:#fbfaf5}
.ot .card-body > .more{margin-top:auto}
.ot .card-body{flex:1}
.ot .tile .more,.ot .dest-cover .more{margin-top:8px;background:#b8f46f;border-color:#b8f46f;color:#081b23}
.ot .tile:hover .more,.ot .dest-cover .more:hover{background:#fbfaf5;border-color:#fbfaf5;color:#081b23}
.ot .dark .more,.ot [style*="#081b23"] .card .more{border-color:#b8f46f;color:#b8f46f}
.fitp{position:relative;overflow:hidden;isolation:isolate}
.fit-bg{position:absolute;inset:-30px;background-position:center;background-size:cover;filter:blur(22px) saturate(1.05) brightness(.72);pointer-events:none;z-index:0}
.ot img.fit{object-fit:contain!important;z-index:1}
.ot img.fit-s{position:relative}
.ot .tile .shade,.ot .tile .copy,.ot .dest-cover .shade,.ot .dest-cover .copy,.ot .hero-main .shade,.ot .hero-main .copy{z-index:2}
@media (min-width:1101px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.ot .more{min-height:44px}}
.row3 .tile{aspect-ratio:1.6}
@media (max-width:560px){.row3 .tile{aspect-ratio:1.5}}

/* v6 — HOME wg oryginału */
.sec-head > .slider-nav{flex-direction:row;align-self:flex-end}
.topbar{position:sticky;top:0;z-index:40}
.dot-live{background:#e0312b!important;box-shadow:0 0 0 3px rgba(224,49,43,.22)!important}
.ot .btn,.ot .more{border-radius:0!important}
.ot .tile .kick,.ot .hero-main .kick,.ot .dest-cover .kick{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:5px 9px;background:rgba(8,27,35,.78);color:#fbfaf5!important;letter-spacing:.08em}
.ot .tile .shade,.ot .hero-main .shade{background:linear-gradient(180deg,rgba(8,27,35,0) 30%,rgba(8,27,35,.9) 100%)}
.summary{display:flex;flex-direction:column;gap:14px;background:#f7f3ec;border:1px solid #e3d6bf;border-radius:20px;padding:26px 28px;margin-top:6px}
.search-box{max-width:760px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:14px;padding:36px 32px;background:#f3cf47;border-radius:24px;border:1px solid rgba(23,25,19,.12)}
.search-form{display:flex;gap:0;width:100%;max-width:620px}
.search-form input{flex:1;min-width:0;min-height:48px;padding:0 16px;border:1.5px solid #171913;border-right:0;background:#fbfaf5;font:inherit;font-size:15px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.slider{list-style:none;margin:0;padding:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;scrollbar-width:none}
.slider::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);border-radius:18px;overflow:hidden;background:#081b23;color:#fbfaf5}
.slide-media{display:block;aspect-ratio:1.78}
.slide-copy{padding:32px 36px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.slide-copy .kick{color:#b8f46f}
.slide-copy a{color:#fbfaf5}
.slider-nav{display:flex;gap:8px}
.btn.sq{width:46px;padding:0}
.guide{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);border-radius:18px;overflow:hidden;align-items:stretch}
.guide-media{aspect-ratio:1.5}
.guide-copy{padding:40px 44px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.label{align-self:flex-start;margin:0;padding:5px 10px;background:#b8f46f;color:#081b23;font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.col-card{display:flex;flex-direction:column;gap:14px;background:#fbfaf5;border-radius:18px;padding:24px}
.col-card .media{border-radius:12px;overflow:hidden;background:#e8e1d3}
.video{position:relative;display:block;aspect-ratio:1.78;border-radius:14px;overflow:hidden;background:#081b23}
.video .play{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;background:rgba(8,27,35,.82);border-radius:12px}
.video .play::after{content:"";position:absolute;left:28px;top:14px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fbfaf5}
.video:hover .play{background:#e0312b}
.gal-fill > div{aspect-ratio:1.5}
.gal-fill img{object-fit:cover!important}
.ot .grid-3 .tile .h3{font-size:18px}
@media (max-width:900px){.slide,.guide,.two{grid-template-columns:1fr}.guide-copy,.slide-copy{padding:26px}}
@media (max-width:560px){.search-box{padding:26px 18px;border-radius:18px}.search-form{flex-direction:column;gap:10px}.search-form input{border-right:1.5px solid #171913}.ot .grid-3 .tile{aspect-ratio:1.5!important}.col-card{padding:18px}}

/* v7 — złote przyciski, linki, wsparcie, autor */
.ot .btn-signal{background:#c99a2e!important;border-color:#c99a2e!important;color:#171913!important}
.ot .btn-signal:hover{background:#e0b04a!important;border-color:#e0b04a!important}
.ot .tile .more,.ot .dest-cover .more{background:#c99a2e;border-color:#c99a2e;color:#171913}
.ot .tile:hover .more{background:#fbfaf5;border-color:#fbfaf5}
.label{background:#c99a2e!important;color:#171913!important}
.slide-copy .kick{color:#e0b04a}
.guide-copy .btn{width:100%}
.note{margin:0;padding:10px 14px;border-left:3px solid #c99a2e;background:rgba(251,250,245,.7);font-size:13px;color:#4f524a}
.intro-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px 48px;margin-top:28px;align-items:start}
.shortcuts{display:flex;flex-direction:column;gap:10px;padding:18px 20px;border:1px solid #e3d6bf;border-radius:16px;background:#f7f3ec}
.see-also{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:14px 0 0;padding:12px 16px;border:1px solid #e3d6bf;border-radius:12px;background:#f7f3ec;font-size:15px;font-weight:600}
.see-also a{text-decoration:none;border-bottom:1.5px solid #c99a2e}
.posts4{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px}
.posts4 .h3{font-size:18px}
.support{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.support-card{display:flex;align-items:center;gap:20px;padding:20px 22px;border-radius:18px;background:#fbfaf5}
.support-copy{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}
.avatar{width:132px;height:132px;flex:none;border-radius:14px;overflow:hidden;background:#e8e1d3}
.coffee{display:block;width:200px;flex:none;border-radius:999px;overflow:hidden}
.author-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px 48px;align-items:start}
.facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.facts li,.why-list li{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:#fbfaf5;font-size:14px;line-height:1.5;color:#4f524a}
.facts strong,.why-list strong{color:#171913;font-size:15px}
.why{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,2.3fr);gap:16px 32px;align-items:center;margin-top:24px;padding:20px 22px;border:1px solid #e3d6bf;border-radius:18px;background:#f7f3ec}
.why-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hcard{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);border-radius:18px;overflow:hidden;background:#fbfaf5}
.hcard-media{min-height:100%;background:#e8e1d3}
.hcard-body{padding:22px 24px;display:flex;flex-direction:column;gap:10px}
.hcard-body p{font-size:14px!important}
.hcard-body .list-check{font-size:14px!important}
@media (max-width:1100px){.posts4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.why-list{grid-template-columns:1fr}.hcard{grid-template-columns:1fr}.hcard-media{aspect-ratio:1.78}}
@media (max-width:900px){.intro-row,.author-head,.why,.support{grid-template-columns:1fr}}
@media (max-width:560px){.posts4,.facts{grid-template-columns:1fr!important}.support-card{flex-direction:column;align-items:flex-start}.avatar{width:96px;height:96px}.coffee{width:180px}}

/* v8 — wsparcie większe, autor bez powtórzeń */
.ot .h3.big{font-size:clamp(20px,1.6vw,24px);line-height:1.25}
.support{gap:24px}
.support-card{align-items:center;gap:28px;padding:30px 32px;min-height:280px}
.support-gold{background:#efe2bf!important;border:1px solid #d9c58f}
.avatar{width:200px;height:200px;border-radius:16px}
.coffee{width:280px;margin-top:6px}
.author{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;border-radius:20px;overflow:hidden;background:#fbfaf5}
.author-media{min-height:100%;background:#e8e1d3}
.author-copy{padding:36px 40px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.why2{margin-top:28px;display:flex;flex-direction:column;gap:18px}
.why2-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.why2-list li{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border-left:3px solid #c99a2e;background:#fbfaf5;border-radius:0 14px 14px 0;font-size:16px;line-height:1.6;color:#33362f}
.why2-list strong{font-size:17px;color:#171913}
.contact-band{margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px;padding:30px 32px;border:1px solid #e3d6bf;border-radius:20px;background:#f7f3ec;align-items:center}
.contact-copy{display:flex;flex-direction:column;gap:12px}
.help-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.help-list li{position:relative;padding:12px 16px 12px 44px;background:#fbfaf5;border-radius:12px;font-size:16px;line-height:1.5}
.help-list li::before{content:"✓";position:absolute;left:16px;top:11px;font-weight:800;color:#9b3e20}
.support-band{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;padding:28px 32px;border-radius:20px;background:#efe2bf;border:1px solid #d9c58f}
.support-band-copy{display:flex;flex-direction:column;gap:10px;max-width:720px}
@media (max-width:900px){.author,.contact-band,.why2-list{grid-template-columns:1fr}.author-media{aspect-ratio:1.5}.author-copy{padding:26px}.support-card{flex-direction:column;align-items:flex-start;min-height:0}}
@media (max-width:560px){.avatar{width:120px;height:120px}.coffee{width:220px}.support-card,.contact-band,.support-band{padding:22px 20px}}

/* v9 — „W skrócie” w kolorach oryginału */
.summary{background:#f7f3ec!important;border:1px solid #eadfce!important;color:#2b2520}
.summary > .kick{color:#9a5a12!important;font-size:13px;font-weight:700}
.summary > p{color:#2b2520!important}
.summary table{background:#fff;border-radius:14px;overflow:hidden;font-size:15px!important;box-shadow:0 0 0 1px #eadfce}
.summary th{background:#13253f!important;color:#fff!important;font-family:inherit!important;font-size:14px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;padding:12px 16px!important;border:0!important}
.summary td{color:#2b2520;padding:12px 16px!important;border-bottom:1px solid #eee!important}
.summary tbody tr:nth-child(even) td{background:#fbf8f2}
.summary td:first-child{font-weight:700;color:#13253f;white-space:nowrap}
@media (max-width:560px){.summary td:first-child{white-space:normal}}

/* v10 — większy, wyraźniejszy pasek „Na żywo” */
.ot .live{font-size:15px!important;background:linear-gradient(90deg,#06161d,#0b2530)!important;border-bottom:1px solid rgba(184,244,111,.18)}
.ot .live > .shell{min-height:54px!important;gap:20px!important}
.ot .live > .shell > a:first-child{gap:12px!important;font-size:15px}
.ot .live > .shell > a:first-child strong{display:inline-flex;align-items:center;padding:4px 10px;background:#e0312b;color:#fff!important;letter-spacing:.08em;font-size:13px}
.ot .live > .shell > a:first-child > span:not(.dot) > span[style]{display:inline-flex;align-items:center;padding:3px 10px;margin-left:4px;border:1px solid rgba(184,244,111,.45);background:rgba(184,244,111,.08);color:#b8f46f!important;font-weight:600}
.ot .live .dot{width:11px;height:11px;background:#e0312b;box-shadow:0 0 0 0 rgba(224,49,43,.6);animation:livepulse 1.8s ease-out infinite}
@keyframes livepulse{0%{box-shadow:0 0 0 0 rgba(224,49,43,.55)}70%{box-shadow:0 0 0 9px rgba(224,49,43,0)}100%{box-shadow:0 0 0 0 rgba(224,49,43,0)}}
@media (prefers-reduced-motion:reduce){.ot .live .dot{animation:none}}
@media (max-width:420px){.ot .live > .shell > a:first-child{gap:8px!important;font-size:13px;min-width:0}.ot .live > .shell > a:first-child strong{padding:3px 7px;font-size:12px}.ot .live > .shell > a:first-child > span[aria-hidden]{display:none}.ot .live > .shell > a:first-child > span:not(.dot) > span[style]{padding:2px 6px}}
.ot .live-links{gap:8px!important}
.ot .live-links a{min-height:36px!important;padding:0 14px;border:1px solid rgba(230,236,233,.22);font-weight:600;font-size:14px}
.ot .live-links a:hover{border-color:#c99a2e;color:#e0b04a!important}

/* v10 — dopracowany wiersz „co znajdziesz + skróty” */
.intro-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:0;margin-top:28px;border:1px solid #eadfce;border-radius:20px;overflow:hidden;background:#fbfaf5}
.intro-copy{padding:28px 30px;display:flex;flex-direction:column;gap:12px;justify-content:center;border-right:1px solid #eadfce}
.intro-copy .lead{font-size:18px!important;line-height:1.6;color:#2b2520;margin:0}
.intro-copy .kick{color:#9a5a12}
.intro-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#f7f3ec}
.intro-group{padding:24px 26px;display:flex;flex-direction:column;gap:12px}
.intro-group + .intro-group{border-left:1px solid #eadfce}
.intro-group h3{margin:0;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:#13253f}
.intro-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.intro-group a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:0 14px;background:#fff;border:1px solid #eadfce;font-weight:600;font-size:15px;text-decoration:none;color:#171913;transition:border-color .2s,transform .2s}
.intro-group a::after{content:"→";color:#9b3e20;font-weight:700}
.intro-group a:hover{border-color:#c99a2e;transform:translateX(2px)}
.ico{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:#13253f;color:#fff;font-size:13px}
.live-dot{width:9px;height:9px;border-radius:50%;background:#e0312b;flex:none}
@media (max-width:1000px){.intro-card{grid-template-columns:1fr}.intro-copy{border-right:0;border-bottom:1px solid #eadfce}}
@media (max-width:560px){.intro-groups{grid-template-columns:1fr}.intro-group + .intro-group{border-left:0;border-top:1px solid #eadfce}.intro-copy,.intro-group{padding:20px}}

/* v11 — równy rytm sekcji, pasek aktualności, dodatki */
main > section{padding-block:36px!important;border-top:0!important;margin-block:0!important}
main > section:first-child{padding-top:28px!important;padding-bottom:20px!important}
main > section.night,main > section.now-strip{padding-block:64px!important;margin-block:36px!important}
main > section:last-child{padding-bottom:88px!important}
.sec-head{margin-bottom:28px!important}
.ot .sec-head .kick,.now-head .kick{position:relative;padding-left:26px}
.ot .sec-head .kick::before{content:"";position:absolute;left:0;top:50%;width:18px;height:2px;background:#c99a2e}
@media (max-width:760px){main > section{padding-block:26px!important}main > section.night,main > section.now-strip{padding-block:44px!important;margin-block:26px!important}}
.now-strip{background:#081b23;color:#fbfaf5;background-image:radial-gradient(ellipse at 15% 0%,rgba(184,244,111,.10),transparent 55%),radial-gradient(ellipse at 90% 100%,rgba(201,154,46,.12),transparent 50%)}
.now-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 28px;margin-bottom:24px}
.now-head .kick{color:#b8f46f;padding-left:0}
.now-head .h2{flex:1 1 320px;color:#fbfaf5}
.now-head > p{flex-basis:100%}
.now-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.now-list > li{grid-column:span 3}
.now-list > li:nth-child(n+5){grid-column:span 4}
.nt{flex-direction:row;align-items:flex-start;gap:14px}
.nt-val{font-size:22px}
.nt{display:flex;flex-direction:column;gap:12px;height:100%;padding:18px 16px;background:rgba(251,250,245,.05);border:1px solid rgba(251,250,245,.14);color:#fbfaf5!important;text-decoration:none;transition:border-color .2s,background .2s,transform .2s}
.nt:hover{border-color:#c99a2e;background:rgba(201,154,46,.10);transform:translateY(-2px)}
.nt-ico{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#c99a2e}
.nt-ico svg{width:22px;height:22px;fill:none;stroke:#081b23;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nt-txt{display:flex;flex-direction:column;gap:4px}
.nt-label{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#c9d3d1}
.nt-val{font-size:20px;font-weight:800;line-height:1.2;color:#fbfaf5}
.nt-sub{font-size:13px;line-height:1.45;color:#c9d3d1}
.nt-live,.nt-cal{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;font-size:10px;letter-spacing:.04em}
.nt-live{background:rgba(224,49,43,.18);color:#ff8a84}
.nt-cal{background:rgba(201,154,46,.18);color:#e0b04a}
.nt-dot{width:7px;height:7px;border-radius:50%;background:#e0312b;display:inline-block;animation:livepulse 1.8s ease-out infinite}
@media (prefers-reduced-motion:reduce){.nt-dot{animation:none}.nt:hover{transform:none}}
@media (max-width:1100px){.now-list > li,.now-list > li:nth-child(n+5){grid-column:span 6}.now-list > li:last-child{grid-column:span 12}}
@media (max-width:900px){.now-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}.now-list > li{flex:0 0 260px;scroll-snap-align:start}.nt{flex-direction:column}}
.to-top{position:fixed;right:20px;bottom:20px;z-index:50;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#081b23;color:#fbfaf5!important;border:1px solid #c99a2e;font-size:20px;font-weight:700;text-decoration:none;box-shadow:0 8px 24px -10px rgba(8,27,35,.6)}
.to-top:hover{background:#c99a2e;color:#081b23!important}

/* v12 — pasek w jednym ciągu, karta autora */
.now-list{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;border:1px solid rgba(251,250,245,.14)}
.now-list > li,.now-list > li:nth-child(n+5),.now-list > li:last-child{grid-column:auto!important}
.now-list > li + li .nt{border-left:1px solid rgba(251,250,245,.14)}
.nt{flex-direction:row!important;align-items:center!important;gap:12px!important;padding:14px 16px!important;border:0!important;background:transparent!important}
.nt:hover{background:rgba(201,154,46,.10)!important;transform:none!important}
.nt-ico{width:36px!important;height:36px!important;flex:none}
.nt-ico svg{width:19px!important;height:19px!important}
.nt-val{font-size:17px!important}
.nt-sub{font-size:12px!important}
.nt-label{font-size:10px!important}
main > section.now-strip{padding-block:36px!important}
.now-head{margin-bottom:16px!important}
.now-head .h2{font-size:clamp(20px,1.8vw,26px)!important}
@media (max-width:1100px){.now-list{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;border:0}.now-list > li{flex:0 0 250px;scroll-snap-align:start;border:1px solid rgba(251,250,245,.14);margin-right:10px}.now-list > li + li .nt{border-left:0}}
.author2{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);border-radius:20px;overflow:hidden;background:#fbfaf5;border:1px solid #eadfce}
.author2-media{position:relative;min-height:100%;background:#e8e1d3}
.author2-sign{position:absolute;left:16px;bottom:16px;padding:6px 10px;background:rgba(8,27,35,.8);color:#fbfaf5;font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.04em}
.author2-copy{padding:36px 40px;display:flex;flex-direction:column;gap:14px}
.why3-title{margin:6px 0 0;font-size:16px;font-weight:800;color:#13253f}
.why3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
.why3 li{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;color:#4f524a}
.why3 strong{display:block;font-size:15px;color:#171913;margin-bottom:2px}
.why3-ico{width:38px;height:38px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#13253f}
.why3-ico svg{width:19px;height:19px;fill:none;stroke:#e0b04a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact2{margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;gap:20px 32px;align-items:center;padding:22px 26px;border-radius:18px;background:#13253f;color:#fbfaf5}
.contact2 .kick{color:#e0b04a}
.contact2 .h3{color:#fbfaf5}
.contact2-head p{color:#c9d3d1!important}
.contact2-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
.contact2-list li{position:relative;padding-left:22px;font-size:14px;line-height:1.45;color:#e6ece9}
.contact2-list li::before{content:"✓";position:absolute;left:0;top:0;color:#e0b04a;font-weight:800}
.contact2-cta{display:flex;flex-direction:column;gap:8px}
.contact2-cta .btn:not(.btn-signal){border-color:rgba(251,250,245,.6);color:#fbfaf5!important}
@media (max-width:1100px){.contact2{grid-template-columns:1fr 1fr}.contact2-cta{flex-direction:row;flex-wrap:wrap;grid-column:1/-1}}
@media (max-width:900px){.author2{grid-template-columns:1fr}.author2-media{aspect-ratio:1.5}.author2-copy{padding:24px}.contact2,.contact2-list,.why3{grid-template-columns:1fr}}

/* v13 — piktogramy konturowe, wyszukiwarka na całą szerokość */
.nt-ico{background:transparent!important;border:1.5px solid #e0b04a}
.nt-ico svg{stroke:#e0b04a!important;stroke-width:1.6!important;width:20px!important;height:20px!important}
.nt:hover .nt-ico{background:rgba(224,176,74,.12)!important}
.search-box{max-width:none!important;padding:44px clamp(20px,5vw,72px)!important}
.search-box .h2{max-width:40ch}
.search-form{max-width:760px!important}

/* v14 — dodatki: niebo, fala, mapa, liczniki, zaufanie, reklamy, animacje */
.night,.now-strip{position:relative}
main > section.night::before,main > section.now-strip::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
background-image:radial-gradient(1px 1px at 12% 18%,#fff 60%,transparent),radial-gradient(1px 1px at 33% 72%,#fff 60%,transparent),radial-gradient(1.5px 1.5px at 58% 28%,#fff 60%,transparent),radial-gradient(1px 1px at 76% 64%,#fff 60%,transparent),radial-gradient(1px 1px at 88% 22%,#fff 60%,transparent),radial-gradient(1px 1px at 46% 46%,#cfe 60%,transparent),radial-gradient(1.5px 1.5px at 22% 52%,#fff 60%,transparent);
background-size:420px 300px}
main > section.night::after{content:"";position:absolute;left:0;right:0;top:-1px;height:120px;pointer-events:none;background:linear-gradient(180deg,rgba(184,244,111,.10),transparent)}
main > section.night > *,main > section.now-strip > *{position:relative;z-index:1}
.wave{position:absolute!important;left:0;width:100%;height:28px;z-index:0!important;pointer-events:none}
.wave path{fill:#081b23}
.wave-top{top:-27px}
.wave-bot{bottom:-27px;transform:scaleY(-1)}
.nt-count{display:inline-flex;align-items:center;margin-left:6px;padding:2px 7px;vertical-align:middle;background:#e0b04a;color:#081b23;font-size:11px;font-weight:800;letter-spacing:.02em}
.new-badge{display:inline-flex;margin-right:8px;padding:2px 7px;background:#e0312b;color:#fff;letter-spacing:.06em}
.aurora-map{margin:4px 0 6px;padding:10px;border:1px solid rgba(251,250,245,.12);background:rgba(8,27,35,.5)}
.aurora-map svg{display:block;width:100%;height:auto}
.aurora-map figcaption{margin-top:4px;font-size:12px;color:#9fb0ad}
.m-arc{fill:none;stroke:#b8f46f;stroke-width:10;opacity:.10}.m-arc2{stroke:#7ff0c8;opacity:.07}
.m-polar{stroke:#c9d3d1;stroke-width:1;stroke-dasharray:3 5;opacity:.5}
.m-polar-t{fill:#9fb0ad!important;font:600 8px "IBM Plex Mono",monospace;letter-spacing:.04em}
.m-route{fill:none;stroke:#e0b04a;stroke-width:1.2;stroke-dasharray:2 4;opacity:.7}
.m-dot{fill:#e0b04a}.m-halo{fill:#e0b04a;opacity:.18}
.aurora-map text{fill:#fbfaf5;font:700 10px "Archivo",sans-serif}
.aurora-map a:hover .m-dot,.aurora-map a:focus .m-dot{fill:#fff}
.aurora-map a:hover .m-halo{opacity:.4}
.trust{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.trust li{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f7f3ec;border:1px solid #eadfce;font-size:14px;font-weight:600;color:#13253f}
.trust-ico{width:24px;height:24px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid #c99a2e;color:#9a5a12;font-weight:800;font-size:13px}
main > section.ad-wrap{padding-block:8px!important}
.ad-slot{display:flex;align-items:flex-start;justify-content:center;min-height:250px;padding-top:6px;border:1px dashed rgba(23,25,19,.2);background:repeating-linear-gradient(45deg,rgba(23,25,19,.025) 0 10px,transparent 10px 20px)}
.ad-slot span{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7a7d72}
@media (min-width:1024px){.ad-slot{min-height:280px}}
@supports (animation-timeline: view()){
 @media (prefers-reduced-motion:no-preference){
  main > section:not(:first-child) .sec-head,main > section .grid-3 > *,main > section .grid-4 > *,main > section .two > *,.author2,.guide,.support > *{animation:rise both cubic-bezier(.2,.7,.2,1);animation-timeline:view();animation-range:entry 0% entry 35%}
 }
}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media (max-width:900px){.trust{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.trust{grid-template-columns:1fr}.ad-slot{min-height:250px}}

/* v16 — wspólna paleta z BLOGIEM */
footer.foot,.foot,.ot .live{background:#0b2440!important}
:root{--navy:#0b2440;--navy-2:#13305a;--gold:#b8932a;--gold-h:#cfa93c}
main > section.night,main > section.now-strip,.guide.night,.slide{background:var(--navy)!important}
.wave path{fill:var(--navy)!important}
.ot .btn-signal,.ot .tile .more{background:var(--gold)!important;border-color:var(--gold)!important;color:#0b2440!important}
.ot .btn-signal:hover,.ot .tile:hover .more{background:var(--gold-h)!important;border-color:var(--gold-h)!important}
.ot .btn-solid{background:var(--navy)!important;border-color:var(--navy)!important}
.label{background:var(--gold)!important}
.nt-ico{border-color:var(--gold-h)!important}.nt-ico svg{stroke:var(--gold-h)!important}
.contact2{background:var(--navy)!important}
.summary th{background:var(--navy)!important}


@media (max-width:420px){.summary table{table-layout:fixed;font-size:14px!important}.summary th,.summary td{padding:10px 10px!important;overflow-wrap:anywhere}.summary th:first-child,.summary td:first-child{width:36%;white-space:normal!important}}
/* v19b TABLET — te same zasady dla 761–1100 px */
@media (max-width:1100px){
 .ot .tile,.ot .banner,.ot .dest-cover,.ot .hero-main{aspect-ratio:auto!important;height:auto!important;min-height:260px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;min-width:0!important}
 .ot .tile > img,.ot .banner > img,.ot .dest-cover > img,.ot .hero-main > img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
 .ot .tile > .shade,.ot .banner > .shade,.ot .dest-cover > .shade,.ot .hero-main > .shade{position:absolute!important;inset:0!important;z-index:1;background:linear-gradient(180deg,rgba(8,27,35,.2) 0%,rgba(8,27,35,.85) 75%)!important}
 .ot .tile > .copy,.ot .banner > .copy,.ot .dest-cover > .copy,.ot .hero-main > .copy{position:relative!important;inset:auto!important;z-index:2!important;padding:56px 20px 20px!important;justify-content:flex-end!important;max-width:none!important}
 .now-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;gap:0!important;border:1px solid rgba(251,250,245,.14)!important}
 .now-list > li{flex:none!important;margin:0!important;border:0!important;border-bottom:1px solid rgba(251,250,245,.14)!important}
 .now-list > li + li .nt{border-left:0!important}
 .slider{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;gap:16px!important}
 .slide{min-width:0!important}
 .slider-nav{display:none!important}
 .onpage-wrap{position:static!important}
 .onpage,.onpage-sticky{flex-wrap:wrap!important;white-space:normal!important;overflow:visible!important}
}
@media (min-width:761px) and (max-width:1100px){.ot .grid-3:has(> .tile){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:760px){.now-list{grid-template-columns:1fr!important}}
/* v19 MOBILE — bez ukrytych slajdów, tekst zawsze mieści się w kaflach, pasek na żywo w ekranie */
@media (max-width:600px){
 .ot .live .lt,.ot .live > .shell > a:first-child > span[aria-hidden]{display:none!important}
 .ot .live > .shell{overflow:hidden;gap:10px!important;min-height:46px!important}
 .ot .live > .shell > a:first-child{min-width:0;gap:8px!important;font-size:13px!important;letter-spacing:.02em!important}
 .ot .live > .shell > a:first-child strong{font-size:12px!important;padding:3px 8px!important}
 .ot .live > .shell > a:first-child > span:not(.dot) > span[style]{padding:2px 6px!important;font-size:12px}
}
@media (max-width:760px){
 /* slajdy -> zwykła kolumna */
 .now-list,.cards3,.gal4,.slider,.lslider-track{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;scroll-snap-type:none!important;padding:0!important;margin-inline:0!important}
 .now-list > li,.cards3 > *,.gal4 > *,.slider > li,.lslider-track > li{flex:none!important;width:auto!important;margin:0!important}
 .gal4{grid-template-columns:1fr 1fr!important;gap:10px!important}
 .now-list{gap:0!important;border:1px solid rgba(251,250,245,.14)!important}
 .now-list > li{border:0!important}
 .now-list > li + li .nt{border-left:0!important;border-top:1px solid rgba(251,250,245,.14)!important}
 .nt{flex-direction:row!important;align-items:center!important}
 .slider{gap:16px!important}
 .slider-nav{display:none!important}
 .cards3{gap:16px!important}
 .onpage-wrap{position:static!important}
 .onpage,.onpage-sticky{flex-wrap:wrap!important;white-space:normal!important;overflow:visible!important;gap:4px 14px!important}
 /* kafle ze zdjęciem: wysokość rośnie z treścią */
 .ot .tile,.ot .banner,.ot .dest-cover,.ot .hero-main{aspect-ratio:auto!important;height:auto!important;min-height:280px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}
 .ot .tile > img,.ot .banner > img,.ot .dest-cover > img,.ot .hero-main > img,.ot .hero > .tile > img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important}
 .ot .tile > .shade,.ot .banner > .shade,.ot .dest-cover > .shade,.ot .hero-main > .shade,.ot .hero > .tile > .shade{display:block!important;position:absolute!important;inset:0!important;z-index:1;background:linear-gradient(180deg,rgba(8,27,35,.25) 0%,rgba(8,27,35,.85) 70%)!important}
 .ot .tile > .copy,.ot .banner > .copy,.ot .dest-cover > .copy,.ot .hero-main > .copy,.ot .hero > .tile > .copy{position:relative!important;inset:auto!important;z-index:2!important;padding:56px 18px 20px!important;justify-content:flex-end!important;gap:8px!important;max-width:none!important}
 .ot .tile .h3,.ot .banner .h3,.ot .dest-cover .h2{font-size:20px!important;line-height:1.2!important}
 .ot .hero-main h2,.ot .hero-big h2{font-size:24px!important;line-height:1.15!important}
 .ot .tile .tile-desc,.ot .banner .tile-desc{font-size:14px!important}
 .ot .tile .btn,.ot .tile .more,.ot .banner .more,.ot .dest-cover .more,.ot .hero-main .btn{white-space:normal!important;text-align:left}
 .ot .hero-side,.ot .hero-side2,.ot .row3,.ot .grid-2,.ot .grid-3,.ot .grid-4{grid-template-columns:1fr!important;grid-template-rows:none!important}
 .ot .h2{overflow-wrap:anywhere}
 .ot .tile,.ot .banner,.ot .dest-cover,.ot .card,.ot .grid-3 > *,.ot .grid-4 > *,.ot .grid-2 > *{min-width:0!important;max-width:100%!important}
}