/* Čitljivost i veličina klikabilnih površina za cijeli web (nakon redesign.css, pa ga nadjačava).
   Najmanje 12 px za nadnaslove i oznake, 13–14 px za podatke, ≥ 36–44 px visine za linkove. */

/* Nadnaslovi u plavoj, čitljive veličine */
body .eyebrow, body .page-kicker { font-size: 12px; letter-spacing: .14em; }
body .section-heading .eyebrow, body .club-copy .eyebrow, body .page-kicker, body .newsletter .eyebrow,
body .education-feature .eyebrow, body .about > .eyebrow { color: var(--pou-blue); }
body .hero-intro .eyebrow { color: var(--pou-ink); }

/* Gornja traka i glavni izbornik: veće površine za klik */
body .utility { font-size: 13px; }
body .utility-links a { display: inline-flex; align-items: center; min-height: 40px; }
body .header nav { font-size: 15px; }
body .header nav > a, body .main-nav-group > summary { display: inline-flex; align-items: center; min-height: 44px; padding-inline: 4px; }
body .text-link { font-size: 14px; min-height: 40px; }

/* Naslovnica */
body .hero-intro > p { font-size: 16px; line-height: 1.6; }
body .outline-tag { font-size: 12px; }
body .stage-bottom { font-size: 12px; }
body .stage-bottom a { font-size: 14px; min-height: 44px; }
body .quick-links strong { font-size: 17px; }
body .quick-links small { font-size: 14px; }
body.page-home .event-meta { font-size: 13px; }
body.page-home .event-meta time { padding: 3px 9px; }
body.page-home .poster-tag { font-size: 11px; }
body .event-card .event-details { font-size: 14px; }
body .event-card h3 { font-size: 20px; }
body .event-link { min-height: 44px; font-size: 14px; }
body .program-note, body .club-caption { font-size: 14px; }
body .club-copy > p:not(.eyebrow) { font-size: 16px; }
body .badge { font-size: 12px; padding: 3px 9px; }
body .course-category { font-size: 12px; }
body .course p, body .news-section p { font-size: 15px; }
body .news-section time { font-size: 13px; }
body .newsletter p:not(.eyebrow) { font-size: 15px; color: var(--pou-muted); }
body .about p { font-size: 16px; }

@media (max-width: 800px) {
  body .utility-links { font-size: 13px; gap: 4px; flex-wrap: nowrap; }
  body .utility-links .u-long { display: none; }
  body .utility .wrap { flex-wrap: nowrap; }
  body .stage-bottom { font-size: 11px; }
  body .hero-intro > p { font-size: 15px; }
}