/* Mapa Rynku: widok z telefonu w duchu spacex.com (v1, 3.11.2026).
   Ładowany jako OSTATNI arkusz na każdej stronie. Działa tylko do 900 px szerokości, desktop bez zmian.
   Zasady: jeden ciemny motyw, jedna myśl na ekran, duże kondensowane nagłówki wersalikami,
   tekst 16–18 px, złoto tylko na głównym CTA, cele dotyku ≥44 px, zero ozdobników. */
.mrh-burger,.mrh-menu-x{display:none}
@media (max-width:900px){
:root{
  --sx-bg:#07090c;--sx-s1:#0e1319;--sx-s2:#151b23;--sx-fg:#F0F0FA;--sx-fg9:rgb(240 240 250/.9);--sx-fg7:rgb(240 240 250/.72);--sx-fg5:rgb(240 240 250/.55);--sx-line:rgb(240 240 250/.15);--sx-line2:rgb(240 240 250/.35);
  --sx-h:"Barlow Semi Condensed","Barlow","Arial Narrow",system-ui,sans-serif;--sx-b:"Barlow","Inter",system-ui,sans-serif;
  /* zamiana palety „kremowej” na ciemną: tło papieru = czerń, tekst granatowy = jasny */
  --paper:var(--sx-bg);--ivory:var(--sx-s1);--navy:var(--sx-fg);--navy3:#c9d1df;--ink:var(--sx-fg9);--mute:var(--sx-fg7);--muted:var(--sx-fg7);--line:var(--sx-line);
  --h:var(--sx-h);--b:var(--sx-b);--r:6px;--sh:none;
  scroll-padding-top:68px}
html{scroll-padding-top:68px}
body{background:var(--sx-bg)!important;color:var(--sx-fg9);font:400 17px/1.65 var(--sx-b)}
/* bloki, które były granatowe z jasnym tekstem: zostają ciemne, wewnątrz wraca jasna paleta */
section.dark,.hero,.calc-out,.big-out,.g-nl,.nl2,.tool-cta,.tcard:not(.alt),.gcard.next,.pf-sum div,.mrh,.foot,.xcta,.sec.dark,.mr-lvlbar,.mk-sub{--ivory:var(--sx-fg);--navy:var(--sx-fg)}
.calc-out,.big-out,.g-nl,.nl2,.tool-cta,.tcard:not(.alt),.gcard.next,.pf-sum div{background:var(--sx-s2)!important;color:var(--sx-fg)!important;border:1px solid var(--sx-line)}
.hero,section.dark,section.alt,section.blk,.sec,.sec.dark,.sec.paper,.sec:not(.dark),.guide-page,.wk,.foot,.xcta{background:var(--sx-bg)!important;color:var(--sx-fg9)}
section.blk,.sec{border-top:1px solid var(--sx-line)}
.hero:before{display:none}
/* białe karty → ciemne powierzchnie z cienką linią */
.btn.line,.err,.step,.qcard,.opts button,.opts button:hover,.prof-grid div,.chips button,.wf .row:hover,.wf .row.sel,.side,.kpi,.chart,.res3 div,.gcard,.gsearch input,.term,.nl-form,.chan-cards a,.chan-cards div.ph,.g-meta span,.box,.box.ex,.tbl,.faq details,.wsearch input,.jump a,.kcard,.scard,.tcard.alt,.wempty,.chip,.calc,.seg button,.calc-in input,.calc-in input:focus,.comm,.comm-rules li,.home-search input,.pf-note,.panel,.result .tip,.edu,.tool,.map-card,.ev,.calc,.gl-head input,.panel .plain,.illu{
  background:var(--sx-s1)!important;color:var(--sx-fg9);border:1px solid var(--sx-line)!important;box-shadow:none!important;border-radius:6px!important}
.qbar,.bars4 span.t,.cape .t,.pf-stack,.pf-bar{background:var(--sx-s2)!important}
.panel:before{display:none}
.chart{background:#f4f4f8!important;color:#0B1F3A} /* wykres rysowany w JS ciemnymi liniami: jasna karta = czytelny wykres */
.chart *{--navy:#0B1F3A;--ink:#17233a;--mute:#5b6577}
.illu{color:#e2c25a!important;border-color:rgb(201 162 39/.5)!important}
.panel .plain{color:var(--sx-fg9)!important;border-left:2px solid var(--gold)!important}
/* wybrane przyciski/zakładki = biały blok z czarnym tekstem, jak na spacex.com */
.chips button.on,.seg button.on,.tabs button.on,.tabs button[aria-selected="true"],.mr-lvlbar .lvl button[aria-checked="true"],.plvl .lvl button[aria-checked="true"],.lvl button[aria-checked=true]{background:var(--sx-fg)!important;color:#07090c!important;border-color:var(--sx-fg)!important}
.plvl .lvl{background:transparent;border-color:var(--sx-line2)}
.plvl .lvl button{color:var(--sx-fg9)}
/* typografia */
h1,h2,.hero h1,.term-page h1,.g-head h1,.wk-head h1,.xcta h2,.sh h2,.nl2 h2,.wsec-h h2,.map-intro h1{font-family:var(--sx-h)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.01em!important;line-height:1.02!important;color:var(--sx-fg)}
h1,.hero h1,.term-page h1,.g-head h1,.wk-head h1,.map-intro h1{font-size:clamp(2.5rem,9vw + .5rem,3.6rem)!important}
h2,.sh h2,.xcta h2,.wsec-h h2{font-size:clamp(2rem,6vw + .6rem,2.6rem)!important}
h3,.qcard h3,.panel h3{font-family:var(--sx-h)!important;font-weight:700!important;font-size:1.3rem!important;line-height:1.2!important;letter-spacing:.01em;color:var(--sx-fg)}
h1 em,h2 em,.hero h1 em,.xcta h2 em{color:var(--sx-fg)!important} /* bez drugiego koloru w nagłówkach */
h1 span{display:block}
p,li,dd,.lead,.hero .intro,.g-body p,.term-page section p{font-size:17px;line-height:1.65}
.hero .intro,.lead,.wk-head .lead{font-size:18px!important;color:var(--sx-fg9)!important}
.eyebrow,.mr-lvlbar-l,.map-intro .eyebrow,.xcta .eyebrow{font:600 13px/1.4 var(--sx-b)!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--sx-fg7)!important}
.eyebrow::before{content:none!important}
.fine,.src,.src a,small,.disc,.notes{font-size:15px!important;line-height:1.55;color:var(--sx-fg7)}
.src a,.fine a{color:var(--sx-fg9)!important}
a{text-underline-offset:3px}
mark{background:rgb(201 162 39/.25);color:var(--sx-fg)}
.tag{font:700 12px var(--sx-b);border-radius:3px;padding:3px 7px}
/* przyciski: duchy z cienką ramką, złoto tylko na głównym CTA */
.btn,.btn.sm,.xcta .xbtn,.more-tools,.mini-route a,.btn-o,.btn-g{border-radius:4px!important;min-height:48px;font:700 15px/1.2 var(--sx-b)!important;text-transform:uppercase;letter-spacing:.08em;box-shadow:none!important;transform:none!important}
.btn.ghost,.btn.line,.btn.sm.line{background:transparent!important;color:var(--sx-fg)!important;border:1px solid var(--sx-line2)!important}
.btn.gold{background:var(--gold)!important;color:#07090c!important}
.hero-cta{flex-direction:column;align-items:stretch;gap:12px}
.hero-cta .btn{justify-content:center;width:100%}
.btn.gold.sm:not(:first-child),.panel .acts .btn.gold{background:transparent!important;color:var(--sx-fg)!important;border:1px solid var(--sx-line2)!important}
/* nagłówek: jeden pasek 56 px + hamburger */
.mrh,.top{top:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgb(7 9 12/.96)!important;border-bottom:1px solid var(--sx-line)!important}
.mrh-in{display:flex!important;align-items:center;gap:8px;padding:0 8px 0 16px!important;min-height:56px!important;height:56px}
.mrh-brand{height:56px;gap:10px}
.mrh-brand img{width:30px;height:30px;border-radius:50%}
.mrh-brand b{font:700 17px/1 var(--sx-h)!important;letter-spacing:.14em!important}
.mrh-brand small{display:none!important}
.mrh-x{margin-left:auto;order:2!important;width:44px;height:44px;min-height:44px;padding:0!important;justify-content:center;border-radius:4px!important;background:transparent!important;color:var(--sx-fg)!important;border:1px solid var(--sx-line2);font-size:0!important;gap:0}
.mrh-x .x-ico{width:16px;height:16px;fill:currentColor}
.mrh-burger{order:3;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:0;background:none;color:var(--sx-fg);cursor:pointer;padding:0;border-radius:4px}
.mrh-burger i{position:relative;display:block;width:22px;height:2px;background:currentColor}
.mrh-burger i:before,.mrh-burger i:after{content:"";position:absolute;left:0;width:22px;height:2px;background:currentColor}
.mrh-burger i:before{top:-7px}.mrh-burger i:after{top:7px}
.js-menu .mrh-nav{display:none!important}
.js-menu .mrh.open{bottom:auto}
.js-menu .mrh.open .mrh-nav{display:flex!important;flex-direction:column;position:fixed;inset:56px 0 0 0;margin:0!important;padding:16px 24px 40px;background:#07090c;border-top:1px solid var(--sx-line);overflow-y:auto;z-index:70;gap:0}
.js-menu .mrh.open .mrh-nav a{justify-content:flex-start;min-height:64px;padding:0!important;border-bottom:1px solid var(--sx-line);border-radius:0;background:none!important;box-shadow:none!important;font:700 26px/1 var(--sx-h)!important;letter-spacing:.04em;text-transform:uppercase;color:var(--sx-fg)!important}
.js-menu .mrh.open .mrh-nav a[aria-current="page"]:after{content:"";width:8px;height:8px;background:var(--gold);margin-left:12px;border-radius:50%}
.js-menu .mrh.open .mrh-burger i{background:transparent}
.js-menu .mrh.open .mrh-burger i:before{top:0;transform:rotate(45deg)}
.js-menu .mrh.open .mrh-burger i:after{top:0;transform:rotate(-45deg)}
.mrh-nav .mrh-menu-x{display:none}
.js-menu .mrh.open .mrh-nav .mrh-menu-x{display:flex;margin-top:28px;border:1px solid var(--sx-line2)!important;justify-content:center!important;font:700 15px var(--sx-b)!important;min-height:52px;letter-spacing:.08em}
body.menu-open{overflow:hidden}
/* bez JS: menu zostaje jednym przewijanym rzędem (nie dwoma) */
html:not(.js-menu) .mrh-nav{display:flex!important;overflow-x:auto;scrollbar-width:none;margin:0;border:0}
/* pasek „Poziom tekstu” i podmenu: prościej */
.mr-lvlbar{background:var(--sx-bg)!important;border-bottom:1px solid var(--sx-line)}
.mr-lvlbar-in{padding:10px 16px!important;gap:8px 12px}
.mr-lvlbar .lvl,.lvl{background:transparent!important;border:1px solid var(--sx-line2)!important;border-radius:4px!important;padding:2px!important}
.mr-lvlbar .lvl button,.lvl button{border-radius:3px!important;font:600 14px var(--sx-b)!important;text-transform:uppercase;letter-spacing:.06em;min-height:44px}
.mr-lvlbar-h{font-size:14px!important;color:var(--sx-fg7)!important;flex-basis:100%!important}
.mk-sub{background:var(--sx-bg)!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;white-space:nowrap;padding:0 8px!important}
.mk-sub span{font-size:13px!important;text-transform:uppercase;letter-spacing:.1em}
.mk-sub a{font:600 14px var(--sx-b)!important;text-transform:uppercase;letter-spacing:.08em}
/* odstępy: jedna myśl na ekran */
.wrap,.wy .in{padding-left:20px!important;padding-right:20px!important}
section.blk,.sec{padding:72px 0!important}
.hero{padding:0 0 56px!important}
.hero-head{display:flex!important;flex-direction:column;justify-content:flex-end;align-items:stretch!important;gap:20px;min-height:calc(100svh - 56px);margin:0!important;padding:40px 0 48px}
.hero-head>div{display:flex;flex-direction:column;gap:12px}
.road{margin-top:8px}
.map-card{padding:12px!important;background:var(--sx-s1)!important}
.map-legend{font-size:14px!important;color:var(--sx-fg7)!important}
.st text.l{font-size:15px}
.st text.s{font-size:12.5px;fill:var(--sx-fg7)}
.panel{padding:22px 20px!important}
.panel .open-tag{background:transparent;border:1px solid var(--sx-line2);border-radius:3px;color:var(--sx-fg7)}
.panel.is-open{box-shadow:0 0 0 1px var(--gold)!important}
.panel .acts{flex-direction:column;align-items:stretch}
.panel .acts a{justify-content:center}
/* test */
.qcard{padding:22px 18px!important}
.opts button{min-height:56px;font:500 17px/1.35 var(--sx-b)!important;text-align:left;border-radius:4px!important}
.opts button:hover,.opts button:focus-visible{border-color:var(--sx-fg)!important}
.test .prof-grid{grid-template-columns:1fr!important;gap:0!important}
.test .prof-grid div{background:transparent!important;border:0!important;border-bottom:1px solid var(--sx-line)!important;border-radius:0!important;padding:14px 0!important}
.test .prof-grid b{font:700 17px var(--sx-h)!important;text-transform:uppercase;letter-spacing:.04em;color:var(--sx-fg)}
.test .prof-grid p{font-size:15.5px!important;color:var(--sx-fg7)!important;margin:4px 0 0}
.result .ico{display:none}
.result .path span{background:transparent!important;border:1px solid var(--sx-line2);color:var(--sx-fg)!important;border-radius:3px}
.bars4{font-size:15px}
/* narzędzia / symulator */
.tool{padding:20px 16px!important}
.chips{gap:8px}
.chips button,.tabs button,.seg button{min-height:44px;border-radius:4px!important;font:600 15px var(--sx-b)!important;color:var(--sx-fg9)}
.res3{display:block!important}
.res3 div{display:flex!important;justify-content:space-between;align-items:baseline;gap:12px;background:transparent!important;border:0!important;border-bottom:1px solid var(--sx-line)!important;border-radius:0!important;padding:14px 0!important}
.res3 div small,.res3 div span:first-child{font-size:13px!important;text-transform:uppercase;letter-spacing:.09em;color:var(--sx-fg7)}
.res3 div b{font:700 24px var(--sx-h)!important;color:var(--sx-fg)}
.kpi,.kpis div{border-radius:4px!important}
input[type=range]{min-height:44px}
.toggle{min-height:44px;align-items:center}
.toggle input,input[type=checkbox]{width:24px;height:24px}
.more-tools{background:transparent!important;border:1px solid var(--sx-line2)!important;font:700 20px var(--sx-h)!important;text-transform:uppercase;padding:20px!important}
.more-tools small{font:400 15.5px/1.5 var(--sx-b)!important;text-transform:none;letter-spacing:0;color:var(--sx-fg7)!important}
.calc{padding:20px 16px!important}
.calc-in label{font-size:15px!important}
.calc-in input{min-height:52px;font-size:18px!important;color:var(--sx-fg)!important}
.calc-out .big{font-family:var(--sx-h)!important}
/* poradnik / wiedza */
.g-meta span{font-size:14px!important;border-radius:3px!important}
.toc{border-color:var(--sx-line)!important;background:transparent!important}
.toc a{min-height:44px;display:flex;align-items:center}
.box{padding:18px 16px!important}
.box h2,.box h3,.term-page .box h2{font-size:1.3rem!important}
.faq summary{min-height:52px;display:flex;align-items:center;font-weight:600}
.crumbs{font-size:14px!important}
.kcard,.scard,.tcard{border-radius:4px!important}
.kcard small,.scard small,.tcard small{font-size:14px!important}
.jump a{border-radius:4px!important}
.jump a small{font-size:13px!important}
/* tabele: przewijanie w ramce + wskazówka (ogólne) */
.tbl{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.tbl th{background:var(--sx-s2)!important;color:var(--sx-fg)!important}
.tbl td,.tbl th{font-size:15px;padding:10px 12px}
/* blok X i stopka */
.xcta{border:1px solid var(--sx-line)!important;border-radius:4px!important;padding:28px 20px!important}
.xcta li{font-size:16px}
.xcta li:before{content:"— "!important;color:var(--sx-fg5)!important}
.xcta .xbtn{background:transparent!important;color:var(--sx-fg)!important;border:1px solid var(--sx-line2)}
.foot{border-top:1px solid var(--sx-line);color:var(--sx-fg7)!important}
.foot a{color:var(--sx-fg9)}
.foot .disc,.disc{border:1px solid var(--sx-line)!important;border-radius:4px;padding:14px 16px;color:var(--sx-fg9)!important;background:transparent!important}
/* ---------- /wyniki/ ---------- */
.wy{--bg:#07090c;--bg2:#0e1319;font-size:17px}
body.wy-page{background:#07090c!important}
.wy-hero{background:#07090c!important;padding:40px 0 48px!important;min-height:calc(100svh - 56px);display:flex;align-items:center}
.wy-hero h1{font-family:var(--sx-h)!important}
.ctrl .grp .btn-o{flex:1 1 40%;justify-content:center}
.legend{font-size:14px!important}
#mapa-wrap{height:min(150vh,1150px)!important;background:#0e1319!important}
.sg>b{font-size:12px!important}
.rec li{grid-template-columns:1fr auto!important;gap:4px 12px!important;padding:16px 0!important}
.rec time{font-size:13px!important}
.rec small{font-size:15px!important}
.rec a.r{font-size:14px!important;min-height:44px;display:inline-flex;align-items:center}
.rec-more{margin-top:18px}
#szukaj{width:100%;min-width:0!important;font-size:16px!important;height:52px!important}
/* duża tabela spółek → wiersze specyfikacji */
#tabela-sek .tbl-wrap{overflow:visible}
table.wt#tabela{min-width:0!important;display:block}
table.wt#tabela thead{display:block}
table.wt#tabela thead tr{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:12px 0}
table.wt#tabela thead tr:before{content:"Sortuj:";align-self:center;font-size:13px;text-transform:uppercase;letter-spacing:.09em;color:var(--sx-fg5);flex:0 0 auto}
table.wt#tabela th{flex:0 0 auto;border:1px solid var(--sx-line2)!important;border-radius:4px;padding:0 12px!important;min-height:44px;display:flex;align-items:center;font-size:13px!important}
table.wt#tabela th:not([data-k]){display:none}
table.wt#tabela th[data-k="rev_yoy"]:after{content:" przych."}
table.wt#tabela th[data-k="eps_yoy"]:after{content:" EPS"}
table.wt#tabela tbody{display:block}
table.wt#tabela tr{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;padding:18px 0;border-bottom:1px solid var(--sx-line)}
table.wt#tabela td{display:flex;flex-direction:column;gap:2px;border:0!important;padding:0!important;text-align:left!important;font-size:16px;line-height:1.35;font-variant-numeric:tabular-nums}
table.wt#tabela td:nth-child(1){grid-column:1;grid-row:1;display:block;font-size:20px}
table.wt#tabela td:nth-child(1) small{font-size:15px!important}
table.wt#tabela td:nth-child(3) small{font-size:14px!important}
table.wt#tabela td.na{grid-column:1/-1}
table.wt#tabela td:nth-child(8){grid-column:2;grid-row:1;align-items:flex-end;text-align:right!important}
table.wt#tabela td:before{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--sx-fg5);flex:0 0 auto}
table.wt#tabela td:nth-child(2):before{content:"Sektor"}
table.wt#tabela td:nth-child(3):before{content:"Okres"}
table.wt#tabela td:nth-child(4):before{content:"Przychody"}
table.wt#tabela td:nth-child(5):before,table.wt#tabela td:nth-child(7):before{text-align:left}
table.wt#tabela td:nth-child(5):before{content:"r/r"}
table.wt#tabela td:nth-child(6):before{content:"EPS rozwodniony"}
table.wt#tabela td:nth-child(7):before{content:"r/r"}
table.wt#tabela td:nth-child(8):before{content:"Raport w SEC"}
table.wt#tabela td.na:before{content:none}
table.wt#tabela td:nth-child(8) a{min-height:44px;display:inline-flex;align-items:center}
/* karta spółki (okno): tabela okresów → wiersze */
dialog#karta{max-width:100vw!important;max-height:100svh!important;height:100svh;margin:0;border:0!important;background:#07090c!important}
dialog#karta table.wt{display:block}
dialog#karta table.wt thead{display:none}
dialog#karta table.wt tbody{display:block}
dialog#karta table.wt tr{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;padding:14px 0;border-bottom:1px solid var(--sx-line)}
dialog#karta table.wt td{display:flex;justify-content:space-between;gap:8px;border:0!important;padding:5px 0!important;text-align:left!important}
dialog#karta table.wt td:first-child,dialog#karta table.wt td:last-child{grid-column:1/-1}
dialog#karta table.wt td:first-child{display:block;font-weight:700;font-size:18px}
dialog#karta table.wt td:first-child small{font-weight:400}
dialog#karta table.wt td:before{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--sx-fg5)}
dialog#karta table.wt td:nth-child(2):before{content:"Przychody"}
dialog#karta table.wt td:nth-child(3):before{content:"r/r"}
dialog#karta table.wt td:nth-child(4):before{content:"EPS"}
dialog#karta table.wt td:nth-child(5):before{content:"r/r"}
dialog#karta table.wt td:nth-child(6):before{content:"Zysk netto"}
dialog#karta table.wt td:nth-child(7):before{content:"Raport"}
/* ---------- Mapa krain ---------- */
.chips-row .chip{min-height:44px;display:inline-flex;align-items:center}
.mk-page .land-btns button,.mk-page .cd button{min-height:44px;font-size:15px!important;border-radius:4px!important}
.mk-page .ev .meta a{display:inline-flex;align-items:center;min-height:44px}

.mk-page{background:var(--sx-bg)!important;color:var(--sx-fg9)}
.mk-page .hero{background:var(--sx-bg)!important}
.mk-page .map-intro{padding:20px 12px 8px!important}
.mk-page .legend{gap:8px 18px!important;font-size:14px!important}

.mk-page .chips button,.mk-page .tabs button{min-height:44px;font-size:15px!important}
.mk-page .route b{font-size:12px!important}
.mk-page .sec:not(.dark),.mk-page .sec.paper{color:var(--sx-fg9)!important}
.mk-page .ev::before{border-color:var(--sx-bg)!important}
.mk-page .btn.ghost{color:var(--sx-fg)!important;border:1px solid var(--sx-line2)!important}
}
@media (max-width:900px) and (prefers-reduced-motion:reduce){.js-menu .mrh.open .mrh-burger i:before,.js-menu .mrh.open .mrh-burger i:after{transition:none}}