/* fx99-nav group view: the hybrid group archive's brand section and list heading (includes/group.php).
   The index card rules (index.css) scoped to .ab-garch; from notes/nav/tools/group_archive_mockup.py. */
.ab-garch{margin-top:44px}
.ab-garch *,.ab-garch *::before,.ab-garch *::after{box-sizing:border-box}
.ab-garch ul{list-style:none;margin:0;padding:0}
.ab-garch-head{align-items:baseline;column-gap:16px;display:flex;flex-wrap:wrap;row-gap:4px}
.ab-garch h2,.ab-garch-listhead h2{color:var(--contrast);font-size:clamp(1.375rem, 1.1rem + 1vw, 1.75rem);font-weight:700;letter-spacing:-0.02em;line-height:1.25;margin:0}
.ab-garch-head p{color:var(--contrast-2);font-size:0.9375rem;font-variant-numeric:tabular-nums;margin:0}
.ab-garch .ab-garch-lede{color:var(--contrast-2);font-size:1rem;line-height:1.6;margin:6px 0 18px;max-width:68ch}
.ab-garch .ab-grid{display:grid;gap:10px;grid-template-columns:repeat(2, minmax(0, 1fr))}
@media (min-width:768px){.ab-garch .ab-grid{gap:14px;grid-template-columns:repeat(3, minmax(0, 1fr))}}
@media (min-width:1100px){.ab-garch .ab-grid{gap:16px;grid-template-columns:repeat(4, minmax(0, 1fr))}}
.ab-garch .ab-grid > li{display:flex;min-width:0}
.ab-garch .ab-card{align-items:center;border:1px solid var(--rule);color:var(--contrast);column-gap:12px;display:flex;min-height:60px;padding:12px 16px;text-decoration:none;width:100%}
.ab-garch .ab-card:is(:hover,:focus-visible){border-color:var(--brand);color:var(--contrast);text-decoration:none}
.ab-garch .ab-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.ab-garch .ab-body{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}
.ab-garch .ab-name{color:var(--contrast);font-size:1rem;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.ab-garch .ab-count{align-items:center;color:var(--contrast-3);column-gap:8px;display:flex;flex-wrap:wrap;font-size:0.8125rem;font-variant-numeric:tabular-nums;line-height:1.4;margin-top:2px}
.ab-garch .ab-pop{background-color:var(--brand-soft);border-radius:4px;color:var(--brand-dk);display:inline-block;font-size:0.6875rem;font-weight:700;letter-spacing:0.04em;line-height:1.2;padding:3px 6px;text-transform:uppercase}
.ab-garch .ab-go{color:var(--brand-dk);flex:0 0 auto;height:18px;transition:transform 0.18s ease;width:18px}
.ab-garch .ab-card:is(:hover,:focus-visible) .ab-go{color:var(--brand-dk);transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){.ab-garch .ab-card:is(:hover,:focus-visible) .ab-go{transform:none}}
.ab-garch-listhead{margin-bottom:6px}
@media (max-width:767px){.ab-garch .ab-card{column-gap:8px;padding:10px 12px}.ab-garch .ab-name{overflow-wrap:break-word}.ab-garch .ab-go{display:none}}