:root{
  --pereko-font:Inter,"Segoe UI",Arial,sans-serif;
  --pereko-display-size:clamp(42px,5vw,68px);
  --pereko-display-line:.98;
  --pereko-display-weight:700;
  --pereko-display-spacing:-.055em;
  --pereko-eyebrow-size:10px;
  --pereko-eyebrow-weight:850;
  --pereko-body-size:14px;
  --pereko-body-line:1.65;
  --pereko-button-size:11px;
  --pereko-button-weight:800;
  --pereko-button-spacing:.025em;
  --pereko-button-height:40px;
}

html,body,button,input,select,textarea{font-family:var(--pereko-font)!important}

/* Jedna rola typograficzna dla tytułów najważniejszych ekranów. */
.pereko-page-title,
.login-intro h1,
.page .welcome h1,
.topbar~.hero h1,
.pcat-hero h1{
  margin:0;
  font-family:var(--pereko-font)!important;
  font-size:var(--pereko-display-size)!important;
  line-height:var(--pereko-display-line)!important;
  font-weight:var(--pereko-display-weight)!important;
  letter-spacing:var(--pereko-display-spacing)!important;
}

@media(max-height:720px) and (min-width:861px){
  :root{--pereko-display-size:clamp(39px,4.5vw,56px)}
}

.pereko-eyebrow,
.eyebrow,
.pcat-eyebrow{
  font-family:var(--pereko-font)!important;
  font-size:var(--pereko-eyebrow-size)!important;
  line-height:1.2!important;
  font-weight:var(--pereko-eyebrow-weight)!important;
  letter-spacing:.17em!important;
  text-transform:uppercase;
}

.pereko-page-lead,
.page .welcome>p,
.topbar~.hero .hero-copy>p,
.pcat-hero-copy>p{
  font-family:var(--pereko-font)!important;
  font-size:var(--pereko-body-size)!important;
  line-height:var(--pereko-body-line)!important;
  font-weight:400!important;
  letter-spacing:0!important;
}

/* Stały rytm pionowy: etykieta -> tytuł -> opis. */
.page .welcome>div:first-child,
.topbar~.hero .hero-copy,
.pcat-hero-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}

.page .welcome .eyebrow,
.topbar~.hero .hero-copy>.eyebrow,
.pcat-hero-copy>.pcat-eyebrow{
  margin:0 0 17px!important;
}

.page .welcome h1,
.topbar~.hero .hero-copy>h1,
.pcat-hero-copy>h1{
  margin:0 0 14px!important;
}

.page .welcome>div:first-child>p,
.topbar~.hero .hero-copy>p,
.pcat-hero-copy>p{
  margin:0!important;
}

.pcat-hero-copy>.pcat-hero-actions{margin-top:20px!important}

.pereko-section-heading{display:flex;flex-direction:column;align-items:flex-start}
.pereko-section-heading>span{margin:0 0 10px!important}
.pereko-section-heading>h2{margin:0 0 9px!important;line-height:1.1!important}
.pereko-section-heading>p{margin:0!important;line-height:1.6!important}

/* Centrum aktualizacji korzysta z tej samej osi 1120 px co pozostałe ekrany. */
.topbar~.hero>.hero-inner,
.topbar~.content{
  width:min(1120px,calc(100vw - 48px))!important;
  margin-left:max(24px,calc((100vw - 1120px)/2))!important;
  margin-right:0!important;
}

/* Pełna stopka wymaga naturalnej wysokości strony dashboardu. */
.page{
  height:auto!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  overflow:visible!important;
  grid-template-rows:104px auto auto!important;
}

body>.pereko-site-footer,
.page>.pereko-site-footer{display:block!important}

/* Wspólny zapis tekstu wszystkich przycisków i przyciskowych odnośników. */
button,
[class*="btn"],
[class*="button"],
.logout,.back-link,.pcat-back,.pcat-action,.tile-action,.login-link{
  font-family:var(--pereko-font)!important;
  font-size:var(--pereko-button-size)!important;
  line-height:1.1!important;
  font-weight:var(--pereko-button-weight)!important;
  letter-spacing:var(--pereko-button-spacing)!important;
}

.pcat-action,.back-link,.pcat-back,.logout{
  min-height:var(--pereko-button-height);
}

/* Ten sam punkt zakotwiczenia znaku P na każdym ekranie desktopowym. */
@media (min-width:861px){
  .login-screen{padding-top:31px!important}
  .page{grid-template-rows:104px minmax(0,1fr) 24px!important}
  .topbar>.topbar-inner{
    width:min(1120px,calc(100vw - 48px))!important;
    margin-left:max(24px,calc((100vw - 1120px)/2))!important;
    margin-right:0!important;
  }
}

/* Stałe nagłówki bloków informacyjnych. */
.pereko-info-title,
.feature-card h3,
.tool-card h3,
.update-card h3,
.tile h3{
  font-family:var(--pereko-font)!important;
  font-size:16px!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:-.025em!important;
}