/* Strana /brojke/ (T6b). Samo tokeni iz style.css; bez novih boja. Uključuje je scripts/sablon/brojke.mjs (css: ['brojke.css']). */

.strana-brojke .brojke-sazetak { margin-top: var(--r-5); }
/* Sažetak: četiri pločice kao 2 × 2 (raspon „2,2–2,5“ ne staje u četvrtinu širine) */
@media (min-width: 48em) { .strana-brojke .brojke-sazetak { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 52rem; } }

/* Sadržaj strane: kratka lista skokova na blokove */
.brojke-sadrzaj { margin-top: var(--r-6); padding: var(--r-4); background: var(--list); border: 1px solid var(--tanko); max-width: var(--mera); }
.brojke-sadrzaj__naslov { font-size: var(--t-malo); color: var(--sivo); font-weight: 600; }
.brojke-sadrzaj ol { margin: var(--r-2) 0 0; padding-left: 1.4em; columns: 2 12rem; column-gap: var(--r-5); }
.brojke-sadrzaj li { padding: var(--r-1) 0; break-inside: avoid; }
.brojke-sadrzaj li::marker { color: var(--sivo); font-variant-numeric: tabular-nums; }

/* Blok = jedan nalaz: naslov-tvrdnja, pločice, (grafikon), tabela, napomena, izvor */
.brojke-blok { scroll-margin-top: var(--r-4); }
.brojke-blok > h3 { margin-top: var(--r-7); }
.brojke-blok > h4 { margin-top: var(--r-6); }
.brojke-blok h2 strong, .brojke-blok h2 { font-weight: 600; }
.brojke-blok .tabela-kartice { margin-top: var(--r-5); }
.brojke-blok .tabela-kartice .cip-izvor { font-size: var(--t-sitno); }

.brojke-napomena { color: var(--sivo); font-size: var(--t-malo); max-width: var(--mera); margin-top: var(--r-4); }
.sadrzaj > .brojke-napomena { margin-top: var(--r-7); }
.brojke-izvori { display: flex; flex-wrap: wrap; gap: var(--r-2) var(--r-3); margin-top: var(--r-3); }
.brojke-sitno { color: var(--sivo); font-size: var(--t-sitno); }
.brojke-nema { color: var(--sivo-svetlo); }

/* Traka u ćeliji tabele (SVG, ukras uz broj) */
.brojke-traka { display: block; width: 100%; max-width: 8rem; height: 0.625rem; margin-top: 0.45em; }
.brojke-traka__osnova { fill: var(--tanko-2); }

.brojke-lista { margin-top: var(--r-3); padding-left: 1.2em; max-width: var(--mera); }
.brojke-lista li { margin-top: var(--r-2); }
.brojke-lista .nalepnica { margin-left: var(--r-1); vertical-align: middle; }

.brojke-vise { margin-top: var(--r-5); }
.brojke-vise > summary { display: inline-flex; align-items: center; min-height: 2.75rem; font-weight: 500; text-decoration: underline; text-underline-offset: 0.18em; text-decoration-color: var(--okvir); }
.brojke-vise[open] > summary { margin-bottom: var(--r-2); }
.brojke-vise .brojke-lista { font-size: var(--t-malo); color: var(--sivo); }

@media (max-width: 39.99em) {
  .brojke-traka { max-width: 100%; margin-top: 0.5em; }
  .brojke-sadrzaj ol { columns: 1; }
}

/* Duga tabela: na telefonu sklopljena (brojke.js), na širem ekranu bez dugmeta i uvek otvorena */
.brojke-sklopivo { margin-top: var(--r-5); }
.brojke-sklopivo > .tabela-kartice { margin-top: var(--r-2); }
.brojke-sklopivo__dugme { min-height: 2.75rem; padding: var(--r-2) var(--r-3); background: var(--list); border: 1px solid var(--tanko); font-weight: 500; font-size: var(--t-malo); }
@media (min-width: 40em) {
  .brojke-sklopivo > .brojke-sklopivo__dugme { display: none; }
}