:root{--bay:#123A4F;--tide:#1F6F78;--shallows:#DCEFEF;--sky:#F5FAFB;--beak:#F2A541;--mud:#5B6B73;--line:#d5e3e6}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--sky);color:var(--bay);font:16px/1.6 Figtree,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
h1,h2,h3{font-family:"Bricolage Grotesque",Figtree,sans-serif;line-height:1.1;margin:.2em 0 .4em}
h1{font-size:clamp(28px,6vw,42px);font-weight:800;letter-spacing:-.02em}h2{font-size:24px;font-weight:700;margin-top:32px}h3{font-size:18px;font-weight:700}
a{color:var(--tide)}a:focus-visible,.btn:focus-visible,.card:focus-visible{outline:3px solid var(--beak);outline-offset:2px}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.top{background:#fff;border-bottom:1px solid var(--line)}.top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:12px}
.logo img{display:block;height:44px;width:auto}
.preview-bar{background:var(--beak);color:var(--bay);text-align:center;font-weight:600;font-size:14px;padding:6px 12px}
.btn{display:inline-block;background:var(--beak);color:var(--bay);font-weight:700;text-decoration:none;border-radius:999px;padding:12px 20px}
.btn.small{padding:8px 14px;font-size:14px}.btn.ghost{background:#fff;border:2px solid var(--tide);color:var(--tide)}
.crumbs{font-size:14px;color:var(--mud);margin:16px 0 8px}.crumbs a{color:var(--tide)}
.lead{font-size:18px;color:var(--mud);margin:0 0 12px}.quiet{color:var(--mud)}.small{font-size:14px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.chip{background:var(--shallows);color:var(--bay);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;text-decoration:none}.chip.link:hover{background:#c9e6e6}
.flag{display:inline-block;background:var(--beak);color:var(--bay);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:2px 8px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin:12px 0 32px}.grid.tight{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--bay)}
.card:hover{border-color:var(--tide)}.card-body{padding:12px 14px}.card-body p{margin:2px 0}
.tile,.hero-tile{background:var(--shallows);display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:16/9}
.tile span,.hero-tile span{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:48px;color:var(--tide);line-height:1}
.tile small,.hero-tile small{color:var(--mud);font-weight:600;margin-top:4px}.hero-tile{border-radius:18px;max-height:260px}.hero-tile span{font-size:72px}
.listing{display:grid;gap:20px;margin:8px 0 12px}@media(min-width:800px){.listing{grid-template-columns:1fr 1.3fr;align-items:start}}
.desc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 16px;margin:12px 0}
.facts{display:grid;grid-template-columns:110px 1fr;gap:8px 12px;margin:16px 0}.facts dt{font-weight:600;color:var(--mud)}.facts dd{margin:0;overflow-wrap:anywhere}
.actions{display:flex;gap:10px;flex-wrap:wrap}.owner{background:var(--shallows);border-radius:14px;padding:12px 16px;margin:18px 0}
.foot{background:#fff;border-top:1px solid var(--line);margin-top:40px;padding:18px 0;font-size:15px}
@media(max-width:600px){.grid .card{flex-direction:row;align-items:stretch}.grid .card .tile{aspect-ratio:auto;width:88px;min-width:88px}.grid .card .tile span{font-size:34px}.grid .card .tile small{display:none}.hero-tile{aspect-ratio:3/1}.hero-tile span{font-size:52px}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.search{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 12px}.search input{flex:1 1 200px;min-width:0;padding:10px 14px;border:1px solid var(--line);border-radius:999px;font:inherit;color:var(--bay)}
.map{height:320px;border-radius:16px;border:1px solid var(--line);margin:12px 0 20px;background:var(--shallows);z-index:0}.small-map{height:220px}
.out{display:inline-block;background:#fff3f0;color:#8a3b22;border:1px solid #f1c9bb;border-radius:6px;font-size:12px;font-weight:600;padding:1px 8px;margin:4px 0 0}.chip.outchip{background:#f3f1ee;color:#5B6B73}
img.photo{object-fit:cover;width:100%;display:block;padding:0}.hero-tile.photo{width:100%;height:260px;max-height:260px}@media(max-width:600px){.grid .card img.tile.photo{height:auto;min-height:88px}.hero-tile.photo{height:200px}}
/* main menu (Deb 30 Oct 2026) */
.menu{background:var(--bay)}.menu ul{list-style:none;margin:0;padding:0}.menu .wrap>ul{display:flex;gap:4px;align-items:center;overflow-x:auto;scrollbar-width:none}
.menu .wrap>ul>li>a,.menu summary{display:block;color:#fff;text-decoration:none;font-weight:600;font-size:15px;padding:12px 10px;white-space:nowrap;cursor:pointer}
.menu .wrap>ul>li>a:hover,.menu summary:hover{background:rgba(255,255,255,.12)}.menu summary{list-style:none}.menu summary::-webkit-details-marker{display:none}.menu summary::after{content:" ▾"}
.menu .drop{position:static}.menu details[open] summary{background:rgba(255,255,255,.16)}
.menu details ul{position:absolute;z-index:2000;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);padding:6px;min-width:260px;margin-top:2px}
.menu details ul a{display:block;padding:9px 12px;color:var(--bay);text-decoration:none;border-radius:8px;font-weight:500}.menu details ul a:hover{background:var(--shallows)}
@media(max-width:600px){.menu details ul{left:16px;right:16px;min-width:0}.menu .wrap>ul>li>a,.menu summary{font-size:14px;padding:11px 8px}}
.logo img{height:56px}
@media(max-width:600px){.logo img{height:46px}.menu .wrap>ul{flex-wrap:wrap;overflow:visible;gap:0}.menu .wrap>ul>li>a,.menu summary{padding:9px 9px}}
/* Locals' Pick (31 Oct 2026) */
.kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600;opacity:.75;margin:0}
.poll .choices{list-style:none;padding:0;margin:.75rem 0;max-height:26rem;overflow:auto;border:1px solid rgba(0,0,0,.12);border-radius:10px}
.poll .choices li{padding:.55rem .8rem;border-bottom:1px solid rgba(0,0,0,.06)}
.poll .choices label{display:block;cursor:pointer}
.poll .vote-filter,.poll .other{width:100%;max-width:26rem;padding:.55rem .7rem;border:1px solid rgba(0,0,0,.2);border-radius:8px;font:inherit}
.poll .other{max-width:16rem;padding:.35rem .5rem}
.poll .tally{padding-left:1.4rem}.poll .tally li{margin:.35rem 0}.poll .tally .n{font-weight:600;margin-left:.4rem}
.poll .hp{position:absolute;left:-9999px}
.poll .rule ul{padding-left:1.2rem}
.vote-link{display:inline-block;margin:.25rem .5rem .25rem 0}
/* Forms: enquiry + owner update (31 Oct 2026) */
.enquire{margin:1rem 0}.enquire summary{list-style:none;cursor:pointer;display:inline-block}.enquire summary::-webkit-details-marker{display:none}
.enquiry-form,.update-form{display:grid;gap:.75rem;max-width:34rem;margin-top:.75rem}
.enquiry-form label,.update-form label{display:grid;gap:.3rem;font-weight:500}
.enquiry-form input,.enquiry-form textarea,.update-form input:not([type=checkbox]):not([type=file]),.update-form textarea{padding:.55rem .7rem;border:1px solid rgba(0,0,0,.2);border-radius:8px;font:inherit;font-weight:400}
.update-form fieldset{border:1px solid rgba(0,0,0,.12);border-radius:10px;padding:.8rem 1rem;display:grid;gap:.7rem}
.update-form legend{font-weight:600;padding:0 .3rem}
.update-form .tick{display:flex;gap:.5rem;align-items:flex-start;font-weight:400}
.hp{position:absolute;left:-9999px}.small{font-size:.88rem}
/* Bay Buzz community recommendations (3 Nov 2026) */
.rec-list{columns:2 16rem;padding-left:1.1rem;margin:.4rem 0 1rem}
.rec-list li{break-inside:avoid;margin:.2rem 0}
.recs{margin:.5rem 0}