.hb-head h1{font-size:var(--step-4);margin-top:.25rem}@media (max-width:720px){.hb-head h1{font-size:var(--step-3)}}.hb-strip{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;gap:1px;margin-top:1rem;display:flex;overflow:hidden}.hb-stat{background:var(--hoods-tint);flex:12rem;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.hb-stat-n{font-family:var(--font-display);font-size:var(--step-4);color:var(--hoods);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.hb-stat-l{color:var(--ink-2);font-size:var(--step--1);font-weight:500;line-height:1.35}.hb-stat-city{background:var(--bg-2);flex-direction:column;justify-content:center;align-items:flex-start;gap:.2rem}.hb-stat-pair{font-size:var(--step-0);gap:1.25rem;display:flex}.hb-stat-pair b{font-family:var(--font-display);font-size:var(--step-1);font-variant-numeric:tabular-nums;margin-inline-start:.3rem}.hb-stat .hb-ring{background:#fff;border-radius:50%}.hb-intro{max-width:var(--measure);color:var(--ink);margin-top:1.25rem}.hb-ring{flex:none;place-items:center;display:inline-grid;position:relative}.hb-ring svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)scaleY(-1)}.hb-ring-track{fill:none;stroke:var(--bg-3);stroke-width:9px}.hb-ring-arc{fill:none;stroke:var(--hoods-fill);stroke-width:9px;stroke-linecap:round}.hb-ring-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:700;line-height:1;position:relative}.hb-top .hb-ring-num,.hb-stat .hb-ring-num{font-size:1.44rem}.hb-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.5rem 0 1rem;padding:0;list-style:none;display:grid}@media (max-width:900px){.hb-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.hb-list{grid-template-columns:1fr;gap:.6rem}}.hb-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.7rem;padding:.85rem .95rem .75rem;display:flex}.hb-card:hover{border-color:var(--line-2)}.hb-top{border-color:color-mix(in srgb, var(--hoods-fill) 45%, #fff);border-top:3px solid var(--hoods-fill)}.hb-card-head{align-items:center;gap:.65rem;min-height:52px;display:flex}.hb-rank{background:var(--bg-2);min-width:1.9rem;height:1.9rem;color:var(--ink-2);font-family:var(--font-display);font-weight:700;font-size:var(--step--1);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;padding:0 .3rem;display:grid}.hb-top .hb-rank{background:var(--hoods-fill);color:#fff}.hb-name{min-width:0;font-family:var(--font-display);color:var(--link);overflow-wrap:anywhere;flex:1;font-size:1.125rem;font-weight:700;line-height:1.25;text-decoration:none}.hb-name:hover{text-underline-offset:.15em;text-decoration:underline}.hb-top .hb-name{font-size:var(--step-1)}.hb-comps{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.hb-comps li{font-size:var(--step--1);grid-template-columns:4.5rem minmax(0,1fr) 1.8rem;align-items:center;gap:.5rem;display:grid}.hb-comp-l{color:var(--ink-2)}.hb-comp-n{text-align:end;font-variant-numeric:tabular-nums;font-weight:700}.hb-bar{background:var(--bg-3);border-radius:3px;height:6px;display:flex;overflow:hidden}.hb-bar>span{background:var(--hoods-fill);border-radius:3px;height:100%;display:block}.hb-meta{border-top:1px solid var(--line);font-size:var(--step--1);grid-template-columns:repeat(4,auto);justify-content:space-between;gap:.25rem .5rem;margin:0;padding-top:.6rem;display:grid}.hb-meta div{flex-direction:column;min-width:0;display:flex}.hb-meta dt{color:var(--ink-2);white-space:nowrap;font-size:.8125rem}.hb-meta dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}@media (max-width:600px){.hb-stat{flex:40%;gap:.6rem;padding:.6rem .75rem}.hb-stat-city{flex-direction:row;flex-basis:100%;justify-content:space-between;align-items:center}.hb-stat-n{font-size:var(--step-3)}.hb-stat .hb-ring{width:52px!important;height:52px!important}.hb-card{gap:.55rem;padding:.7rem .8rem .6rem}.hb-card-head{min-height:0}.hb-comps{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:.9rem}.hb-comps li{grid-template-columns:1fr auto;gap:.25rem .3rem}.hb-comps .hb-bar{grid-area:2/1/auto/-1}.hb-meta{padding-top:.5rem}}.hood-head h1{font-size:clamp(1.4rem, .9rem + 2vw, var(--step-3));overflow-wrap:anywhere;text-wrap:balance}.hood-head .subtitle{overflow-wrap:anywhere}