/* Tudástár: a cikkoldalak (site/pages, "cikk" meta) és a lista oldal közös stílusa. A build_site.py magától beteszi ezekre az
   oldalakra. Szerkezet és osztályok: dev/tudastar/CIKK_SABLON.md. A sötét dizájn és a site.css komponensei maradnak. */

/* a cikk hasábja (a régi .pv és .fk egyben) */
.cikk{max-width:720px}
.cikk section{padding-block:clamp(28px,4vw,48px)}
.cikk h2{margin-top:10px;font-size:clamp(24px,3.4vw,34px)}
.cikk p{margin-top:14px;color:var(--fg-2);font-size:17px;line-height:1.6}
.cikk .howto{font-size:16px;color:var(--fg-2)}
.cikk .factcard{margin-top:20px}
.cikk .kv{font-size:15.5px}
.cikk p.src{font-size:12.5px;color:var(--dim)}

/* kártyák egy oszlopban: példák, hetek (ux-card) */
.cikk-kartyak{grid-template-columns:1fr;margin-top:22px}
.cikk .ux-card p{margin-top:0;font-size:16px}
.cikk .ux-card .cikk-ref{font-size:14.5px}

/* példa-doboz: szándékosan hibás és helyes megoldás; a lint a „cikk-rossz” sor egyenlőségeit nem számolja újra */
.cikk .cikk-rossz{color:var(--muted)}
.cikk .cikk-rossz b{color:var(--bad)}
.cikk .cikk-jo b{color:var(--good)}

/* szerzősor a fejlécben (a .updated mono, apró betűjével) */
.cikk-byline a{color:var(--dim)}

/* források és kapcsolódó cikkek a cikk alján (a build írja) */
.cikk-src,.cikk-kapcs{padding-block:clamp(28px,4vw,48px)}
.cikk-src ol{margin:14px 0 0;padding-left:20px;display:grid;gap:8px;font-size:14px;line-height:1.5;color:var(--muted);max-width:72ch}
.cikk-src a{color:var(--muted);overflow-wrap:anywhere}
.cikk-src-d{color:var(--dim);white-space:nowrap}
.cikk-kapcs .ux-cards{grid-template-columns:1fr;margin-top:14px;max-width:720px}

/* a lista oldal és a kapcsolódók tételei: közönség, cím, egymondatos lead, dátum */
.tt-card .ux-card-title{font-size:clamp(18px,.6vw + 15px,21px)}
.tt-card .ux-card-text{font-size:15.5px}
.tt-datum{margin-top:auto;padding-top:4px;font:500 12.5px/1.3 var(--mono);color:var(--dim)}
.tt-csoport .ux-head{margin-bottom:clamp(18px,3vw,28px)}
.tt-csoport .ux-h2{font-size:clamp(26px,2.4vw + 16px,38px)}
.tt-meg{max-width:72ch}
.tt-cards + .tt-meg{margin-top:18px}
.tt-meg b{color:var(--fg-2);font-weight:600}
.tt-meg a{color:var(--fg)}
.cikk-byline + .updated{margin-top:4px}