/* Responsive typography overrides for Eyrto */
:root{
  --body-min: 14px;
  --body-max: 16px;
}
html{font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;}
body{
  font-size: clamp(var(--body-min), 1rem + 0.2vw, var(--body-max));
  line-height: 1.6;
  color: #0b1220;
}
h1{font-size: clamp(1.6rem, 2.2vw + 1rem, 2.4rem); margin-top:1.1em; margin-bottom:0.6em;}
h2{font-size: clamp(1.25rem, 1.6vw + 0.9rem, 1.6rem); margin-top:1em; margin-bottom:0.5em;}
h3{font-size: clamp(1.05rem, 1.2vw + 0.8rem, 1.15rem); margin-top:0.9em; margin-bottom:0.45em;}
h4,h5,h6{font-size: clamp(0.98rem, 0.9vw + 0.75rem, 1rem); margin-top:0.8em; margin-bottom:0.4em;}

/* Mobile tighten */
@media (max-width: 600px){
  :root{--body-min:13px; --body-max:15px}
  h1{font-size: clamp(1.4rem, 4vw + 0.8rem, 1.8rem);}
  h2{font-size: clamp(1.05rem, 3vw + 0.85rem, 1.3rem);}
}

/* Reduce large margins that cause CLS on small viewports */
article h1, article h2, article h3{scroll-margin-top: 1.2rem}

/* Improve reading on narrow viewports */
@media (max-width: 480px){
  body{line-height:1.5}
}