:root{--paper:#f3eee4;--paper-2:#e8e0d2;--raised:#faf6ef;--ink:#1f1812;--espresso:#4a3224;--stone:#6e6a64;--stone-2:#8f8a82;--rule:#d9d2c6;--chip:#e7e0d4;--chip-unknown:#efe9dd;--font-sans:"Source Sans 3", "Segoe UI", system-ui, sans-serif;--font-display:"Fraunces", "Iowan Old Style", "Palatino Linotype", serif;--shadow-card:0 1px 2px #1f18120f;--shell:80rem}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-sans);background-image:radial-gradient(#1f181209 .6px,#0000 .6px);background-size:7px 7px;flex-direction:column;margin:0;font-size:1rem;line-height:1.5;display:flex}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0;font-weight:600}p,ul,ol,dl{margin:0}p{text-wrap:pretty}a{color:inherit}button,input,fieldset,legend{font:inherit;color:inherit}button:not(:disabled){cursor:pointer}img{max-width:100%}::selection{background:var(--espresso);color:var(--paper)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;background:var(--ink);color:var(--paper);padding:.4rem .7rem;position:absolute;top:-3rem;left:.75rem}.skip-link:focus{top:.75rem}.shell{width:min(100% - 2rem, var(--shell));margin-inline:auto}.site-header{border-bottom:1px solid var(--rule);background:color-mix(in srgb, var(--raised) 80%, transparent);backdrop-filter:blur(6px)}.header-inner,.page{padding-block:1.25rem}.page{flex:1;padding-bottom:2rem}.brand{width:fit-content;color:inherit;text-decoration:none;display:block}.eyebrow,.kicker,.section-label,.filter-group legend{font-family:var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--stone);font-size:.75rem;font-weight:500}.eyebrow{letter-spacing:.18em}.site-title{color:var(--espresso);font-size:clamp(1.5rem,2.4vw,1.875rem);line-height:1.15}.tagline{color:var(--stone);margin-top:.25rem;font-size:.875rem}.site-footer{border-top:1px solid var(--rule);margin-top:auto}.footer-inner{color:var(--stone);padding-block:1rem;font-size:.75rem;line-height:1.6}.icon{flex:none;width:1rem;height:1rem}.icon-sm{width:.875rem;height:.875rem}.back-link{height:2.5rem;color:var(--stone);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--espresso)}.note{color:var(--stone);margin:-.25rem 0 1rem;font-size:.875rem}.directory{flex-direction:column;gap:1.25rem;display:flex}.directory-main{min-width:0}.directory-heading{margin-bottom:.75rem;font-size:1.25rem;font-weight:500}.filter-bar,.filter-groups{flex-direction:column;gap:1rem;display:flex}.filter-groups{gap:.75rem}.filter-group{border:0;min-width:0;margin:0;padding:0}.filter-group legend{letter-spacing:.08em;width:100%;margin-bottom:.375rem;padding:0;display:block}.filter-options{flex-wrap:wrap;gap:.375rem;display:flex}.search-field{display:block;position:relative}.search-field .icon{color:var(--stone);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-field input{border:1px solid var(--rule);background:var(--raised);width:100%;height:3rem;color:var(--ink);border-radius:.5rem;padding:0 2.5rem;font-size:1rem}.search-field input::placeholder{color:var(--stone-2)}.search-field input:focus{border-color:var(--espresso);outline:none}.search-field input::-webkit-search-cancel-button{appearance:none}.search-clear{width:2rem;height:2rem;color:var(--stone);background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.search-clear:hover{color:var(--ink)}.filter-chip{border:1px solid var(--rule);background:var(--raised);min-height:2.75rem;color:var(--ink);text-align:left;border-radius:999px;align-items:center;padding:.35rem .75rem;font-size:.875rem;line-height:1.2;display:inline-flex}.filter-chip:hover{border-color:var(--stone-2)}.filter-chip.is-muted:not([aria-pressed=true]){background:var(--chip-unknown);color:var(--stone-2)}.filter-chip[aria-pressed=true]{border-color:var(--espresso);background:var(--espresso);color:var(--paper)}.clear-all{color:var(--stone);background:0 0;border:0;align-self:flex-start;padding:0;font-size:.875rem}.clear-all:hover{color:var(--espresso)}.directory-toolbar{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.result-count{font-variant-numeric:tabular-nums;color:var(--stone);font-size:.875rem}.pane-toggle{border:1px solid var(--rule);background:var(--raised);border-radius:999px;padding:2px;display:flex}.pane-toggle button{height:2.75rem;color:var(--stone);background:0 0;border:0;border-radius:999px;align-items:center;gap:.375rem;padding:0 .75rem;font-size:.875rem;display:inline-flex}.pane-toggle button[aria-pressed=true]{background:var(--espresso);color:var(--paper)}.cafe-list{flex-direction:column;gap:.75rem;padding:0;list-style:none;display:flex}.cafe-list>li.is-hidden{display:none}.cafe-card{border:1px solid var(--rule);background:var(--raised);box-shadow:var(--shadow-card);border-radius:1.25rem;padding:1rem;scroll-margin:1rem}.cafe-card:hover{border-color:var(--stone-2)}.cafe-card.is-selected{border-color:var(--espresso)}.cafe-title{font-size:1.125rem;font-weight:500;line-height:1.35}.cafe-title a{color:inherit;text-decoration:none}.cafe-title a:hover{text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:4px}.cafe-meta{color:var(--stone);align-items:flex-start;gap:.375rem;margin-top:.25rem;font-size:.875rem;display:flex}.cafe-meta .icon{margin-top:.15rem}.cafe-meta a{color:inherit;text-decoration:none}.cafe-meta a:hover{color:var(--espresso);text-underline-offset:2px;text-decoration:underline}.meta-sep{color:var(--rule)}.cafe-actions{align-items:center;gap:1rem;margin-top:.75rem;font-size:.875rem;display:flex}.text-link{color:var(--espresso);align-items:center;gap:.25rem;font-weight:500;text-decoration:none;display:inline-flex}.text-link:hover{text-underline-offset:4px;text-decoration:underline}.quiet-link{color:var(--stone);text-decoration:none}.quiet-link:hover{color:var(--ink)}.chip-row{flex-wrap:wrap;gap:.375rem;margin-top:.75rem;padding:0;list-style:none;display:flex}.amenity-chip{background:var(--chip);color:var(--espresso);letter-spacing:.02em;border-radius:999px;padding:.125rem .625rem;font-size:.75rem;display:inline-flex}.amenity-chip.is-unknown{background:var(--chip-unknown);color:var(--stone-2)}.empty-filter{border:1px dashed var(--rule);background:var(--raised);color:var(--stone);text-align:center;border-radius:.875rem;padding:2.5rem 1rem;font-size:.875rem}.map-rail{height:70vh;display:none}.directory.is-map-pane .map-rail{display:block}.directory.is-map-pane .cafe-list,.directory.is-map-pane .empty-filter{display:none}.cafe-map{border:1px solid var(--rule);background:var(--paper-2);border-radius:1.25rem;height:100%;min-height:20rem;position:relative;overflow:hidden}.cafe-map-canvas{width:100%;height:100%;min-height:20rem}.map-caption{z-index:500;background:color-mix(in srgb, var(--raised) 90%, transparent);color:var(--stone);pointer-events:none;border-radius:2px;margin:0;padding:.25rem .5rem;font-size:.75rem;position:absolute;bottom:.5rem;left:.5rem}.map-empty{border:1px dashed var(--rule);background:var(--raised);height:100%;min-height:20rem;color:var(--stone);text-align:center;border-radius:1.25rem;justify-content:center;align-items:center;padding:1rem;font-size:.875rem;display:flex}.detail-layout{gap:1.5rem;display:grid}.detail-title{margin-top:.25rem;font-size:clamp(1.75rem,3vw,1.875rem);line-height:1.15}.detail-place{color:var(--stone);align-items:flex-start;gap:.375rem;margin-top:.5rem;display:flex}.detail-place .icon{margin-top:.2rem}.detail-place a{color:inherit;text-decoration:none}.detail-place a:hover{color:var(--espresso);text-underline-offset:4px;text-decoration:underline}.detail-chips{margin-top:1.25rem}.facts{border-block:1px solid var(--rule);margin-top:1.5rem}.facts>div{grid-template-columns:7rem minmax(0,1fr);gap:.75rem;padding:.75rem 0;font-size:.875rem;display:grid}.facts>div+div{border-top:1px solid var(--rule)}.facts dt{color:var(--stone)}.facts dd{overflow-wrap:anywhere;margin:0}.facts a{color:inherit;align-items:center;gap:.375rem;text-decoration:none;display:inline-flex}.facts a:hover{text-underline-offset:4px;text-decoration:underline}.detail-section{margin-top:1.25rem}.detail-copy{overflow-wrap:anywhere;margin-top:.25rem;font-size:.875rem;line-height:1.6}.button-primary{background:var(--espresso);height:2.75rem;color:var(--paper);border-radius:.5rem;align-items:center;gap:.5rem;margin-top:1.5rem;padding:0 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.button-primary:hover{background:var(--ink);color:var(--paper)}.card-body{max-width:42rem;color:var(--ink);margin-top:1.25rem;font-size:.875rem;line-height:1.6}.card-body p{margin-top:.5rem}.card-body p:first-child{margin-top:0}.card-body a{color:var(--espresso)}.sources{color:var(--stone-2);overflow-wrap:anywhere;margin-top:2rem;font-size:.75rem;line-height:1.6}.detail-map{height:20rem}@media (width>=40rem){.shell{width:min(100% - 3rem, var(--shell))}}@media (width>=64rem){.directory{grid-template-columns:minmax(16rem,20rem) minmax(0,1fr) minmax(18rem,26rem);align-items:start;gap:1.5rem;display:grid}.filter-rail{scrollbar-color:var(--rule) transparent;scrollbar-width:thin;max-height:calc(100dvh - 2rem);padding-right:.25rem;position:sticky;top:1rem;overflow-y:auto}.pane-toggle{display:none}.map-rail{height:calc(100dvh - 6rem);display:block;position:sticky;top:1rem}.directory.is-map-pane .cafe-list{display:flex}.directory.is-map-pane .empty-filter:not([hidden]){display:block}.detail-layout{grid-template-columns:minmax(0,1fr) 20rem;align-items:start}.detail-map,.detail-layout .map-empty{height:28rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}