/* Naslov in podnaslov na vrhu strani AI pripravljenost (/preveri/), Webinar, Načrt (/checklist/) in Blog:
   povsod enako mesto, velikost in oblika. Naslov v Literati, podnaslov v IBM Plex Sans, oba na sredini.
   Naslov se začne clamp(40 px, 6vw, 76 px) pod črto glave, podnaslov 16 px pod naslovom.
   Datoteka se naloži za slogi posamezne strani, zato ta pravila veljajo namesto njihovih. */
.page-headline,
.checklist-title,
.webinar-title,
.blog-heading {
  max-width: 936px;
  margin: 0 auto;
  font-family: Literata, Georgia, serif;
  font-size: clamp(2.1rem, 5vw, 4rem);
  font-weight: 600;
  font-synthesis: weight;
  line-height: 1.08;
  letter-spacing: -0.03em;
  text-align: center;
  text-wrap: balance;
}

.page-sub,
.checklist-sub,
.webinar-lead,
.blog-sub {
  max-width: 60ch;
  margin: 16px auto 0;
  padding: 0;
  font-family: "IBM Plex Sans", system-ui, sans-serif;
  /* Velikost kot podnaslov na domači strani (Diagnostika procesov, /styles.css .intro-subtitle): 20 px, do 720 px 18 px. */
  font-size: 20px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0;
  color: #4b4f56;
  text-align: center;
  text-wrap: pretty;
}

@media (max-width: 720px) {
  .page-sub,
  .checklist-sub,
  .webinar-lead,
  .blog-sub {
    font-size: 18px;
  }
}

/* Razmik nad naslovom: na /preveri/ ga ima naslov sam, na /checklist/ in /webinar/ njegov okvir, na /blog/ glava seznama. */
.page-headline { padding-top: clamp(40px, 6vw, 76px); }
.checklist-head,
.webinar-inner { padding-top: clamp(40px, 6vw, 76px); }
.blog-head { padding-top: clamp(40px, 6vw, 76px); }
.blog { padding-top: clamp(32px, 5vw, 48px); }