/* Rozkład jazdy (iledzisiaj.pl) – kolory i kształty jak w reszcie strony:
   biel, zaokrąglenia 10–14 px, niebieski #1370ED, żółty #F9CB00, tekst #1B2433, szarości #5B6472 / #E3E7ED */

.ild-rj {color: #1B2433; font-size: 17px; line-height: 1.5; text-align: left}
.ild-rj *, .ild-rj *::before, .ild-rj *::after {box-sizing: border-box}
.ild-rj a:link, .ild-rj a:visited {color: #0F5BC4; text-decoration: none}
.ild-rj a:hover {text-decoration: underline}
.ild-rj .rj-ico {width: 20px; height: 20px; flex: none; vertical-align: -4px}
.ild-rj [hidden] {display: none !important}
.ild-rj h1.rj-title {display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 10px}
.ild-rj .rj-title-arrow {color: #1370ED; font-weight: 400}
.ild-rj .rj-lead {margin: 0 0 16px; color: #3B4452; font-size: 17px}
.ild-rj .rj-daynote {color: #5B6472}
.ild-rj h2 {margin: 0 0 6px; padding: 0; background: none; border: 0; color: #1370ED; font-size: 22px; font-weight: 700; line-height: 1.25}
.ild-rj h3 {margin: 0 0 8px; padding: 0; background: none; color: #1B2433; font-size: 18px; font-weight: 700}

/* wyszukiwarka */
.rj-search {position: relative; margin: 0 0 14px}
.rj-search-l {display: block; margin: 0 0 6px; font-size: 16px; font-weight: 700}
.rj-search-box {display: flex; align-items: center; gap: 8px; padding: 0 6px 0 14px; border: 2px solid #CBD3DE; border-radius: 14px; background: #FFF; transition: border-color .15s, box-shadow .15s}
.rj-search-box:focus-within {border-color: #1370ED; box-shadow: 0 0 0 4px rgba(19,112,237,.15)}
.rj-search-box .rj-ico {color: #5B6472}
.rj-search-box input {flex: 1; min-width: 0; height: 54px; margin: 0; padding: 0; border: 0 !important; outline: none; background: transparent; color: #1B2433; font-size: 19px; box-shadow: none !important}
.rj-search-box button {height: 42px; padding: 0 20px; border: 0; border-radius: 999px; background: #1370ED; color: #FFF; font-size: 16px; font-weight: 700; cursor: pointer}
.rj-search-box button:hover {background: #0F5BC4}
.rj-sug {position: absolute; z-index: 50; left: 0; right: 0; top: 100%; margin: 6px 0 0; padding: 6px; list-style: none; background: #FFF; border: 1px solid #E3E7ED; border-radius: 14px; box-shadow: 0 12px 28px rgba(16,24,40,.16)}
.rj-sug li {display: flex; align-items: center; gap: 10px; margin: 0; padding: 10px 12px; border-radius: 10px; font-size: 17px; cursor: pointer}
.rj-sug li.is-act, .rj-sug li:hover {background: #EEF4FE}
.rj-sug li small {margin-left: auto; color: #5B6472; font-size: 13px; white-space: nowrap}
.rj-sug li .rj-ico {color: #1370ED}

/* popularne, komunikaty */
.rj-pop {display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 20px}
.rj-pop-l {color: #5B6472; font-size: 15px}
.ild-rj a.rj-chip {display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border: 1px solid #CFD5DD; border-radius: 999px; background: #FFF; color: #1B2433; font-size: 15px; font-weight: 600}
.ild-rj a.rj-chip:hover {border-color: #1370ED; color: #0F5BC4; text-decoration: none}
.rj-chip .rj-ico {width: 16px; height: 16px; color: #1370ED}
.rj-msg {margin: 0 0 16px; padding: 12px 16px; border-radius: 12px; background: #EEF4FE; border-left: 4px solid #1370ED; font-size: 16px}
.rj-msg--warn {background: #FFF9DB; border-left-color: #F9CB00}
.rj-empty {margin: 8px 0 16px; padding: 14px 16px; border-radius: 12px; background: #F3F5F8; color: #3B4452; font-size: 16px}

/* nagłówek wyników: tytuł + „Zmień kierunek” (wyszukiwarka schowana) */
.rj-head {display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; margin: 0 0 12px}
.rj-head h1.rj-title {margin: 0}
.rj-change {flex: 0 1 auto}
.rj-change[open] {flex: 1 1 100%; order: 3}
.rj-change > summary {display: inline-flex; align-items: center; gap: 6px; padding: 4px 0; color: #0F5BC4; font-size: 15px; font-weight: 600; cursor: pointer; list-style: none}
.rj-change > summary::-webkit-details-marker {display: none}
.rj-change > summary .rj-ico {width: 17px; height: 17px}
.rj-change > summary:hover {text-decoration: underline}
.rj-change .rj-search {margin: 8px 0 4px}
.rj-dayinfo {margin: -4px 0 12px; color: #8A5A00; font-size: 15px; font-weight: 600}

/* wybór dnia – jeden rząd, na telefonie przewijany w bok */
.rj-days {margin: 0 0 12px}
.rj-days-row {display: flex; gap: 6px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; padding: 2px 2px 4px}
.ild-rj .rj-day {position: relative; flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 58px; margin: 0; padding: 6px 10px; border: 1px solid #CFD5DD; border-radius: 12px; background: #FFF; color: #1B2433; line-height: 1.2; text-decoration: none; cursor: pointer}
.ild-rj a.rj-day:link, .ild-rj a.rj-day:visited {color: #1B2433}
.ild-rj .rj-day b {font-size: 15px}
.ild-rj .rj-day small {color: #5B6472; font-size: 13px}
.ild-rj .rj-day:hover, .ild-rj .rj-day:focus-within {border-color: #1370ED; text-decoration: none}
.ild-rj .rj-day.is-on, .ild-rj a.rj-day.is-on:link, .ild-rj a.rj-day.is-on:visited {border-color: #1370ED; background: #1370ED; color: #FFF}
.ild-rj .rj-day.is-on small {color: #DCE8FD}
.ild-rj .rj-day--all {border-style: dashed}
.rj-day-pick label {display: flex; flex-direction: column; align-items: center; margin: 0; cursor: pointer}
.rj-day-pick input {margin-top: 4px; padding: 2px 4px; border: 1px solid #CFD5DD; border-radius: 8px; font-size: 14px}
.rj-day-pick .rj-day-go {margin-top: 4px; padding: 2px 10px; border: 0; border-radius: 999px; background: #1370ED; color: #fff; font-size: 13px; font-weight: 700; cursor: pointer}
/* ze skryptem: kalendarz otwiera się po kliknięciu w kafelek, data przenosi od razu */
.rj-js .rj-day-pick input {position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; opacity: 0; cursor: pointer}
.rj-js .rj-day-pick .rj-day-go {display: none}

/* Tam / Powrót + Drukuj */
.rj-tools {display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 18px}
.rj-seg {display: inline-flex; flex: 1 1 auto; max-width: 560px; border: 1px solid #CFD5DD; border-radius: 999px; background: #FFF; overflow: hidden}
.ild-rj .rj-seg a, .ild-rj .rj-seg a:link, .ild-rj .rj-seg a:visited {flex: 1 1 50%; display: flex; flex-direction: column; align-items: center; padding: 6px 12px; color: #1B2433; line-height: 1.2; text-align: center; text-decoration: none}
.ild-rj .rj-seg a + a {border-left: 1px solid #CFD5DD}
.ild-rj .rj-seg a:hover {background: #EEF4FE; text-decoration: none}
.rj-seg b {font-size: 15px}
.rj-seg small {color: #5B6472; font-size: 13px}
.ild-rj a.rj-icobtn {display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 14px; border: 1px solid #CFD5DD; border-radius: 999px; background: #FFF; color: #1B2433; font-size: 15px; font-weight: 600; text-decoration: none}
.ild-rj a.rj-icobtn:hover {border-color: #1370ED; color: #0F5BC4; text-decoration: none}

/* sekcje wyników */
.rj-sec {margin: 0 0 26px; scroll-margin-top: 12px}
.rj-count {margin: 0 0 10px; color: #5B6472; font-size: 15px}
.rj-list {margin: 0; padding: 0; list-style: none}
.rj-j {margin: 0 0 10px; padding: 12px 16px; border: 1px solid #E3E7ED; border-radius: 14px; background: #FFF; list-style: none}
.rj-j--chg {border-left: 4px solid #F9CB00}
.rj-j-top {display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; margin: 0 0 6px}
.rj-j-times {display: inline-flex; align-items: baseline; gap: 8px}
.rj-t {font-size: 24px; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -.2px}
.rj-arr {color: #8A93A1}
.rj-j-sum {color: #3B4452; font-size: 15px}
.rj-j-sum .rj-ico {width: 16px; height: 16px; margin-right: 4px; color: #5B6472; vertical-align: -3px}
.rj-chg {color: #8A5A00}
.rj-unk {color: #8A93A1}
.rj-legs {margin: 0; padding: 0; list-style: none}
.rj-leg {display: flex; gap: 10px; margin: 0; padding: 6px 0; list-style: none}
.rj-leg > .rj-ico {margin-top: 2px; color: #1370ED}
.rj-leg--pociag > .rj-ico {color: #B1361E}
.rj-leg-b {min-width: 0}
.rj-leg-route {font-size: 16px}
.rj-leg-meta {color: #5B6472; font-size: 14px}
.rj-car {color: #3B4452; font-weight: 600}
.rj-note {margin-top: 2px; color: #8A5A00; font-size: 14px}
.rj-wait {margin: 0 0 0 30px; padding: 2px 10px; border-left: 2px dashed #CFD5DD; color: #8A5A00; font-size: 14px; list-style: none}
.rj-ozn {display: inline-flex; flex-wrap: wrap; gap: 3px; margin-left: 4px; vertical-align: 1px}
.rj-ozn abbr {display: inline-block; min-width: 20px; padding: 0 5px; border-radius: 6px; background: #EEF1F5; color: #3B4452; font-size: 12px; font-weight: 700; line-height: 18px; text-align: center; text-decoration: none; cursor: help}

/* kursy dzisiejsze, które już odjechały */
.rj-j.rj-past, .rj-dep-r.rj-past {opacity: .45}
.rj-j.rj-next {border-color: #1370ED; box-shadow: 0 0 0 3px rgba(19,112,237,.12)}
.rj-badge {display: inline-block; padding: 1px 10px; border-radius: 999px; background: #1370ED; color: #FFF; font-size: 13px; font-weight: 700; vertical-align: 3px}
.ild-rj button.rj-more {display: block; width: 100%; margin: 0 0 10px; padding: 10px; border: 1px dashed #CFD5DD; border-radius: 12px; background: #F7F9FC; color: #3B4452; font-size: 15px; cursor: pointer}
.ild-rj button.rj-more:hover {border-color: #1370ED; color: #0F5BC4}

/* tablica odjazdów */
.rj-board {margin: 0 0 22px; padding: 16px 18px; border-radius: 14px; background: #F7F9FC; border: 1px solid #E3E7ED}
.rj-board-head {display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; margin: 0 0 8px}
.rj-board-head h2 {margin: 0; font-size: 20px}
.rj-dep {margin: 0; padding: 0; list-style: none}
.rj-dep-r {margin: 0; padding: 0; border-top: 1px solid #E3E7ED; list-style: none}
.rj-dep-r:first-child {border-top: 0}
/* cały wiersz tablicy prowadzi do strony kursu */
.ild-rj a.rj-dep-a, .ild-rj a.rj-dep-a:link, .ild-rj a.rj-dep-a:visited {display: grid; grid-template-columns: 64px 1fr 14px; gap: 0 12px; margin: 0 -8px; padding: 8px; border-radius: 10px; color: #1B2433; text-decoration: none}
.ild-rj a.rj-dep-a:hover, .ild-rj a.rj-dep-a:focus-visible {background: #EAF1FD; text-decoration: none}
.ild-rj a.rj-dep-a:hover .rj-dep-dir {color: #0F5BC4}
.rj-dep-r .rj-t {grid-row: span 2; font-size: 20px}
.rj-dep-go {grid-column: 3; grid-row: 1 / span 2; align-self: center; color: #9AA3AF; font-size: 24px; line-height: 1}
.rj-dep-a:hover .rj-dep-go {color: #1370ED}
.rj-dep-dir {font-weight: 700}
.rj-dep-dir small {font-weight: 400; color: #5B6472; font-size: 14px}
.rj-dep-meta {color: #5B6472; font-size: 14px}
.rj-dep-meta b {color: #1B2433; white-space: nowrap}
.rj-dep-dir .rj-ico {width: 17px; height: 17px; margin-right: 5px; color: #B1361E; vertical-align: -3px}
.rj-board-h2 {margin: 22px 0 8px; font-size: 20px}
.rj-wait.rj-own {color: #5B6472; font-style: italic}
.rj-wait--short {color: #B42318}
.rj-wait--short b {font-weight: 700}
.rj-wait--bus {color: #1F5FA8}
.rj-wait.rj-walk-st {color: #1B6B3A}
.rj-walk-st .rj-ico {width: 16px; height: 16px; margin-right: 4px; vertical-align: -3px}
.rj-stday {padding: 8px 14px; font-size: 15px}
.rj-tomorrow {margin: 10px 0 0}
.rj-tomorrow-h {margin-bottom: 10px}
.rj-tomorrow-more {margin: 6px 0 0; font-weight: 600}

/* busy czekające na pociąg, godziny przybliżone */
.rj-ok {font-size: 13px; font-weight: 400; color: #5B6472}
.rj-note--wait {color: #0F5BC4}
.rj-msg .rj-ico {margin-right: 6px; color: #B1361E}

/* wybór przystanku busa na stację: linia z kółeczkami */
.rj-stops {margin: 0 0 18px; padding: 12px 16px; border: 1px solid #E3E7ED; border-radius: 14px; background: #F7F9FC}
.rj-stops > summary {display: block; cursor: pointer; font-size: 16px; list-style: none}
.rj-stops > summary::-webkit-details-marker {display: none}
.rj-stops-q {color: #3B4452}
.rj-stops > summary b {color: #0F5BC4}
.rj-stops-chg {display: inline-block; margin-left: 6px; padding: 2px 10px; border: 1px solid #CFD5DD; border-radius: 999px; background: #fff; color: #0F5BC4; font-size: 14px}
.rj-stops-chg::after {content: ' ▾'}
.rj-stops[open] .rj-stops-chg {display: none}
.rj-stops-lead {margin: 6px 0 4px; color: #5B6472; font-size: 14px}
.rj-stops-scroll {overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 6px -16px 0; padding: 4px 16px 2px; scrollbar-width: thin}
/* więcej przystanków po bokach – wygaszone brzegi (rozklad.js) */
.rj-stops-scroll.can-l {-webkit-mask-image: linear-gradient(to right, transparent 0, #000 40px); mask-image: linear-gradient(to right, transparent 0, #000 40px)}
.rj-stops-scroll.can-r {-webkit-mask-image: linear-gradient(to left, transparent 0, #000 40px); mask-image: linear-gradient(to left, transparent 0, #000 40px)}
.rj-stops-scroll.can-l.can-r {-webkit-mask-image: linear-gradient(to right, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%)}
.rj-map {display: block; overflow: visible; font-size: 13px}
.rj-map-line {fill: none; stroke: #1370ED; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round}
.rj-mstop text {fill: #1B2433}
.rj-map-dot {fill: #fff; stroke: #1370ED; stroke-width: 4}
.rj-mstop--town .rj-map-dot {fill: #F9CB00}
.rj-map-hit {fill: transparent; stroke: none}
.rj-map-halo {fill: rgba(19, 112, 237, .2)}
a.rj-mstop {cursor: pointer}
a.rj-mstop:hover .rj-map-dot, a.rj-mstop:focus .rj-map-dot {stroke-width: 6}
a.rj-mstop:hover text {fill: #0F5BC4; text-decoration: underline}
a.rj-mstop:focus {outline: none}
a.rj-mstop:focus .rj-map-halo, a.rj-mstop:focus-visible .rj-map-dot {stroke: #0F5BC4}
a.rj-mstop.is-on .rj-map-dot {stroke-width: 6}
a.rj-mstop.is-on text {fill: #0F5BC4; font-weight: 700}
.rj-mstop--end circle {fill: #B1361E; stroke: none}
.rj-mstop--end text {fill: #B1361E; font-weight: 700}

/* pełny przebieg kursu (po kliknięciu w połączenie) */
.rj-j-top {position: relative}
.ild-rj button.rj-j-more {margin-left: auto; padding: 3px 10px; border: 1px solid #CFD5DD; border-radius: 999px; background: #fff; color: #0F5BC4; font-size: 13px; cursor: pointer}
.ild-rj button.rj-j-more::after {content: ' ▾'}
.rj-j.is-open button.rj-j-more::after {content: ' ▴'}
.rj-j {cursor: pointer}
.rj-j a, .rj-j button {cursor: pointer}
.rj-full {margin: 8px 0 2px; padding: 8px 10px; border-radius: 10px; background: #F7F9FC; cursor: auto}
.rj-full-h {margin: 0 0 4px; color: #5B6472; font-size: 13px; font-weight: 700}
.rj-full-h small {font-weight: 400}
.ild-rj .rj-full ol {margin: 0; padding: 0 0 0 12px; border-left: 3px solid #1370ED; list-style: none}
.rj-leg--pociag .rj-full ol {border-left-color: #B1361E}
.ild-rj .rj-full li {position: relative; margin: 0; padding: 2px 0 2px 54px; text-indent: -46px; color: #1B2433; font-size: 14px; list-style: none}
.rj-full li::before {content: ''; position: absolute; left: -19px; top: 9px; width: 8px; height: 8px; border: 2px solid #1370ED; border-radius: 50%; background: #fff}
.rj-leg--pociag .rj-full li::before {border-color: #B1361E}
.rj-full li b {display: inline-block; min-width: 42px; text-indent: 0; font-variant-numeric: tabular-nums}
.ild-rj .rj-full li.is-off {color: #9AA3AF}
.rj-full li.is-off::before {border-color: #CFD5DD}
.rj-full li.is-from span, .rj-full li.is-to span {font-weight: 700}
.rj-full li.is-from::before, .rj-full li.is-to::before {background: #1370ED}
.rj-leg--pociag .rj-full li.is-from::before, .rj-leg--pociag .rj-full li.is-to::before {background: #B1361E}
.rj-full-c {color: #5B6472; font-size: 12px; white-space: nowrap}
.rj-full li.is-off .rj-full-c {color: inherit}
.rj-full-p {margin-left: 4px; color: #1B6B3A; font-size: 12px; font-weight: 700; white-space: nowrap}
.rj-full li em {margin-left: 4px; padding: 0 6px; border-radius: 999px; background: #EEF4FE; color: #0F5BC4; font-size: 12px; font-style: normal}
/* cała trasa kursu albo tylko odcinek czytelnika – przełącznik „Pokaż całą trasę” / „Ukryj całą trasę” */
.rj-full--sw .rj-full-h {display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px}
.rj-full-tx {flex: 1 1 180px; min-width: 0}
.rj-full--cut .rj-full-t--all, .rj-full--sw:not(.rj-full--cut) .rj-full-t--cut {display: none}
.ild-rj .rj-full--cut li.is-off {display: none}
.ild-rj button.rj-full-all {flex: none; margin: 0; padding: 3px 11px; border: 1px solid #CFD5DD; border-radius: 999px; background: #fff; color: #0F5BC4; font: inherit; font-size: 13px; font-weight: 400; line-height: 1.4; cursor: pointer}
.ild-rj button.rj-full-all::before {content: '↕ '}
.ild-rj button.rj-full-all:hover {border-color: #1370ED}
.ild-rj button.rj-full-all:focus-visible {outline: 2px solid #1370ED; outline-offset: 2px}
.ild-rj button.rj-full-all[hidden] {display: none}

/* drukuj / udostępnij połączenie */
.ild-rj a.rj-j-act, .ild-rj button.rj-j-act {display: inline-flex; align-items: center; gap: 4px; padding: 3px 9px; border: 1px solid #CFD5DD; border-radius: 999px; background: #fff; color: #0F5BC4; font: inherit; font-size: 13px; line-height: 1.4; text-decoration: none; cursor: pointer}
.ild-rj .rj-j-act .rj-ico {width: 15px; height: 15px}
.ild-rj a.rj-j-act:hover, .ild-rj button.rj-j-act:hover {border-color: #1370ED}
.ild-rj .rj-j-btns {position: relative; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px; margin-left: auto}
.ild-rj .rj-j-btns button.rj-j-more {margin-left: 0}
.ild-rj button.rj-btn {display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 18px; border-radius: 999px; font: inherit; font-size: 16px; font-weight: 700; cursor: pointer}
.ild-rj button.rj-btn--ghost {border: 1px solid #CFD5DD; background: #FFF; color: #1B2433}
.ild-rj button.rj-btn--ghost:hover {border-color: #1370ED; color: #0F5BC4}
.rj-j-top, .rj-tools {position: relative}
.rj-share-pop {position: absolute; z-index: 30; right: 0; top: 100%; min-width: 220px; margin-top: 6px; padding: 8px; border: 1px solid #E3E7ED; border-radius: 12px; background: #fff; box-shadow: 0 10px 30px rgba(27, 36, 51, .18); cursor: auto}
.rj-tools .rj-share-pop {left: 0; right: auto}
.rj-share-h {padding: 2px 8px 6px; color: #5B6472; font-size: 13px; font-weight: 700}
.ild-rj .rj-share-pop a {display: block; padding: 8px 10px; border-radius: 8px; color: #1B2433; font-size: 15px; text-decoration: none}
.ild-rj .rj-share-pop a:hover, .ild-rj .rj-share-pop a:focus {background: #EEF4FE; color: #0F5BC4; outline: none}
.rj-share-msg {padding: 2px 10px; color: #1B6B3A; font-size: 13px}
.rj-share-msg:empty {display: none}
.rj-one .rj-j {cursor: auto}
@media (max-width: 600px) {
	.ild-rj .rj-j-act span {display: none}
	.ild-rj .rj-j-act {padding: 4px 7px}
	.ild-rj button.rj-full-all {padding: 6px 12px; font-size: 14px}
}

/* ceny, busy do pociągu (pełny rozkład) */
.rj-price {color: #1B6B3A; font-weight: 700}
.ild-rj .rj-feed {display: flex; gap: 8px; margin: 0 0 6px; padding: 8px 10px; border-radius: 10px; background: #EEF4FE; font-size: 14px; list-style: none}
.rj-feed .rj-ico {flex: none; color: #1370ED}
.rj-feed-o {white-space: nowrap}
.rj-feed-or {color: #5B6472}
.rj-feed .rj-ozn abbr {background: #fff}
.rj-feed-h {margin-top: 2px; color: #5B6472; font-size: 13px}
.rj-stops-hint {margin: 4px 0 0; color: #5B6472; font-size: 13px}

/* dojście pieszo na przystanek w pobliżu (gdy tak dużo szybciej) */
.ild-rj .rj-walk {display: flex; gap: 10px; margin: 0; padding: 6px 0; list-style: none}
.rj-walk > .rj-ico {margin-top: 2px; color: #1B6B3A}
.rj-walk-r {font-size: 16px}
.rj-walk-d {color: #5B6472; font-size: 14px; white-space: nowrap}
.rj-walk-why {color: #1B6B3A; font-size: 14px}
.rj-walk-sum {color: #1B6B3A; font-weight: 700}
.rj-feed-w {color: #1B6B3A; font-weight: 700}
.rj-feed-o--walk .rj-feed-w {font-size: 13px}

/* propozycja przy wyborze przystanku: przystanek w pobliżu, z którego dojedziesz szybciej */
.ild-rj .rj-walk-tip {display: flex; gap: 10px; margin: -8px 0 18px; padding: 10px 14px; border-radius: 12px; background: #E8F5EC; color: #1B2433; font-size: 15px}
.rj-walk-tip > .rj-ico {flex: none; margin-top: 2px; color: #1B6B3A}
.ild-rj .rj-walk-tip a {color: #0F5BC4; font-weight: 700}

/* najbliższy przystanek (GPS w telefonie czytelnika) – pomoc pod liniami przystanków */
.rj-gps-box {display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 10px 0 0; padding-top: 10px; border-top: 1px solid #E3E7ED}
.rj-gps-box[hidden] {display: none}
.ild-rj button.rj-gps {display: inline-flex; align-items: center; gap: 6px; min-height: 38px; padding: 0 14px; border: 1px solid #CFD5DD; border-radius: 999px; background: #fff; color: #0F5BC4; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer}
.ild-rj button.rj-gps:hover {background: #EEF4FE}
.ild-rj button.rj-gps:disabled {opacity: .6; cursor: progress}
.ild-rj button.rj-gps:focus-visible {outline: 2px solid #1370ED; outline-offset: 2px}
.rj-gps-q {color: #5B6472; font-size: 14px}
.rj-gps-msg {flex-basis: 100%; color: #1B2433; font-size: 14px}
.rj-gps-msg:empty {display: none}
.rj-gps-note {flex-basis: 100%; color: #5B6472; font-size: 12px}
.rj-key {display: inline-block; box-sizing: border-box; width: 12px; height: 12px; margin: 0 2px 0 6px; border: 3px solid #1370ED; border-radius: 50%; background: #fff; vertical-align: -1px}
.rj-key:first-child {margin-left: 0}
.rj-key--town {background: #F9CB00}

/* A–Z, legenda, stopka */
.rj-az {margin: 0 0 20px}
.rj-az summary {cursor: pointer; font-weight: 700; color: #0F5BC4}
.rj-az ul {columns: 3 180px; margin: 10px 0 0; padding: 0; list-style: none}
.rj-az li {margin: 0 0 4px; padding: 0; break-inside: avoid; list-style: none}
.rj-legend {margin: 0 0 18px; padding: 14px 16px; border-radius: 12px; background: #F7F9FC; font-size: 15px}
.rj-legend dl {display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 4px 18px; margin: 0}
.rj-legend dl div {display: flex; gap: 8px}
.rj-legend dt {flex: none; min-width: 34px; font-weight: 700}
.rj-legend dd {margin: 0; color: #3B4452}
.rj-cars {margin: 0; padding: 0; list-style: none}
.rj-cars li {margin: 0 0 3px; list-style: none}
.rj-foot {color: #5B6472; font-size: 14px}
.rj-foot p {margin: 0 0 4px}

@media (max-width: 600px) {
	.ild-rj {font-size: 16px}
	.rj-search-box input {height: 50px; font-size: 18px}
	.rj-search-box button {padding: 0 14px}
	.rj-j {padding: 10px 12px}
	.rj-t {font-size: 21px}
	.ild-rj .rj-day {min-width: 52px; padding: 6px 6px}
	.ild-rj a.rj-icobtn span {display: none}
	.ild-rj a.rj-icobtn {padding: 0 11px}
	.ild-rj a.rj-dep-a, .ild-rj a.rj-dep-a:link, .ild-rj a.rj-dep-a:visited {grid-template-columns: 54px 1fr 12px; gap: 0 10px}
}

/* wydruk (?tmpl=component&print=1): bez przycisków, zwarte karty, czarno-białe */
.rj-print {max-width: 900px; margin: 0 auto; padding: 16px; font-family: "Source Sans 3", "Segoe UI", Arial, sans-serif}
.rj-print-head {margin: 0 0 6px; color: #5B6472; font-size: 13px}
.rj-print h1 {margin: 0 0 4px; font-size: 26px}
@media screen {
	.ild-rj .rj-printonly {display: none}
}
@media print {
	.rj-noprint {display: none !important}
	.ild-rj {font-size: 12pt; color: #000}
	.rj-j {padding: 6px 8px; border: 1px solid #999; border-radius: 6px; break-inside: avoid; page-break-inside: avoid}
	.rj-j--chg {border-left: 3px solid #000}
	.rj-t {font-size: 15pt}
	.rj-sec {break-before: auto}
	.ild-rj h2 {color: #000; font-size: 15pt; break-after: avoid}
	.rj-legend {background: none; border: 1px solid #999; break-inside: avoid}
	.rj-j.rj-past {opacity: 1}
	.rj-ozn abbr {border: 1px solid #999; background: none}
	.ild-rj a:link, .ild-rj a:visited {color: #000}
	/* jedno połączenie: pełny przebieg kursów na wydruku */
	.rj-one .rj-j {break-inside: auto; page-break-inside: auto}
	.rj-full {background: none; border: 1px solid #bbb}
	.rj-full li.is-off {color: #666}
	.rj-full ol, .rj-leg--pociag .rj-full ol {border-left-color: #000}
	.rj-full li::before {border-color: #000}
	.rj-price {color: #000}
	.rj-dep-go {display: none}
	.ild-rj a.rj-dep-a {grid-template-columns: 64px 1fr}
	.rj-full-p, .rj-full-c {color: #000}
	.rj-walk > .rj-ico, .rj-walk-why, .rj-walk-sum, .rj-feed-w {color: #000}
}
@media (max-width: 600px) {
	.ild-rj .rj-head h1 {font-size: 24px; line-height: 1.2}
	.ild-rj .rj-stops summary {display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px}
}