:root{--navy:#061b43;--blue:#092b68;--royal:#0e429b;--gold:#f2bf49;--cream:#f8f6f0;--ink:#18233a;--muted:#5d697b;--line:#dce2ea}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:var(--cream)}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3,.eyebrow{font-family:"Barlow Condensed",Impact,sans-serif}.container{width:min(1160px,calc(100% - 40px));margin:auto}.eyebrow{font-size:1rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.topline{background:var(--gold);height:7px}.header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:1000}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;font-family:"Barlow Condensed";text-transform:uppercase;font-size:1.7rem;font-weight:800;line-height:.88;letter-spacing:.025em;flex-shrink:0}.brand img{width:59px;height:59px;object-fit:contain}.brand small{display:block;font:700 .65rem "DM Sans";letter-spacing:.18em;color:var(--gold);margin-top:7px}.navlinks{display:flex;gap:clamp(9px,1.15vw,20px);align-items:center;font-size:clamp(.72rem,.86vw,.86rem);font-weight:700;white-space:nowrap}.navlinks a:not(.nav-cta):hover,.navlinks a[aria-current=page]{color:var(--gold)}.nav-cta{border:1px solid var(--gold);padding:11px 16px;color:var(--gold)}.nav-cta:hover{background:var(--gold);color:var(--navy)}.menu-toggle{display:none;background:none;border:1px solid #ffffff6a;color:#fff;padding:8px 11px;font-size:1.4rem;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.news-hero{background:radial-gradient(circle at 78% 30%,#1f57a0 0%,transparent 38%),linear-gradient(130deg,#061b43 12%,#0b347b 68%,#123e87);color:#fff;padding:86px 0 94px;overflow:hidden}.news-hero .eyebrow{color:var(--gold)}.news-hero h1{font-size:clamp(4.5rem,10vw,8rem);line-height:.88;text-transform:uppercase;margin:16px 0 24px}.news-hero p{font-size:1.08rem;line-height:1.7;color:#e3ebfa;margin:0}.news-section{padding:80px 0 100px}.section-head{margin-bottom:36px}.section-head .eyebrow{color:var(--royal)}.section-head h2{font-size:clamp(2.8rem,6vw,5rem);line-height:.95;text-transform:uppercase;margin:12px 0 0}.empty{background:#fff;border-top:5px solid var(--gold);padding:48px 30px;text-align:center;font:800 clamp(1.7rem,4vw,2.5rem) "Barlow Condensed",Impact,sans-serif;text-transform:uppercase;color:var(--navy);margin:0}.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.news-card{background:#fff;box-shadow:0 12px 30px #061b430a;border-top:5px solid var(--gold);overflow:hidden}.news-card:first-child{grid-column:1/-1}.news-cover{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:var(--navy);display:block}.news-graphic{aspect-ratio:16/9;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#1f57a0,transparent 45%),linear-gradient(130deg,var(--navy),var(--blue));color:var(--gold);font:900 clamp(2rem,5vw,4rem) "Barlow Condensed",Impact,sans-serif;text-transform:uppercase;letter-spacing:.1em}.news-card-body{padding:28px}.news-meta{font-size:.75rem;font-weight:800;color:var(--royal);letter-spacing:.1em;text-transform:uppercase}.news-card h3{font-size:clamp(2rem,4vw,3rem);line-height:1;text-transform:uppercase;color:var(--navy);margin:14px 0}.news-intro,.news-content{line-height:1.75;color:#43516a}.news-intro{font-weight:700}.news-content{border-top:1px solid var(--line);padding-top:20px;white-space:pre-line}.news-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:24px}.news-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.pagination{display:flex;justify-content:center;gap:12px;margin-top:38px}.pagination[hidden]{display:none}.pagination button{border:1px solid var(--blue);background:#fff;color:var(--navy);font-weight:800;padding:12px 18px;cursor:pointer}.pagination button:hover:not(:disabled){background:var(--navy);color:#fff}.pagination button:disabled{opacity:.5;cursor:default}
footer{background:var(--navy);color:#fff;padding:35px 0}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:.8rem;color:#b6c7e3}.footer-grid .brand{color:#fff}.footer-grid .brand img{width:46px;height:46px}.footer-links{display:flex;gap:20px}.footer-links a:hover{color:var(--gold)}
@media(max-width:1120px){.menu-toggle{display:block}.navlinks{display:none;position:absolute;z-index:10;top:100%;left:0;right:0;background:var(--navy);padding:18px 20px;flex-direction:column;align-items:stretch;white-space:normal;max-height:calc(100dvh - 88px);overflow-y:auto;box-shadow:0 15px 25px #00102c35}.navlinks.open{display:flex}.navlinks a{padding:12px}}
@media(max-width:650px){.container{width:min(100% - 30px,1160px)}.brand{font-size:1.45rem}.brand img{width:51px;height:51px}.news-hero{padding:65px 0 75px}.news-section{padding:60px 0 75px}.news-grid{grid-template-columns:1fr}.news-card:first-child{grid-column:auto}.news-card-body{padding:22px}.footer-grid{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}}

/* Manje iskaznice u pregledu vijesti */
.news-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}

.news-gallery img {
  display: block;
  width: 100%;
  max-width: 380px;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  margin: 0 auto;
}

@media (max-width: 600px) {
  .news-gallery {
    grid-template-columns: 1fr;
  }
}