.text-link{display:inline-flex;gap:9px;font-size:.82rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px;transition:color .2s ease,gap .2s ease}
.page-intro{padding:96px 0 76px;border-bottom:1px solid var(--ar-line)}
.page-intro h1{margin:0}
.page-intro p{max-width:620px;margin:0 0 10px;font-family:var(--font-editorial);line-height:1.35}
@media (max-width:620px){.page-intro{padding:64px 0 48px}}
.page-intro{padding-block:clamp(58px,7vw,82px) clamp(48px,6vw,68px)}
.page-intro p{color:#454c50;font-size:clamp(1.05rem,1.7vw,1.5rem)}
.text-link{min-height:44px;align-items:center}
.page-intro h1{font-size:clamp(2.35rem,4.2vw,3.9rem);line-height:1}
.page-intro-articles h1{max-width:900px;font-size:clamp(2.25rem,4vw,3.7rem)}
@media (max-width:620px){.page-intro h1,.page-intro-articles h1{font-size:clamp(2.05rem,10vw,3rem)}}
@media (max-width:620px){.page-intro{padding-block:10px 20px}}
@media (max-width:620px){.page-intro p{font-size:1.05rem}}
.article-results-heading{color:#4c5559}
/* Magazine/Vesti cards — restored from the pre-split public/cards.css. */
.catalog-section{padding:80px 0 110px}
.catalog-results-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--ar-line)}
.catalog-results-heading :is(h1,h2){margin:0;font-size:clamp(2rem,3vw,3.4rem)}
.books-pagination{display:flex;justify-content:center;gap:8px;margin-top:58px}
.books-pagination a{display:grid;place-items:center;border:1px solid var(--ar-line);background:var(--ar-white);font-size:.8rem}
.article-list-section{padding:72px 0 110px}
.article-results-heading{display:flex;justify-content:space-between;margin-bottom:35px;padding-bottom:18px;border-bottom:1px solid var(--ar-line);color:var(--ar-muted);font-size:.78rem;text-transform:uppercase}
@media (max-width:900px){.catalog-results-heading{align-items:start}}
@media (max-width:620px){.catalog-results-heading{flex-direction:column}}
.catalog-section{padding-top:66px}
.catalog-results-heading :is(h1,h2){font-size:clamp(1.7rem,2.6vw,2.8rem)}
.books-pagination{align-items:center;flex-wrap:wrap}
.books-pagination a{min-width:46px;height:46px;font-weight:750}
@media (max-width:620px){.catalog-results-heading{align-items:stretch}.books-pagination{gap:6px;margin-top:42px}.books-pagination a{height:44px}}
.books-pagination a{min-width:44px;min-height:44px}
.article-list-page .page-intro p{max-width:55ch}
.pagination-mobile{display:none}
@media (max-width:620px){.pagination-mobile{display:flex;flex-wrap:nowrap;justify-content:center;width:100%;gap:4px;overflow:hidden}}

/* News and magazine pagination: identical to the books catalog. */
.article-list-page-news .books-pagination a:hover,.article-list-page-magazine .books-pagination a:hover{border-color:#e67d24;background:#e67d24;color:#fff}
.article-list-page-news .books-pagination a.is-current,.article-list-page-news .books-pagination a.active,.article-list-page-magazine .books-pagination a.is-current,.article-list-page-magazine .books-pagination a.active{border-color:#123554;background:#123554;color:#fff}
.article-list-page-news .books-pagination a.is-current:hover,.article-list-page-news .books-pagination a.active:hover,.article-list-page-magazine .books-pagination a.is-current:hover,.article-list-page-magazine .books-pagination a.active:hover{border-color:#19496f;background:#19496f;color:#fff}

/* Skrivanje desktop paginacije mora da stoji u CSS-u same stranice: isti <nav> nosi
   i klasu .books-pagination, pa bi ovo pravilo iz components.css, koji se ucitava
   ranije, bilo nadjacano pravilom iste specificnosti. */
@media (max-width:620px){.pagination-desktop{display:none}}

/* Pretraga magazina i vesti. Koristi istu klasu .catalog-search kao spiskovi
   knjiga i autora, pa veci deo izgleda (kutija, lupa, placeholder, font) vec
   stoji u components.css. Ovde se dodaje samo ono sto na kataloskim stranicama
   stoji u books.css i authors.css, koji se na magazinu ne ucitavaju. */
.article-search-form{margin:0 0 26px}
.article-catalog-results .catalog-search{display:block;color:var(--ar-muted);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.article-catalog-results .catalog-search input{width:100%;height:44px;border:0;outline:0;background:transparent;text-transform:none}
/* Navy okvir i oranz prsten pri fokusu su na knjigama vezani za --catalog-*
   promenljive, a one se definisu samo na kataloskim stranicama. Zato su ovde
   vrednosti upisane direktno, isto kao u pravilima paginacije iznad. */
.article-catalog-results .catalog-search>div{width:min(100%,440px);border-color:rgba(18,53,84,.24);transition:border-color .18s ease,box-shadow .18s ease}
.article-catalog-results .catalog-search>div:focus-within{border-color:#123554;box-shadow:0 0 0 3px rgba(230,125,36,.12)}
.article-catalog-results .catalog-search svg{color:#123554;stroke:currentColor}
/* components.css krije labelu ispod 900px jer tamo pretraga knjiga ulazi u
   panel koji ima svoj naslov. Magazin i vesti nemaju panel, pa labela ostaje. */
@media (max-width:900px){.article-catalog-results .catalog-search>span{display:inline}.article-catalog-results .catalog-search>div{margin-top:9px}}

/* Cip sa aktivnim pojmom. Raspored stoji u components.css, a izgled dugmeta
   samo u CSS-u kataloskih stranica -- preuzet je 1:1 da bi pretraga izgledala
   isto kao na knjigama. */
.article-catalog-results .catalog-active-filters button{min-height:44px;padding:7px 10px;border:1px solid #123554;background:#123554;color:#fff;font-size:.75rem;cursor:pointer}
.article-catalog-results .catalog-active-filters button:hover{border-color:#e67d24;background:#e67d24}
.article-catalog-results .catalog-active-filters button span{color:#ffc38e}

/* Vracanje na punu listu iz praznog stanja. Boje su iste kao cip i paginacija. */
.article-catalog-results .empty-state .text-link{color:#123554}
.article-catalog-results .empty-state .text-link:hover{color:#e67d24}