/* ============================================================
   NEWSY — własna warstwa nad Pico.css, klimat prasowy.
   Tokeny kolorów z wariantem dark (prefers-color-scheme).
   Kolory werdyktów wg specyfikacji (sekcja 9).
   ============================================================ */
:root {
  --ink: #16181d;            /* farba drukarska */
  --paper: #fbfaf7;          /* papier gazetowy */
  --card: #ffffff;
  --muted: #6a707b;
  --rule: #e2e0d8;           /* linie łamania kolumn */
  --accent: #b3261e;         /* czerwień prasowa */
  --chip-bg: #efede6;
  --serif: Georgia, "Times New Roman", "Noto Serif", ui-serif, serif;

  --v-potwierdzone: #2e7d32;
  --v-prawdopodobne: #7cb342;
  --v-sporne: #f9a825;
  --v-zawczesnie: #9e9e9e;
  --v-falszywe: #c62828;
  --v-poprawione: #1565c0;

  --pico-background-color: var(--paper);
  --pico-color: var(--ink);
}
/* Trzy stany motywu: auto (system), wymuszony jasny, wymuszony ciemny.
   Przycisk „Motyw" ustawia data-theme na <html> — tokeny MUSZĄ na niego
   reagować, inaczej ciemnieje tylko Pico, a nasze tło zostaje białe
   (zgłoszenie usera 01.09.2026: „ciemny motyw w ogóle nie działa"). */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ink: #e9e8e3;
    --paper: #101216;
    --card: #181b21;
    --muted: #9aa1ac;
    --rule: #2a2e37;
    --accent: #e0564a;
    --chip-bg: #232732;
  }
}
:root[data-theme="dark"] {
    --ink: #e9e8e3;
    --paper: #101216;
    --card: #181b21;
    --muted: #9aa1ac;
    --rule: #2a2e37;
    --accent: #e0564a;
    --chip-bg: #232732;
}
body { background: var(--paper); color: var(--ink); }

/* ---------------------------------------------------- nagłówek wydania */
header.naglowek { padding: 1.1rem 0 0; }
.brand-linia { display: flex; align-items: baseline; justify-content: space-between;
               flex-wrap: wrap; gap: .3rem .8rem; }
.brand { font-family: var(--serif); font-weight: 900; font-size: 2rem;
         letter-spacing: -.02em; color: var(--ink) !important;
         text-decoration: none !important; line-height: 1; }
.brand em { color: var(--accent); font-style: normal; }
.wydanie { font-size: .74rem; color: var(--muted); text-transform: uppercase;
           letter-spacing: .09em; }
.naglowek-rule { border: 0; border-top: 3px solid var(--ink); margin: .55rem 0 0; }

.pasek-sekcji { display: flex; gap: 1.1rem; overflow-x: auto; padding: .45rem 0;
                border-bottom: 1px solid var(--rule); margin-bottom: 1.2rem;
                font-size: .8rem; text-transform: uppercase; letter-spacing: .07em; }
.pasek-sekcji a { color: var(--ink); text-decoration: none; white-space: nowrap;
                  font-weight: 600; }
.pasek-sekcji a:hover { color: var(--accent); }

/* ------------------------------------------------------ pasek narzędzi */
.filtry { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap;
          margin: 0 0 1.2rem; }
.filtry button { width: auto; margin: 0; padding: .28rem .8rem; font-size: .78rem;
                 border-radius: 2rem; background: transparent; color: var(--ink);
                 border: 1px solid var(--rule); line-height: 1.3; }
.filtry button.aktywny { background: var(--ink); color: var(--paper);
                         border-color: var(--ink); }
.filtry .oznacz { margin-left: auto; border: 0; color: var(--muted);
                  text-decoration: underline; background: none; padding: .28rem 0; }
.filtry-persp { margin-top: -0.8rem; }
.filtr-etykieta { font-size: .72rem; text-transform: uppercase; letter-spacing: .08em;
                  color: var(--muted); font-weight: 700; }

/* --------------------------------------------------------------- hero */
.hero { border-bottom: 1px solid var(--rule); padding: .4rem 0 1.4rem;
        margin-bottom: .4rem; }
.hero .kicker { margin-bottom: .35rem; }
.hero h2 { font-family: var(--serif); font-size: clamp(1.7rem, 4vw, 2.5rem);
           line-height: 1.12; margin: 0 0 .55rem; letter-spacing: -.015em; }
.hero h2 a { color: var(--ink); text-decoration: none; }
.hero h2 a:hover { color: var(--accent); }
.hero .tldr { font-size: 1.02rem; color: var(--ink); max-width: 62rem;
              margin: 0 0 .6rem; }

.kicker { font-size: .72rem; font-weight: 800; text-transform: uppercase;
          letter-spacing: .1em; color: var(--accent); }

/* ------------------------------------------------------------- sekcje */
.sekcja-head { display: flex; align-items: baseline; gap: .7rem;
               border-top: 3px solid var(--ink); padding-top: .45rem;
               margin: 2rem 0 .4rem; }
.sekcja-head h2 { font-size: 1rem; text-transform: uppercase; letter-spacing: .08em;
                  margin: 0; font-weight: 800; }
.sekcja-head .licznik { color: var(--muted); font-size: .82rem; }

/* ------------------------------------------------------------ kafelki */
.siatka { display: grid; grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
          gap: 0 2.2rem; }
.kafelek { margin: 0; padding: 1rem 0 .9rem; display: flex; flex-direction: column;
           gap: .45rem; background: transparent; border: 0; border-radius: 0;
           box-shadow: none; border-bottom: 1px solid var(--rule); }
.kafelek h3 { font-family: var(--serif); font-size: 1.16rem; line-height: 1.28;
              margin: 0; letter-spacing: -.01em; }
.kafelek h3 a { color: var(--ink); text-decoration: none; }
.kafelek h3 a:hover { color: var(--accent); }
.kafelek .tldr { font-size: .86rem; margin: 0; color: var(--muted); line-height: 1.45;
                 display: -webkit-box; -webkit-line-clamp: 3;
                 -webkit-box-orient: vertical; overflow: hidden; }
.meta { display: flex; flex-wrap: wrap; gap: .45rem; align-items: center;
        margin-top: auto; }
.meta-line { font-size: .7rem; color: var(--muted); text-transform: uppercase;
             letter-spacing: .06em; }

/* status przeczytania */
.status-read { display: none; font-size: .68rem; color: var(--muted);
               border: 1px solid var(--rule); border-radius: 2px;
               padding: .05rem .35rem; }
.przeczytany { opacity: .58; }
.przeczytany .status-read { display: inline-block; }
.przeczytany h3 a, .przeczytany .hero-title a { color: var(--muted); }

/* temat zaktualizowany po ostatniej wizycie — wraca jako nieprzeczytany z ⟳ */
.status-upd { display: none; font-size: .68rem; font-weight: 800; color: #fff;
              background: var(--accent); border-radius: 2px; padding: .1rem .4rem;
              text-transform: uppercase; letter-spacing: .04em; }
.zaktualizowany .status-upd { display: inline-block; }

/* pasek pokrycia orientacji (lewica/centrum/prawica/zagranica) */
.pokrycie { display: inline-flex; gap: 3px; align-items: center; }
.pokrycie i { width: .6rem; height: .6rem; border-radius: 2px; opacity: .18; }
.pokrycie i.on { opacity: 1; }
.pk-lewica { background: #c62828; }
.pk-centrum { background: #616161; }
.pk-prawica { background: #1565c0; }
.pk-zagranica { background: #6a1b9a; }

/* chipy i kropki */
.badge, .chip { font-size: .68rem; padding: .14rem .5rem; border-radius: 2px;
                background: var(--chip-bg); color: var(--ink); white-space: nowrap;
                letter-spacing: .02em; }
.badge.blind { background: var(--v-sporne); color: #111; font-weight: 700; }
/* notka blindspotu (na stronie tematu pełne zdanie) musi się zawijać, nie wystawać poza kolumnę */
.badge.blind { white-space: normal; display: inline-block; max-width: 100%; text-align: left;
               line-height: 1.4; padding: .25rem .6rem; vertical-align: middle; }
.badge.zalatwione { background: var(--v-potwierdzone); color: #fff; }
.kropka { width: .8rem; height: .8rem; border-radius: 50%; display: inline-block;
          flex: none; }
.v-potwierdzone_wielozrodlowo { background: var(--v-potwierdzone); }
.v-prawdopodobne { background: var(--v-prawdopodobne); }
.v-sporne { background: var(--v-sporne); }
.v-za_wczesnie { background: var(--v-zawczesnie); }
.v-niezweryfikowalne { background: var(--v-zawczesnie); box-shadow: inset 0 0 0 2px #555; }
.v-falszywe { background: var(--v-falszywe); }
.v-poprawione { background: var(--v-poprawione); }

/* --------------------------------------------------------------- ogon */
.ogon { padding-left: 1.1rem; }
.ogon li { font-size: .88rem; margin-bottom: .3rem; }
button.przetworz { font-size: .68rem; padding: .1rem .55rem; border-radius: 2px;
                   width: auto; display: inline; margin: 0 0 0 .3rem;
                   line-height: 1.25; background: transparent; color: var(--accent);
                   border: 1px solid var(--accent); }
button.przetworz:hover { background: var(--accent); color: #fff; }

.zgloszenia { padding-left: 1.1rem; }
.zgloszenia li { font-size: .88rem; margin-bottom: .45rem; }
.rezolucja { color: var(--muted); }

/* ------------------------------------------------------ strona tematu */
/* jedna wycentrowana kolumna czytelnicza — równe marginesy po obu stronach */
article.temat { max-width: 46rem; margin-inline: auto;
                background: transparent; box-shadow: none; padding: 0; border: 0; }
/* justowanie tekstu (akapity i listy; nagłówki oraz metadane zostają bez zmian) */
article.temat p, article.temat li, article.temat blockquote.cytat {
  text-align: justify; hyphens: auto; -webkit-hyphens: auto; }
article.temat blockquote.cytat footer, .zrodla-lista li, .historia li,
.stopka-tematu, .frag-fakty, .spr-twierdzenie { text-align: left; hyphens: manual; }
.powrot { font-size: .78rem; text-transform: uppercase; letter-spacing: .07em;
          text-decoration: none; color: var(--muted); }
.powrot:hover { color: var(--accent); }
article.temat h1 { font-family: var(--serif); font-size: clamp(1.7rem, 4.4vw, 2.6rem);
                   line-height: 1.13; letter-spacing: -.018em; margin: .35rem 0 .7rem; }
.standfirst { font-size: 1.08rem; line-height: 1.55; border-left: 4px solid var(--accent);
              padding: .15rem 0 .15rem .95rem; margin: 0 0 .9rem; }
.metabar { display: flex; flex-wrap: wrap; gap: .45rem .6rem; align-items: center;
           padding: .55rem 0; border-top: 1px solid var(--rule);
           border-bottom: 1px solid var(--rule); margin-bottom: 1.4rem; }

.synteza { font-size: 1.02rem; line-height: 1.68; }
.synteza p { margin-bottom: 1.05rem; }
.synteza h2, .synteza h3 { font-family: var(--serif); letter-spacing: -.01em;
                           margin: 1.7rem 0 .7rem; line-height: 1.25; }
.synteza h2 { font-size: 1.45rem; }
.synteza h3 { font-size: 1.2rem; }

/* znaczniki faktów w tekście */
.fbadge { display: inline-block; font-size: .62rem; font-weight: 800; line-height: 1;
          padding: .2rem .4rem; border-radius: 3px; color: #fff !important;
          text-decoration: none; vertical-align: super; margin: 0 .12rem; }
.fbadge.v-sporne, .fbadge.v-za_wczesnie, .fbadge.v-niezweryfikowalne { color: #111 !important; }

/* nagłówki sekcji tematu w stylu gazetowym (tylko strona artykułu) */
article.temat section > h2 { font-size: .95rem; text-transform: uppercase;
                             letter-spacing: .09em; font-weight: 800;
                             border-top: 3px solid var(--ink);
                             padding-top: .45rem; margin: 2.1rem 0 .9rem; }

/* strona fact-checkingowa */
.fc-pozycja { border-bottom: 1px solid var(--rule); padding: .8rem 0; }
.fc-claim { margin-bottom: .35rem; text-align: left; }
.fc-meta { margin-bottom: .35rem; color: var(--muted); text-align: left; }
.fc-akcje { display: flex; gap: .7rem; align-items: center; flex-wrap: wrap;
            margin-bottom: .2rem; }
.fc-akcje button.doglebna { width: auto; display: inline-block; margin: 0;
                            padding: .3rem .8rem; font-size: .8rem;
                            border-radius: 2rem; background: transparent;
                            color: var(--ink); border: 1px solid var(--ink); }
.fc-akcje button.doglebna:hover { background: var(--ink); color: var(--paper); }
.fc-analiza { font-size: .85rem; font-weight: 600; color: var(--accent); }

/* zakładka Aktualizacje + archiwum wersji */
.chip-wersja { background: var(--accent); color: #fff; border-color: var(--accent); }
.aktualizacje { background: var(--card); border: 1px solid var(--rule);
                border-left: 4px solid var(--accent); border-radius: 4px;
                padding: .35rem 1rem .55rem; margin: 0 0 1.4rem; }
.aktualizacje > h2 { font-size: .85rem; text-transform: uppercase;
                     letter-spacing: .09em; font-weight: 800; margin: .5rem 0 .4rem;
                     border: 0; padding: 0; }
.aktualizacje li { text-align: left; margin-bottom: .35rem; font-size: .95rem; }
details.wersja { border: 1px solid var(--rule); border-radius: 4px;
                 padding: .5rem .9rem; margin-bottom: .6rem; background: var(--card); }
details.wersja summary { cursor: pointer; font-weight: 600; font-size: .92rem; }
.wersja-uwaga { font-size: .78rem; color: var(--muted); margin: .5rem 0; }
details.wersja .synteza { font-size: .95rem; }

details.fakt { border: 0; border-bottom: 1px solid var(--rule); border-radius: 0;
               padding: .55rem 0; margin-bottom: 0; background: transparent; }
details.fakt summary { cursor: pointer; line-height: 1.5; }
details.fakt.podswietlony { outline: 3px solid var(--v-sporne); outline-offset: 4px; }
.werdykt-label { font-size: .7rem; font-weight: 800; padding: .13rem .5rem;
                 border-radius: 2px; color: #fff; white-space: nowrap;
                 text-transform: uppercase; letter-spacing: .04em; }
.werdykt-label.v-sporne, .werdykt-label.v-za_wczesnie,
.werdykt-label.v-niezweryfikowalne { color: #111; }
.werdykt-label.v-odnotowane{background:#eceff1;color:#546e7a;border:1px dashed #b0bec5}

.orient { font-size: .66rem; padding: .1rem .45rem; border-radius: 2px; color: #fff;
          vertical-align: middle; white-space: nowrap; text-transform: uppercase;
          letter-spacing: .05em; }
.o-lewica { background: #c62828; }
.o-centrum { background: #616161; }
.o-prawica { background: #1565c0; }
.o-zagranica { background: #6a1b9a; }

blockquote.cytat { margin: 1.1rem 0 .35rem; border-left: 3px solid var(--ink);
                   font-family: var(--serif); font-size: 1.04rem; line-height: 1.5; }
blockquote.cytat footer { font-size: .8rem; margin-top: .45rem;
                          font-family: var(--pico-font-family); }
.ai-komentarz { font-size: .88rem; background: var(--card);
                border: 1px solid var(--rule); border-radius: 4px;
                padding: .6rem .85rem; margin-bottom: .5rem; }
.ai-komentarz::before { content: "Komentarz AI o przekazie: "; font-weight: 700; }
.frag-fakty { margin: 0 0 1.5rem; }

.wypowiedz { padding: .9rem 1rem; margin-bottom: 1rem; background: var(--card);
             border: 1px solid var(--rule); border-radius: 4px; box-shadow: none; }
.wypowiedz blockquote { margin: 0 0 .5rem; }
.spr-twierdzenie { margin-bottom: .3rem; }

.historia { padding-left: 1.1rem; }
.historia li { font-size: .84rem; margin-bottom: .3rem; }
.historia .fbadge { vertical-align: baseline; }

.zrodla-lista li { font-size: .88rem; margin-bottom: .3rem; }

.stopka-tematu { font-size: .8rem; color: var(--muted);
                 border-top: 3px solid var(--ink); margin-top: 2.2rem;
                 padding-top: .8rem; }
footer.stopka { border-top: 1px solid var(--rule); margin-top: 2.5rem;
                padding-top: .8rem; font-size: .8rem; color: var(--muted); }

.odslony { font-size: .86rem; background: var(--tlo-ramka, rgba(0,0,0,.03));
           border-left: 3px solid var(--rule); padding: .5rem .9rem; margin: 1rem 0; }
.odslony a { margin-right: .15rem; }

/* ------------------------------------------------- zgłaszanie błędów */
button.flaga { background: none; border: none; padding: 0 .25rem; cursor: pointer;
               font-size: .95rem; line-height: 1; vertical-align: middle;
               filter: grayscale(35%); width: auto; display: inline; }
button.flaga:hover { filter: none; }
dialog#zglos-dlg { max-width: 34rem; width: calc(100% - 2rem); border: 1px solid var(--rule);
                   border-radius: 6px; background: var(--paper); color: var(--ink);
                   padding: 1.1rem 1.3rem; }
dialog#zglos-dlg::backdrop { background: rgba(0,0,0,.45); }
dialog#zglos-dlg h3 { margin: 0 0 .4rem; }
.zglos-cel { font-size: .82rem; color: var(--muted); margin: 0 0 .3rem; }
.zglos-fragment { margin: 0 0 .8rem; padding: .4rem .7rem; border-left: 3px solid var(--rule);
                  font-size: .88rem; font-style: italic; color: var(--ink);
                  max-height: 7.5rem; overflow-y: auto; }
.zglos-hint { font-size: .78rem; color: var(--muted); margin: 0 0 .8rem; }
dialog#zglos-dlg label { display: block; font-size: .85rem; margin-bottom: .7rem; }
dialog#zglos-dlg label small { color: var(--muted); }
dialog#zglos-dlg select, dialog#zglos-dlg textarea { width: 100%; margin-top: .25rem;
                   font-size: .88rem; }
.zglos-akcje { display: flex; justify-content: flex-end; gap: .6rem; margin-top: .4rem; }
.zglos-akcje button { width: auto; margin: 0; font-size: .85rem; padding: .35rem .9rem; }
kbd { font-size: .82em; padding: .05em .35em; border: 1px solid var(--rule);
      border-bottom-width: 2px; border-radius: 3px; background: none; color: inherit; }
.toast { position: fixed; bottom: 1.2rem; left: 50%; transform: translateX(-50%);
         background: var(--ink); color: var(--paper); padding: .6rem 1.1rem;
         border-radius: 4px; z-index: 99; box-shadow: 0 4px 14px rgba(0,0,0,.3);
         font-size: .9rem; }

/* ---------------------------------------------------- dostępność */
.skip-link { position: absolute; left: -999px; top: 0; background: var(--ink);
             color: var(--paper); padding: .5rem 1rem; z-index: 100; }
.skip-link:focus { left: .5rem; top: .5rem; }

.dostepnosc { display: flex; gap: .3rem; align-items: center; flex-wrap: wrap; }
.dostepnosc button { width: auto; margin: 0; padding: .22rem .55rem; font-size: .74rem;
                     line-height: 1.2; border-radius: 2px; background: transparent;
                     color: var(--ink); border: 1px solid var(--rule); }
.dostepnosc button:hover { border-color: var(--ink); }
.dostepnosc button.aktywny { background: var(--ink); color: var(--paper);
                             border-color: var(--ink); }

a:focus-visible, button:focus-visible, summary:focus-visible {
  outline: 3px solid var(--accent); outline-offset: 2px; }

/* wysoki kontrast (przełącznik w nagłówku) */
html.kontrast {
  --paper: #ffffff; --ink: #000000; --card: #ffffff; --muted: #1a1a1a;
  --rule: #000000; --chip-bg: #e8e8e8; --accent: #a30000;
}
html.kontrast[data-theme="dark"] {
  --paper: #000000; --ink: #ffffff; --card: #000000; --muted: #e6e6e6;
  --rule: #ffffff; --chip-bg: #262626; --accent: #ff6b5e;
}
@media (prefers-color-scheme: dark) {
  html.kontrast:not([data-theme="light"]) {
    --paper: #000000; --ink: #ffffff; --card: #000000; --muted: #e6e6e6;
    --rule: #ffffff; --chip-bg: #262626; --accent: #ff6b5e;
  }
}
html.kontrast main a, html.kontrast .kafelek h3 a, html.kontrast .hero h2 a {
  text-decoration: underline; }
html.kontrast .przeczytany { opacity: .8; }
html.kontrast .tldr, html.kontrast .meta-line { color: var(--muted); }

@media (max-width: 640px) {
  .brand { font-size: 1.6rem; }
  .siatka { gap: 0; }
  .brand-linia { flex-direction: column; align-items: flex-start; }
}


/* ---------------------------------------- analizy fact-checkingowe (fc_*.html) */
.v-fc-prawda { background: var(--v-potwierdzone); }
.v-fc-prawda_ale { background: var(--v-prawdopodobne); }
.v-fc-manipulacja { background: var(--v-sporne); }
.v-fc-falsz { background: var(--v-falszywe); }
.v-fc-nieweryfikowalne { background: var(--v-zawczesnie); }
.werdykt-label.v-fc-prawda_ale, .werdykt-label.v-fc-manipulacja,
.werdykt-label.v-fc-nieweryfikowalne { color: #111; }

.werdykt-glowny { margin: 1rem 0 .4rem; }
.werdykt-glowny .werdykt-label { font-size: .95rem; padding: .3rem .8rem; }
.werdykt-powod { font-size: .95rem; margin: .2rem 0 .8rem; }
.co-sprawdzamy { font-size: .92rem; background: var(--card); border: 1px solid var(--rule);
                 border-left: 3px solid var(--accent); border-radius: 4px;
                 padding: .6rem .85rem; margin-bottom: 1.2rem; }
blockquote.cytat.sprawdzana { border-left-width: 5px; font-size: 1.12rem; }

a.przypis { font-size: .72em; vertical-align: super; text-decoration: none;
            padding: 0 .12em; font-weight: 700; }
a.przypis::before { content: "["; }
a.przypis::after { content: "]"; }

.zrodla-lista li { margin-bottom: .75rem; }
.zrodla-lista .zrodlo-meta { display: block; color: var(--muted); margin-top: .1rem; }
.zrodla-lista blockquote.fragment { margin: .3rem 0 0; padding: .25rem 0 .25rem .7rem;
                                    border-left: 2px solid var(--rule); font-size: .86rem;
                                    color: var(--muted); font-family: var(--serif); }
.tier { font-size: .68rem; text-transform: uppercase; letter-spacing: .04em;
        padding: .05rem .35rem; border-radius: 2px; border: 1px solid var(--rule); }
.tier-1 { border-color: var(--v-potwierdzone); color: var(--v-potwierdzone); font-weight: 700; }
.tier-2 { border-color: var(--v-prawdopodobne); color: var(--v-prawdopodobne); }
.odrzucone { color: var(--muted); }

.lista-analiz { list-style: none; padding: 0; }
.analiza-karta { display: flex; gap: .9rem; padding: .9rem 0;
                 border-bottom: 1px solid var(--rule); }
.analiza-karta .analiza-werdykt { flex: 0 0 auto; padding-top: .2rem; }
.analiza-karta h2 { font-size: 1.12rem; margin: 0 0 .25rem; }
.analiza-cytat { font-family: var(--serif); font-size: .95rem; margin: 0 0 .3rem;
                 color: var(--ink); }
.analiza-mowca { font-family: var(--pico-font-family); font-size: .82rem; color: var(--muted); }
.analiza-lead { font-size: .9rem; margin: .2rem 0; }
.analiza-meta { margin: .2rem 0 0; color: var(--muted); }
.fc-statystyki { display: flex; flex-wrap: wrap; gap: .4rem; margin: .8rem 0 1.4rem; }
.werdykt-kropka { display: inline-block; width: .55rem; height: .55rem; border-radius: 50%;
                  margin-right: .25rem; vertical-align: baseline; }
.analizy-skrot { list-style: none; padding: 0; }
.analizy-skrot li { padding: .35rem 0; border-bottom: 1px solid var(--rule); }
.analizy-skrot small { color: var(--muted); }
.link-analizy { font-size: .9rem; margin-top: .4rem; }
.werdykty-lista dt { margin-top: .7rem; }
.werdykty-lista dd { margin: .2rem 0 .2rem 1rem; font-size: .93rem; }
.opis-sekcji { font-size: .95rem; color: var(--muted); max-width: 42rem; }
.pusto { color: var(--muted); font-style: italic; }

/* ------------------------------------------- panel widoku na stronie głównej */
/* Panel jest ZWINIĘTY: na górze strony ma być jedna spokojna linijka, a nie
   ściana przycisków. Rozwija się dopiero na kliknięcie. */
.panel { border: 0; border-bottom: 1px solid var(--rule); background: transparent;
         padding: 0 0 .35rem; margin: 0 0 1rem; font-size: .8rem; }
.panel > summary { cursor: pointer; list-style: none; display: flex; gap: .6rem;
                   align-items: baseline; padding: .2rem 0; color: var(--muted); }
.panel > summary::-webkit-details-marker { display: none; }
.panel > summary::before { content: "▸"; font-size: .7rem; }
.panel[open] > summary::before { content: "▾"; }
#panel-opis { font-weight: 600; color: var(--ink); }
.panel-zmien { margin-left: auto; font-size: .72rem; text-decoration: underline; }
.panel-wiersz { display: flex; flex-wrap: wrap; gap: .28rem; align-items: center;
                padding: .3rem 0; }
.panel-wiersz + .panel-wiersz { border-top: 1px dotted var(--rule); }
.panel-wiersz button { font-size: .74rem; padding: .12rem .45rem; border-radius: 3px;
                       border: 1px solid var(--rule); background: transparent;
                       color: var(--muted); cursor: pointer; width: auto; margin: 0;
                       line-height: 1.5; }
.panel-wiersz button:hover { border-color: var(--accent); color: var(--accent); }
.panel-wiersz button.aktywny { background: var(--ink); color: var(--paper);
                               border-color: var(--ink); }
.panel-wiersz .filtr-etykieta { font-size: .66rem; text-transform: uppercase;
                                letter-spacing: .06em; color: var(--muted);
                                margin-right: .1rem; min-width: 4.6rem; }
#panel-reset { margin-left: auto; opacity: .7; }


                            border-bottom: 2px solid var(--ink); padding-bottom: .9rem; }
.siatka .kafelek.pierwszy h3 { font-family: var(--serif); font-size: 1.6rem;
                               line-height: 1.15; margin: .2rem 0 .35rem; }
.siatka .kafelek.pierwszy .tldr { font-size: 1rem; }
.siatka.widok-lista .kafelek.pierwszy { border-bottom: 1px solid var(--rule); }
.siatka.widok-lista .kafelek.pierwszy h3 { font-size: .95rem; font-family: inherit; }

.chip.gorace { background: transparent; color: var(--v-falszywe);
               border-color: var(--v-falszywe); }
.chip.dzial { background: transparent; color: var(--muted); }
.kafelek .meta-line { display: flex; flex-wrap: wrap; gap: .3rem; align-items: center;
                      font-size: .72rem; }
.kafelek .meta-line .czas { margin-left: auto; color: var(--muted); }

/* widok listy: jeden temat w wierszu, bez zajawki */
.siatka.widok-lista { display: block; }
.siatka.widok-lista .kafelek { display: grid; grid-template-columns: auto 1fr auto;
                               gap: .5rem; align-items: baseline; padding: .4rem 0;
                               border: 0; border-bottom: 1px solid var(--rule);
                               border-radius: 0; }
.siatka.widok-lista .kafelek .tldr { display: none; }
.siatka.widok-lista .kafelek h3 { font-size: .95rem; margin: 0; }
.siatka.widok-lista .kafelek .meta { margin: 0; }

.watki-lista { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem; }
.watki-lista li { border: 1px solid var(--rule); border-radius: 999px;
                  padding: .15rem .6rem; font-size: .82rem; }
.watki-lista small { color: var(--muted); }

.watek-chronologia { list-style: none; padding: 0; }
.watek-chronologia li { display: grid; grid-template-columns: 8.5rem 1fr; gap: .8rem;
                        padding: .7rem 0; border-bottom: 1px solid var(--rule); }
.watek-chronologia .watek-data { color: var(--muted); font-size: .8rem; padding-top: .2rem; }
.watek-chronologia h2 { font-size: 1.05rem; margin: 0 0 .2rem; }
@media (max-width: 34rem) {
  .watek-chronologia li { grid-template-columns: 1fr; gap: .2rem; }
}
/* „zaktualizowano" pojawia się tylko przy tematach, których treść naprawdę się
   zmieniła — przy pierwszej syntezie kafelek pokazuje samą datę publikacji */
/* Czasy siedzą w GÓRNYM wierszu kafelka, dosunięte do prawej krawędzi:
   data publikacji pierwszego artykułu źródłowego, a obok — tylko przy realnie
   zmienionych tematach — skrót „AKT." z datą ostatniej zmiany treści. */
.czasy { margin-left: auto; display: flex; gap: .4rem; align-items: baseline;
         white-space: nowrap; }
.czasy .czas { font-size: .7rem; color: var(--muted); }
.dopisek-upd { font-size: .66rem; text-transform: uppercase; letter-spacing: .04em;
               color: var(--v-poprawione); }

/* pasek taksonomii nad metadanymi tematu: dział wiodący, poboczne, rodzaj, tagi */
.taksonomia { display: flex; flex-wrap: wrap; gap: .35rem; align-items: center;
              margin: .1rem 0 .9rem; }
.taksonomia a.chip.dzial { background: var(--ink); color: var(--paper);
                           border-color: var(--ink); text-decoration: none; }
.taksonomia a.chip.dzial.poboczny { background: transparent; color: var(--muted);
                                    border-color: var(--rule); }
.taksonomia a.chip.dzial:hover { background: var(--accent); border-color: var(--accent);
                                 color: #fff; }
a.tag { font-size: .7rem; padding: .08rem .45rem; border: 1px solid var(--rule);
        border-radius: 999px; text-decoration: none; color: var(--muted); }
a.tag:hover { border-color: var(--accent); color: var(--accent); }
a.tag.tag-watek { border-color: var(--accent); color: var(--accent); font-weight: 600; }
.watki-lista.duze li { font-size: .95rem; padding: .25rem .8rem; }
.watki-lista.duze a { font-weight: 600; }
.watki-lista li { list-style: none; }
.watki-lista li::marker { content: none; }

.archiwalna{background:#fff8e1;border-left:3px solid #ffb300;padding:.5rem .7rem;margin:.6rem 0;border-radius:2px}

.werdykt-label .gwiazdka{margin-left:.1em;font-weight:900;cursor:help}
.dostep-note{color:#8a6d3b;margin:.3rem 0 .6rem}

.werdykt-label.v-fc-wstepny{background:#fff3e0;color:#7a4f01;border:1px dashed #ce9b3c}