/* Mapa Rynku v7: wspólne elementy WSZYSTKICH stron (też Mapy krain): menu, pasek „Poziom tekstu”, blok X, podświetlenie zmian.
   Klasy z prefiksem mrh- / mr- / xcta, żeby nie kolidowały z css/style.css i zaawansowani/mapa-krain/style.css. */
html{scroll-padding-top:76px}
.mrh{position:sticky;top:0;z-index:60;background:rgba(7,20,40,.97);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(201,162,39,.22);color:#F4EEDC;font-family:"Inter",system-ui,sans-serif}
.mrh-in{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:8px 24px;min-height:64px}
.mrh-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#F4EEDC;min-height:44px;flex:0 0 auto}
.mrh-brand img{width:36px;height:36px;border-radius:9px;display:block;max-width:none}
.mrh-brand b{display:block;font:900 15px/1.15 "Montserrat",system-ui,sans-serif;letter-spacing:.06em}
.mrh-brand small{display:block;font-size:11.5px;line-height:1.3;color:#a9b3c4}
.mrh-nav{display:flex;gap:2px;margin-left:auto;order:2}
.mrh-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:10px;text-decoration:none;font:600 15px "Inter",system-ui,sans-serif;color:#d9deea;white-space:nowrap}
.mrh-nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.mrh-nav a[aria-current="page"]{color:#C9A227;background:rgba(201,162,39,.12)}
.mrh-x{order:3;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:#C9A227;color:#071428;text-decoration:none;font:700 14px "Inter",system-ui,sans-serif;flex:0 0 auto}
.mrh-x:hover{background:#e2c25a}
.x-ico{width:16px;height:16px;flex:0 0 auto;display:inline-block;vertical-align:-2px}
.mrh a:focus-visible,.mr-lvlbar button:focus-visible,.plvl button:focus-visible{outline:3px solid #C9A227;outline-offset:2px}
@media (max-width:900px){
  html{scroll-padding-top:62px}
  .mrh{top:-56px} /* przykleja się tylko rząd menu */
  .mrh-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 8px;padding:0 12px;min-height:0}
  .mrh-brand{height:56px;min-width:0}.mrh-brand span{min-width:0}
  .mrh-x{align-self:center;order:1;padding:0 14px;font-size:13.5px}
  .mrh-nav{grid-column:1/-1;margin:0 -12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.08)}
  .mrh-nav a{padding:0 2px;font-size:13.5px;border-radius:0;min-height:48px}
  .mrh-nav a[aria-current="page"]{box-shadow:inset 0 -3px 0 #C9A227}
}
@media (max-width:400px){.mrh-brand small{display:none}.mrh-nav a{font-size:12.5px}}

/* pasek „Poziom tekstu” (poradniki, narzędzia, Mapa krain) */
.mr-lvlbar{background:#0B1F3A;color:#F4EEDC;border-bottom:1px solid rgba(255,255,255,.08);font-family:"Inter",system-ui,sans-serif}
.mr-lvlbar-in{max-width:1240px;margin:0 auto;padding:6px 24px;display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap}
.mr-lvlbar-l{font:800 12px "Inter",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#C9A227}
.mr-lvlbar .lvl,.plvl .lvl{display:inline-flex;align-items:center;gap:2px;margin:0;padding:3px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.mr-lvlbar .lvl button,.plvl .lvl button{min-height:44px;padding:0 14px;border:0;border-radius:999px;background:none;color:#d9deea;font:600 14px "Inter",system-ui,sans-serif;cursor:pointer}
.mr-lvlbar .lvl button[aria-checked="true"]{background:#C9A227;color:#071428}
.mr-lvlbar-h{font-size:13px;line-height:1.4;color:#a9b3c4;flex:1 1 240px;border-radius:6px}
@media (max-width:600px){.mr-lvlbar-in{padding:6px 12px}.mr-lvlbar .lvl button{padding:0 11px;font-size:13.5px}.mr-lvlbar-h{font-size:12.5px}}

/* poziom w panelu przystanku (strona główna) */
.plvl{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;margin:2px 0 12px}
.plvl>span{font:800 11px "Inter",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#5b6577}
.plvl .lvl{background:#fff;border-color:#e6dfcb}
.plvl .lvl button{color:#17233a;padding:0 12px;font-size:13.5px}
.plvl .lvl button[aria-checked="true"]{background:#0B1F3A;color:#F4EEDC}

/* krótkie podświetlenie tekstu zmienionego przez poziom */
@keyframes mrflash{0%{background-color:rgba(201,162,39,.32);box-shadow:0 0 0 6px rgba(201,162,39,.55)}100%{box-shadow:0 0 0 0 rgba(201,162,39,0)}}
.lvl-flash{animation:mrflash 1.7s ease-out}
@media (prefers-reduced-motion:reduce){.lvl-flash{animation:none;outline:3px solid #C9A227;outline-offset:3px}}

/* otwarty przystanek: wyraźnie widać, który */
.panel .open-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:#0B1F3A;color:#C9A227;font:800 11.5px "Inter",system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:999px;margin-bottom:8px}
.panel.is-open{box-shadow:0 0 0 3px #C9A227,0 30px 80px rgba(0,0,0,.3)}
.panel .num{font-size:14px}
.panel .hint button{min-height:44px;padding:0 16px}
.panel h3:focus{outline:none}
.st.on .ring{opacity:1;animation:none;stroke-width:4}
@media (prefers-reduced-motion:reduce){.panel.swap{animation:none}.st .ring{animation:none}}

/* „Więcej narzędzi i wiedzy” na stronie głównej */
.more-tools{display:flex;flex-direction:column;gap:4px;margin-top:22px;padding:18px 22px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(201,162,39,.45);color:#F4EEDC;text-decoration:none;font:800 19px "Montserrat",system-ui,sans-serif}
.more-tools:hover{background:rgba(255,255,255,.1)}
.more-tools small{font:500 14px/1.45 "Inter",system-ui,sans-serif;color:#a9b3c4}
.wf-unit{font:600 13px "Inter",system-ui,sans-serif;color:#5b6577;margin:0 0 8px}.wf-unit b{color:#0B1F3A}

/* blok „Obserwuj @MapaRynku na X” (zastępuje makietę newslettera) */
.xcta{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:18px 28px;align-items:center;background:#0B1F3A;color:#F4EEDC;border:1px solid rgba(201,162,39,.4);border-radius:22px;padding:30px 32px;margin:36px 0;font-family:"Inter",system-ui,sans-serif}
.xcta .eyebrow{margin:0;color:#C9A227;font:800 12px "Inter",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.xcta h2{font:900 clamp(24px,3vw,32px)/1.15 "Montserrat",system-ui,sans-serif;margin:6px 0 10px;color:#F4EEDC}
.xcta h2 em{color:#C9A227;font-style:normal}
.xcta ul{list-style:none;padding:0;margin:0;display:grid;gap:4px;color:#c3cbda;font-size:15px}
.xcta li:before{content:"✓  ";color:#2EA862;font-weight:800}
.xcta .xbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;background:#C9A227;color:#071428;font:800 16px "Inter",system-ui,sans-serif;text-decoration:none;white-space:nowrap}
.xcta .xbtn:hover{background:#e2c25a}.xcta .xbtn .x-ico{width:18px;height:18px}
@media (max-width:760px){.xcta{grid-template-columns:1fr;padding:22px 20px;margin:24px 0}.xcta .xbtn{white-space:normal;text-align:center}}

/* cele dotyku ≥44 px: stopka i okruszki */
.foot .chan li{margin:0}
.foot .chan a{display:inline-flex;align-items:center;min-height:44px}
.crumbs a{display:inline-flex;align-items:center;min-height:44px}
.mini-route a{min-height:44px}

/* Mapa krain: podmenu „Na tej stronie” i prosta ramka z definicjami */
.mk-sub{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;padding:2px 16px;background:#071428;border-bottom:1px solid rgba(255,255,255,.06);font-family:"Inter",system-ui,sans-serif}
.mk-sub span{font-size:12px;color:#8792a6;margin-right:4px}
.mk-sub a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:#d9deea;text-decoration:none;font-weight:600;font-size:14px}
.mk-sub a:hover{color:#C9A227}
.panel .plain{background:#fff;border-left:4px solid #C9A227;border-radius:12px;padding:10px 14px;margin:12px 0;font-size:14.5px;line-height:1.5;color:#0B1F3A}
.panel .plain p{margin:4px 0 0}
