/* Section hubs: filter chips and child-page cards. Tokens only. */
.hub-tools{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-block)}
.chip{min-height:44px;padding:var(--space-3) var(--space-7);border:2px solid var(--color-border-control);border-radius:var(--radius-md);background:var(--color-surface-page);color:var(--color-text-primary);font:var(--font-weight-strong) var(--font-size-md)/1 var(--font-family-stack);cursor:pointer}
.chip:hover{border-color:var(--color-text-primary)}
.chip[aria-pressed=true]{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-text-secondary)}
.hub-count{margin:0 0 var(--space-7);color:var(--color-text-muted);font-weight:var(--font-weight-strong)}
.hub-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-8)}
@media (min-width:600px){.hub-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.hub-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hub-list li[hidden]{display:none}
.hub-card{position:relative;display:flex;flex-direction:column;gap:var(--space-4);height:100%;padding:var(--space-8);border:2px solid var(--color-text-primary);border-radius:var(--radius-sm);background:var(--color-surface-page)}
.hub-card:hover{background:var(--color-surface-tint)}
.hub-card h3{margin:0;font-size:var(--font-size-xl)}
.hub-card h3 a{text-decoration:none}
.hub-card h3 a::after{content:"";position:absolute;inset:0}
.hub-card p{margin:0;color:var(--color-text-muted)}
.hub-card:focus-within{outline:3px solid var(--color-text-primary);outline-offset:var(--space-3)}
.hub-card:focus-within a:focus-visible{outline:0}
.hub-empty{margin:0;font-weight:var(--font-weight-strong)}