.hero-section { padding-block: clamp(64px, 12vw, 140px); }
.hero-section__content { max-width: 720px; }
.hero-section h1 { margin: 0 0 16px; font-size: clamp(2.2rem, 6vw, 4.5rem); line-height: 1.2; }
.hero-section p:not(.eyebrow) { color: var(--color-muted); font-size: 1.15rem; }
.page-entry, .single-entry { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius); padding: clamp(20px, 4vw, 40px); }
.comments-area { margin-top: 48px; }
.comment-list { padding-inline-start: 24px; }
.error-404 { text-align: center; }
.error-404 .search-form { margin: 24px auto; }