/* Semantic headings use the existing visual hierarchy. */
.page-banner > .container .page-section-title { font-size: 3rem; margin: 0; font-weight: 500; line-height: 1.2; }
.coffee-valve-guide-page main .articles h1.article-title { font-size: clamp(1.8rem, 4vw, 3rem); }
.coffee-valve-guide-page main .articles .article-summary { margin: 1.5rem 0; padding: 1.25rem; border-left: 4px solid #b99272; background: #f8f4ef; }
.coffee-valve-guide-page main .articles .article-summary h2 { font-size: 1.2rem; margin-bottom: .75rem; }
.coffee-valve-guide-page main .articles .article-summary p { margin: 0; }
.productinfo h1.product-title { font-size: 1.75rem; line-height: 1.4; }
.product-image-note { padding: 2rem; background: #f8f4ef; }