/* style-posh-type.css
   Delikatne strojenie typografii nad posh i tonal
   Cel:
   - minimalnie większa czytelność
   - mocniejsza hierarchia
   - subtelny kerning nagłówków
   - bez ruszania layoutu
*/

html {
  font-kerning: normal;
  text-rendering: optimizeLegibility;
}

body {
  font-size: 17px;
  line-height: 1.6;
}

h1 {
  letter-spacing: -0.018em;
  line-height: 1.18;
}

h2 {
  font-size: clamp(1.34rem, 1.6vw, 1.52rem);
  letter-spacing: -0.01em;
  line-height: 1.24;
}

.h3 {
  letter-spacing: -0.006em;
  line-height: 1.3;
}

.lead {
  font-size: 1.04rem;
  line-height: 1.68;
  color: #4f5a59;
}

.small,
.micro {
  color: #5b6665;
  line-height: 1.58;
}

.prose p,
.card p,
.note p,
.tile p,
.lead,
.small,
.micro,
li {
  text-wrap: pretty;
}

.prose,
.card,
.note,
.tile,
.small,
.micro {
  hyphens: auto;
  overflow-wrap: break-word;
  word-break: normal;
}
/* Mobile: lekko ciaśniej, żeby nie rozlać strony */
@media (max-width: 640px) {
  body {
    font-size: 16.5px;
    line-height: 1.58;
  }

  h1 {
    line-height: 1.2;
  }

  h2 {
    font-size: clamp(1.32rem, 5.8vw, 1.5rem);
    line-height: 1.26;
  }

  .lead {
    font-size: 1.02rem;
    line-height: 1.64;
  }
}