.areas-hub { width: min(1180px, calc(100% - 2rem)); margin: 0 auto; }
.areas-hub-heading { padding: 2rem 0; }
.areas-hub-heading h1 { color: #23232E; font-size: clamp(2rem, 5vw, 3rem); }
.areas-hub-heading p { margin-top: .8rem; line-height: 1.6; }
.areas-hub-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; }
.areas-hub-grid h2 { color: #23232E; font-size: 1.25rem; border-bottom: 3px solid #F5B421; padding-bottom: .75rem; }
.areas-hub-grid ul { list-style: none; padding: .5rem 0 0; }
.areas-hub-grid a { display: flex; justify-content: space-between; gap: 1rem; padding: .75rem 0; color: #23232E; text-underline-offset: .2em; }
.areas-hub-grid a:hover { color: #78500b; }
.areas-hub-grid a:focus-visible { outline: 2px solid #23232E; outline-offset: 3px; }
.areas-hub-help { margin: 2.5rem 0; padding: 1.25rem; background: #f4f5f7; line-height: 1.6; }