.island-guide { --guidebar:64px; --display:var(--sans); background:var(--sea); }
.island-guide .frame__masthead,.island-guide .frame__colophon,.island-guide .frame__hint,.island-guide .plate,.island-guide .frame__scale { display:none!important; }
.island-guide .app-header { z-index:65; }
.island-guide .guide-sidebar { position:fixed; inset:var(--header) auto var(--footer) 0; width:var(--sidebar); display:flex; flex-direction:column; background:var(--paper); border-right:1px solid var(--line-2); z-index:45; }
.guide-intro { background:var(--jungle); padding:22px 24px; color:#f8f5e9; }
.guide-intro .eyebrow { color:#c8d6bd; font-size:11px; }
.guide-intro h1 { font:400 30px/1.2 var(--serif); letter-spacing:-.7px; margin:9px 0; }
.guide-intro p { color:#d9e1d5; font-size:14px; line-height:1.5; }
.guide-search-fields { padding:20px 22px 0; }
.guide-search-fields>label { display:block; font-size:13px; margin-bottom:8px; font-weight:500; }
.guide-search-wrap { position:relative; margin-bottom:18px; }
.guide-search-wrap input,.guide-search-fields select { width:100%; border:1px solid var(--line-2); background:var(--paper-soft); border-radius:5px; min-height:45px; font:14px var(--sans); padding:11px 12px; color:var(--ink); }
.guide-search-wrap input { padding-right:36px; }
.guide-search-wrap input::-webkit-search-cancel-button { display:none; }
.guide-search-wrap button { position:absolute; right:3px; top:3px; bottom:3px; width:35px; border:0; background:transparent; font-size:22px; color:var(--ink-dim); }
.guide-list-heading { display:flex; align-items:center; justify-content:space-between; margin:14px 0 5px; font-size:12px; color:var(--ink-dim); }
.guide-place-list { flex:1; min-height:0; overflow-y:auto; padding:0 14px 16px; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--line-2) transparent; }
.guide-place { display:flex; width:100%; align-items:center; gap:12px; padding:15px 10px; text-align:left; border:0; border-bottom:1px solid var(--line); background:transparent; border-radius:0; color:var(--ink); }
.guide-place:hover { background:#e8ede2; }.guide-place[aria-current=true] { background:#e1eada; box-shadow:inset 3px 0 var(--jungle); }
.guide-place-copy { min-width:0; flex:1; }.guide-place-name { display:block; font:400 19px/1.3 var(--serif); }
.guide-place-region { display:block; margin-top:5px; color:var(--ink-dim); font:12px/1.5 var(--sans); }
.guide-place-index { color:#728574; font:12px var(--sans); width:21px; flex:none; }
.guide-place-arrow { color:var(--ink-dim); font-size:19px; }
.guide-empty { margin:20px 12px; font-size:15px; line-height:1.7; color:var(--ink-dim); }
.guide-zoning-link { flex:none; border-top:1px solid var(--line); padding:15px 24px; text-decoration:none; background:#edf0e5; }
.guide-zoning-link>span { display:block; color:var(--ink-dim); font-size:12px; margin-bottom:5px; }.guide-zoning-link strong { display:flex; justify-content:space-between; font-weight:500; font-size:14px; }
.island-guide .pagenav { position:fixed; left:var(--sidebar); right:0; top:var(--header); width:auto; height:var(--guidebar); max-width:none; transform:none; z-index:40; border-radius:0; background:var(--paper); border-bottom:1px solid var(--line); padding:0; box-shadow:none; }
.island-guide .pagenav__inner { display:flex; gap:27px; align-items:stretch; justify-content:flex-start; height:100%; padding:0 26px; border:0; border-radius:0; box-shadow:none; background:none; }
.island-guide .pagenav__btn { flex:0 1 auto; min-width:62px; padding:12px 0!important; border:0!important; border-bottom:2px solid transparent!important; border-radius:0; box-shadow:none!important; background:transparent!important; }
.island-guide .pagenav__btn::before,.island-guide .pagenav__btn::after { display:none; }
.island-guide .pagenav__btn[aria-selected=true] { border-bottom-color:var(--jungle)!important; }
.island-guide .pagenav__label { font:500 14px var(--sans); text-transform:none; letter-spacing:0; color:var(--ink-dim); }
.island-guide .pagenav__btn[aria-selected=true] .pagenav__label { color:var(--jungle); }
.island-guide .pagenav__sub { font:12px var(--sans); letter-spacing:0; margin-top:5px; color:var(--ink-dim); }
.island-guide .stage { position:fixed; inset:calc(var(--header) + var(--guidebar)) 0 var(--footer) var(--sidebar); display:block; padding:55px 20px 65px; background:var(--sea); overflow:hidden; z-index:2; }
.island-guide .bali-map,.island-guide #baliMap { width:100%; height:100%; max-width:none; max-height:none; background:transparent!important; filter:none; animation:none!important; }
.island-guide .ocean-stack { display:none; }.island-guide .land-wash { opacity:.22; }.island-guide .coastal-plain { opacity:.15; }
.island-guide[data-mode=discover] .bali-main,.island-guide[data-mode=discover] .satellite-island { fill:#d8e1c2; stroke:#648065; }
.island-guide .region-label-name { font-family:var(--serif); fill:#294d39; stroke:#eff4e2; stroke-width:1.2px; paint-order:stroke; }
.island-guide .region-label-iconic { fill:#536c51; font-family:var(--sans); }
.island-guide svg .sea-label { position:static; font-family:var(--serif); fill:#6b8475; color:inherit; font-size:11px; letter-spacing:1px; }
.island-guide .graticule { opacity:.22; }.island-guide .flourish-sea,.island-guide .flourish-air { opacity:.35; }
.island-guide .frame { z-index:15; }.island-guide .frame__compass { right:27px; bottom:207px; width:58px; height:58px; animation:none!important; }
.island-guide .frame__breadcrumb,.island-guide.map-region-open .frame__breadcrumb { top:calc(var(--header) + var(--guidebar) + 17px); left:calc(var(--sidebar) + 22px); transform:none; max-width:calc(100vw - var(--sidebar) - 200px); font:13px var(--sans); letter-spacing:0; background:#f8faf3ef; border:1px solid var(--line-2); padding:11px 13px; border-radius:5px; animation:none!important; box-shadow:none; }
.island-guide .zoom-controls { right:25px; bottom:calc(var(--footer) + 24px); border:1px solid var(--line-2); border-radius:6px; box-shadow:none; background:var(--paper-soft); overflow:hidden; }
.island-guide .zoom-btn { width:43px; height:43px; border:0; border-top:1px solid var(--line); background:transparent; }.island-guide .zoom-btn:hover { background:#e7eedd; }
.island-guide .zoom-level { font:12px var(--sans); padding:10px 5px; }
.island-guide .maplayers { top:auto; bottom:calc(var(--footer) + 25px); right:auto; left:calc(var(--sidebar) + 24px); max-width:calc(100vw - var(--sidebar) - 110px); gap:6px; z-index:20; }
.island-guide .maplayers__title { font:12px var(--sans); letter-spacing:0; color:var(--ink-dim); }
.island-guide .mlayer { font:12px var(--sans); padding:9px 12px; letter-spacing:0; border-color:var(--line-2); background:var(--paper-soft); }.island-guide .mlayer em { font-size:12px; }
.island-guide .subtabs { top:calc(var(--header) + var(--guidebar) + 18px); left:calc(var(--sidebar) + 24px); transform:none; z-index:23; }
.island-guide .subtabs__inner { background:var(--paper-soft); border:1px solid var(--line-2); box-shadow:none; }.island-guide .subtabs__btn,.island-guide .subtabs__label { font:12px var(--sans); letter-spacing:0; }
.island-guide .subtabs__btn { padding:9px 11px; }
.island-guide .frame__legend { bottom:calc(var(--footer) + 100px); left:calc(var(--sidebar) + 24px); width:290px; max-width:290px; padding:16px; border:1px solid var(--line-2); border-radius:6px; background:#fffdf5f0; box-shadow:0 5px 24px #263d3012; }
.island-guide .frame__legend-title { font:500 12px var(--sans); letter-spacing:.6px; }.island-guide .frame__legend-tier,.island-guide .frame__legend-range { font:12px var(--sans); }.island-guide .frame__legend-note { font:12px/1.6 var(--sans); }
.island-guide .ledger { left:var(--sidebar); right:0; top:calc(var(--header) + var(--guidebar)); bottom:var(--footer); width:auto; max-width:none; padding:24px; border-radius:0; background:var(--paper); z-index:35; }
.island-guide .ledger__head { padding:0 0 17px; }.island-guide .ledger__title { font-size:28px; }.island-guide .ledger__sub { font:12px var(--sans); }
.island-guide .ledger__bar { gap:10px; flex-wrap:wrap; }.island-guide .ledger__search { font:14px var(--sans); min-height:42px; }.island-guide .ledger__select { font:13px var(--sans); min-height:42px; }
.island-guide .lchip,.island-guide .ledger__reset { font:12px var(--sans); min-height:35px; }.island-guide .lview { font:14px var(--sans); }.island-guide .lview span { font-size:12px; }
.island-guide .ltable { font:13px/1.5 var(--sans); }.island-guide .ltable th { font-size:12px; letter-spacing:0; }.island-guide .ltable td { font-size:13px; }
.island-guide .ledger__foot { font:12px/1.5 var(--sans); flex-wrap:wrap; gap:8px; }
.island-guide .guide-footer { position:fixed; inset:auto 0 0; height:var(--footer); display:flex; align-items:center; gap:20px; justify-content:space-between; padding:0 22px; border-top:1px solid var(--line); background:var(--paper); color:var(--ink-dim); z-index:60; font:12px var(--sans); }
.guide-toast { position:fixed; left:50%; bottom:62px; transform:translateX(-50%); padding:12px 18px; background:var(--jungle); color:var(--paper-soft); font-size:14px; border-radius:6px; z-index:100; max-width:90vw; opacity:0; pointer-events:none; }.guide-toast.on { opacity:1; }
.guide-mobile { display:none; }
.island-guide .takeover { background:var(--paper); }.island-guide .takeover::before { display:none; }
.island-guide .takeover__article { max-width:1000px!important; padding:115px 42px 80px; }
.island-guide .takeover__close { right:28px; top:24px; border:1px solid var(--line-2); background:var(--paper-soft); border-radius:5px; min-height:44px; font:13px var(--sans); letter-spacing:0; padding:10px 15px; }
.island-guide .takeover__folio { top:27px; left:30px; font:13px var(--sans); letter-spacing:0; }.island-guide .takeover__folio-name { font-size:14px; }.island-guide .takeover__hop { width:38px; height:38px; }
.island-guide .takeover__name { font:400 clamp(38px,5vw,62px)/1.08 var(--serif); letter-spacing:-1.5px; }.island-guide .takeover__eyebrow { font:12px var(--sans); letter-spacing:1px; }
.island-guide .takeover__pullquote { font:400 24px/1.5 var(--serif); margin:20px 0 25px; }.island-guide .takeover__prose { font:16px/1.85 var(--sans); }
.island-guide .takeover__prose p:first-child::first-letter { float:none; font:inherit; padding:0; margin:0; }
.island-guide .takeover__gallery { margin:26px 0; }.island-guide .takeover__gallery-badge { font:12px var(--sans); letter-spacing:0; text-transform:none; }
.island-guide .takeover__gallery-cap { font:12px/1.5 var(--sans); }.island-guide .takeover__gallery img { min-height:170px; }
.island-guide .takeover__dossier { gap:18px; }.island-guide .takeover__dossier-card { padding:22px; border-color:var(--line); }
.island-guide .takeover__dossier-k { font:600 13px var(--sans); letter-spacing:.5px; }.island-guide .takeover__dossier-fk { font:12px/1.5 var(--sans); }.island-guide .takeover__dossier-fv { font:15px/1.6 var(--sans); }
.island-guide .takeover__dossier-note,.island-guide .takeover__notes { font:15px/1.75 var(--sans); }.island-guide .takeover__mood { font:12px var(--sans); }
.island-guide .takeover__stat-label,.island-guide .takeover__price-label,.island-guide .takeover__price-cell-label { font:12px/1.5 var(--sans); letter-spacing:.3px; }
.island-guide .takeover__stat-value,.island-guide .takeover__price-cell-value { font-size:17px; }.island-guide .takeover__tags { font:13px/1.7 var(--sans); }
.island-guide .takeover__snap-k,.island-guide .takeover__snap-range,.island-guide .takeover__snap-avg,.island-guide .takeover__br-label,.island-guide .takeover__br-secondary { font-size:13px; }
.island-guide .takeover__price-snap-note,.island-guide .takeover__verified,.island-guide .takeover__unverified { font:12px/1.7 var(--sans); letter-spacing:0; }
.island-guide .takeover__share,.island-guide .plat2link { font:14px/1.5 var(--sans); letter-spacing:0; padding:14px 17px; text-transform:none; }.island-guide .plat2link__approx { font-size:12px; }
.guide-snapshot-note { border-left:3px solid var(--teak); padding:11px 15px; margin-bottom:25px; background:#f0ede0; font:13px/1.7 var(--sans); color:var(--ink-dim); }
.island-guide .frame,.island-guide .pagenav,.island-guide .maplayers { animation:none!important; }
@media(max-width:1100px) and (min-width:761px) { .island-guide .pagenav__inner { gap:18px; padding:0 19px; }.island-guide .pagenav__sub { display:none; }.guide-intro { padding:21px; }.guide-search-fields { padding-left:19px; padding-right:19px; }.island-guide .frame__legend { width:260px; }.guide-header .outline-button { font-size:12px; padding:10px; } }
@media(max-width:760px) {
 .island-guide { --guidebar:54px; }.island-guide .guide-header .brand { min-width:0; }.guide-header .header-nav { margin-left:auto; }.guide-header .outline-button { display:none; }.guide-header .header-actions { display:none; }
 .island-guide .pagenav { left:0; }.island-guide .pagenav__inner { padding:0 10px; gap:0; justify-content:space-between; }.island-guide .pagenav__btn { flex:1; min-width:0; padding:12px 5px!important; }.island-guide .pagenav__label { font-size:13px; }.island-guide .pagenav__sub { display:none; }
 .island-guide .stage { inset:calc(var(--header) + var(--guidebar)) 0 var(--footer); padding:45px 0 145px; }.island-guide .region-label-name { font-size:11px!important; }.island-guide .region-label-iconic { display:none; }
 .island-guide .guide-sidebar { display:none; top:auto; bottom:103px; left:10px; right:10px; width:auto; height:64dvh; max-height:calc(100dvh - 190px); border:1px solid var(--line-2); border-radius:11px; overflow:hidden; box-shadow:0 12px 38px #213e332b; z-index:50; }
 .island-guide.guide-open .guide-sidebar { display:flex; }.guide-intro,.guide-zoning-link { display:none; }.guide-search-fields { padding:17px 18px 0; }.guide-search-wrap { margin-bottom:12px; }.guide-search-fields>label { font-size:12px; }.guide-list-heading { margin-top:9px; }.guide-place { padding:13px 10px; }.guide-place-name { font-size:20px; }
 .guide-mobile { display:block; position:fixed; left:18px; right:18px; bottom:calc(var(--footer) + 15px); z-index:60; min-height:49px; background:var(--jungle); color:var(--paper-soft); border:0; border-radius:6px; padding:13px 18px; font-size:14px; }
 .island-guide .zoom-controls { bottom:calc(var(--footer) + 88px); right:16px; }.island-guide .zoom-btn { width:39px; height:39px; }.island-guide .zoom-level { font-size:11px; padding:8px 3px; }
 .island-guide .maplayers { display:flex; flex-direction:column; align-items:flex-start; gap:5px; left:19px; bottom:calc(var(--footer) + 91px); max-width:220px; }.island-guide .maplayers__title { display:none; }.island-guide .mlayer { font-size:12px; padding:8px 10px; }
 .island-guide .frame__compass { display:none; }.island-guide .frame__breadcrumb,.island-guide.map-region-open .frame__breadcrumb { top:calc(var(--header) + var(--guidebar) + 12px); left:15px; max-width:calc(100vw - 30px); font-size:12px; }
 .island-guide .subtabs { top:calc(var(--header) + var(--guidebar) + 13px); left:15px; }.island-guide .frame__legend { left:14px; bottom:calc(var(--footer) + 104px); width:calc(100vw - 85px); max-width:290px; }
 .island-guide[data-mode=rental] .maplayers,.island-guide[data-mode=buying] .maplayers,.island-guide[data-mode=land] .maplayers { display:none; }
 .island-guide .guide-footer { font-size:10px; padding:0 13px; gap:12px; }.guide-footer>span:nth-child(2) { display:none; }
 .island-guide .ledger { left:0; top:calc(var(--header) + var(--guidebar)); bottom:var(--footer); padding:19px 14px; }.island-guide[data-mode=compare] .guide-mobile { display:none; }.island-guide .ledger__title { font-size:24px; }.island-guide .ledger__title>span { display:none; }.island-guide .ledger__foot { font-size:11px; }
 .island-guide .takeover__article { padding:108px 22px 65px!important; }.island-guide .takeover__close { top:16px; right:13px; padding:10px; }.island-guide .takeover__folio { top:18px; left:15px; gap:7px; font-size:12px; }.island-guide .takeover__folio-name { max-width:100px; font-size:12px; }.island-guide .takeover__folio em { display:none; }
 .island-guide .takeover__name { font-size:39px; }.island-guide .takeover__pullquote { font-size:21px; }.island-guide .takeover__gallery { display:grid; grid-template-columns:1fr 1fr; }.island-guide .takeover__gallery-hero { grid-column:1/-1; }.island-guide .takeover__gallery-side:last-child { display:none; }
 .island-guide .takeover__gallery-badge { font-size:11px; }.island-guide .takeover__dossier { grid-template-columns:1fr; }.island-guide .takeover__dossier-card { padding:18px; }.guide-toast { bottom:108px; font-size:13px; }
}
@media(max-height:640px) and (min-width:761px) { .guide-intro { padding:14px 22px; }.guide-intro .eyebrow,.guide-intro p { display:none; }.guide-intro h1 { font-size:26px; margin:0; }.guide-search-fields { padding-top:14px; } }