@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-700-latin.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--plate:#fff;--ink:#000;--ink-muted:#4d4d4d;--rule:#d4d4d4;--wash:#f2f2f2;--district-red:#d0021b;--fresh:#1f7a4d;--on-fresh:#fff;--ageing:#e3a21a;--on-ageing:#000;--stale:#8c8c8c;--on-stale:#000;--gone:#c4c4c4;--backdrop:#00000080;--sign-bg:#fff;--sign-ink:#000;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:"Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif;--step--1:.875rem;--step-0:1.0625rem;--step-1:1.25rem;--step-2:1.5rem;--step-3:clamp(2.25rem, 9vw, 3rem);--gutter:1rem;--tap:2.75rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--plate:#000;--ink:#fff;--ink-muted:#b3b3b3;--rule:#3a3a3a;--wash:#161616;--gone:#5a5a5a;--backdrop:#000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--plate);color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);margin:0;line-height:1.5}body:has(dialog[open]){overflow:hidden}main,.site-header,.site-footer{max-width:40rem;padding-inline:var(--gutter);margin-inline:auto}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:700;line-height:1.15}p{margin:0}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--ink-muted)}.sample-banner{background:var(--ink);color:var(--plate);font-size:var(--step--1);padding:.5rem var(--gutter);text-align:left}.site-header{padding-top:1.5rem;padding-bottom:1.25rem}.site-title{font-size:var(--step-3)}.brand{font-family:var(--font-display);font-size:var(--step-3);letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:.35rem .6rem;font-weight:700;line-height:1.05;text-decoration:none;display:inline-flex}.plate{border:.07em solid var(--sign-ink);box-shadow:0 0 0 .09em var(--sign-bg);background:var(--sign-bg);color:var(--district-red);font-family:var(--font-body);letter-spacing:0;border-radius:.12em;padding:.1em .38em .08em;font-size:.5em;font-weight:700;line-height:1.2;display:inline-block}.page-title{font-size:var(--step-2);margin-bottom:1rem}.search-label{font-family:var(--font-display);font-weight:700;font-size:var(--step-2);margin-bottom:.4rem;display:block}.combo{position:relative}#beer-search{border:2px solid var(--ink);background:var(--plate);width:100%;min-height:3.25rem;font-size:var(--step-1);border-radius:4px;padding:.6rem .75rem}#beer-search::-webkit-search-cancel-button{appearance:none}#beer-search:has(+.search-clear:not([hidden])){padding-right:3.25rem}.search-clear{width:var(--tap);height:var(--tap);color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1.1rem;line-height:1;position:absolute;top:.25rem;right:.25rem}.search-clear:hover{background:var(--wash)}#beer-search::placeholder{color:var(--ink-muted);opacity:1}.options{z-index:10;background:var(--plate);border:2px solid var(--ink);border-radius:0 0 4px 4px;max-height:min(22rem,60vh);margin:0;padding:0;list-style:none;position:absolute;inset:calc(100% - 2px) 0 auto;overflow-y:auto}.option{min-height:var(--tap);cursor:pointer;border-top:1px solid var(--rule);flex-direction:column;padding:.5rem .75rem;display:flex}.option:first-child{border-top:0}.option[aria-selected=true],.option:hover{background:var(--wash);box-shadow:inset 4px 0 0 var(--ink)}.option-name{font-weight:600}.option-meta{font-size:var(--step--1);color:var(--ink-muted)}.option--empty{cursor:default;color:var(--ink-muted)}.button{min-height:var(--tap);border:2px solid var(--ink);background:var(--plate);cursor:pointer;text-align:left;border-radius:4px;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:600;display:inline-flex}.button:hover{background:var(--wash)}.button--primary{background:var(--ink);color:var(--plate)}.button--primary:hover{background:var(--ink);text-decoration:underline}.button:disabled{opacity:.6;cursor:progress}.panel-form{border:2px solid var(--ink);border-radius:4px;gap:.5rem;padding:1rem;display:grid}.panel-form h3{font-size:var(--step-1)}.panel-form label,.form-label{margin-top:.25rem;font-weight:600}.panel-form input[type=text],.panel-form select,.panel-form textarea{width:100%;min-height:var(--tap);border:2px solid var(--ink);background:var(--plate);border-radius:4px;padding:.5rem .6rem;font-size:1rem}.panel-form textarea{resize:vertical}.form-help,.form-hint{font-size:var(--step--1);color:var(--ink-muted)}.form-status:not(:empty),.form-done{font-weight:600}.form-done{border-left:4px solid var(--fresh);background:var(--wash);padding:.75rem 1rem}.file-button{justify-self:start}input[type=file]:focus-visible+.file-button{outline:3px solid var(--ink);outline-offset:2px}.photo-previews{grid-template-columns:repeat(2,1fr);gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.photo-previews:empty{display:none}.photo-previews img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--rule);border-radius:4px;width:100%;display:block}.form-sent{justify-items:start;gap:.6rem;display:grid}.empty .panel-form{margin-top:.75rem}.link-button{min-height:var(--tap);text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.filters{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1rem;display:flex}.segmented{border:2px solid var(--ink);border-radius:4px;margin:0;padding:0;display:inline-flex;overflow:hidden}.segmented label{display:flex;position:relative}.segmented--even{display:flex}.segmented--even label{flex:1 1 0;margin:0}.segmented--even span{flex:1;justify-content:center}.segmented label+label{border-left:2px solid var(--ink)}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented span{min-height:var(--tap);font-size:var(--step--1);white-space:nowrap;align-items:center;padding:.25rem .8rem;font-weight:600;display:flex}.segmented input:checked+span{background:var(--ink);color:var(--plate)}.segmented input:focus-visible+span{outline:3px solid var(--ink);outline-offset:-6px;box-shadow:inset 0 0 0 4px var(--plate)}.map-view{margin-top:.75rem}.map{border:2px solid var(--ink);background:var(--wash);border-radius:4px;height:min(68vh,34rem);overflow:hidden}.map-status:not(:empty){margin-top:.5rem;font-weight:600}.map-hint{font-size:var(--step--1);color:var(--ink-muted);margin-top:.5rem}.map-legend{font-size:var(--step--1);flex-wrap:wrap;gap:.25rem 1rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.map-legend li{align-items:center;gap:.4rem;display:flex}.key{border:2px solid var(--plate);width:.9rem;height:.9rem;box-shadow:0 0 0 1px var(--rule);border-radius:50%}.key--fresh{background:var(--fresh)}.key--ageing{background:var(--ageing)}.key--stale{background:var(--stale)}.key--likely{background:var(--plate);border-color:var(--ink);box-shadow:none}.key--gone{background:var(--gone)}.maplibregl-ctrl-group{border:2px solid var(--ink);background:var(--plate)!important;box-shadow:none!important}.maplibregl-ctrl-group button{width:var(--tap)!important;height:var(--tap)!important}.maplibregl-ctrl-group button+button{border-top:1px solid var(--rule)!important}.map-centre-button{color:var(--ink);font-size:1.4rem;line-height:1}.maplibregl-ctrl-attrib{font-size:.75rem}@media (prefers-color-scheme:dark){.maplibregl-ctrl-group .maplibregl-ctrl-icon,.maplibregl-ctrl-attrib-button{filter:invert()}.maplibregl-ctrl-attrib.maplibregl-compact-show,.maplibregl-ctrl-attrib-inner{color:#000}}.location{font-size:var(--step--1);margin-top:1rem}.location-status{font-weight:600}.location-actions{flex-wrap:wrap;column-gap:1.25rem;display:flex}.postcode-form{margin:.25rem 0 .5rem}.postcode-form label{margin-bottom:.25rem;font-weight:600;display:block}.postcode-row{gap:.5rem;display:flex}#postcode{width:8.5rem;min-height:var(--tap);border:2px solid var(--ink);background:var(--plate);font-size:var(--step-0);text-transform:uppercase;border-radius:4px;padding:.4rem .6rem}.postcode-row .button{font-size:var(--step--1)}.field-error{border-left:4px solid var(--district-red);margin-top:.4rem;padding-left:.6rem;font-weight:600}.location-tip{border-left:4px solid var(--ageing);margin-top:.3rem;padding-left:.6rem}.location-note,.location-privacy{color:var(--ink-muted)}.location-note{margin:.4rem 0}.results-section{margin-top:1.5rem;scroll-margin-top:1rem}.results-top{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.35rem;display:flex}.results-top h2{font-size:var(--step-2);scroll-margin-top:1rem}.results-top .link-button{font-size:var(--step--1);flex-shrink:0}.summary{font-size:var(--step--1);color:var(--ink-muted);min-height:1.5em;min-height:1lh;margin-top:.4rem}.status:not(:empty){margin-top:.5rem;font-weight:600}.results{margin:.5rem 0 0;padding:0;list-style:none}.result{border-bottom:1px solid var(--rule)}.result-button{width:100%;min-height:var(--tap);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:.2rem;padding:.8rem 0;display:flex}.result-button:hover .result-name{text-underline-offset:.18em;text-decoration:underline}.result-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.result-name{font-size:var(--step-1);font-weight:700;line-height:1.25}.result-distance{font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}.result-line{font-size:var(--step--1);flex-wrap:wrap;align-items:center;gap:.2rem .4rem;display:flex}.result-beer{font-weight:600}.result-subhead{border-bottom:1px solid var(--rule);padding-top:1.25rem;padding-bottom:.25rem}.result-subhead h3{font-family:var(--font-body);font-size:var(--step--1);color:var(--ink-muted)}.result--gone .result-name,.sep{color:var(--ink-muted)}.empty{padding:1rem 0}.empty p+p{margin-top:.4rem}.dispense{font-weight:600}.af-label{font-family:var(--font-body);white-space:nowrap;vertical-align:.1em;border:1.5px solid;border-radius:3px;padding:0 .35rem;font-size:.8125rem;font-weight:700;line-height:1.5;display:inline-block}.badge{white-space:nowrap;border:1.5px solid #0000;border-radius:3px;align-items:center;padding:.05rem .4rem;font-size:.8125rem;font-weight:600;line-height:1.45;display:inline-flex}.badge--fresh{background:var(--fresh);color:var(--on-fresh)}.badge--ageing{background:var(--ageing);color:var(--on-ageing)}.badge--stale{background:var(--stale);color:var(--on-stale)}.badge--likely{border:1.5px dashed var(--ink)}.badge--gone{color:var(--ink-muted);padding-inline:0}.sheet{border:0;border-top:3px solid var(--ink);background:var(--plate);width:100%;max-width:100%;max-height:88dvh;color:var(--ink);overscroll-behavior:contain;border-radius:10px 10px 0 0;margin:0;padding:0;transition:transform .22s ease-out;position:fixed;inset:auto 0 0;overflow-y:auto}@starting-style{.sheet[open]{transform:translateY(100%)}}.sheet::backdrop{background:var(--backdrop)}@media (min-width:48rem){.sheet{border:3px solid var(--ink);border-radius:6px;max-width:34rem;max-height:85dvh;margin:auto;inset:0}@starting-style{.sheet[open]{transform:translateY(2rem)}}}.sheet-inner{padding:0 var(--gutter) calc(1.5rem + env(safe-area-inset-bottom))}.sheet-header{z-index:1;background:var(--plate);justify-content:space-between;align-items:flex-start;gap:1rem;padding-top:1rem;padding-bottom:.25rem;display:flex;position:sticky;top:0}.sheet-header h2{font-size:var(--step-2);padding-top:.35rem}.sheet-close{width:var(--tap);height:var(--tap);border:2px solid var(--ink);background:var(--plate);cursor:pointer;border-radius:50%;flex-shrink:0;font-size:1.1rem;line-height:1}.sheet-hint{background:var(--wash);border-left:4px solid var(--ink);font-size:var(--step--1);margin-top:.75rem;padding:.5rem .75rem}.sheet-address,.sheet-meta{font-size:var(--step--1)}.sheet-address{color:var(--ink-muted)}.sheet-meta{flex-wrap:wrap;align-items:center;column-gap:.4rem;margin-top:.1rem;display:flex}.sheet-meta a{min-height:var(--tap);align-items:center;font-weight:600;display:inline-flex}.tap-group{margin-top:1.25rem}.tap-group h3{font-size:var(--step-1);border-bottom:2px solid var(--ink);padding-bottom:.3rem}.taps{margin:0;padding:0;list-style:none;container-type:inline-size}.tap{border-bottom:1px solid var(--rule);grid-template-columns:1fr auto;grid-template-areas:"name name""status vote""note note";align-items:center;gap:.15rem .75rem;padding:.6rem 0;display:grid}.tap-name{grid-area:name}.tap-beer{font-weight:700}.tap-name .dispense{font-size:var(--step--1);margin-left:.15rem}.tap-status{grid-area:status}.tap--gone .tap-beer{color:var(--ink-muted);text-decoration:line-through;text-decoration-thickness:2px}.vote{grid-area:vote;align-items:center;gap:.35rem;display:flex}.vote-question{font-size:var(--step--1);color:var(--ink-muted);white-space:nowrap;margin-right:.15rem;display:none}@container (width>=24rem){.vote-question{display:inline}}.vote-button{width:var(--tap);height:var(--tap);border:2px solid var(--ink);background:var(--plate);cursor:pointer;border-radius:4px;font-size:1.2rem;line-height:1}.vote-button:hover{background:var(--wash)}.vote-button:active{transform:scale(.94)}.trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.vote-note{border-left:4px solid var(--ink);font-size:var(--step--1);grid-area:note;margin-top:.2rem;padding-left:.6rem;font-weight:600}.vote--done{min-height:var(--tap);font-weight:700;animation:.25s ease-out vote-thanks}@keyframes vote-thanks{0%{opacity:0;transform:scale(.85)}}.sheet-actions{gap:.6rem;margin-top:1.5rem;display:grid}.site-footer{border-top:1px solid var(--rule);font-size:var(--step--1);color:var(--ink-muted);margin-top:3rem;padding-top:1rem;padding-bottom:2rem}.theme-row{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.theme-label{color:var(--ink);font-weight:600}.theme-help{margin:.4rem 0 1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.prose h2{font-size:var(--step-1);margin-top:1.75rem;margin-bottom:.4rem}.prose p,.prose li{line-height:1.55}.prose p+p{margin-top:.6rem}.prose ul{margin:.4rem 0 0;padding-left:1.25rem}.prose li+li{margin-top:.35rem}.prose .key-list{padding-left:0;list-style:none}.prose .key-list .badge{margin-right:.4rem}.footer-links{margin-bottom:.6rem}.prose ul+p{margin-top:.6rem}.results-loading{min-height:100vh;min-height:100svh}