/* funduszai.pl — sezon 2 (Arena). Dodatek do style.css, wyłącznie na tokenach portalu.
   Prefiks .ar-; tabele i kafle korzystają z istniejących .wy-table / .wy-stat. */

.ar-eyebrow {
  font-family: var(--mono); font-size: 12.5px; letter-spacing: .12em;
  text-transform: uppercase; color: var(--machine-veto); margin-bottom: 14px;
}
.hero-band .tape-track em { margin-left: 1px; }
.hero-band .tape-link { color: var(--machine-text); font-weight: 700; margin-right: 6px;
  text-decoration: underline; text-decoration-color: var(--machine-dim); text-underline-offset: 4px; }
.hero-band .tape-link:hover { color: #fff; }
.hero-countdown { margin-top: 22px; font-size: 14px; color: var(--machine-dim); }
.hero-countdown strong { color: var(--machine-text); }

/* model + etykiety */
.ar-model { font-weight: 700; color: var(--ink); white-space: nowrap; }
.ar-model i { display: inline-block; width: 9px; height: 9px; border-radius: 50%;
  margin-right: 8px; vertical-align: 1px; }
.ar-lab { display: block; font-family: var(--mono); font-size: 11.5px; color: var(--ink-soft);
  margin-left: 17px; }
.ar-num { font-family: var(--mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ar-note { font-size: 14px; color: var(--ink-soft); margin: 12px 0 0; }

.ar-pill {
  display: inline-block; font-family: var(--mono); font-size: 12.5px; font-weight: 700;
  border-radius: 6px; padding: 3px 9px; white-space: nowrap; border: 1px solid transparent;
  line-height: 1.4;
}
.ar-pill.up { color: var(--bull); background: var(--bull-bg); }
.ar-pill.down { color: var(--bear); background: var(--bear-bg); }
.ar-pill.flat { color: var(--ink-soft); background: #EFECE6; }
button.ar-pill { cursor: pointer; }
button.ar-pill:hover, button.ar-pill[aria-expanded="true"] { border-color: currentColor; }

/* tabela startowa */
.ar-start td, .ar-start th { vertical-align: middle; }
.ar-start .ar-mix-h, .ar-start .ar-mix-c { width: 28%; }
.ar-mix { display: flex; height: 10px; border-radius: 5px; overflow: hidden; background: #EFECE6; }
.ar-mix i { display: block; height: 100%; }
.ar-mix i.up { background: var(--bull); }
.ar-mix i.down { background: var(--bear); }
.ar-mix i.flat { background: #CFCAC0; }

/* macierz prognoz: nagłówek z nazwami modeli zostaje na ekranie podczas przewijania,
   kolumny modeli oddzielone liniami, na wąskich ekranach kolumna spółki przyklejona z lewej */
.ar-matrix-wrap { border: 1px solid var(--line); border-radius: 10px; background: var(--paper); }
.ar-matrix-wrap .ar-matrix { border: 0; border-radius: 0; overflow: visible; background: transparent; }
.ar-matrix thead th { position: sticky; top: 64px; z-index: 5; background: #EFE9DD;
  color: var(--ink); font-size: 12px; padding-top: 12px; padding-bottom: 12px;
  box-shadow: inset 0 -2px 0 var(--ink); }
.ar-matrix thead th:first-child { border-top-left-radius: 9px; }
.ar-matrix thead th:last-child { border-top-right-radius: 9px; }
.ar-matrix thead th.ar-mh { text-transform: none; letter-spacing: 0; font-size: 15px;
  box-shadow: inset 0 4px 0 var(--mc), inset 0 -2px 0 var(--ink); }
.ar-matrix thead th.ar-mh .ar-model { font-weight: 800; }
.ar-matrix td.ar-mc, .ar-matrix th.ar-mh { border-left: 1px solid var(--line); }
.ar-matrix td.ar-mc + td:not(.ar-mc), .ar-matrix th.ar-mh + th:not(.ar-mh) { border-left: 1px solid var(--line); }
.ar-matrix tbody tr:nth-child(even) > td { background: #FCFBF8; }
@media (max-width: 900px) {
  .ar-matrix-wrap { overflow-x: auto; }
  .ar-matrix thead th { position: static; }
  .ar-matrix th:first-child, .ar-matrix td:first-child { position: sticky; left: 0; z-index: 4;
    background: var(--paper); box-shadow: 1px 0 0 var(--line); }
  .ar-matrix thead th:first-child { background: #EFE9DD; }
}

.ar-matrix { min-width: 760px; }
.ar-matrix th, .ar-matrix td { text-align: center; padding: 9px 5px; vertical-align: middle; }
.ar-matrix th:first-child, .ar-matrix td:first-child { text-align: left; padding-left: 14px; }
.ar-tk a { font-family: var(--mono); font-weight: 700; }
.ar-tk span { display: block; font-size: 12.5px; color: var(--ink-soft); line-height: 1.3;
  white-space: nowrap; }
.ar-agree { font-family: var(--mono); font-size: 12.5px; color: var(--ink-soft); white-space: nowrap; }
.ar-agree-split { color: var(--veto); font-weight: 700; }
tr.ar-split > td { background: #FDFAF0; }
.ar-go a { font-family: var(--mono); font-size: 12px; font-weight: 600; white-space: nowrap; }
.ar-why > td { background: #FBFAF7; text-align: left !important; padding: 16px 14px !important; }
.ar-why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.ar-why-card { background: var(--paper); border: 1px solid var(--line); border-radius: 10px;
  padding: 12px 14px; }
.ar-why-card.on { border-color: var(--accent); box-shadow: 0 0 0 2px rgba(181,137,0,.15); }
.ar-why-head { display: flex; align-items: flex-start; justify-content: space-between;
  gap: 10px; margin-bottom: 8px; }
.ar-why-card p { margin: 0; font-size: 13.5px; line-height: 1.55; }
.ar-why-card .ar-pill { font-size: 11px; padding: 2px 6px; }
.ar-why-foot { margin: 12px 0 0; font-size: 13px; color: var(--ink-soft); }
.ar-more { margin: 14px 0 0; }
.ar-more button {
  font-family: var(--mono); font-size: 12.5px; font-weight: 600; cursor: pointer;
  color: var(--ink); background: var(--paper); border: 1.5px solid var(--ink);
  padding: 8px 14px; border-radius: 6px;
}
.ar-more button:hover { background: var(--ink); color: var(--bg); }

/* zgodność */
.wy-value small { font-size: 15px; font-weight: 500; color: var(--ink-soft); }
.ar-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.ar-chip { font-family: var(--mono); font-size: 12px; font-weight: 700; color: var(--ink);
  background: var(--bg); border: 1px solid var(--line); border-radius: 5px;
  padding: 2px 7px; white-space: nowrap; }
.ar-chip small { font-weight: 400; color: var(--ink-soft); margin-left: 3px; }
.ar-chip.up { color: var(--bull); background: var(--bull-bg); border-color: transparent; }
.ar-chip.down { color: var(--bear); background: var(--bear-bg); border-color: transparent; }
.ar-chip.flat { color: var(--ink-soft); background: #EFECE6; border-color: transparent; }
a.ar-chip:hover { border-color: currentColor; }
.ar-lone { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 12px; }
.ar-lone .wy-value { margin-top: 6px; }

/* jak to działa */
.ar-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.ar-step { background: var(--paper); border: 1px solid var(--line); border-radius: 10px;
  padding: 18px 16px; }
.ar-step b { display: inline-block; width: 28px; height: 28px; line-height: 28px;
  text-align: center; border-radius: 50%; background: var(--accent); color: #fff;
  font-family: var(--mono); font-size: 14px; }
.ar-step h3 { font-family: var(--serif); font-size: 18px; margin: 10px 0 6px; }
.ar-step p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--ink-soft); }
.ar-facts { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-wrap: wrap;
  gap: 6px 22px; font-family: var(--mono); font-size: 12.5px; color: var(--ink-soft); }
.ar-facts li::before { content: "▸ "; color: var(--accent); }

/* zapis prognoz */
.ar-freeze { background: var(--machine-bg); color: var(--machine-text); border-radius: 12px;
  padding: 22px 24px; }
.ar-freeze-k { font-family: var(--mono); font-size: 11.5px; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase; color: var(--machine-veto); margin-bottom: 8px; }
.ar-freeze p { margin: 0 0 10px; font-size: 14.5px; color: var(--machine-dim); }
.ar-freeze p b { color: #fff; }
.ar-freeze code { display: block; font-family: var(--mono); font-size: 13px;
  word-break: break-all; color: var(--machine-green); }
.ar-s1 { margin: 0; }

/* karta spółki */
.ar-khead { padding: 18px 0 0; }
.ar-khead h1 { font-family: var(--serif); font-weight: 700; font-size: 42px;
  letter-spacing: -0.015em; line-height: 1.15; margin: 0 0 8px; }
.ar-khead h1 span { font-family: var(--mono); font-size: 20px; font-weight: 500;
  color: var(--ink-soft); margin-left: 8px; }
.ar-kurs { font-family: var(--mono); font-size: 13px; color: var(--ink-soft); margin: 0 0 12px; }
.ar-kurs b { color: var(--ink); }
.ar-votes { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 0; font-size: 14.5px; }
.ar-votes .ar-pill { font-size: 11.5px; padding: 2px 7px; margin-left: 4px; }
.ar-ksec { margin: 44px 0; }
/* przełącznik trzech widoków tej samej treści */
.ar-views { margin: 6px 0 22px; scroll-margin-top: 84px; }
.ar-views-k { font-family: var(--mono); font-size: 12px; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: var(--accent-deep); margin-bottom: 10px; }
.ar-tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.ar-tab { display: grid; grid-template-columns: auto 1fr; gap: 2px 12px; align-items: center;
  text-align: left; cursor: pointer; font-family: var(--sans); color: var(--ink);
  background: var(--paper); border: 2px solid var(--line); border-radius: 10px;
  padding: 14px 16px; }
.ar-tab-n { grid-row: 1 / span 2; width: 34px; height: 34px; line-height: 34px; text-align: center;
  border-radius: 50%; font-family: var(--mono); font-weight: 700; font-size: 15px;
  background: var(--accent-bg); color: var(--accent-deep); }
.ar-tab-t { font-family: var(--serif); font-size: 19px; font-weight: 700; line-height: 1.2; }
.ar-tab-d { font-size: 13px; line-height: 1.45; color: var(--ink-soft); }
.ar-tab:hover { border-color: var(--accent); }
.ar-tab.on { background: var(--ink); border-color: var(--ink); color: var(--bg); }
.ar-tab.on .ar-tab-n { background: var(--accent); color: #fff; }
.ar-tab.on .ar-tab-d { color: #CFCAC0; }
.ar-next { margin: 18px 0 0; font-size: 14px; color: var(--ink-soft); display: flex;
  flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.ar-next button { font-family: var(--mono); font-size: 12.5px; font-weight: 600; cursor: pointer;
  color: var(--ink); background: var(--paper); border: 1.5px solid var(--ink);
  padding: 7px 12px; border-radius: 6px; }
.ar-next button:hover { background: var(--ink); color: var(--bg); }
/* karty wyrównane do góry: rozwinięcie jednej nie rozciąga sąsiedniej */
.ar-verdicts { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: start; }
.ar-verdict, .ar-pc, .ar-dispute { background: var(--paper); border: 1px solid var(--line);
  border-radius: 10px; padding: 18px 20px; }
.ar-pc, .ar-dispute { margin-bottom: 14px; }
.ar-verdict { display: flex; flex-direction: column; }
.ar-verdict > p { margin: 0 0 14px; font-size: 15.5px; line-height: 1.65; }
.ar-full { border-top: 1px dashed var(--line); padding-top: 10px; }
.ar-full summary { cursor: pointer; font-family: var(--mono); font-size: 12.5px;
  font-weight: 600; color: var(--accent-deep); }
.ar-verdict h4, .ar-pc h4, .ar-dispute h4 { font-family: var(--mono); font-size: 11px;
  font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-soft);
  margin: 14px 0 6px; }
.ar-verdict ul, .ar-pc ul { margin: 0; padding-left: 18px; }
.ar-verdict li, .ar-full p, .ar-pc li, .ar-pc p, .ar-dp p { font-size: 14.5px; line-height: 1.6;
  margin: 0 0 6px; }
.ar-thesis { font-family: var(--serif); font-size: 18px !important; font-weight: 600;
  line-height: 1.45 !important; margin: 4px 0 4px !important; }
.ar-pc-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 10px; }
.ar-pc-cols h4 { margin-top: 0; }
.ar-for, .ar-against { border-radius: 8px; padding: 12px 14px; }
.ar-for { background: var(--bull-bg); }
.ar-against { background: var(--bear-bg); }
.ar-pc.flat .ar-for { background: #EFECE6; }
.ar-pc-foot { margin-top: 14px; }
.ar-dispute header { display: flex; align-items: center; gap: 12px; margin-bottom: 6px; }
.ar-dispute header .ar-pill { font-size: 14px; padding: 4px 12px; }
.ar-dp { padding: 10px 0; border-top: 1px solid var(--line); }
.ar-dp p { margin: 4px 0 0; }
.ar-dp .wy-note { margin-left: 8px; }
.ar-back { margin: 30px 0 0; font-family: var(--mono); font-size: 13px; }

/* dane liczbowe pakietu */
.ar-data .fold-body { overflow: hidden; }
.ar-data .fold-body h4 { font-family: var(--serif); font-size: 16px; margin: 18px 0 6px; }
.ar-data .fold-body p { font-size: 14.5px; margin: 6px 0; }
.ar-data .fold-body ul { margin: 6px 0; padding-left: 20px; font-size: 14.5px; }
.ar-data .tbl-scroll { overflow-x: auto; }
.ar-data table { border-collapse: collapse; font-family: var(--mono); font-size: 12.5px;
  white-space: nowrap; margin: 8px 0; }
.ar-data th, .ar-data td { border: 1px solid var(--line); padding: 5px 9px; text-align: right; }
.ar-data th { background: #F3EFE7; font-weight: 600; }
.ar-data th:first-child, .ar-data td:first-child { text-align: left; }

/* zwarty pasek aktualności pod pasem tytułowym: dwa najnowsze komunikaty, po linii na każdy */
.ar-newsline { background: var(--accent-bg); border-bottom: 1px solid var(--line); font-size: 14.5px; }
.ar-newsline .wrap { padding-top: 12px; padding-bottom: 12px; }
.ar-newsline-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; }
.ar-newsline .nb-kicker { font-family: var(--mono); font-size: 11px; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase; color: var(--bear); }
.ar-newsline a { color: var(--accent-deep); font-weight: 600; text-decoration: underline;
  text-decoration-color: var(--accent); text-underline-offset: 3px; }
.ar-newsline a:hover { color: var(--ink); }
.ar-newsline ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 5px; }
.ar-newsline li { display: grid; grid-template-columns: 15ch 1fr; gap: 0 12px; align-items: baseline;
  line-height: 1.45; }
.ar-newsline-d { font-family: var(--mono); font-size: 11.5px; color: var(--ink-soft); white-space: nowrap; }
.ar-newsline .ar-newsline-ext { font-family: var(--mono); font-size: 12px; font-weight: 500;
  white-space: nowrap; margin-left: 10px; }
.ar-newsline .ar-newsline-all { font-family: var(--mono); font-size: 12px; font-weight: 500; }
@media (max-width: 560px) { .ar-newsline li { grid-template-columns: 1fr; } }

/* kafle modeli (stan na starcie; po rozliczeniu — wyniki) */
.ar-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
/* nazwa modelu w kaflu zawsze w jednej linii na szerokim ekranie (najdłuższa: DeepSeek V4.1 Flash) */
.ar-tile .ar-model { white-space: nowrap; font-size: 15px; letter-spacing: -0.015em; }
.ar-tile .ar-model i { margin-right: 6px; }
.ar-tile { background: var(--paper); border: 1px solid var(--line); border-radius: 10px; padding: 16px; }
.ar-tile .ar-lab { margin-bottom: 12px; }
.ar-tile-cap { font-family: var(--mono); font-size: 21px; font-weight: 700; letter-spacing: -0.01em;
  white-space: nowrap; }
.ar-tile-k { font-size: 12px; color: var(--ink-soft); text-transform: uppercase; letter-spacing: .05em;
  margin-bottom: 12px; }
.ar-tile-counts { display: grid; gap: 2px; margin-top: 10px; font-family: var(--mono); font-size: 12.5px;
  color: var(--ink-soft); }
.ar-tile-counts b { display: inline-block; min-width: 2ch; text-align: right; margin-right: 4px; }

.ar main .ar-head-solo { margin-bottom: 20px; }
.ar main a.ar-rowlink { color: inherit; text-decoration: none; font-weight: inherit; display: block; }
/* głosy: glif przed liczbą, z odstępem; grupy wyraźnie rozdzielone i pokolorowane */
.ar-votes-n { display: inline-flex; gap: 10px; font-family: var(--mono); font-size: 13px;
  font-weight: 700; white-space: nowrap; }
.ar-votes-n > span { display: inline-flex; align-items: baseline; gap: 4px; }
.ar-votes-n i { font-style: normal; font-size: 11px; }
.ar-votes-n .up { color: var(--bull); }
.ar-votes-n .down { color: var(--bear); }
.ar-votes-n .flat { color: var(--ink-soft); }
.ar-chip .ar-votes-n { font-size: 11.5px; gap: 7px; margin-left: 6px; font-weight: 600; }
.ar-chip .ar-votes-n i { font-size: 9.5px; }
/* okres pozycji nad tabelą prognoz */
.ar-period { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; margin: 0 0 12px;
  padding: 10px 14px; background: var(--accent-bg); border: 1px solid var(--line);
  border-left: 4px solid var(--accent); border-radius: 8px; font-size: 15.5px; }
.ar-period span { font-family: var(--mono); font-size: 11px; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: var(--accent-deep); margin-right: 6px; }
.ar-period b { font-weight: 700; white-space: nowrap; }
.ar-period i { font-style: normal; color: var(--ink-soft); font-size: 13.5px; }
.ar-period em { font-style: normal; color: var(--accent-deep); font-weight: 700; margin: 0 4px; }
/* prognoza w tabeli = link do karty spółki */
.ar main a.ar-pill { text-decoration: none; }
.ar main a.ar-pill:hover { border-color: currentColor; }
.ar-matrix tbody tr:hover > td { background: #FBFAF7; }

/* zapis prognoz: dyskretna linia pod tabelą, skrót po rozwinięciu */
.ar-lock { margin: 12px 0 0; font-size: 13px; color: var(--ink-soft); }
.ar-lock summary { cursor: pointer; list-style: none; font-family: var(--mono); font-size: 12.5px; }
.ar-lock summary::-webkit-details-marker { display: none; }
.ar-lock summary span { color: var(--accent-deep); text-decoration: underline;
  text-decoration-color: var(--accent); text-underline-offset: 3px; }
.ar-lock p { margin: 8px 0 4px; }
.ar-lock code { font-family: var(--mono); font-size: 12.5px; word-break: break-all; color: var(--ink); }

/* zapis na powiadomienia — ostatnia sekcja strony głównej */
.ar-newsletter { text-align: center; }
.ar-newsletter > strong { font-size: 19px; letter-spacing: -0.01em; }
.ar-newsletter > p:first-of-type { color: var(--ink-soft); margin: 8px 0 16px; }

/* Nagłówki treści na stronach Areny — bezszeryfowe (decyzja użytkownika 2026-10-05).
   Szeryfowy zostaje wyłącznie tytuł w ciemnym pasie na górze strony głównej. */
.ar main .story-head, .ar-khead h1, .ar-step h3, .ar-tab-t, .ar-thesis,
.ar-data .fold-body h4 { font-family: var(--sans); }
.ar main .story-head { font-weight: 700; letter-spacing: -0.02em; line-height: 1.25; }
.ar-khead h1 { font-weight: 800; letter-spacing: -0.025em; }
.ar-step h3, .ar-tab-t { font-weight: 700; letter-spacing: -0.01em; }
.ar-thesis { font-weight: 600; }

/* Linki na stronach Areny: zawsze kolor marki + wyraźne podkreślenie (także okruszki,
   tickery w tabeli i etykiety spółek), żeby dało się je odróżnić od zwykłego tekstu. */
.ar main a, .ar .news-bar a.nb-title {
  color: var(--accent-deep); text-decoration: underline; text-decoration-color: var(--accent);
  text-decoration-thickness: 1.5px; text-underline-offset: 3px;
}
.ar main a:hover, .ar .news-bar a.nb-title:hover { color: var(--ink); text-decoration-color: var(--ink); }
.ar main a.ar-chip.up { color: var(--bull); text-decoration-color: currentColor; }
.ar main a.ar-chip.down { color: var(--bear); text-decoration-color: currentColor; }
.ar main a.ar-chip.flat { color: var(--ink-soft); text-decoration-color: currentColor; }
.ar .breadcrumb a { font-weight: 700; }

@media (max-width: 860px) {
  .ar-tabs { grid-template-columns: 1fr; }
  .ar-why-grid, .ar-lone, .ar-steps { grid-template-columns: 1fr 1fr; }
  .ar-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ar-verdicts, .ar-pc-cols { grid-template-columns: 1fr; }
  .ar-khead h1 { font-size: 32px; }
}
@media (max-width: 560px) {
  .ar-why-grid, .ar-lone, .ar-steps { grid-template-columns: 1fr; }
  .ar-tile-cap { font-size: 18px; }
  .ar-start .ar-mix-h, .ar-start .ar-mix-c { display: none; }
}

/* ══ Telefon ══════════════════════════════════════════════════════════════════════════
   Nagłówek strony nie jest przyklejony (zajmowałby 1/7 ekranu) — przykleja się nagłówek
   tabeli prognoz. Tabela w trybie zwartym: sam znak decyzji, wszystkie cztery modele
   widoczne bez przewijania w bok; kolumny „głosy” i „analiza” ukryte (wiersz jest linkiem). */
.ar-legend { display: none; }
@media (max-width: 900px) {
  .ar .site-header { position: static; }
}
@media (max-width: 700px) {
  .ar-legend { display: flex; gap: 14px; margin: 0 0 8px; font-family: var(--mono); font-size: 12px;
    font-weight: 700; color: var(--ink-soft); }
  .ar-matrix-wrap { overflow-x: visible; }
  .ar-matrix { min-width: 0; }
  .ar-matrix th, .ar-matrix td { padding: 8px 2px; }
  .ar-matrix th:first-child, .ar-matrix td:first-child { position: static; padding-left: 10px;
    box-shadow: none; }
  .ar-matrix thead th { position: sticky; top: 0; }
  .ar-matrix thead th:first-child { position: sticky; }
  /* równe kolumny modeli: szerokości na sztywno, nazwa w nagłówku skaluje się z ekranem */
  .ar-matrix { table-layout: fixed; width: 100%; }
  .ar-matrix thead th:first-child { width: 26%; }
  .ar-matrix thead th.ar-mh { width: 14.5%; padding-left: 0; padding-right: 0;
    font-size: clamp(9px, 2.55vw, 10.5px); letter-spacing: -0.02em; }
  .ar-matrix thead th.ar-mh .ar-model { white-space: nowrap; }
  .ar-matrix thead th.ar-mh .ar-model i { display: none; }
  .ar-matrix thead th { font-size: 10px; }
  .ar-tk span { white-space: normal; font-size: 11.5px; }
  .ar-pill-t, .ar-matrix .ar-col-x, .ar-matrix td.ar-agree, .ar-matrix td.ar-go { display: none; }
  .ar main .ar-matrix a.ar-pill { display: inline-block; min-width: 32px; padding: 5px 0;
    text-align: center; font-size: 14px; }
  .ar-matrix .ar-num { font-size: 12.5px; padding-right: 8px; }
}
@media (max-width: 560px) {
  .ar-tile { padding: 14px 12px; }
  .ar-tile .ar-model { display: block; white-space: normal; line-height: 1.25; min-height: 2.5em; }
  .ar-tile .ar-lab { margin-left: 0; }
  .ar-tile-cap { font-size: 17px; }
  /* trzy widoki karty w jednym rzędzie: numer + tytuł, bez opisu */
  .ar-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .ar-tab { display: block; text-align: center; padding: 10px 4px; }
  .ar-tab-n { display: block; margin: 0 auto 6px; width: 28px; height: 28px; line-height: 28px;
    font-size: 13px; }
  .ar-tab-t { display: block; font-size: 14px; }
  .ar-tab-d { display: none; }
  .ar-kurs { font-size: 12px; }
}