.hf{max-width:1180px;margin:0 auto;padding:20px 16px 8px;color:var(--al-ink)}.hf-narrow{max-width:560px}.hf-loading{min-height:120px;contain:layout}.hf-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;justify-content:space-between}.hf-title{font:900 clamp(24px,4vw,34px)/1.08 var(--font-display),Georgia,serif;margin:0}.hf-sub{margin:8px 0 4px;max-width:60ch;color:var(--al-ink-soft)}.hf-filter{align-items:center;max-width:100%}.hf-chips,.hf-filter{display:flex;gap:6px;min-width:0}.hf-chips{overflow-x:auto;scrollbar-width:none;padding-right:24px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}.hf-chips::-webkit-scrollbar{display:none}.hf-chips button,.hf-more-btn{flex:none;font:600 13px/1 var(--font-body),system-ui,sans-serif;padding:8px 12px;border:1.5px solid var(--al-ink);background:transparent;color:var(--al-ink);cursor:pointer}@media (min-width:768px){.hf-chips,.hf-filter{flex-wrap:wrap}.hf-chips{overflow:visible;padding-right:0;-webkit-mask-image:none;mask-image:none}}.hf-chips button.on{background:var(--al-ink);color:var(--al-paper)}.hf-more-btn{border-style:dashed}.hf-retry{font:inherit;text-decoration:underline;background:none;color:var(--al-ink);cursor:pointer}.hf-retry,.hf-sr{border:0;padding:0}.hf-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.hf-panel{margin-top:6px;padding:4px 12px 14px;border:1.5px dashed var(--al-ink)}.hf-block{margin-top:18px}.hf-h3{font:700 12px/1 var(--font-mono),ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--al-gold-deep);margin:0 0 10px}.hf-pick-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-bottom:10px}.hf-pick-head .hf-h3{margin:0}.hf-state{font:600 13px/1 var(--font-body),system-ui,sans-serif;min-height:36px;max-width:100%;padding:6px 8px;border:1.5px solid var(--al-ink);background:var(--al-paper-high);color:var(--al-ink);cursor:pointer}.hf-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:10px;gap:10px}.hf-card{display:flex;gap:12px;padding:10px;border:1.5px solid var(--al-ink);background:var(--al-paper-high);color:inherit;text-decoration:none}.hf-card:hover{background:var(--al-well)}.hf-art{width:56px;height:76px;object-fit:cover;flex:none;border:1px solid var(--al-hair)}.hf-art-none{background:var(--al-well);display:block}.hf-text{display:flex;flex-direction:column;gap:3px;min-width:0}.hf-beer{font:800 16px/1.15 var(--font-display),Georgia,serif}.hf-meta{font-size:13px;color:var(--al-ink-soft)}.hf-status{font:600 12px/1.3 var(--font-body),system-ui,sans-serif;color:var(--al-gold-deep)}.hf-more-row{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px}.hf-more{display:inline-block;font-size:13px;color:var(--al-ink)}.hf-empty{margin:14px 0 0;color:var(--al-ink-soft);font-size:14px}.hf-news{list-style:none;margin:0;padding:0;border-top:1px solid var(--al-hair)}.hf-news li{padding:8px 0;border-bottom:1px solid var(--al-hair);font-size:14px}.hf-news-house{font-weight:700}.hf-picks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:8px;gap:8px}.hf-pick{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1.5px solid var(--al-ink);background:var(--al-paper-high)}.hf-pick>span{display:flex;flex-direction:column;gap:2px;min-width:0}.hf-pick-name{font:800 15px/1.2 var(--font-display),Georgia,serif;color:var(--al-ink);text-decoration:none}.hf-pick-n{font-size:12.5px;color:var(--al-ink-soft)}.hf-pick .hf-follow{flex:none;margin:0;padding:8px 12px;font-size:12px;line-height:1;letter-spacing:.04em;white-space:nowrap;width:auto;max-width:none;position:static}@media (pointer:coarse){.hf-state{font-size:16px}}.hf-carousel{margin:0 0 26px;padding:4px 0 4px 16px}.hf-carousel .hf-pick-head{padding-right:16px}.hf-carousel .hf-sub{margin:0 16px 10px 0;font-size:13.5px}.hf-rail{list-style:none;margin:0;padding:2px 16px 6px 0;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hf-rail::-webkit-scrollbar{display:none}.hf-tile{flex:0 0 172px;scroll-snap-align:start;display:flex;flex-direction:column;gap:4px;padding:12px;border:1.5px solid var(--al-ink);background:var(--al-paper-high)}.hf-tile .hf-pick-name{min-height:2.4em}.hf-tile .hf-follow{margin:6px 0 0;min-height:44px;width:100%;max-width:none;position:static;padding:0 12px;font-size:12px;letter-spacing:.04em;white-space:nowrap}