:root{--ink:#14332b;--muted:#61756f;--leaf:#176c56;--mint:#dff4e8;--sand:#f6f1e7;--line:#e3ece8;--card:#fff;--shadow:0 12px 36px rgba(24,69,57,.1)}*{box-sizing:border-box}body{margin:0;background:#fbfcf9;color:var(--ink);font-family:"Be Vietnam Pro",sans-serif}.wrap{max-width:1240px;margin:auto;padding-left:24px;padding-right:24px}.hero{background:linear-gradient(125deg,#dff3e8,#f8f1df);overflow:hidden}.nav{display:flex;justify-content:space-between;align-items:center;padding-top:22px}.brand{display:flex;gap:10px;align-items:center}.brand-mark{width:38px;height:38px;background:var(--leaf);color:white;border-radius:13px;display:grid;place-items:center}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:1px;text-transform:uppercase}.nav-actions{display:flex;gap:8px}.ghost,.chip-btn{border:1px solid rgba(23,108,86,.18);background:rgba(255,255,255,.65);border-radius:999px;padding:10px 14px;color:var(--ink);font-weight:700;cursor:pointer}.ghost.active{background:var(--leaf);color:#fff}.hero-content{padding-top:72px;padding-bottom:56px}.eyebrow{font-size:12px;letter-spacing:1.8px;color:var(--leaf);font-weight:800}h1{font-size:clamp(40px,7vw,74px);line-height:1.08;margin:12px 0 18px;letter-spacing:-3px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--leaf)}.lead{max-width:820px;color:var(--muted);line-height:1.8}.search-panel{display:grid;grid-template-columns:1.7fr repeat(5,minmax(130px,1fr));gap:10px;margin-top:28px;max-width:1180px}.search-box,select{background:white;border:1px solid var(--line);border-radius:15px;min-height:54px}.search-box{display:flex;align-items:center;gap:10px;padding:0 15px}.search-box span{font-size:26px;color:var(--leaf)}input{border:0;outline:0;font:inherit;width:100%}select{padding:0 14px;color:var(--ink);font-family:inherit}.stats{display:flex;gap:38px;margin-top:28px}.stats div{display:flex;flex-direction:column}.stats b{font-size:25px}.stats span{font-size:12px;color:var(--muted)}.main{padding-top:30px;padding-bottom:60px}.notice{display:flex;gap:13px;align-items:flex-start;padding:14px 16px;border:1px solid #f0d5a2;background:#fff9eb;border-radius:16px;color:#70572b;font-size:13px;line-height:1.7}.notice p{margin:0}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:30px 0 18px}.muted{color:var(--muted);font-size:12px;margin:0}.toolbar h2{margin:3px 0;font-size:24px}.toolbar select{min-height:42px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 7px 23px rgba(27,69,56,.045);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.photo{position:relative;height:178px;background:linear-gradient(120deg,#d8eadd,#a5cbbd);overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.photo .province{position:absolute;left:12px;top:12px;max-width:calc(100% - 64px);background:rgba(255,255,255,.92);padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visited-btn{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.92);font-size:17px;cursor:pointer}.visited-btn.done{background:var(--leaf);color:white}.rec-badge{position:absolute;left:12px;bottom:12px;border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.93);color:var(--leaf);font-size:11px;font-weight:800}.rec-badge.top_pick{background:#176c56;color:#fff}.rec-badge.recommended{background:#e9f5ec;color:#176c56}.rec-badge.discovery{background:#fff7e8;color:#7b5a19}.card-body{padding:16px}.category{font-size:11px;color:var(--leaf);font-weight:700;letter-spacing:.2px}.card h3{font-size:18px;margin:7px 0 8px}.card-reason{min-height:36px;color:var(--muted);font-size:12px;line-height:1.5;margin:0}.meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px;margin-top:10px;font-size:12px;color:var(--muted);gap:10px}.price{font-weight:800;color:var(--ink)}.detail-btn{border:0;background:transparent;color:var(--leaf);font-weight:800;cursor:pointer;padding:0;white-space:nowrap}.empty{padding:60px;text-align:center}.hidden{display:none!important}dialog{width:min(860px,94vw);border:0;border-radius:24px;padding:0;box-shadow:0 20px 70px rgba(10,40,34,.28)}dialog::backdrop{background:rgba(10,31,27,.5)}.dialog-close{position:absolute;right:15px;top:15px;width:38px;height:38px;border-radius:50%;border:0;background:#fff;font-size:25px;cursor:pointer}.detail-hero{height:290px;background:#dceee8}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-content{padding:24px}.detail-content h2{font-size:30px;margin:6px 0}.pill{display:inline-block;padding:7px 10px;border-radius:999px;background:var(--mint);color:var(--leaf);font-size:11px;font-weight:800;margin:4px 4px 4px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.info{padding:14px;border:1px solid var(--line);border-radius:16px;background:#fcfdfb}.info b{display:block;font-size:12px;margin-bottom:6px}.info p{font-size:13px;color:var(--muted);line-height:1.65;margin:0}.info.full{grid-column:1/-1}.source-note{font-size:11px;color:var(--muted);margin-top:14px;line-height:1.6}footer{border-top:1px solid var(--line);padding:24px 0;background:white}footer .wrap{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}@media(max-width:1100px){.search-panel{grid-template-columns:1fr 1fr 1fr}.search-box{grid-column:1/-1}}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.search-panel{grid-template-columns:1fr 1fr}.search-box{grid-column:1/-1}}@media(max-width:620px){.wrap{padding-left:15px;padding-right:15px}.hero-content{padding-top:52px}.grid{grid-template-columns:1fr}.stats{gap:20px;flex-wrap:wrap}.stats b{font-size:21px}.search-panel{grid-template-columns:1fr}.search-box{grid-column:auto}.toolbar{align-items:flex-start;gap:10px;flex-direction:column}.toolbar select{width:100%}.detail-grid{grid-template-columns:1fr}.info.full{grid-column:auto}footer .wrap{flex-direction:column}h1{letter-spacing:-2px}}.region-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:8px 0 22px}.region-tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 15px;color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:.2s}.region-tab:hover{border-color:rgba(23,108,86,.38)}.region-tab.active{background:var(--leaf);border-color:var(--leaf);color:#fff}.region-groups{display:flex;flex-direction:column;gap:42px}.region-heading{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:17px}.region-heading p{margin:0 0 3px;color:var(--leaf);font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.region-heading h2{margin:0;font-size:28px}.region-heading span{color:var(--muted);font-size:12px;text-align:right}@media(max-width:620px){.region-heading{align-items:flex-start;flex-direction:column;gap:5px}.region-heading span{text-align:left}.region-tabs{gap:7px}.region-tab{font-size:12px;padding:9px 12px}}
.province-groups{display:flex;flex-direction:column;gap:16px}.province-section{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.68);padding:0 16px 16px}.province-section summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 2px;cursor:pointer;list-style:none}.province-section summary::-webkit-details-marker{display:none}.province-section summary span{display:block;color:var(--leaf);font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:800}.province-section summary h3{font-size:21px;margin:3px 0 0}.province-section summary b{white-space:nowrap;color:var(--muted);font-size:12px}.card-actions{display:flex;gap:10px;align-items:center}.mini-link{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--mint);color:var(--leaf);text-decoration:none;font-weight:800}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.external-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 13px;color:var(--leaf);text-decoration:none;font-size:12px;font-weight:800}.external-btn:hover,.mini-link:hover{filter:brightness(.96)}

.locality-groups{display:flex;flex-direction:column;gap:12px}.locality-section{border:1px dashed rgba(23,108,86,.22);border-radius:16px;background:#fff;padding:0 12px 14px}.locality-section summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 1px;cursor:pointer;list-style:none}.locality-section summary::-webkit-details-marker{display:none}.locality-section summary span{display:block;color:var(--leaf);font-size:9px;letter-spacing:1px;text-transform:uppercase;font-weight:800}.locality-section summary h4{margin:3px 0 0;font-size:17px}.locality-section summary b{white-space:nowrap;color:var(--muted);font-size:11px}