.rif-arhiva { --rif-pregled-boja: #1f4e79; --rif-pregled-podloga: #f2f6fa; --rif-pregled-rub: #c5d3e2; --rif-pregled-cip: #e3edf7; }
.rif-arhiva-najnovije { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; margin: 0 0 28px; }
.rif-arhiva-kartica { display: flex; gap: 16px; padding: 16px; background: var(--rif-pregled-podloga); border: 1px solid var(--rif-pregled-rub); border-radius: 10px; }
.rif-arhiva-kartica-slika { flex: none; align-self: flex-start; width: 110px; height: auto; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 4px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }
.rif-arhiva-kartica-oznaka { margin: 0; font-size: 13px; font-weight: 600; color: var(--rif-pregled-boja); }
.rif-arhiva-kartica-naslov { margin: 4px 0 8px; font-size: 18px; line-height: 1.3; }
.rif-arhiva-kartica-teme { margin: 0 0 12px; padding-left: 18px; font-size: 14px; }
.rif-arhiva-casopisi, .rif-arhiva-godine { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 12px; }
.rif-arhiva-gumb { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border: 1px solid var(--rif-pregled-rub); border-radius: 999px; background: #fff; color: var(--rif-pregled-boja); font-size: 15px; text-decoration: none; }
.rif-arhiva-gumb:hover, .rif-arhiva-gumb:focus { border-color: var(--rif-pregled-boja); color: var(--rif-pregled-boja); }
.rif-arhiva-gumb[aria-current="true"] { background: var(--rif-pregled-boja); border-color: var(--rif-pregled-boja); color: #fff; font-weight: 600; }
.rif-arhiva-starija { margin-left: 8px; color: var(--rif-pregled-boja); }
.rif-arhiva-mreza { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 20px 16px; margin-top: 20px; }
.rif-arhiva-naslovnica { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; color: inherit; text-decoration: none; }
.rif-arhiva-slika { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 4px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); transition: transform 0.15s; }
.rif-arhiva-naslovnica:hover .rif-arhiva-slika, .rif-arhiva-naslovnica:focus .rif-arhiva-slika { transform: translateY(-3px); }
.rif-arhiva-otvorena .rif-arhiva-slika { outline: 3px solid var(--rif-pregled-boja); outline-offset: 3px; }
.rif-arhiva-mjesec { font-weight: 600; }
.rif-arhiva-oznaka { position: absolute; top: 6px; left: 6px; padding: 2px 8px; border-radius: 999px; background: var(--rif-pregled-cip); color: var(--rif-pregled-boja); font-size: 12px; font-weight: 600; }
.rif-arhiva-bez-slike { display: flex; flex-direction: column; justify-content: space-between; padding: 10px; background: var(--rif-pregled-podloga); border: 1px solid var(--rif-pregled-rub); color: var(--rif-pregled-boja); }
.rif-arhiva-bez-slike strong { font-size: 32px; }
.rif-arhiva-naslovnica:has(.rif-arhiva-oznaka) .rif-arhiva-bez-slike > span { visibility: hidden; }
.rif-arhiva-naslovnica:has(img) .rif-arhiva-oznaka { display: none; } /* a real cover shows its own masthead */
.rif-arhiva-izdanje { position: relative; grid-column: 1 / -1; padding: 20px; background: var(--rif-pregled-podloga); border: 1px solid var(--rif-pregled-rub); border-radius: 10px; }
.rif-arhiva-js .rif-arhiva-izdanje::before { content: ""; position: absolute; top: -9px; left: var(--rif-arhiva-strelica, 50%); width: 16px; height: 16px; margin-left: -8px; background: var(--rif-pregled-podloga); border-left: 1px solid var(--rif-pregled-rub); border-top: 1px solid var(--rif-pregled-rub); transform: rotate(45deg); }
.rif-arhiva-izdanje-glava { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; }
.rif-arhiva-izdanje-glava h3 { margin: 0; font-size: 20px; }
.rif-arhiva-gumbi { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.rif-arhiva-otvori, .rif-arhiva-u-pregledu { display: inline-flex; align-items: center; height: 38px; padding: 0 16px; border: 1px solid var(--rif-pregled-boja); border-radius: 6px; font-size: 14px; font-weight: 600; text-decoration: none; }
.rif-arhiva-otvori { background: var(--rif-pregled-boja); color: #fff; }
.rif-arhiva-otvori:hover, .rif-arhiva-otvori:focus { color: #fff; filter: brightness(1.1); }
.rif-arhiva-u-pregledu { background: #fff; color: var(--rif-pregled-boja); }
.rif-arhiva-zatvori { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; color: var(--rif-pregled-boja); font-size: 24px; text-decoration: none; }
.rif-arhiva-zatvori:hover, .rif-arhiva-zatvori:focus { background: var(--rif-pregled-cip); }
.rif-arhiva-rubrika { margin: 18px 0 6px; font-size: 13px; letter-spacing: 0.04em; color: var(--rif-pregled-boja); }
.rif-arhiva-clanci { margin: 0; padding: 0; list-style: none; }
.rif-arhiva-clanci li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 16px; padding: 8px 0; border-bottom: 1px solid var(--rif-pregled-rub); }
.rif-arhiva-clanci li > a { font-weight: 600; }
.rif-arhiva-autori { grid-column: 1; font-size: 14px; }
.rif-arhiva-str { grid-column: 2; grid-row: 1; font-size: 13px; white-space: nowrap; opacity: 0.8; }
.rif-arhiva-bez-clanaka, .rif-arhiva-prazno { margin: 16px 0 0; }
.rif-arhiva-ucitava .rif-arhiva-izbor { opacity: 0.6; transition: opacity 0.15s; }
.rif-arhiva-status { margin: 12px 0; color: #a32d2d; }
.rif-arhiva-status:empty { display: none; }
@media (max-width: 600px) {
  .rif-arhiva-mreza { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 10px; }
  .rif-arhiva-kartica-slika { width: 80px; }
  .rif-arhiva-izdanje { padding: 14px; }
}