.page-intro, .content-section, .article-meta, .article-note, .news-pagination,
.content-footer, .related-content { padding: 1rem; line-height: 1.6; font-size: 1rem; }
.page-intro h1 { margin: 0 0 .5rem; font-size: clamp(1.5rem, 3vw, 2.4rem); }
.page-intro p { margin: .5rem 0; }
.content-section h2, .related-content h2 { font-size: 1.4rem; margin: .5rem 0; }
.content-section ul, .related-content ul { padding-left: 1.3rem; }
.content-section li, .related-content li { margin: .5rem 0; }
.content-footer { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; font-size: .9rem; }
.article-meta, .article-note { font-size: .9rem; color: #555; padding: .5rem 0; }
.news-pagination { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; }
.news-pagination [aria-current] { font-weight: bold; }
.product-detail { padding: 1rem; max-width: 70rem; }
.product-detail img { max-width: 100%; height: auto; }
.navigation-error { padding: 1rem; background: #fff3cd; color: #463b12; }