/* Settings hub (/admin) — loaded on every page by the core layout; selectors are hub-specific. */
.hub-filter { min-width: 16rem; padding: .45rem .7rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); color: var(--ink); font: inherit; }
.hub-jump { display: flex; flex-wrap: wrap; gap: .35rem .9rem; margin: 0 0 1.25rem; font-size: .9rem; }
.hub-group { margin-bottom: 1.5rem; scroll-margin-top: 4.5rem; }
.hub-group h2 { font-size: 1rem; margin: 0 0 .6rem; padding-bottom: .3rem; border-bottom: 2px solid var(--brand); display: inline-block; }
.hub-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); gap: .8rem; }
.hub-card { display: flex; flex-direction: column; gap: .25rem; margin: 0; text-decoration: none; color: var(--ink); transition: border-color .12s; }
.hub-card:hover, .hub-card:focus-visible { border-color: var(--brand); }
.hub-card strong { color: var(--brand-strong); }
.hub-none[hidden], .hub-group[hidden], .hub-card[hidden] { display: none; }
@media (max-width: 700px) { .hub-filter { min-width: 0; width: 100%; } }