/* css/pages/hub.css */
.hub-page { padding: 18px 0 88px; }
.hub-page__header { max-width: 760px; margin-bottom: 28px; }
.hub-page__header h1 { margin: 0 0 12px; }
.hub-page__header p { margin: 0; color: var(--color-muted); font-size: 1.0625rem; }
.hub-page__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; }
.hub-page__grid > li { min-width: 0; }
.hub-card { display: flex; min-height: 230px; height: 100%; flex-direction: column; padding: 24px; border: 1px solid var(--color-line); border-radius: var(--radius-card); background: var(--color-white); box-shadow: var(--shadow-soft); }
.hub-card h2 { margin: 0 0 10px; font-size: 1.25rem; }
.hub-card p { margin: 0 0 22px; color: var(--color-muted); }
.hub-card a { margin-top: auto; font-weight: 800; }
.contacts-page__list { display: grid; max-width: 860px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; }
.contacts-page__list > div { padding: 20px; border: 1px solid var(--color-line); border-radius: var(--radius-card); background: var(--color-white); }
.contacts-page__list dt { margin-bottom: 6px; color: var(--color-muted); font-size: .875rem; font-weight: 800; }
.contacts-page__list dd { margin: 0; color: var(--color-text-strong); font-weight: 700; overflow-wrap: anywhere; }
@media (max-width: 900px) { .hub-page__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .hub-page { padding: 10px 0 55px; } .hub-page__grid, .contacts-page__list { grid-template-columns: 1fr; } .hub-card { min-height: 0; } }