.pain-hub-intro { padding: 3rem 0 2rem; background: #fff; }
.pain-hub-intro h1 { font-size: clamp(2.75rem, 5vw, 4.5rem); line-height: 1.05; }
.pain-hub-intro p { margin-top: 1rem; font-size: 1.125rem; line-height: 1.6; color: #424a43; max-width: 42rem; }
.pain-hub-featured { background: #e8e2d9; padding: 2rem 0 2.5rem; }
.pain-hub-articles { background: #fff; padding: 2.5rem 0 3rem; }
.pain-hub h2 { font-size: 1.5rem; line-height: 1.3; margin-bottom: 1.25rem; }
.pain-hub-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.pain-hub-grid--featured { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pain-hub-card { display: flex; flex-direction: column; min-width: 0; padding: 1.25rem; border: 1px solid #d8ddd8; border-radius: .875rem; background: #fff; transition: border-color .18s, box-shadow .18s; }
.pain-hub-card:hover { border-color: #52614f; box-shadow: 0 4px 16px #1f2d210a; }
.pain-hub-card:focus-visible { outline: 3px solid #a4472e; outline-offset: 3px; }
.pain-hub-tag { color: #52614f; font-size: .875rem; line-height: 1.5; }
.pain-hub-card h3 { margin-top: .625rem; font-size: 1.5rem; line-height: 1.2; overflow-wrap: anywhere; }
.pain-hub-card--featured h3 { font-size: 1.875rem; }
.pain-hub-card p { margin-top: .75rem; color: #424a43; font-size: 1rem; line-height: 1.65; }
.pain-hub-read { margin-top: auto; padding-top: 1rem; color: #a4472e; font-size: .875rem; font-weight: 600; }
@media (max-width: 900px) { .pain-hub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .pain-hub-grid { grid-template-columns: minmax(0, 1fr); } .pain-hub-intro { padding: 2rem 0 1.5rem; } .pain-hub-featured, .pain-hub-articles { padding: 1.5rem 0; } .pain-hub-card--featured h3 { font-size: 1.625rem; } }
@media (prefers-reduced-motion: reduce) { .pain-hub-card { transition: none; } }