/* ============================================================
   RESET + ZMIENNE — 1:1 z index-9.php
   ============================================================ */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --red:#c0392b;--dark:#1a0a00;--bg:#f7f5f2;--white:#fff;
  --border:#e5e5e5;--muted:#6b6b6b;--accent:#f0ece4;
  --radius:10px;--shadow:0 4px 20px rgba(0,0,0,.08);
  --sidebar-w:300px;
}
body{font-family:'Source Serif 4',Georgia,serif;background:var(--bg);color:#1a1a1a;line-height:1.7}
a{text-decoration:none;color:var(--red)}
a:hover{text-decoration:none;opacity:.8}
img{display:block;max-width:100%}

/* === HEADER — identyczny z index-9.php === */
.hdr{background:var(--dark);border-bottom:3px solid var(--red);position:sticky;top:0;z-index:300}
.hdr-i{max-width:1200px;margin:0 auto;padding:0 20px;height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo-m{width:36px;height:36px;background:var(--red);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.logo-t{font-family:Syne,sans-serif;font-size:1.35rem;font-weight:800;letter-spacing:-1px;color:#fff}
.logo-t span{color:var(--red)}
.logo-s{font-size:.58rem;color:rgba(255,255,255,.35);display:block;font-family:Syne,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.hdr-date{font-family:Syne,sans-serif;font-size:.7rem;color:rgba(255,255,255,.35);text-align:right}
.btn-menu{background:none;border:none;color:#fff;cursor:pointer;font-size:1.3rem;display:none;padding:4px 8px;line-height:1}

/* === NAV — identyczny z index-9.php === */
.nav{background:#231005;border-bottom:1px solid rgba(255,255,255,.06)}
.nav-i{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;overflow-x:auto}
.nav-i::-webkit-scrollbar{display:none}
.nav-a{font-family:Syne,sans-serif;font-size:.71rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.5);padding:10px 12px;border-bottom:2px solid transparent;white-space:nowrap;transition:.2s;text-decoration:none}
.nav-a:hover,.nav-a.on{color:#fff;border-bottom-color:var(--red);text-decoration:none}

/* === TICKER — identyczny z index-9.php === */
.tkr{background:var(--red);padding:5px 0;overflow:hidden}
.tkr-i{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:10px;font-size:.77rem}
.tkr-tag{font-family:Syne,sans-serif;font-weight:800;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;background:rgba(0,0,0,.2);padding:2px 8px;border-radius:3px;white-space:nowrap;flex-shrink:0;color:#fff}
.tkr-scroll{overflow:hidden;white-space:nowrap;flex:1}
.tkr-txt{display:inline-block;animation:tkr 45s linear infinite}
.tkr-txt a{color:#fff;text-decoration:none}
@keyframes tkr{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* === BANER — identyczny z index-9.php === */
.trip-promo{display:block;max-width:1200px;margin:16px auto 0;padding:0 20px;line-height:0;box-sizing:border-box}
.trip-promo img{display:block;width:100%;aspect-ratio:1200/400;object-fit:cover;object-position:center;border-radius:14px;box-shadow:0 10px 28px -18px rgba(0,0,0,.5)}
.trip-promo:hover img{filter:brightness(1.03)}

/* === LAYOUT — sidebar po lewej + treść === */
.page-outer{max-width:1200px;margin:0 auto;padding:0 20px}
.page-wrap{display:grid;grid-template-columns:1fr var(--sidebar-w);gap:0;margin-top:20px;align-items:start}

/* === SIDEBAR LEWY — spis treści === */
.side-col{grid-column:2;grid-row:1;min-width:0}
.nav-panel{margin-bottom:16px;background:var(--white);border-radius:var(--radius);border:1px solid var(--border);position:sticky;top:66px;height:auto;max-height:none;overflow:visible;box-shadow:var(--shadow);padding-bottom:6px}

/* progress bar na górze sidebara */
.li-n{font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800;color:var(--border);width:20px;flex-shrink:0}
aside{line-height:1.6}
aside a{color:inherit}
aside a:hover{text-decoration:none}
.lst .li:hover .li-n{color:var(--red)}
.nav-progress{height:3px;background:var(--accent);position:sticky;top:0;z-index:1;flex-shrink:0}
.nav-progress-bar{height:100%;background:var(--red);width:0;transition:width .1s linear}
.nav-t{font-family:Syne,sans-serif;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:0 14px 8px;padding:13px 0 8px;border-bottom:2px solid var(--dark);display:flex;align-items:center;gap:7px}
.nav-t span{font-size:.95rem;line-height:1}
.nav-grupa{padding-bottom:6px;margin-bottom:2px;border-bottom:1px solid var(--border)}
.nav-grupa:last-of-type{border-bottom:none;padding-bottom:2px}

/* kategorie i pozycje */
.nav-cat{font-family:Syne,sans-serif;font-size:.56rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:7px 14px 1px;display:block}
.nav-item{display:flex;align-items:center;gap:7px;padding:2px 14px;font-size:.72rem;color:#1a1a1a;transition:.15s;border-left:3px solid transparent;line-height:1.35;text-decoration:none}
.nav-item:hover{background:var(--accent);border-left-color:var(--border);text-decoration:none;color:#1a1a1a}
.nav-item.active{background:var(--accent);border-left-color:var(--red);color:var(--red);font-family:Syne,sans-serif;font-weight:700}
.nav-item .ni{font-size:.74rem;width:16px;flex-shrink:0;text-align:center}
/* grupy menu — zwijane TYLKO gdy spis nie miesci sie na ekranie (klasa nav-tight z JS) */
.nav-cat{position:relative}
.nav-tight .nav-cat{cursor:pointer;padding-right:26px}
.nav-tight .nav-cat::after{content:'▾';position:absolute;right:12px;font-size:.62rem;color:var(--muted);transition:.15s}
.nav-tight .nav-cat.zwin::after{content:'▸'}
.nav-tight .nav-grupa.zwin{display:none}
/* niskie ekrany desktop — dodatkowa kompresja, żeby spis treści zmieścił się bez scrolla */
@media(min-width:961px) and (max-height:840px){
  .nav-item{padding:1px 12px;font-size:.68rem;line-height:1.3;gap:6px}
  .nav-cat{padding:5px 12px 1px;font-size:.53rem}
  .nav-search{padding:3px 10px 1px}
  .nav-search input{padding:3px 7px;font-size:.68rem}
}
@media(min-width:961px) and (max-height:720px){
  .nav-item{padding:1px 10px;font-size:.63rem;line-height:1.22;gap:5px}
  .nav-item .ni{font-size:.66rem;width:14px}
  .nav-cat{padding:4px 10px 0;font-size:.5rem;letter-spacing:.07em}
}

/* wyszukiwarka producentów w sidebarze */
.nav-search{padding:4px 12px 2px}
.nav-search input{width:100%;border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:.7rem;font-family:'Source Serif 4',Georgia,serif;background:var(--bg);color:inherit;outline:none}
.nav-search input:focus{border-color:var(--red)}

/* === STOPKA/FOOTER — wymaga klas z index-9.php bo stopka.php ma własne style === */
footer{background:var(--dark);color:rgba(255,255,255,.4);margin-top:40px;padding:22px 0 14px}
.fi{max-width:1200px;margin:0 auto;padding:0 20px}
.fg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:22px;margin-bottom:16px}
.fl{font-family:Syne,sans-serif;font-size:1.05rem;font-weight:800;color:#fff;margin-bottom:6px}
.fl span{color:var(--red)}
.fd{font-size:.74rem;color:rgba(255,255,255,.28);line-height:1.6}
.fc h4{font-family:Syne,sans-serif;font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.4);margin-bottom:7px}
.fc a{display:block;font-size:.74rem;color:rgba(255,255,255,.3);margin-bottom:5px;transition:.2s}
.fc a:hover{color:#fff}
.fb{border-top:1px solid rgba(255,255,255,.06);padding-top:11px;font-family:Syne,sans-serif;font-size:.67rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px}
/* klasy potrzebne przez sidebar.php (pogoda, kursy, lista) */
.wgt{background:var(--white);border-radius:var(--radius);padding:15px;margin-bottom:16px;box-shadow:var(--shadow)}
.wgt-t{font-family:Syne,sans-serif;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:11px;padding-bottom:8px;border-bottom:2px solid var(--dark)}
.lst .li{display:flex;gap:9px;padding:9px 0;border-bottom:1px solid var(--border)}
.lst .li:last-child{border-bottom:none}
.lst .li-th{width:60px;height:44px;border-radius:5px;overflow:hidden;background:var(--accent);flex-shrink:0}
.lst .li-th img{width:100%;height:100%;object-fit:cover}
.lst .li-ttl{font-family:Syne,sans-serif;font-size:.76rem;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lst .li:hover .li-ttl{color:var(--red)}
.lst .li-m{font-family:Syne,sans-serif;font-size:.61rem;color:var(--muted);margin-top:2px}
.wnow{display:flex;align-items:center;gap:11px;margin-bottom:7px}
.w-i{font-size:2.2rem;line-height:1}.w-t{font-family:Syne,sans-serif;font-size:1.7rem;font-weight:800;line-height:1}
.w-c{font-size:.7rem;color:var(--muted);font-family:Syne,sans-serif}.w-d{font-size:.76rem;color:var(--muted)}
.wdays{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;margin-top:7px}
.wd{text-align:center;background:var(--accent);border-radius:6px;padding:6px 3px}
.wd-n{font-family:Syne,sans-serif;font-size:.59rem;font-weight:700;text-transform:uppercase;color:var(--muted)}
.wd-i{font-size:1rem;margin:3px 0}.wd-t{font-family:Syne,sans-serif;font-size:.72rem;font-weight:700}
.curr-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border)}
.curr-row:last-child{border-bottom:none}
.curr-name{font-family:Syne,sans-serif;font-weight:700;font-size:.78rem}
.curr-val{font-family:Syne,sans-serif;font-weight:800;font-size:.88rem}
.rds{display:flex;align-items:center;gap:9px;padding:7px 14px;cursor:pointer;border-bottom:1px solid var(--border);font-family:Syne,sans-serif;font-size:.76rem;transition:background .15s}
.rds:hover{background:var(--accent)}.rds.rd-on{background:rgba(192,57,43,.08);color:var(--red);font-weight:700}
.rds span:first-child{width:20px;text-align:center;flex-shrink:0;font-size:.85rem}
.rd-more{display:none}.rd-more.open{display:block}
.rd-banana{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;cursor:pointer;background:var(--accent);border-top:1px solid var(--border);font-family:Syne,sans-serif;font-size:.68rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;transition:background .15s;user-select:none}
.rd-banana:hover{background:#e8e0d6;color:var(--dark)}
.rd-banana .rd-arrow{display:inline-block;transition:transform .25s;font-size:.8rem}
.rd-banana.open .rd-arrow{transform:rotate(180deg)}

/* === AD === */
.ad-dzial{margin:0 0 20px}
.ad-dzial:has(ins[data-ad-status="unfilled"]){display:none}
.ad-dzial .ad-label{display:block;font-family:Syne,sans-serif;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.ad-dzial ins.adsbygoogle{border-radius:10px;overflow:hidden}

/* === TREŚĆ GŁÓWNA === */
.content{grid-column:1;grid-row:1;padding:0 24px 0 0;min-width:0}
section{margin-bottom:52px;scroll-margin-top:78px}
h1{font-family:Syne,sans-serif;font-size:1.85rem;font-weight:800;line-height:1.2;margin-bottom:12px}
h1 .badge{font-size:.52em;vertical-align:middle;background:var(--red);color:#fff;padding:2px 8px;border-radius:4px;font-weight:700;letter-spacing:.05em}
h2{font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800;margin:32px 0 12px;padding-bottom:8px;border-bottom:2px solid var(--dark);display:flex;align-items:center;gap:8px}
h2 .ico{font-size:1rem}
h3{font-family:Syne,sans-serif;font-size:.95rem;font-weight:700;margin:22px 0 9px;color:var(--red)}
h4{font-family:Syne,sans-serif;font-size:.82rem;font-weight:700;margin:16px 0 7px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
p{margin-bottom:12px}
code{font-family:'JetBrains Mono',monospace;font-size:.82em;background:var(--accent);padding:1px 5px;border-radius:3px}

/* LEAD */
.lead{font-size:.98rem;color:var(--muted);margin-bottom:22px;border-left:4px solid var(--red);padding-left:14px}

/* BOXY */
.box{border-radius:var(--radius);padding:14px 16px;margin:16px 0;font-size:.88rem}
.box-info{background:#e8f4fd;border-left:4px solid #2980b9}
.box-warn{background:#fef9e7;border-left:4px solid #f39c12}
.box-danger{background:#fdecea;border-left:4px solid var(--red)}
.box-tip{background:#eafaf1;border-left:4px solid #27ae60}
.box-head{font-family:Syne,sans-serif;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;display:flex;align-items:center;gap:6px}
.box-info .box-head{color:#1a5276}
.box-warn .box-head{color:#784212}
.box-danger .box-head{color:#7b241c}
.box-tip .box-head{color:#1e8449}
.box-code{background:#1e1e2e;border-radius:var(--radius);padding:14px 16px;font-family:'JetBrains Mono',monospace;font-size:.8rem;color:#cdd6f4;overflow-x:auto;margin:12px 0;line-height:1.6}

/* STEPS */
.steps{counter-reset:step;list-style:none;margin:14px 0}
.steps li{counter-increment:step;position:relative;padding-left:35px;margin-bottom:13px}
.steps li::before{content:counter(step);font-family:Syne,sans-serif;font-weight:800;font-size:.72rem;background:var(--red);color:#fff;border-radius:50%;width:23px;height:23px;display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:2px}
.steps li strong{font-family:Syne,sans-serif;font-size:.85rem}

/* CHECKLIST — znak UTF-8 bezpośrednio */
.checklist{list-style:none;margin:12px 0}
.checklist li{padding:6px 0;padding-left:26px;position:relative;font-size:.88rem;border-bottom:1px solid var(--border)}
.checklist li::before{content:'☐';position:absolute;left:0;color:var(--muted);font-size:1rem}
.checklist li:last-child{border-bottom:none}

/* TABELE */
.tbl-wrap{overflow-x:auto;margin:16px 0}
table{width:100%;border-collapse:collapse;font-size:.83rem}
th{font-family:Syne,sans-serif;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:var(--dark);color:#fff;padding:9px 11px;text-align:left;white-space:nowrap}
td{padding:8px 11px;border-bottom:1px solid var(--border);vertical-align:top}
tr:hover td{background:var(--accent)}

/* TAGI */
.tag{display:inline-block;font-family:Syne,sans-serif;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;vertical-align:middle;white-space:nowrap}
.tag-wifi{background:#e8f4fd;color:#1a5276}
.tag-zb{background:#fdecea;color:#7b241c}
.tag-zw{background:#eafaf1;color:#1e8449}
.tag-matter{background:#f5eef8;color:#4a235a}
.tag-bt{background:#ebf5fb;color:#154360}
.tag-pl{background:#fef9e7;color:#784212}

/* FAQ */
.faq-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;overflow:hidden}
.faq-q{font-family:Syne,sans-serif;font-size:.86rem;font-weight:700;padding:13px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:var(--white);transition:.2s;user-select:none}
.faq-q:hover{background:var(--accent)}
.faq-q::after{content:'▸';color:var(--muted);transition:.2s;flex-shrink:0}
.faq-item.open .faq-q{color:var(--red)}
.faq-item.open .faq-q::after{transform:rotate(90deg);color:var(--red)}
.faq-a{display:none;padding:0 16px 14px;font-size:.86rem;border-top:1px solid var(--border);background:var(--white)}
.faq-item.open .faq-a{display:block;padding-top:12px}

/* KARTY PRODUCENTÓW */
.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:13px;margin:16px 0}
.prod-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:14px;transition:.2s}
.prod-card:hover{border-color:var(--red);box-shadow:var(--shadow)}
.prod-name{font-family:Syne,sans-serif;font-weight:800;font-size:.92rem;margin-bottom:3px}
.prod-flag{font-size:.69rem;color:var(--muted);margin-bottom:7px}
.prod-desc{font-size:.79rem;margin-bottom:9px;color:var(--muted);line-height:1.5}
.prod-tags{display:flex;flex-wrap:wrap;gap:4px}

/* SIATKA URZĄDZEŃ */
.dev-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:14px 0}
.dev-item{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:12px;text-align:center}
.dev-item .dev-ico{font-size:1.8rem;margin-bottom:6px}
.dev-item .dev-name{font-family:Syne,sans-serif;font-weight:700;font-size:.76rem}
.dev-item .dev-proto{margin-top:4px}

/* KOMENDY GŁOSOWE */
.cmd-list{list-style:none;margin:12px 0}
.cmd-list li{display:flex;align-items:flex-start;gap:11px;padding:8px 0;border-bottom:1px solid var(--border);font-size:.85rem}
.cmd-list li:last-child{border-bottom:none}
.cmd-ico{font-size:1rem;flex-shrink:0;margin-top:1px}
.cmd-trigger{font-family:'JetBrains Mono',monospace;font-size:.78rem;background:var(--accent);padding:2px 7px;border-radius:4px;display:inline-block;margin-bottom:2px}
.cmd-en{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--muted);margin:1px 0 2px;padding-left:7px}
.cmd-en b{font-weight:600;color:#3a3a3a}
/* metryczka poradnika instalacji */
.inst-meta{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 14px}
.inst-meta span{font-family:Syne,sans-serif;font-size:.66rem;font-weight:700;background:var(--accent);border:1px solid var(--border);border-radius:999px;padding:3px 11px}
/* mini-blok redakcyjny po trudnych sekcjach */
.mini-prakt{background:#fbf9f4;border:1px solid var(--border);border-left:4px solid var(--red);border-radius:8px;padding:12px 15px;margin:14px 0;font-size:.86rem}
.mini-prakt b{font-family:Syne,sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;display:block;margin:8px 0 3px}
.mini-prakt b:first-child{margin-top:0}
/* tabela komend PL/EN/Efekt */
.cmd-tab td:first-child,.cmd-tab td:nth-child(2){font-family:'JetBrains Mono',monospace;font-size:.76rem}
/* przycisk tlumaczenia Google Translate */
.translate-bar{display:flex;justify-content:flex-end;margin:0 0 10px}
.translate-btn{display:inline-flex;align-items:center;gap:6px;font-family:Syne,sans-serif;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--dark);border:1px solid var(--dark);border-radius:20px;padding:5px 13px;text-decoration:none;transition:.2s}
.translate-btn:hover{background:var(--red);border-color:var(--red);color:#fff;text-decoration:none}
/* linki oficjalne w kartach producentow */
.prod-links{margin-top:8px;padding-top:7px;border-top:1px dashed var(--border);font-family:Syne,sans-serif;font-size:.68rem;font-weight:700;line-height:1.7}
.prod-links a{white-space:nowrap}
.prod-links .sep{color:var(--muted);font-weight:400;margin:0 3px}
.cmd-desc{font-size:.76rem;color:var(--muted)}

/* BREADCRUMB */
.breadcrumb{font-family:Syne,sans-serif;font-size:.71rem;color:var(--muted);margin-bottom:22px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.breadcrumb a{color:var(--muted);text-decoration:none}
.breadcrumb a:hover{color:var(--red)}

/* BACK TO TOP */
.btn-top{position:fixed;bottom:22px;right:22px;background:var(--red);color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1rem;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.22);opacity:0;transition:.3s;z-index:200;display:flex;align-items:center;justify-content:center}
.btn-top.show{opacity:1}

/* === BREAKPOINTY — 1:1 z index-9.php === */
@media(max-width:960px){
  .page-wrap{grid-template-columns:1fr}
  .side-col{grid-column:1;grid-row:2}
  .nav-panel{margin-bottom:0}
  /* sidebar lewa na mobile: fixed drawer */
  .nav-panel{
    position:fixed;right:-100%;top:57px;height:calc(100vh - 57px);
    max-height:calc(100vh - 57px);overflow-y:auto;
    width:var(--sidebar-w);z-index:250;transition:.3s;
    border-radius:0;border:none;border-left:1px solid var(--border);
    box-shadow:-4px 0 20px rgba(0,0,0,.15);
    scrollbar-width:thin;scrollbar-color:var(--border) transparent
  }
  .nav-panel::-webkit-scrollbar{width:4px}
  .nav-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}
  .nav-panel.open{right:0}
  .nav-t{padding-top:11px}
  .btn-menu{display:block}
  .content{padding:0}
  .hdr-date{display:none}
  .prod-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:580px){
  .prod-grid,.dev-list{grid-template-columns:1fr}
  table{font-size:.76rem}
  h1{font-size:1.4rem}
  h2{font-size:.95rem}
  .fg{grid-template-columns:1fr}
}

/* === SCENARIUSZE === */
.scen{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:20px}
.scen-hdr{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--dark)}
.scen-ico{font-size:1.6rem}
.scen-title{font-family:Syne,sans-serif;font-size:.95rem;font-weight:800}
.scen-sub{font-size:.74rem;color:var(--muted);margin-top:2px}
.scen-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:10px 0}
.scen-col h4{font-family:Syne,sans-serif;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:7px}
.scen-col ul{list-style:none;font-size:.82rem}
.scen-col ul li{padding:3px 0 3px 14px;position:relative;border-bottom:1px solid var(--border)}
.scen-col ul li::before{content:'→';position:absolute;left:0;color:var(--red);font-size:.68rem;top:5px}
.scen-col ul li:last-child{border-bottom:none}
@media(max-width:580px){.scen-grid{grid-template-columns:1fr}}

/* === SCHEMATY MERMAID === */
.schemat{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin:16px 0;overflow-x:auto}
.schemat-t{font-family:Syne,sans-serif;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:10px}

/* === KARTY BUDŻETOWE === */
.bud-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:14px 0}
.bud-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:16px;border-top:3px solid var(--red)}
.bud-card.b-bud{border-top-color:#27ae60}
.bud-card.b-mid{border-top-color:#f39c12}
.bud-card.b-prem{border-top-color:var(--red)}
.bud-card.b-loc{border-top-color:#8e44ad}
.bud-lbl{font-family:Syne,sans-serif;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:4px}
.bud-name{font-family:Syne,sans-serif;font-size:.9rem;font-weight:800;margin-bottom:4px}
.bud-price{font-size:.8rem;color:var(--red);font-weight:700;font-family:Syne,sans-serif;margin-bottom:8px}
.bud-ul{list-style:none;font-size:.78rem}
.bud-ul li{padding:3px 0;padding-left:12px;position:relative;color:var(--muted);border-bottom:1px solid var(--border)}
.bud-ul li::before{content:'·';position:absolute;left:0;color:var(--red)}
.bud-ul li:last-child{border-bottom:none}
.bud-note{font-size:.74rem;color:var(--muted);margin-top:8px;font-style:italic}
@media(max-width:580px){.bud-grid{grid-template-columns:1fr}}

/* === TAGI TAK/NIE/CZĘŚCIOWO === */
.tag-tak{background:#eafaf1;color:#1e8449}
.tag-nie{background:#fdecea;color:#7b241c}
.tag-cz{background:#fef9e7;color:#784212}