@layer components{.a2-hb{gap:12px;display:grid}.a2-hb__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.a2-hb__mode{border:1px solid var(--a2-border-soft);border-radius:var(--a2-radius);background:linear-gradient(170deg,#20242ecc,#0c1112cc);align-content:start;gap:8px;min-width:0;padding:12px;display:grid}.a2-hb__mode>h3{font:700 var(--a2-fs-md) / 1.2 var(--a2-font-display);letter-spacing:.02em;margin:0}.a2-hb__mode>h3 a{color:var(--a2-text);text-decoration:none}.a2-hb__mode>h3 a:is(:hover,:focus-visible){color:var(--a2-gold-text)}.a2-hb__picks{gap:4px;margin:0;padding:0;list-style:none;display:grid}.a2-hb__picks a{min-height:40px;color:var(--a2-text-body);font-size:var(--a2-fs-sm);background:#ffffff08;border-radius:2px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px;padding:3px 8px 3px 6px;font-weight:600;text-decoration:none;display:grid}.a2-hb__picks a:is(:hover,:focus-visible){box-shadow:inset 0 0 0 1px var(--a2-hover-line);color:var(--a2-text);background:#ffffff14}.a2-hb__picks a>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.a2-mt-reviewed.a2-hb__foot{font-size:var(--a2-fs-xs)}@media not (min-width:62rem){.a2-hb__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media not (min-width:40rem){.a2-hb__grid{gap:8px}.a2-hb__mode{padding:10px 8px}}}