.hero { min-height: auto; padding: 2rem 1rem 2.5rem; }
.tool { width: min(100%, 860px); text-align: left; }
.eyebrow { letter-spacing: .12em; }
h1 { max-width: 16ch; font-size: clamp(2.1rem, 6vw, 4.25rem); line-height: 1.05; }
.subtitle { max-width: 54rem; margin: 1rem 0 1.25rem; font-size: clamp(1.05rem, 2.6vw, 1.25rem); line-height: 1.65; }
.subtitle strong { color: var(--text); }
.meaning-figure { margin: 1.3rem 0 0; }
.meaning-figure img { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: 1rem; background: var(--panel-strong); }
.meaning-figure figcaption { margin-top: .55rem; color: var(--muted); font-size: .88rem; }
.panel ol { padding-left: 1.25rem; color: var(--muted); }
.panel li + li { margin-top: .4rem; }
.sources ul { padding-left: 1.2rem; }
.sources li { overflow-wrap: anywhere; }
.related-context { padding: .5rem .2rem; color: var(--muted); }
@media (max-width: 540px) {
  .hero { padding: 1.25rem 0 1.8rem; }
  h1 { font-size: clamp(2rem, 10vw, 3rem); }
  .meaning-figure { margin-inline: .1rem; }
  .site-nav { gap: .75rem; }
  .site-links { justify-content: flex-start; }
}