.site{border-bottom:1px solid var(--border)}.site__in{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:64px;display:flex}.brand{font:500 28px/34px var(--font-display);color:var(--ink);white-space:nowrap;text-decoration:none}.nav{align-items:center;gap:var(--space-5);display:flex}.nav__link{color:var(--ink);font:500 15px/22px var(--font-sans);text-decoration:none}.nav__link:hover{text-decoration:underline}@media (max-width:420px){.brand{font-size:22px;line-height:28px}}.head-btn{width:var(--tap-target);height:var(--tap-target);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink);cursor:pointer;justify-content:center;align-items:center;transition:background-color .15s;display:inline-flex}.head-btn:hover{background:var(--surface-sunken)}.menu-toggle{display:none}.menu{padding-bottom:var(--space-4);flex-direction:column;display:flex}.menu__link{min-height:var(--tap-target);border-top:1px solid var(--border);color:var(--ink);font:500 17px/24px var(--font-sans);align-items:center;text-decoration:none;display:flex}.menu__theme{border:0;border-top:1px solid var(--border);cursor:pointer;background:0 0;justify-content:space-between;width:100%;padding:0}.menu .ca-btn{margin-top:var(--space-4)}@media (max-width:719.98px){.nav{display:none}.menu-toggle{display:inline-flex}}@media (min-width:720px){.menu{display:none}}@media (prefers-reduced-motion:reduce){.head-btn{transition:none}}.page-main{padding-bottom:var(--space-7)}.hero{padding:var(--space-7) 0 var(--space-5)}.hero>h1{margin:0 0 var(--space-3);font:500 40px/44px var(--font-display);letter-spacing:-.015em;text-wrap:balance}.hero>p{margin:0 0 var(--space-5);max-width:60ch;color:var(--ink-muted)}.filters-panel{display:none}.filters-open{gap:var(--space-2);margin-top:var(--space-3);scrollbar-width:none;padding:2px;display:flex;overflow-x:auto}.filters-open .ca-btn,.filters-open .ca-chip{flex:none}.status{justify-content:space-between;align-items:center;gap:var(--space-3);margin:var(--space-5) 0 var(--space-3);flex-wrap:wrap;display:flex}.applied{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.count{font:600 13px/18px var(--font-sans);color:var(--ink-muted);margin:0}.grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));display:grid}.results[aria-busy=true]{opacity:.6;transition:opacity .15s}.more{margin-top:var(--space-6);justify-content:center;display:flex}.filters-open__chevron{display:none}@media (min-width:720px){.hero>h1{letter-spacing:-.02em;font-size:56px;line-height:60px}.filters-open{flex-wrap:wrap;overflow:visible}.filters-open__chevron{display:inline-flex}.filters-panel:not([hidden]){gap:var(--space-5);margin-top:var(--space-4);padding:var(--space-5);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.grid{gap:var(--space-6)}}.vote{z-index:1;align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex;position:relative}.vote-msg{max-width:220px;font:400 13px/18px var(--font-sans);color:var(--danger);text-align:right;margin:0}.vote-msg:empty{display:none}.skeleton{border-radius:var(--radius-md);background:var(--surface-sunken)}.skeleton--card{height:236px}.skeleton--bar{height:52px}.foot{margin-top:var(--space-8);padding:var(--space-5) 0;border-top:1px solid var(--border);color:var(--ink-muted);font:400 13px/18px var(--font-sans)}.foot__in{justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;display:flex}.foot a{color:var(--ink-muted)}.foot__links{gap:var(--space-4);display:flex}.crumb{align-items:center;gap:var(--space-1);margin-top:var(--space-5);color:var(--ink-muted);font:500 13px/18px var(--font-sans);text-decoration:none;display:inline-flex}.crumb:hover{color:var(--ink)}.detail{gap:var(--space-6);padding-top:var(--space-5);grid-template-columns:1fr;display:grid}@media (min-width:900px){.detail{grid-template-columns:minmax(0,3fr) minmax(280px,2fr);align-items:start}}.detail__head{gap:var(--space-3);flex-direction:column;display:flex}.detail__title{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.detail__title h1{font:500 40px/44px var(--font-display);letter-spacing:-.015em}.detail__lead{max-width:65ch;font:400 17px/26px var(--font-sans);color:var(--ink)}.panel{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.attrs{gap:var(--space-4);grid-template-columns:1fr;margin:0;display:grid}@media (min-width:560px){.attrs{grid-template-columns:1fr 1fr}}.attrs dt{margin-bottom:var(--space-1);font:600 12px/16px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.attrs dd{gap:var(--space-2);flex-wrap:wrap;margin:0;display:flex}.section{gap:var(--space-3);margin-top:var(--space-6);flex-direction:column;display:flex}.links{gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.links a{font-weight:600}.map{aspect-ratio:4/3;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken);width:100%}.score{align-items:baseline;gap:var(--space-2);display:flex}.roaster-list{margin:var(--space-5) 0 0;border-top:1px solid var(--border);flex-direction:column;padding:0;list-style:none;display:flex}.roaster-list li{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.roaster-list a{font:500 22px/28px var(--font-display);color:var(--ink);text-decoration:none}.roaster-list a:hover{text-decoration:underline}.narrow{max-width:640px;padding-top:var(--space-7)}.narrow h1{margin-bottom:var(--space-3)}.prose{gap:var(--space-3);flex-direction:column;max-width:65ch;display:flex}.prose h2{margin-top:var(--space-4)}.form{gap:var(--space-4);margin-top:var(--space-5);flex-direction:column;display:flex}.form-error{padding:var(--space-3) var(--space-4);border:1px solid var(--danger);border-radius:var(--radius-md);background:var(--danger-soft)}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.panel .vote{align-items:flex-start}.panel .vote-msg{text-align:left}