.browse{--board:#062b5b;--board-ink:#fffdf8;--board-dim:#9fb6d8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .browse{--board:#030c1c;--board-ink:#f4f8ff;--board-dim:#7f97bd}}:root[data-theme=dark] .browse{--board:#030c1c;--board-ink:#f4f8ff;--board-dim:#7f97bd}.browse .hero.tripbar h1{margin-bottom:18px}.browse .br-tripwrap{margin-top:4px}.browse .br-start{padding-top:28px}.browse .br-lead{color:var(--muted);max-width:52ch;margin:0 0 72px}.browse .br-pass{background:var(--surface);border:2px solid var(--edge);box-shadow:6px 6px 0 var(--edge);border-radius:22px;grid-template-columns:1fr auto;align-items:center;gap:14px 24px;margin-top:24px;padding:18px 20px;display:grid}.browse .br-groups{flex-wrap:wrap;gap:10px 22px;display:flex}.browse .br-pass .chips{gap:6px;margin-top:0}.browse .br-pass .chips>span{color:var(--muted);margin-right:4px;font-size:.86rem;font-weight:700}.browse .br-pass .chip{padding:5px 12px;font-size:.86rem;text-decoration:none}.browse .br-sort{color:var(--muted);align-items:center;gap:8px;font-size:.86rem;font-weight:700;display:flex}.browse .br-sort select{font:700 .95rem var(--body);color:var(--ink);background:var(--surface);border:2px solid var(--rule);cursor:pointer;border-radius:12px;padding:8px 12px}.browse .br-sort select:hover{border-color:var(--edge)}@media (max-width:860px){.browse .br-pass{grid-template-columns:1fr}}@media (max-width:600px){.browse .br-pass{gap:10px;padding:14px 0}.browse .br-groups{gap:8px;min-width:0;display:grid}.browse .br-pass .chips{scrollbar-width:none;flex-wrap:nowrap;min-width:0;padding-inline:16px;overflow-x:auto}.browse .br-pass .chips::-webkit-scrollbar{display:none}.browse .br-pass .chip,.browse .br-pass .chips>span{flex:none}.browse .br-sort{padding-inline:16px}}.browse .br-meta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 20px;margin:26px 0 12px;display:flex}.browse .br-meta p{color:var(--muted);margin:0;font-size:.9rem}.browse .br-meta b{color:var(--ink);font-size:1.05rem}.browse .br-key{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;font-size:.84rem;list-style:none;display:flex}.browse .br-key li{align-items:center;gap:6px;display:flex}.browse .br-sw{border:2px solid var(--coral);background:var(--coral-soft);border-radius:4px;width:14px;height:14px}.browse .br-board{border:2px solid var(--edge);background:var(--surface);isolation:isolate;border-radius:20px}.browse .br-board table{border-collapse:separate;border-spacing:0;width:100%}.browse .br-board thead th:first-child{border-top-left-radius:18px}.browse .br-board thead th:last-child{border-top-right-radius:18px}.browse .br-board thead th{z-index:2;background:var(--board);color:var(--board-ink);text-align:center;vertical-align:bottom;padding:12px 6px;font-weight:500;position:sticky;top:0}.browse .br-board thead th.bottle{text-align:left;font:700 .9rem var(--body);color:var(--board-dim);padding-left:18px}.browse .br-board .grp{font:600 .74rem var(--body);color:var(--board-dim);text-align:left;white-space:nowrap;margin-bottom:8px;display:block}.browse .br-board .ap{font:500 1.25rem var(--mono);letter-spacing:.06em;display:block}.browse .br-board .city{font-size:.8rem;display:block}.browse .br-board .shop{color:var(--board-dim);margin-top:2px;font-size:.72rem;display:block}.browse .br-board th.on{background-image:linear-gradient(var(--sun),var(--sun));background-position:0 22px;background-repeat:no-repeat;background-size:100% 2px}.browse .br-board th.on.first{background-position:100% 22px;background-size:50% 2px}.browse .br-board th.on.last{background-position:0 22px;background-size:50% 2px}.browse .br-board th.on.first.last{background-size:0 0}.browse .br-board th.on:before{content:"";background:var(--sun);width:12px;height:12px;box-shadow:0 0 0 3px var(--board);border-radius:50%;margin:10px auto;display:block}.browse .br-board tbody th{text-align:left;border-right:2px solid var(--rule);min-width:236px;max-width:300px;padding:12px 16px 12px 18px;font-weight:400}.browse .br-board tbody tr+tr>*{border-top:2px dotted var(--rule)}.browse .br-board tbody th a{scroll-margin-top:140px;text-decoration:none;display:block}.browse .br-board tbody th a:hover b{text-underline-offset:3px;text-decoration:underline}.browse .br-board tbody th small{color:var(--muted);font-size:.8rem;display:block}.browse .br-board tbody th b{font:700 1rem var(--display);letter-spacing:-.01em;overflow-wrap:anywhere;display:block}.browse .br-tags{flex-wrap:wrap;align-items:center;gap:4px;margin-top:5px;display:flex}.browse .br-tag{background:var(--mint-soft);color:var(--mint);border-radius:999px;padding:1px 8px;font-size:.72rem;font-weight:700}.browse .br-tag.type{background:var(--grape-soft);color:var(--grape)}.browse .br-save{color:var(--mint);margin-left:4px;font-size:.78rem;font-weight:700}.browse .br-board td{text-align:center;min-width:120px;padding:6px 8px}.browse .br-board td .p{min-width:80px;font:700 1.05rem var(--display);font-variant-numeric:tabular-nums;border:2px solid #0000;border-radius:12px;padding:6px 8px;display:inline-block}.browse .br-board td small{font:700 .66rem var(--body);white-space:nowrap;display:block}.browse .br-board td.none{color:var(--muted)}.browse .br-board td.best .p{background:var(--coral-soft);border-color:var(--coral);font-size:1.2rem;font-weight:800}.browse .br-board td.best small{color:var(--coral)}.browse .br-board td.out .p{color:var(--muted)}.browse abbr{cursor:help;text-decoration:none}.browse .chk{color:var(--tan-ink);cursor:help;font-weight:700}.browse .br-board td small.chk{color:var(--tan-ink)}.browse .br-empty{text-align:center;padding:48px 20px}.browse .br-empty p{color:var(--muted);margin:8px 0 18px}.browse .br-empty .btn2{text-decoration:none;display:inline-block}.browse .br-brand th{text-align:left;background:var(--mint-soft);font:800 1.1rem var(--display);border-top:2px solid var(--edge);padding:10px 18px;display:table-cell}.browse .br-brand th span{font:600 .78rem var(--body);color:var(--muted);margin-left:10px}.browse .br-expr+.br-expr>tr:first-child>*{border-top:2px solid var(--rule)}.browse .br-sub th{padding-left:34px}.browse .br-sub th small a{font-weight:700;display:inline}.browse .br-toggle{font:700 .8rem var(--body);color:var(--ocean);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;min-height:28px;margin-top:4px;padding:0;text-decoration:underline;display:block}.browse .br-search{max-width:240px;margin-top:8px;display:block;position:relative}.browse .br-search .suggest{width:max(100%,280px);font-weight:400;top:calc(100% + 4px);left:0;right:auto}.browse .br-search input{width:100%;font:600 .9rem var(--body);color:var(--ink);background:var(--surface);border:2px solid var(--board-dim);border-radius:10px;padding:6px 10px}.browse .br-search input:focus-visible{outline:3px solid var(--sun);outline-offset:1px;border-color:var(--sun)}.browse .br-board td a.p{color:inherit;cursor:pointer;text-decoration:none}.browse .br-board td a.p:hover{border-color:var(--ocean);text-underline-offset:3px;text-decoration:underline}.browse .br-board td.best a.p:hover{border-color:var(--coral)}.browse .br-board td a.p:focus-visible{outline:3px solid var(--ocean);outline-offset:2px}.browse .br-board td small.br-term{color:var(--muted);margin-top:3px;font-weight:600}@media (max-width:760px){.browse .br-board{overflow-x:auto}.browse .br-board tbody th:first-child{z-index:1;background:var(--surface);min-width:170px;position:sticky;left:0}.browse .br-board td{min-width:96px}}.browse .br-foot{color:var(--muted);max-width:70ch;margin:0;padding-top:28px;font-size:.84rem}.browse .br-more{text-align:center;margin:0;padding-top:24px}.browse .br-fmts{margin-top:2px;display:block}.browse .br-fmts a{text-decoration:underline}.browse .br-story{font:500 .84rem/1.45 var(--body);color:var(--ink);margin-top:5px}.browse .br-story summary{cursor:pointer;font:700 .72rem var(--body);color:var(--grape);background:var(--grape-soft);border-radius:999px;align-items:center;gap:4px;padding:1px 8px;list-style:none;display:inline-flex}.browse .br-story summary::-webkit-details-marker{display:none}.browse .br-story summary:after{content:"+";font-weight:800}.browse .br-story[open] summary:after{content:"−"}.browse .br-story summary:focus-visible{outline:2px solid var(--grape);outline-offset:2px}.browse .br-story p{text-wrap:pretty;max-width:46ch;margin:6px 0 2px}.browse .br-brand .br-story{margin-top:6px}.browse .br-brand .br-story p{max-width:68ch;font-weight:500}
