:root{--amber:#D4921E;--amber-dk:#B8721A;--amber-lt:#F5A623;--accent:#925A14;--accent-dk:#7C4D11;--cream:#FFF8E7;--cream-2:#FBEFD2;--foam:#FEFEE0;--ink:#2B1D0E;--ink-2:#5C4423;--ink-3:#7F6036;--card:#FFFFFF;--line:rgba(120, 80, 20, .16);--radius:14px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-padding-top:1rem}body{font-family:system-ui,-apple-system,segoe ui,Roboto,sans-serif;color:var(--ink);line-height:1.5;background:var(--cream);min-height:100svh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}p a,li a.txt,.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.wrap{width:min(1100px,100% - 2rem);margin-inline:auto}canvas.foam{display:block;width:100%;height:100%}.skip{position:absolute;left:-999px;top:0;background:#fff;padding:.5rem 1rem;z-index:10}.skip:focus{left:1rem}.beer-bg{background-color:var(--amber);background-image:radial-gradient(ellipse 80% 60% at 50% 65%,rgba(255,215,80,.42) 0%,transparent 70%),linear-gradient(to bottom,var(--amber-dk) 0%,var(--amber) 18%,var(--amber-lt) 50%,var(--amber) 82%,var(--amber-dk) 100%)}header.site{position:relative;color:var(--foam)}header.site canvas.foam{clip-path:inset(0)}header.site canvas{position:absolute;inset:0}header.site .nav{position:relative;z-index:7;display:flex;gap:1.4rem;align-items:center;padding:1.1rem 0;color:var(--ink);font-weight:600;font-size:.95rem}header.site .nav .brand{font-weight:800;font-size:1.35rem;letter-spacing:-.02em;margin-right:auto}header.site .nav a:not(.brand){opacity:.9}header.site .nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}header.site.bar{height:150px}header.site.bar .search{position:relative;z-index:2;margin-top:.2rem;box-shadow:0 6px 20px rgba(60,30,0,.25)}header.site.bar .search input{padding:.7rem 1.2rem;font-size:1rem}header.site.hero{min-height:clamp(380px,52vh,560px)}header.site.hero .inner{position:relative;z-index:2;text-align:center;padding-top:clamp(1rem,7vh,3.5rem);padding-bottom:2rem;color:var(--ink)}header.site.hero h1{font-size:clamp(3rem,9vw,6rem);font-weight:800;letter-spacing:-.03em;line-height:1}header.site.hero .sub{font-size:clamp(1rem,2.6vw,1.35rem);margin:.5rem 0 1.6rem;opacity:.85}header.site.hero .stats{margin-top:1.4rem}@media(max-width:640px){header.site .nav{gap:.9rem;font-size:.85rem}header.site.bar{height:140px}header.site .nav .menu{position:relative}header.site .nav .menu>summary{display:grid;place-items:center;width:2.75rem;height:2.75rem;margin-right:-.6rem;border-radius:10px;cursor:pointer;list-style:none}header.site .nav .menu>summary::-webkit-details-marker{display:none}header.site .nav .menu>summary:hover{background:rgba(255,255,255,.4)}header.site .nav .menu .ico.close{display:none}header.site .nav .menu[open] .ico.burger{display:none}header.site .nav .menu[open] .ico.close{display:block}header.site .nav .menu:not([open]) .menulinks{display:none}header.site .nav .menulinks{position:absolute;right:0;top:calc(100% + .55rem);z-index:6;display:flex;flex-direction:column;min-width:11.5rem;padding:.35rem;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(60,30,0,.22)}header.site .nav .menulinks a{padding:.6rem .75rem;border-radius:8px;opacity:1}header.site .nav .menulinks a:hover{background:var(--cream-2);text-decoration:none}}@media(min-width:641px){header.site .nav .menu{display:contents}header.site .nav .menu>summary{display:none}header.site .nav .menu::details-content{display:contents;content-visibility:visible}header.site .nav .menu>.menulinks{display:flex;align-items:center;gap:1.4rem}}.search{display:flex;width:min(640px,100%);margin-inline:auto;border-radius:999px;overflow:hidden;box-shadow:0 10px 30px rgba(60,30,0,.25);background:#fff}.search input{flex:1;min-width:0;border:0;padding:.95rem 1.4rem;font:inherit;font-size:1.05rem;color:var(--ink);background:0 0}.search input::placeholder{color:var(--ink-3)}.search input:focus{outline:none}.search:focus-within{box-shadow:0 10px 30px rgba(60,30,0,.25),0 0 0 3px rgba(255,255,255,.7)}.search button{border:0;padding:0 1.5rem;background:var(--accent);color:var(--foam);font:inherit;font-weight:600;cursor:pointer}.search button:hover{background:var(--accent-dk)}.searchbox{position:relative;z-index:3;width:min(640px,100%);margin-inline:auto}.searchbox .search{width:100%}.suggest{position:absolute;left:0;right:0;top:calc(100% + .4rem);z-index:4;list-style:none;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(60,30,0,.22);overflow:hidden;text-align:left}.suggest li{display:flex;gap:.6rem;align-items:baseline;padding:.55rem .9rem;cursor:pointer;color:var(--ink);border-bottom:1px solid var(--line)}.suggest li:last-child{border-bottom:0}.suggest li[aria-selected=true],.suggest li:hover{background:var(--cream-2)}.suggest .name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggest .meta{color:var(--ink-3);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggest .kind{margin-left:auto;flex:none;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.filter{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .7rem;margin-bottom:1rem}.filter label{color:var(--ink-2);font-size:.9rem}.filter select{flex:1 1 12rem;min-width:0;max-width:20rem;padding:.45rem .6rem;font:inherit;font-size:.95rem;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:9px}.filter button{padding:.45rem 1rem;font:inherit;font-weight:600;cursor:pointer;color:var(--foam);background:var(--accent);border:0;border-radius:9px}.filter button:hover{background:var(--accent-dk)}@media(max-width:640px){.filter label{flex:1 0 100%}.filter select{max-width:none}}.stats{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 2.2rem}.stats b{display:block;font-size:1.35rem;line-height:1.1;letter-spacing:-.02em}.stats span{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;opacity:.85}@media(max-width:640px){.stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.2rem;max-width:21rem;margin-inline:auto}}main{flex:1;padding:2rem 0 1rem;display:grid;gap:2.2rem;align-content:start}h1.page{font-size:clamp(1.7rem,4vw,2.4rem);font-weight:800;letter-spacing:-.02em;line-height:1.15}h2{font-size:1.25rem;font-weight:700;margin-bottom:.8rem;letter-spacing:-.01em}h2 small,h1 small{font-weight:500;font-size:.85rem;color:var(--ink-3);margin-left:.5rem}.lead{color:var(--ink-2);max-width:65ch}.crumbs{font-size:.85rem;color:var(--ink-3);margin-bottom:.4rem}.crumbs a:hover{text-decoration:underline}.prose{max-width:70ch;min-width:0}.prose p+p,.prose div+p,.prose pre+p,.prose .bullets+p{margin-top:.8rem}.prose .bullets{margin:.6rem 0 0 1.1rem}.prose .bullets li{margin-bottom:.45rem}.muted{color:var(--ink-3)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--cream-2);border:1px solid var(--line);border-radius:6px;padding:.08em .35em;overflow-wrap:anywhere}.prose pre{margin:.8rem 0 0;padding:.7rem .9rem;background:var(--cream-2);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.prose pre code{background:0 0;border:0;padding:0;font-size:.875rem;line-height:1.5;white-space:pre}.browse{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.tile{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem}.tile .chips{margin-bottom:.7rem}.more{font-size:.85rem;color:var(--accent);font-weight:600}.more:hover{text-decoration:underline}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}.card{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1rem 1rem 4.4rem;position:relative;height:9.5rem;overflow:hidden;transition:box-shadow .15s,transform .15s}.card:hover{box-shadow:0 8px 24px rgba(90,50,0,.12);transform:translateY(-1px)}.card h3,.card p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.card h3{font-size:1rem;line-height:1.25;margin-bottom:.2rem;padding-right:3rem;-webkit-line-clamp:2;line-clamp:2}.card p{font-size:.85rem;color:var(--ink-2);-webkit-line-clamp:2;line-clamp:2}.card p+p{-webkit-line-clamp:1;line-clamp:1}.card .abv{position:absolute;right:.9rem;top:.9rem;font-size:.8rem;font-weight:700;color:var(--accent)}.glass{position:absolute;left:1rem;top:1rem;width:2.4rem;height:3.4rem;border-radius:4px 4px 8px 8px;border:2px solid rgba(60,30,0,.25);overflow:hidden;background:#fff}.glass i{position:absolute;inset:22% 0 0 0}.glass::after{content:"";position:absolute;inset:0 0 auto 0;height:24%;background:var(--foam);border-bottom:1px solid rgba(60,30,0,.12)}.glass.unknown i{background:repeating-linear-gradient(135deg,#f1e4c6 0 6px,#fbf3e0 6px 12px)}.glass.lg{display:block;position:relative;left:auto;top:auto;width:7.5rem;height:10.6rem;border-radius:9px 9px 18px 18px;border-width:3px;margin-inline:auto;box-shadow:0 8px 20px rgba(60,30,0,.14)}.glass.lg::before{content:"";position:absolute;z-index:1;left:13%;top:30%;width:9%;height:52%;border-radius:999px;background:linear-gradient(rgba(255,255,255,.38),rgba(255,255,255,4%))}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-flex;gap:.45rem;align-items:baseline;padding:.4rem .85rem;border-radius:999px;background:var(--cream-2);border:1px solid var(--line);font-size:.9rem}.chip:hover{background:#f5e3b8}.chip small{color:var(--ink-3);font-size:.75rem}.chip.on{background:var(--accent);color:var(--foam);border-color:var(--accent)}.chip.on small{color:var(--foam)}.cols{columns:3 220px;column-gap:2rem}.cols,.cols ul{list-style:none}.cols li{break-inside:avoid}.cols li a{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem;padding:.3rem 0;border-bottom:1px solid var(--line)}.cols li a:hover{color:var(--accent)}.cols li a span{color:var(--ink-3);font-size:.85rem}.cols li small{margin-left:auto;padding-left:.6rem;color:var(--ink-3);white-space:nowrap}.group{break-inside:avoid;margin-bottom:1.4rem}.group h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:.3rem}.alpha{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem}.alpha a{display:inline-block;min-width:2rem;text-align:center;padding:.3rem .4rem;border-radius:8px;font-weight:600;font-size:.9rem;background:var(--cream-2);border:1px solid var(--line)}.alpha a.on{background:var(--accent);color:var(--foam);border-color:var(--accent)}.alpha a:hover{background:#f5e3b8}.alpha a.on:hover{background:var(--accent)}.pager{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;font-size:.95rem}.pager a{padding:.5rem 1rem;border-radius:999px;background:var(--cream-2);border:1px solid var(--line);font-weight:600}.pager a:hover{background:#f5e3b8}.pager span{color:var(--ink-3)}.detail{display:grid;grid-template-columns:1fr;gap:1.6rem}@media(min-width:800px){.detail.with-media{grid-template-columns:1fr 300px}}.detail .media img{width:100%;height:auto;max-height:440px;object-fit:contain;border-radius:var(--radius);background:#fff;border:1px solid var(--line)}.detail .media figcaption{font-size:.75rem;color:var(--ink-3);margin-top:.3rem}.detail aside.media{display:grid;gap:1.4rem;align-content:start}.glassbox{text-align:center}.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-auto-rows:1fr;gap:.8rem}.fact{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.7rem .9rem}.fact b{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-weight:600}.fact span,.fact a{font-size:1.05rem}.fact a:hover{color:var(--accent);text-decoration:underline}.fact .swatch{display:inline-block;width:.9em;height:.9em;border-radius:50%;border:1px solid rgba(60,30,0,.3);vertical-align:-.1em;margin-right:.3em}.flag{display:inline-block;width:1.25em;height:.94em;margin-right:.38em;vertical-align:-.1em;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(60,30,0,.18)}h1 .flag{margin-right:.3em;vertical-align:-.04em}.links{display:flex;flex-wrap:wrap;gap:.5rem}.links a{padding:.45rem .9rem;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:.9rem;font-weight:600}.links a:hover{background:var(--cream-2)}.sources{font-size:.8rem;color:var(--ink-3);border-top:1px solid var(--line);padding-top:.8rem}.sources a{text-decoration:underline;text-underline-offset:2px}.badge{display:inline-block;font-size:.75rem;padding:.1rem .55rem;border-radius:999px;background:var(--cream-2);border:1px solid var(--line);color:var(--ink-2);vertical-align:middle}.badge.closed{background:#f3dede;color:#7a2a2a;border-color:#e6c2c2}footer.site{font-size:.8rem;color:var(--ink-3);text-align:center;padding:2rem 1rem;border-top:1px solid var(--line);margin-top:2rem}footer.site a{text-decoration:underline;text-underline-offset:2px}footer.site p+p{margin-top:.3rem}footer.site .version{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;color:var(--ink-3)}.empty{padding:2rem;text-align:center;color:var(--ink-3);background:var(--card);border:1px dashed var(--line);border-radius:var(--radius)}@media(prefers-reduced-motion:reduce){.card{transition:none}}.mt-1{margin-top:.5rem}.mt-2{margin-top:.8rem}.mt-3{margin-top:1.2rem}.mt-4{margin-top:1.5rem}.srm-1 i,.swatch.srm-1{background:#f3f993}.srm-2 i,.swatch.srm-2{background:#f5f75c}.srm-3 i,.swatch.srm-3{background:#f6f513}.srm-4 i,.swatch.srm-4{background:#eae615}.srm-5 i,.swatch.srm-5{background:#e0d01b}.srm-6 i,.swatch.srm-6{background:#d5bc26}.srm-7 i,.swatch.srm-7{background:#cdaa37}.srm-8 i,.swatch.srm-8{background:#c1963c}.srm-9 i,.swatch.srm-9{background:#be8c3a}.srm-10 i,.swatch.srm-10{background:#be823a}.srm-11 i,.swatch.srm-11{background:#c17a37}.srm-12 i,.swatch.srm-12{background:#bf7138}.srm-13 i,.swatch.srm-13{background:#bc6733}.srm-14 i,.swatch.srm-14{background:#b26033}.srm-15 i,.swatch.srm-15{background:#a85839}.srm-16 i,.swatch.srm-16{background:#985336}.srm-17 i,.swatch.srm-17{background:#8d4c32}.srm-18 i,.swatch.srm-18{background:#7c452d}.srm-19 i,.swatch.srm-19{background:#6b3a1e}.srm-20 i,.swatch.srm-20{background:#5d341a}.srm-21 i,.swatch.srm-21{background:#4e2a0c}.srm-22 i,.swatch.srm-22{background:#4a2727}.srm-23 i,.swatch.srm-23{background:#361f1b}.srm-24 i,.swatch.srm-24{background:#261716}.srm-25 i,.swatch.srm-25{background:#231716}.srm-26 i,.swatch.srm-26{background:#19100f}.srm-27 i,.swatch.srm-27{background:#16100f}.srm-28 i,.swatch.srm-28{background:#120d0c}.srm-29 i,.swatch.srm-29{background:#100b0a}.srm-30 i,.swatch.srm-30{background:#050b0a}.fact small{display:block;font-size:.75rem;color:var(--ink-3)}.guide dl{display:grid;grid-template-columns:1fr;gap:.6rem}@media(min-width:720px){.guide dl{grid-template-columns:1fr 1fr}}.guide dl>div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.7rem .9rem}.guide dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-weight:600;margin-bottom:.15rem}.guide dd{font-size:.95rem}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.tiles a.tile{display:block}.tiles .tile b{display:block;font-size:2rem;letter-spacing:-.02em;color:var(--accent);line-height:1.1}.tiles .tile h2{margin-bottom:.2rem}.tiles .tile p{color:var(--ink-2);font-size:.9rem}table.data{width:100%;border-collapse:collapse;font-size:.92rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}table.data th,table.data td{text-align:left;padding:.5rem .7rem;border-bottom:1px solid var(--line);vertical-align:top}table.data th{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);background:var(--cream-2)}table.data tr:last-child td{border-bottom:0}table.data td.n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}table.data td a:hover{color:var(--accent);text-decoration:underline}table.data .muted{font-size:.85rem}.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:640px){table.data .opt{display:none}}.badge.eco{background:#e3f0dc;color:#2f6f3e;border-color:#bcd9b2}.eco-dot{display:inline-block;width:1.15em;height:1.15em;line-height:1.15em;text-align:center;border-radius:50%;background:#2f6f3e;color:#fff;font-size:.72em;font-weight:700;vertical-align:.08em}.editbar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;padding:.45rem 1rem;background:var(--ink);color:var(--foam);font-size:.85rem}.editbar .who{font-weight:700;margin-right:auto}.editbar a,.editbar button{color:var(--foam);background:rgba(255,255,255,.14);border:0;border-radius:999px;padding:.3rem .8rem;font:inherit;font-weight:600;cursor:pointer}.editbar a:hover,.editbar button:hover{background:rgba(255,255,255,.26)}.editbar form{display:inline}.editbar #edit-toggle{background:var(--amber);color:var(--ink)}.editor{background:var(--card);border:2px solid var(--amber);border-radius:var(--radius);padding:1.2rem}.editor h2{font-size:1rem;margin-bottom:.8rem}.erow{display:grid;grid-template-columns:10rem minmax(0,1fr)auto;gap:.6rem;align-items:start;padding:.55rem 0;border-top:1px solid var(--line)}.erow:first-of-type{border-top:0}.erow>label{font-size:.85rem;font-weight:600;padding-top:.5rem}.erow>label .edited{display:block;font-weight:400;font-size:.7rem;color:var(--accent)}.efield{display:grid;gap:.25rem;min-width:0}.efield input,.efield textarea,.efield select{width:100%;font:inherit;font-size:.95rem;padding:.4rem .6rem;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.efield textarea{resize:vertical;line-height:1.45}.efield .file{font-size:.8rem}.eactions{display:flex;gap:.4rem;align-items:start}.eactions button{border:0;border-radius:8px;padding:.45rem .9rem;background:var(--accent);color:var(--foam);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap}.eactions button:hover{background:var(--accent-dk)}.eactions button:disabled{opacity:.6;cursor:default}.eactions button.ghost{background:var(--cream-2);color:var(--ink-2)}.eactions button.warn{background:#9b2c2c}.eactions button.warn:hover{background:#7f2424}.note{font-size:.8rem;color:var(--ink-3);min-height:1em}.note.ok{color:#2f6f3e}.note.bad{color:#9b2c2c}.erow.danger{margin-top:.8rem;border-top:2px solid var(--line)}@media(max-width:700px){.erow{grid-template-columns:1fr}.erow>label{padding-top:0}}.loginform{display:grid;gap:.4rem;max-width:22rem}.loginform label{font-size:.85rem;font-weight:600}.loginform input{font:inherit;padding:.55rem .8rem;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.loginform button{margin-top:.6rem;border:0;border-radius:999px;padding:.6rem 1.4rem;background:var(--accent);color:var(--foam);font:inherit;font-weight:600;cursor:pointer}.loginerr{padding:.6rem .9rem;border-radius:8px;background:#fdeaea;color:#9b2c2c;border:1px solid #f3c6c6}