@layer components{.hb-list{border-bottom:1px solid var(--color-line);margin:0;padding:0;list-style:none}.hb-row{border-top:1px solid var(--color-line);grid-template-columns:40px minmax(0,1fr);gap:8px 16px;padding:24px 0;display:grid}.hb-row>.hb-price{grid-column:2}@media (min-width:64rem){.hb-row{grid-template-columns:64px minmax(0,1fr) auto;align-items:baseline;gap:32px;padding:32px 0}.hb-row>.hb-price{text-align:right;grid-column:3;align-items:flex-end}}.hb-num{font-family:var(--font-mono);letter-spacing:.18em;color:var(--color-mute);font-size:11px}.hb-name{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:500;line-height:1.15}@media (min-width:64rem){.hb-name{font-size:36px}}.hb-name-link{color:var(--color-off);transition:color .22s var(--ease-out);text-decoration:none}@media (hover:hover) and (pointer:fine){.hb-name-link:hover{color:var(--color-cyan)}}.hb-name-link:focus-visible{outline:2px solid var(--color-cyan);outline-offset:4px}.hb-pivot{max-width:var(--measure);color:var(--color-off-soft);margin:10px 0 0;font-size:16px;line-height:1.55}.hb-subs{max-width:80ch;font-size:max(14px, var(--text-min));color:var(--color-off-soft);margin:12px 0 0;line-height:1.7}.hb-price{flex-direction:column;gap:4px;display:flex}.hb-price-label{font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.15em;text-transform:uppercase;color:var(--color-mute)}.hb-extras{margin:var(--sh-title-gap) 0 0;border:1px solid var(--color-line);background:var(--color-line);grid-template-columns:minmax(0,1fr);gap:1px;padding:0;list-style:none;display:grid}@media (min-width:48rem){.hb-extras{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:80rem){.hb-extras{grid-template-columns:repeat(5,minmax(0,1fr))}}.hb-extra{background:var(--color-ink);flex-direction:column;gap:12px;padding:24px;display:flex}@media (min-width:64rem){.hb-extra{padding:28px}}.hb-extra-name{font-family:var(--font-display);margin:0;font-size:20px;font-weight:500;line-height:1.25}.hb-extra-text{max-width:40ch;font-size:max(14px, var(--text-min));color:var(--color-off-soft);flex:1;margin:0;line-height:1.55}.hb-extra-note{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-off-soft);margin:0;font-size:11px}}
