/* MirissaStays coastal design system. Loaded after the legacy utility stylesheet. */
:root{--ink:#213c32;--green:#244d3e;--green-hover:#173a2b;--muted:#747970;--paper:#fdfcf8;--sand:#f3f1e9;--line:#e4e6dd;--lime:#e5edc7;--radius:16px}
html{scroll-behavior:smooth;scroll-padding-top:100px}*{box-sizing:border-box}body.site-body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}main{flex:1;min-width:0}main:focus{outline:none}img{max-width:100%}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a2b66d;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #739578;outline-offset:2px}h1,h2,h3,h4{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.045em;color:var(--ink)}[hidden]{display:none!important}.icon{width:20px;height:20px;flex-shrink:0;display:inline-block;vertical-align:middle}.shell{max-width:1320px;margin-inline:auto;padding-inline:48px}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:.17em;color:#61725c;margin-bottom:12px}.button{min-height:50px;display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:13px 24px;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--green);color:white}.button-primary:hover{background:var(--green-hover)}.button-outline{border-color:#cbd2c5;background:transparent;color:var(--ink)}.button-outline:hover{background:var(--sand)}.button-cream{background:#e8edcf;color:var(--green)}.button-small{min-height:42px;padding:10px 17px;font-size:12px}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:12px;font-weight:700;white-space:nowrap}.text-link:hover{color:#5d7645}.text-link .icon{width:17px}.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:16px;z-index:200}.skip-link:focus{top:12px}.announcement{height:32px;background:var(--green);color:#f4f4e9;display:flex;justify-content:space-between;padding:0 max(48px,calc((100vw - 1224px)/2));align-items:center;font-size:10px;letter-spacing:.025em}.announcement span{display:flex;gap:8px;align-items:center}.announcement .icon{width:13px;height:13px}.site-header{position:sticky;top:0;background:var(--paper);z-index:60;border-bottom:1px solid var(--line)}.nav-inner{height:89px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.3px;line-height:1.1;flex-shrink:0}.brand-light{font-weight:400}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:7px;font-weight:500;letter-spacing:2.1px;margin-top:8px}.brand-mark{width:36px;height:36px;border:1.5px solid currentColor;border-radius:50%;display:grid;place-items:center}.brand-mark .icon{width:25px;height:25px}.desktop-nav{display:flex;gap:28px;align-items:center}.desktop-nav a{font-size:12px;color:#5d675d;position:relative;padding:10px 0}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--green)}.desktop-nav a[aria-current]:after{content:'';width:4px;height:4px;background:var(--green);border-radius:50%;position:absolute;bottom:0;left:50%}.nav-actions{display:flex;align-items:center;gap:22px}.nav-signin{font-size:12px;font-weight:600}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;width:44px;height:44px}.mobile-nav{padding:12px 24px 24px;max-height:calc(100dvh - 80px);overflow-y:auto;border-top:1px solid var(--line)}.mobile-nav>a{display:flex;justify-content:space-between;padding:14px 4px;font-size:16px;border-bottom:1px solid var(--line)}.mobile-nav>.button{padding:15px;margin-top:14px}
.coastal-hero{position:relative;height:540px;isolation:isolate;overflow:hidden;background:#264f43}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 49%;z-index:-2}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,37,29,.77),rgba(16,39,30,.32) 60%,rgba(13,32,24,.12));z-index:-1}.hero-content{padding-top:74px;color:white}.hero-kicker{font-size:10px;font-weight:600;letter-spacing:2.2px;display:flex;align-items:center;gap:10px;margin-bottom:22px}.hero-kicker>span{width:6px;height:6px;border-radius:50%;background:#d7e9b4}.hero-content h1{font-size:clamp(42px,4.7vw,67px);font-weight:500;color:#fff;line-height:1.13;letter-spacing:-3px;margin:0 0 24px}.hero-content h1 em{font-family:Georgia,serif;font-weight:400;color:#e9edcd;letter-spacing:-2px}.hero-content p{font-size:14px;line-height:1.9;color:#f1f2e9;margin-bottom:20px}.hero-explore{font-size:11px;display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid #ffffff50;padding-bottom:5px}.hero-caption{position:absolute;right:max(48px,calc((100vw - 1224px)/2));bottom:66px;color:white;font-size:10px;display:flex;align-items:center;gap:7px}.hero-caption .icon{width:14px;height:14px}.hero-caption span{border-left:1px solid #ffffff70;padding-left:12px;margin-left:8px;font-size:9px;letter-spacing:1px}.search-wrap{position:relative;margin-top:-42px;z-index:2}.stay-search{background:#fff;border:1px solid #e9e9df;box-shadow:0 10px 35px #1834240d;border-radius:12px;display:flex;align-items:center;padding:12px;min-height:94px}.search-field{flex:1;min-width:0;display:flex;align-items:center;gap:14px;padding:2px 24px;border-right:1px solid var(--line)}.search-field>.icon{color:#6c8262}.search-field>div{min-width:0;flex:1}.search-field label{display:block;font-weight:700;font-size:11px;margin-bottom:4px}.search-field select,.search-field input{width:100%;min-width:0;font-size:11px;border:0;background:transparent;color:#777e72;padding:3px 16px 3px 0;box-shadow:none;min-height:26px;border-radius:0}.search-field input{padding-right:0}.search-keyword{border:0}.stay-search>.button{min-height:57px;min-width:154px}.trust-line{display:flex;justify-content:center;gap:45px;padding:23px 0 5px;color:#788171;font-size:10px}.trust-line span{display:flex;align-items:center;gap:7px}.trust-line .icon{width:14px;height:14px;color:#657954}
.stays-section{padding-top:64px;padding-bottom:72px;scroll-margin-top:110px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-heading h2,.direct-intro h2,.faq-section h2{font-size:34px;line-height:1.2;font-weight:500;margin:0 0 13px;letter-spacing:-1.6px}.section-heading p{font-size:12px;color:var(--muted);margin:0}.section-heading>.text-link{margin-bottom:6px}.browse-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:30px}.category-pills{display:flex;gap:8px;min-width:0;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin}.category-pill{display:inline-flex;align-items:center;gap:8px;font-size:11px;border:1px solid var(--line);background:transparent;border-radius:7px;padding:10px 15px;white-space:nowrap;min-height:42px;color:#647061}.category-pill .icon{width:17px;height:17px}.category-pill:hover{border-color:#8d9f7a}.category-pill.active,.category-pill[aria-pressed=true]{background:var(--green);border-color:var(--green);color:white}.category-pill>span{font-size:10px;opacity:.75}.sort-form{display:flex;align-items:center;gap:6px;font-size:10px;flex-shrink:0;color:#6f7869}.sort-form select{background:none;border:0;color:var(--ink);font-weight:500;max-width:130px;font-size:11px;padding:8px 0}.sort-submit{border:1px solid var(--line);border-radius:5px;background:none;padding:6px}.sort-submit .icon{width:14px;height:14px}.active-filters{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;margin-bottom:20px}.active-filters a{display:flex;gap:5px;align-items:center;text-decoration:underline}.active-filters .icon{width:13px;height:13px}.stay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.stay-card{min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}.stay-card:hover{box-shadow:0 10px 24px #243c3210;transform:translateY(-3px)}.stay-card-image{height:224px;position:relative;overflow:hidden;background:var(--sand)}.stay-card-image>a{display:block;height:100%}.stay-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.stay-card:hover .stay-card-image img{transform:scale(1.035)}.image-badge{position:absolute;top:15px;left:15px;display:inline-flex;align-items:center;gap:5px;border-radius:5px;background:var(--paper);padding:5px 9px;font-size:9px;font-weight:600;color:var(--ink)}.image-badge .icon{width:12px;height:12px}.save-stay{position:absolute;right:14px;top:14px;border:0;border-radius:50%;background:#fffdf8f2;color:var(--ink);width:35px;height:35px;display:grid;place-items:center}.save-stay .icon{width:17px;height:17px}.save-stay[aria-pressed=true]{background:var(--green);color:white}.save-stay[aria-pressed=true] .icon{fill:currentColor}.stay-card-body{padding:18px 18px 14px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:#7a8075}.rating{display:flex;align-items:center;gap:3px;color:var(--ink);white-space:nowrap}.rating .icon{height:11px;width:11px;fill:#b89952;stroke:#b89952}.rating small{color:#8b8f84;font-size:9px}.stay-card h3{font-size:17px;font-weight:600;line-height:1.45;margin:8px 0;letter-spacing:-.6px}.stay-card h3 a:hover{color:#60823d}.stay-card-body>p{font-size:11px;color:#7a7f73;margin:0 0 17px;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:39px}.card-bottom{border-top:1px solid #edefe7;padding-top:13px;display:flex;justify-content:space-between;align-items:center}.card-bottom strong{font-size:18px;font-weight:600}.card-bottom span{font-size:10px;color:#7a8073}.card-bottom>a{width:31px;height:31px;display:grid;place-items:center;background:var(--sand);border-radius:50%}.card-bottom .icon{width:15px;height:15px}.empty-state{text-align:center;padding:60px 24px;border:1px dashed #c8d0bb;border-radius:12px}.empty-state>.icon{width:32px;height:32px;margin-bottom:14px}.empty-state h3{font-size:23px;margin-bottom:10px}.empty-state p{font-size:13px;color:var(--muted);max-width:500px;margin:0 auto 22px}.pagination{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:35px;font-size:12px}.pagination a{display:flex;gap:8px;align-items:center;padding:9px 15px;border:1px solid var(--line);border-radius:6px}.pagination .icon{width:15px}
.destination-section{background:var(--sand);padding-block:64px;scroll-margin-top:90px}.coast-note{display:flex;gap:10px;align-items:center;font-size:11px;color:#657655}.destination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.destination-card{position:relative;height:340px;border-radius:12px;overflow:hidden;isolation:isolate;color:white;background:#375347}.destination-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10271ddd,transparent 65%);z-index:-1}.destination-card>img{width:100%;height:100%;object-fit:cover;position:absolute;z-index:-2;transition:transform .6s}.destination-card:hover>img{transform:scale(1.04)}.destination-count{position:absolute;top:18px;left:18px;background:#fffef3e6;color:#294436;border-radius:5px;padding:4px 10px;font-size:10px}.destination-card>div{position:absolute;bottom:25px;left:24px;right:55px}.destination-card h3{color:white;font-size:28px;line-height:1.3;font-weight:500;letter-spacing:-1px;margin-bottom:6px}.destination-card p{font-size:11px;color:#e7eadf}.destination-arrow{position:absolute;bottom:29px;right:22px;width:34px;height:34px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center}.destination-arrow .icon{width:16px}.direct-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:85px;align-items:center}.direct-intro h2{font-size:44px;line-height:1.25;margin-bottom:28px}.direct-intro h2 em{font-family:Georgia,serif;font-weight:400}.direct-reasons{display:grid;gap:27px}.direct-reasons>div{display:flex;gap:20px}.reason-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #dce1cf;border-radius:50%;flex-shrink:0;color:#687e50}.direct-reasons h3{font-size:14px;font-weight:600;margin-bottom:6px;letter-spacing:-.3px}.direct-reasons p{font-size:12px;color:var(--muted);line-height:1.8;max-width:340px}.journal-section{background:#f5f5ee;padding-block:65px}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.journal-image{display:block;position:relative;aspect-ratio:1.6;overflow:hidden;border-radius:10px;background:var(--sand)}.journal-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.journal-card:hover img{transform:scale(1.04)}.journal-copy{padding-top:20px}.journal-copy .eyebrow{font-size:9px;margin-bottom:9px}.journal-copy h3{font-size:22px;font-weight:500;line-height:1.35;margin-bottom:12px}.journal-copy p{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.8;margin-bottom:17px}.faq-section{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;padding-block:80px}.faq-section h2{font-size:38px;margin-bottom:20px}.faq-section>div>p{color:var(--muted);font-size:12px;margin-bottom:10px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;padding:22px 34px 22px 0;font-size:13px;font-weight:500;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:5px;top:18px;font-size:22px;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list p{padding:0 25px 22px 0;font-size:12px;color:var(--muted);line-height:1.9}.faq-list a{text-decoration:underline;color:var(--green)}.host-banner{margin-bottom:70px;padding-block:42px;background:var(--green);border-radius:13px;max-width:1224px;display:flex;align-items:center;justify-content:space-between;gap:28px;color:white}.host-banner .eyebrow{color:#c1d0a5;font-size:9px}.host-banner h2{font-size:29px;color:white;font-weight:500;line-height:1.3;margin-bottom:10px}.host-banner p{font-size:12px;color:#c8d2c5}.site-footer{border-top:1px solid var(--line);padding-top:54px;background:#f6f5ef}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px}.footer-grid>div>h2{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;letter-spacing:0;margin-bottom:20px}.footer-grid>div>a:not(.brand){display:block;font-size:11px;margin-bottom:12px;color:#76806f}.footer-grid a:hover{text-decoration:underline}.footer-about p{font-size:12px;line-height:1.9;color:#7a8273;margin:18px 0}.footer-location{display:flex;align-items:center;gap:6px;font-size:10px;color:#7a8273}.footer-location .icon{width:13px;height:13px}.footer-bottom{padding-block:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#828879;gap:20px}.footer-bottom>div{display:flex;gap:25px}.site-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--green);color:white;font-size:13px;padding:13px 22px;border-radius:10px;box-shadow:0 5px 30px #0002;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:130;max-width:calc(100vw - 32px);width:max-content}.site-toast.visible{opacity:1;transform:translate(-50%,0)}.notice{padding:15px 20px;border-radius:9px;border:1px solid var(--line);margin:20px 0;font-size:14px}.notice-success{background:#edf4e8}.notice-error{background:#fff0eb;color:#843c29}
/* Existing PHP page flows inherit the same visual language. */
.site-body .text-slate-900,.site-body .text-slate-800{color:var(--ink)}.site-body .text-slate-600,.site-body .text-slate-500{color:#6b7567}.site-body .text-brand-600,.site-body .text-brand-700,.site-body .text-brand-800{color:var(--green)}.site-body .bg-brand-600{background:var(--green)}.site-body .bg-brand-50{background:#eef2e5}.site-body .border-slate-200,.site-body .border-slate-100{border-color:var(--line)}.site-body .bg-slate-50{background:var(--sand)}.site-body .shadow-card,.site-body .shadow-xl{box-shadow:0 10px 35px #243c3210}.site-body .article-content{color:#53634f;font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.95}.site-body .article-content h2{font-size:28px;font-weight:500;color:var(--ink);border-color:var(--line)}.site-body .article-content h3{color:var(--ink);font-size:23px;font-weight:500}.site-body .article-content .lead{font-size:18px;border-color:#a2b884;font-weight:400;color:#586a50}.site-body .article-content a{color:var(--green)}.site-body main input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),.site-body main textarea,.site-body main select{accent-color:var(--green)}.site-body main form:not(.stay-search):not(.sort-form) input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),.site-body main textarea,.site-body main form:not(.stay-search):not(.sort-form) select{border:1px solid #d8dfd1;border-radius:7px;padding:11px 13px;min-height:44px;background:#fff;font-size:14px;box-shadow:none;max-width:100%}.site-body main textarea{min-height:100px;resize:vertical}.site-body main form label{line-height:1.6}.site-body main form button[type=submit]{min-height:44px}.site-body input::placeholder,.site-body textarea::placeholder{color:#93998d}.password-wrap{position:relative}.password-wrap input{padding-right:68px!important}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);background:none;border:0;padding:8px;color:var(--green);font-size:11px;font-weight:600}.form-hint{font-size:12px;color:var(--muted);margin-top:6px}.page-login main,.page-register main,.page-forgot-password main,.page-reset-password main{background:var(--sand);padding:60px 24px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1050px;margin:auto;background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 15px 50px #26412f08}.auth-story{position:relative;background:var(--green);padding:46px;display:flex;flex-direction:column;justify-content:end;min-height:600px;isolation:isolate;color:white}.auth-story:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#183f33f5,#183f3330),url('/assets/images/mirissa-coast.jpg') center/cover;z-index:-1}.auth-story h2{font-size:42px;font-weight:500;color:white;line-height:1.2;margin-bottom:22px}.auth-story .eyebrow{color:#dbe7bd}.auth-story p{font-size:13px;line-height:1.9;color:#e0e7d7;max-width:290px}.auth-panel{padding:40px;display:flex;flex-direction:column;justify-content:center}.auth-panel h1{font-size:31px;font-weight:500;line-height:1.2;margin-bottom:12px}.auth-subtitle{font-size:13px;color:var(--muted);margin-bottom:26px}.auth-subtitle a{color:var(--green);text-decoration:underline}.auth-panel .sm\:max-w-md{max-width:none}.auth-panel>div{width:100%;margin:0}.auth-panel .bg-white{padding:0;border:0;box-shadow:none}.auth-panel .sm\:mx-auto{margin:0}.auth-panel .mt-8{margin-top:0}.auth-panel .text-center{line-height:1.6}.auth-panel .border-l-4{border-radius:7px;margin-block:15px}.page-contact main>div:first-of-type{padding-block:64px}.page-contact main h1,.page-about main h1{font-size:48px;font-weight:500}.page-contact main>.max-w-7xl>div:first-child{text-align:left;margin-left:0}.page-contact main form{padding:32px;background:white;border:1px solid var(--line);border-radius:14px}.story-hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-block:70px;align-items:center}.story-hero h1{font-size:52px!important;line-height:1.16;margin-bottom:25px}.story-hero p{color:var(--muted);line-height:1.9;margin-bottom:20px;font-size:15px}.story-hero>img{height:530px;width:100%;object-fit:cover;border-radius:120px 120px 12px 12px}.story-values{background:var(--sand);padding-block:65px}.story-values .direct-reasons{grid-template-columns:repeat(3,1fr);gap:35px}.story-values .direct-reasons>div{flex-direction:column}.page-privacy main>div,.page-terms main>div{max-width:850px;margin:auto;padding-block:65px}.page-privacy h1,.page-terms h1{font-weight:500;font-size:42px}.page-privacy p,.page-terms p{line-height:1.9}.page-privacy h2,.page-terms h2{margin-block:28px 12px}.journal-hero{padding-block:65px;text-align:center;background:var(--sand)}.journal-hero h1{font-size:52px;font-weight:500;line-height:1.2;margin:0 0 18px}.journal-hero p{max-width:560px;margin:auto;color:var(--muted);font-size:14px}.journal-list{padding-block:60px}.journal-list .journal-grid{row-gap:45px}.page-guide h1{font-weight:500;line-height:1.22;letter-spacing:-1.8px}.page-guide .max-w-4xl{max-width:860px}.page-stay main>.max-w-7xl{padding-top:38px}.page-stay h1{font-size:38px;font-weight:500;line-height:1.25}.page-stay .sticky.top-24{top:110px;box-shadow:0 12px 36px #233d3210;border-radius:14px}.page-stay .lg\:w-2\/3{min-width:0}.page-stay [onclick^="openLightbox"]:focus-visible{outline:3px solid #a4b66a;outline-offset:-4px}.page-stay #lightbox-modal{z-index:100;background:#11251df5}.page-stay #lightbox-modal:not(.hidden){display:flex}.page-stay #lightbox-modal button{min-height:44px;min-width:44px}.page-stay #lightbox-thumbs button{padding:0;background:none;border:0;border-radius:7px}.page-stay #lightbox-thumbs img{height:52px;width:65px;object-fit:cover;border-radius:6px}.page-stay #lightbox-img{max-height:65dvh;max-width:85vw}.page-stay .fixed.bottom-0{padding-bottom:max(12px,env(safe-area-inset-bottom));background:var(--paper);z-index:45}.page-dashboard main{background:#f2f4ec}.page-dashboard h1{font-size:34px;font-weight:500}.page-dashboard main>.max-w-7xl{max-width:1440px;padding:40px}.page-dashboard nav[aria-label=Tabs]{background:white;border:1px solid var(--line);border-radius:10px;padding:0 16px;gap:24px;overflow-x:auto}.page-dashboard nav[aria-label=Tabs]>button{margin-left:0;flex-shrink:0;font-size:12px}.page-dashboard table{font-size:12px}.page-dashboard th{padding-top:15px;padding-bottom:15px;background:#f7f8f3;color:#5b6c50;font-size:10px;letter-spacing:.08em}.page-dashboard td{vertical-align:middle}.page-dashboard tr:hover td{background:#f8faf4}.page-dashboard .overflow-x-auto{scrollbar-width:thin}.page-dashboard [id$="modal"]{z-index:90}.page-dashboard [id$="modal"] h3{font-weight:500}.page-dashboard [id$="modal"] [role=dialog]{border-radius:16px}.page-dashboard .grid-cols-2>.bg-white{border-radius:12px;box-shadow:none;padding:22px}.page-dashboard .grid-cols-2>.bg-white .text-2xl{font-size:32px;font-weight:500}.page-dashboard main button{min-height:36px}.page-dashboard .tab-content{scroll-margin-top:110px}
@media(min-width:1500px){.coastal-hero{height:590px}.hero-content{padding-top:94px}}
@media(max-width:1150px){.shell{padding-inline:32px}.desktop-nav{gap:19px}.nav-inner{gap:20px}.nav-actions{gap:14px}.brand{font-size:23px}.brand-mark{width:31px;height:31px}.nav-actions .button{padding:10px 12px}.search-field{padding-inline:16px;gap:9px}.search-keyword{display:none}.browse-toolbar{flex-wrap:wrap}.stay-grid{gap:22px}.stay-card-image{height:200px}.card-meta{flex-wrap:wrap}.host-banner{margin-inline:32px}.direct-section{gap:50px}.footer-grid{gap:25px}.announcement{padding-inline:32px}}
@media(max-width:960px){.desktop-nav,.nav-actions{display:none}.menu-toggle{display:grid;place-items:center}.nav-inner{height:76px}.brand small{font-size:6px}.coastal-hero{height:510px}.hero-content{padding-top:72px}.hero-content h1{font-size:57px}.hero-caption{right:32px;bottom:70px}.hero-caption span{display:none}.stay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stay-card-image{height:230px}.destination-card{height:295px}.destination-card>div{left:18px;bottom:22px}.destination-card h3{font-size:25px}.destination-card p{font-size:10px}.destination-arrow{right:16px;bottom:22px;width:28px;height:28px}.direct-intro h2{font-size:37px}.journal-grid{gap:20px}.journal-copy h3{font-size:19px}.faq-section{gap:40px}.host-banner h2{font-size:24px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.auth-story{padding:30px}.auth-panel{padding:30px}.story-hero{gap:35px}.story-hero h1{font-size:42px!important}.story-values .direct-reasons{gap:24px}.page-stay{padding-bottom:80px}.page-stay .site-toast{bottom:100px}}
@media(max-width:640px){.shell{padding-inline:22px}.announcement{justify-content:center;height:28px;font-size:9px;padding-inline:16px}.announcement>span:last-child{display:none}.nav-inner{height:72px}.brand{font-size:24px}.brand small{font-size:6px;letter-spacing:1.9px;margin-top:5px}.brand-mark{width:32px;height:32px}.coastal-hero{height:480px}.hero-content{padding-top:54px}.hero-content h1{font-size:47px;letter-spacing:-2px;line-height:1.17;margin-bottom:20px}.hero-content h1 em{letter-spacing:-1.5px}.hero-kicker{font-size:8px;letter-spacing:1.6px;margin-bottom:23px}.hero-content p{font-size:12px;max-width:310px;line-height:1.85}.hero-explore{font-size:10px;margin-top:4px}.hero-image{object-position:57% center}.hero-shade{background:linear-gradient(90deg,#173d32d9,#173d3250)}.hero-caption{left:22px;bottom:53px;right:auto;font-size:9px}.search-wrap{margin-top:-26px}.stay-search{display:grid;grid-template-columns:1fr;padding:9px;border-radius:12px}.search-field{padding:11px 13px;border:0;border-bottom:1px solid var(--line);gap:15px}.search-field label{font-size:10px;margin-bottom:0}.search-field input,.search-field select{font-size:12px;padding-block:5px}.search-keyword{display:flex}.stay-search>.button{margin-top:8px;min-height:47px;font-size:12px}.trust-line{gap:9px;justify-content:space-between;padding-top:20px}.trust-line span{font-size:8px;max-width:100px;line-height:1.5;gap:5px;align-items:start}.trust-line .icon{width:13px;height:13px}.stays-section{padding-top:42px;padding-bottom:45px}.section-heading{align-items:start;gap:15px;margin-bottom:22px;flex-direction:column}.section-heading h2{font-size:29px;letter-spacing:-1.2px}.section-heading p{font-size:12px;line-height:1.8;max-width:330px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:10px}.section-heading>.text-link{font-size:11px}.browse-toolbar{gap:8px;margin-bottom:22px}.category-pills{width:100%;gap:6px}.category-pill{padding:9px 12px;font-size:10px;min-height:40px}.sort-form{margin-left:auto}.stay-grid{grid-template-columns:1fr;gap:22px}.stay-card-image{height:auto;aspect-ratio:1.55}.stay-card-body{padding:17px 18px}.card-meta{font-size:10px}.stay-card h3{font-size:20px}.stay-card-body>p{font-size:12px;min-height:0}.image-badge{font-size:10px}.save-stay{width:40px;height:40px}.card-bottom strong{font-size:20px}.card-bottom span{font-size:11px}.card-bottom>a{width:36px;height:36px}.pagination{gap:14px;font-size:10px}.pagination a{padding:8px}.destination-section{padding-block:42px}.coast-note{display:none}.destination-grid{grid-template-columns:1fr}.destination-card{height:250px}.destination-card>div{left:24px;bottom:25px}.destination-card h3{font-size:29px}.destination-card p{font-size:12px}.destination-arrow{width:36px;height:36px;right:25px;bottom:30px}.direct-section{grid-template-columns:1fr;gap:32px;padding-block:48px}.direct-intro h2{font-size:37px;margin-bottom:20px}.direct-reasons{gap:23px}.direct-reasons p{font-size:12px}.journal-section{padding-block:42px}.journal-grid{grid-template-columns:1fr;gap:32px}.journal-copy h3{font-size:25px}.journal-copy{padding-top:18px}.journal-copy p{font-size:12px}.faq-section{grid-template-columns:1fr;gap:20px;padding-block:45px}.faq-section h2{font-size:32px}.faq-section h2 br{display:none}.faq-list summary{font-size:13px;padding-block:20px}.host-banner{margin:0 22px 45px;padding:30px 25px;flex-direction:column;align-items:start}.host-banner h2{font-size:27px}.host-banner p{font-size:12px;line-height:1.8}.host-banner .button{font-size:12px}.site-footer{padding-top:37px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px;padding-bottom:30px}.footer-about{grid-column:1/-1;margin-bottom:8px}.footer-grid>div:last-child{grid-column:auto}.footer-grid>div>h2{margin-bottom:13px}.footer-grid>div>a:not(.brand){font-size:12px}.footer-bottom{flex-direction:column;font-size:9px;gap:12px;padding-block:20px}.footer-bottom>div{flex-wrap:wrap;gap:18px}.page-login main,.page-register main,.page-forgot-password main,.page-reset-password main{padding:28px 18px}.auth-layout{grid-template-columns:1fr}.auth-story{min-height:185px;padding:25px;background-position:center}.auth-story h2{font-size:29px;margin-bottom:0}.auth-story h2 br{display:none}.auth-story p{display:none}.auth-panel{padding:28px 23px}.auth-panel h1{font-size:28px}.site-body main form:not(.stay-search):not(.sort-form) input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),.site-body main textarea,.site-body main form:not(.stay-search):not(.sort-form) select{font-size:16px}.page-contact main h1{font-size:38px}.page-contact main form{padding:22px}.page-contact main>.max-w-7xl{padding:40px 22px}.page-contact .gap-16{gap:35px}.story-hero{grid-template-columns:1fr;gap:30px;padding-block:40px}.story-hero h1{font-size:40px!important}.story-hero>img{height:340px;border-radius:90px 90px 12px 12px}.story-values .direct-reasons{grid-template-columns:1fr}.story-values .direct-reasons>div{flex-direction:row}.journal-hero{padding-block:40px}.journal-hero h1{font-size:39px}.journal-hero p{font-size:13px}.journal-list{padding-block:35px}.page-stay h1{font-size:29px}.page-stay main>.max-w-7xl{padding-inline:22px}.page-stay .mb-6>.flex.items-center{flex-wrap:wrap;gap:8px;font-size:12px}.page-stay .flex-col.lg\:flex-row{gap:30px}.page-stay .sticky.top-24{padding:22px}.page-guide h1{font-size:32px;letter-spacing:-1px}.page-dashboard main>.max-w-7xl{padding:25px 16px}.page-dashboard h1{font-size:28px}.page-dashboard main>.max-w-7xl>.mb-8{flex-wrap:wrap;gap:16px}.page-dashboard nav[aria-label=Tabs]{gap:20px}.page-dashboard .grid-cols-2>.bg-white{padding:15px}.page-dashboard .grid-cols-2>.bg-white .text-2xl{font-size:25px}.page-dashboard #content-listings li>.flex{gap:15px;align-items:start;flex-wrap:wrap}.page-dashboard #content-listings li .truncate{white-space:normal}.page-dashboard #content-listings li .flex-col{min-width:0}.page-dashboard #content-listings li .items-center{min-width:0}.page-dashboard #content-listings .w-24{width:70px}.page-dashboard [id$="modal"] .inline-block{max-width:100%}.page-dashboard [id$="modal"] .p-6{padding:16px}.page-dashboard [id$="modal"] .space-x-3{display:flex;gap:8px}.page-dashboard [id$="modal"] .space-x-3>*{margin:0}}
.page-stay a[href^="https://wa.me/"],.page-stay .fixed.bottom-0>a,.page-stay a.bg-\[\#1a73e8\]{background:var(--green);color:#fff}.page-stay a[href^="https://wa.me/"]:hover,.page-stay .fixed.bottom-0>a:hover{background:var(--green-hover)}
.site-body .bg-brand-700,.site-body .bg-brand-800{background:var(--green)}.site-body .hover\:bg-brand-700:hover,.site-body .hover\:bg-brand-800:hover,.site-body .hover\:bg-brand-900:hover{background:var(--green-hover)}
.card-meta,.rating small{font-size:11px}.image-badge{font-size:10px}.stay-card-body>p{font-size:12px}.card-bottom span{font-size:11px}.search-field select,.search-field input{font-size:12px}.desktop-nav a,.nav-signin{font-size:13px}.footer-grid>div>a:not(.brand){font-size:12px}
@media(min-width:641px) and (max-width:1150px){.stay-search{display:grid;grid-template-columns:1fr 1fr;gap:10px}.search-keyword{display:flex}.search-field:nth-child(2){border-right:0}.stay-search>.button{min-height:49px}.search-wrap{margin-top:-35px}}
@media(max-width:640px){.auth-story h2 br,.faq-section h2 br{display:initial}.page-login .flex.items-center.justify-between{align-items:start;gap:18px}.card-meta,.rating small{font-size:10px}.site-body .page-stay .fixed.bottom-0>a{font-size:12px}}
.site-body .border-brand-600{border-color:var(--green)}
.page-contact main>.max-w-7xl>.grid>div:first-child{padding:0;background:transparent;border:0;box-shadow:none}
@media(min-width:641px) and (max-width:960px){.page-contact main>.max-w-7xl>.grid{gap:32px}.page-contact main form{padding:24px}.page-contact main form>.grid{grid-template-columns:1fr;gap:20px}.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.coastal-hero{height:530px}.hero-content h1{font-size:40px;line-height:1.16}.hero-content p br{display:none}.hero-content p{max-width:250px}.hero-caption{bottom:52px}.page-stay .fixed.bottom-0{padding-inline:10px;gap:8px}.page-stay .fixed.bottom-0>a{font-size:11px;padding-inline:12px}}
.back-to-top{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:55;width:48px;height:48px;display:grid;place-items:center;border:1px solid #ffffff50;border-radius:50%;background:var(--green);color:#fff;box-shadow:0 4px 18px #173a2b30;transition:background .2s,transform .2s}
.back-to-top:hover{background:var(--green-hover);transform:translateY(-3px)}
@media(max-width:1023px){.page-stay .back-to-top{bottom:calc(100px + env(safe-area-inset-bottom))}}
@media(max-width:640px){.back-to-top{right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Travel guide maps, credited photographs and practical visitor information. */
.guide-cover-photo{display:block;width:100%;border:0;padding:0;background:none;cursor:zoom-in}
.guide-cover-photo:focus-visible{outline:3px solid #9bad65;outline-offset:-4px}
.photo-gallery{z-index:100;background:#11251df5;padding:20px;color:white;height:100dvh;flex-direction:column;gap:12px;overflow:hidden}
.photo-gallery.hidden{display:none}
.photo-gallery:not(.hidden){display:flex}
.photo-gallery-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;border-bottom:1px solid #ffffff24;padding-bottom:12px}
.photo-gallery-header>div{min-width:0}
.photo-gallery-header strong{display:block;font-size:14px;line-height:1.4;font-weight:500}
.photo-gallery-header span{font-size:12px;color:#d2dec7;display:block;margin-top:4px}
.photo-gallery button{min-width:44px;min-height:44px;border:1px solid #ffffff30;border-radius:50%;background:#ffffff12;color:white;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.photo-gallery button:hover{background:#ffffff28}
.photo-gallery button:focus-visible{outline:3px solid #d2dc95;outline-offset:3px}
.photo-gallery-stage{display:flex;align-items:center;justify-content:center;position:relative;flex:1;min-height:0}
.photo-gallery-stage>button{position:absolute;z-index:1;background:#11251dc9;top:50%;transform:translateY(-50%)}
.photo-gallery-stage>button:first-child{left:0}.photo-gallery-stage>button:last-child{right:0}
.photo-gallery-stage img{display:block;max-width:calc(100% - 110px);max-height:100%;height:100%;object-fit:contain;border-radius:8px}
.photo-gallery-caption{text-align:center;font-size:12px;line-height:1.5;white-space:pre-line;color:#e1e9da;flex-shrink:0;margin:0}
.photo-gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding:8px 4px;flex-shrink:0;max-width:100%;margin:0 auto;scrollbar-width:thin;scrollbar-color:#728566 #1e332a}
.photo-gallery-thumbs::-webkit-scrollbar{height:5px}.photo-gallery-thumbs::-webkit-scrollbar-track{background:#1e332a}.photo-gallery-thumbs::-webkit-scrollbar-thumb{background:#728566;border-radius:5px}
.photo-gallery-thumbs button{padding:0;border-radius:7px;min-height:0;width:65px;height:52px}
.photo-gallery-thumbs button[aria-pressed=true]{outline:2px solid #d2dc95;outline-offset:2px}
.photo-gallery-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:6px}
@media(max-width:640px){.photo-gallery{padding:12px;gap:10px}.photo-gallery-header strong{font-size:12px}.photo-gallery-stage img{max-width:100%;width:100%}.photo-gallery-stage>button{bottom:8px;top:auto;transform:none}.photo-gallery-caption{font-size:11px}.photo-gallery-thumbs{margin:0;justify-content:flex-start}}
.article-content [id]{scroll-margin-top:110px}
.article-content .guide-source-note{font-size:12px;line-height:1.7;color:var(--muted)}
.guide-jump-links{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:20px;background:var(--sand);border:1px solid var(--line);border-radius:12px;margin:28px 0;font-size:13px}
.guide-jump-links strong{flex-basis:100%;font-size:15px}
.article-content .guide-jump-links a{display:inline-flex;align-items:center;min-height:32px;text-underline-offset:4px}
.guide-quick-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;padding:24px;border:1px solid var(--line);border-radius:12px;margin:28px 0}
.guide-quick-facts dt{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.guide-quick-facts dd{font-size:15px;color:var(--ink);margin:4px 0 0}
.guide-map{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--sand)}
.guide-map iframe{display:block;width:100%;height:450px;max-width:100%;border:0}
.guide-map-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 24px}
.article-content .guide-map-actions a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;font-size:13px;text-decoration:none;background:var(--sand)}
.article-content .guide-map-actions a:first-child{background:var(--green);color:white;border-color:var(--green)}
.guide-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}
.guide-photo{margin:0;min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--sand)}
.guide-photo:first-child{grid-column:1/-1}
.guide-photo>a{display:block;background:#e9ede3;overflow:hidden}
.guide-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .2s ease}
.guide-photo:first-child img{aspect-ratio:16/9}
.guide-photo>a:hover img{transform:scale(1.025)}
.guide-photo figcaption{padding:14px 16px;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.guide-photo figcaption strong{display:block;font-size:14px;margin-bottom:5px}
.guide-photo figcaption span{display:block;color:var(--muted)}
.guide-faq{border-block:1px solid var(--line);margin:24px 0}
.guide-faq details+details{border-top:1px solid var(--line)}
.guide-faq summary{padding:18px 0;font-weight:600;color:var(--ink);cursor:pointer;font-size:16px}
.guide-faq details p{font-size:15px;padding:0 0 10px;margin-bottom:10px}
.article-content a:focus-visible,.guide-faq summary:focus-visible{outline:3px solid #9bad65;outline-offset:4px}
@media(max-width:640px){.guide-photo-grid{grid-template-columns:1fr;gap:18px}.guide-quick-facts{padding:18px;gap:16px}.guide-map iframe{height:340px}.guide-photo:first-child img{aspect-ratio:4/3}.guide-jump-links{padding:16px;gap:6px 14px}.guide-quick-facts dd{font-size:13px}.page-guide h1{letter-spacing:-.8px}.page-guide .pt-12{padding-top:30px}}