:root{--bg:#f7f7f3;--surface:#fff;--ink:#12221b;--muted:#617069;--line:#dfe7e2;--soft:#eef4f0;--soft2:#e6f1eb;--brand:#176447;--brand2:#0f4f38;--accent:#d96347;--sand:#f2eee5;--blue:#e9f1f4;--radius:22px;--radius-lg:30px;--shadow-sm:0 8px 24px rgba(17,38,28,.07);--shadow:0 20px 55px rgba(17,38,28,.11);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}.shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.narrow{max-width:820px}.skip-link{position:absolute;left:-9999px;top:8px;background:#000;color:#fff;padding:10px 14px;z-index:100}.skip-link:focus{left:8px}
.site-header{position:sticky;top:0;z-index:40;background:rgba(247,247,243,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(210,222,215,.85)}.nav-wrap{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:850;letter-spacing:-.025em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,var(--brand),var(--brand2));color:#fff;font-size:15px;box-shadow:0 6px 18px rgba(23,100,71,.18)}.brand-text{display:grid;line-height:1}.brand-text small{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#7a8981;margin-top:4px}.desktop-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:720;color:#4f5c56}.desktop-nav a{position:relative;padding:27px 0 24px}.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;border-radius:2px;background:var(--brand);transform:scaleX(0);transition:transform .18s ease}.desktop-nav a:hover,.desktop-nav a.active{color:var(--brand)}.desktop-nav a:hover:after,.desktop-nav a.active:after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:8px}.language-select,.menu-btn{border:1px solid #d9e2dd;background:#fff;border-radius:12px;height:42px;padding:0 12px;color:#34433c;box-shadow:0 3px 10px rgba(20,40,30,.03)}.language-select{max-width:142px}.menu-btn{display:none;cursor:pointer;font-weight:750}.mobile-nav{padding:8px 0 16px;display:grid;gap:2px}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:12px 4px;border-bottom:1px solid var(--line);font-weight:700}
.safety-banner{border-bottom:1px solid #eadfbe;background:#fff9e9;color:#4d4632}.safety-banner-inner{display:flex;align-items:flex-start;gap:10px;padding-top:10px;padding-bottom:10px}.safety-banner p{margin:0;font-size:12.5px;line-height:1.5}.safety-banner strong{font-weight:850;color:#2f2b1e}.safety-mark{flex:0 0 22px;width:22px;height:22px;border:1px solid #dacb9e;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;color:#705c20;background:#fff}
.hero{position:relative;overflow:hidden;padding:68px 0 60px;background:radial-gradient(circle at 82% 18%,rgba(207,226,216,.75),transparent 34%),linear-gradient(180deg,#fbfcf8 0,#f4f6f1 100%)}.hero:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(23,100,71,.08);border-radius:50%;right:-170px;top:-160px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:40px;align-items:center}.hero-grid>div{min-width:0;width:100%;box-sizing:border-box}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.18em;font-weight:850;color:var(--brand);margin-bottom:13px}.eyebrow:before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px}.hero h1,.page-hero h1{font-size:clamp(3.25rem,6.2vw,5.9rem);line-height:.94;letter-spacing:-.064em;margin:0 0 24px;font-weight:850}.hero h1 span,.page-hero h1 span{color:var(--brand)}.hero-copy{max-width:690px;font-size:clamp(1.02rem,1.8vw,1.2rem);color:#58675f;margin:0 0 26px}.search-panel{background:#fff;border:1px solid rgba(215,226,219,.92);border-radius:20px;padding:16px;box-shadow:0 20px 45px rgba(26,56,42,.10);max-width:720px}.search-box>label,.mini-search label,.community-search{display:block;font-size:12px;font-weight:800;margin:0 0 8px;color:#36463e}.search-line{display:flex;gap:8px;position:relative}.search-icon{position:absolute;left:15px;top:50%;translate:0 -50%;width:20px;height:20px;color:#718078;z-index:2}.search-icon svg,.category-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.search-line input{min-width:0;flex:1;height:56px;border:1px solid #d9e3dd;border-radius:14px;padding:0 16px 0 44px;background:#fcfdfb;color:var(--ink)}.search-line input:focus,textarea:focus,select:focus{outline:3px solid rgba(23,100,71,.13);border-color:var(--brand)}.search-line button{border:0;border-radius:14px;padding:0 22px;background:var(--brand);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 7px 18px rgba(23,100,71,.18)}.search-line button:hover{background:var(--brand2)}.suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.suggestions button,.chip{border:1px solid #dbe4df;background:#fff;border-radius:999px;padding:7px 11px;font-size:12px;color:#536159;cursor:pointer}.suggestions button:hover,.chip:hover,.chip.active{border-color:#aac7b8;background:var(--soft2);color:var(--brand2)}.hero-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;color:#6a7871;font-size:12px}.hero-trust b{color:var(--ink);font-size:13px}.hero-visual{position:relative;min-height:460px}.hero-photo{position:absolute;inset:0 0 38px 0;margin:0;border-radius:32px;overflow:hidden;background:#ccd8d2;box-shadow:var(--shadow)}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(9,24,17,.62) 100%)}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo figcaption{position:absolute;left:24px;bottom:22px;right:24px;color:#fff;font-weight:760;z-index:2;font-size:14px}.floating-card{position:absolute;display:flex;gap:11px;align-items:center;z-index:3;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.9);box-shadow:0 16px 35px rgba(14,34,24,.18);backdrop-filter:blur(9px);padding:13px 15px;border-radius:16px;max-width:290px}.floating-card small{display:block;color:#75827c;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.floating-card strong{display:block;font-size:12.5px;line-height:1.35;margin-top:2px}.floating-icon{width:34px;height:34px;border-radius:11px;background:var(--soft2);display:grid;place-items:center;color:var(--brand);font-weight:900}.floating-card-a{left:12px;bottom:105px}.floating-card-b{right:12px;top:24px}.floating-card{max-width:calc(100% - 24px);box-sizing:border-box;white-space:normal;word-break:break-word}.photo-credit{position:absolute;right:8px;bottom:8px;font-size:9px;color:#7f8a84}
.category-strip{position:relative;z-index:5;margin-top:-20px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.category-card{min-width:0;display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #dce5e0;border-radius:18px;padding:15px 14px;box-shadow:var(--shadow-sm);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.category-card:hover{transform:translateY(-2px);border-color:#b7cec1;box-shadow:0 14px 28px rgba(17,38,28,.09)}.category-icon{flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:var(--soft2);color:var(--brand);padding:9px}.category-card strong{display:block;font-size:13px;line-height:1.25}.category-card small{display:block;font-size:10.5px;color:#74817b;margin-top:2px;line-height:1.3}
.trust-section{padding:34px 0 22px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trust-grid>div{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-left:3px solid #c7d9cf}.trust-icon{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#e9f3ee;color:var(--brand);font-weight:900;font-size:12px}.trust-grid p{margin:0}.trust-grid strong{display:block;font-size:13px}.trust-grid small{display:block;font-size:11.5px;color:#718078;margin-top:2px}.section{padding:82px 0}.visual-band{background:linear-gradient(180deg,#eef3ef 0,#f5f7f3 100%);border-top:1px solid #e1e8e3;border-bottom:1px solid #e1e8e3}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-head.compact{align-items:center}.section-head h2{font-size:clamp(2rem,3.4vw,3.15rem);letter-spacing:-.045em;line-height:1.04;margin:0 0 10px}.section-head p{max-width:720px;margin:0;color:var(--muted)}.see-all{font-size:13px;font-weight:800;color:var(--brand);white-space:nowrap}.see-all span{display:inline-block;margin-left:4px;transition:transform .16s ease}.see-all:hover span{transform:translateX(3px)}
.feature-grid,.browse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card,.guide-card,.result-card,.compare-card{border:1px solid #dde6e1;background:#fff;border-radius:22px;min-width:0;overflow:hidden;box-shadow:0 5px 18px rgba(19,43,31,.035);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.feature-card:hover,.guide-card:hover,.result-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(18,44,31,.09);border-color:#c8d9d0}.feature-card,.result-card{padding:0}.guide-card,.compare-card{padding:22px}.card-media{display:block;position:relative;height:176px;background:linear-gradient(135deg,#dce8e1,#c3d7cc);overflow:hidden}.card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(13,31,22,.25))}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.feature-card:hover .card-media img,.result-card:hover .card-media img{transform:scale(1.025)}.card-body{padding:20px}.feature-card h3,.guide-card h2,.result-card h3,.compare-card h2{font-size:1.25rem;line-height:1.25;letter-spacing:-.026em;margin:11px 0 8px}.feature-card p,.guide-card p,.result-card p,.compare-card p{color:var(--muted);margin:0 0 14px;font-size:14px}.tag{display:inline-flex;border-radius:999px;background:#edf5f1;color:var(--brand);padding:5px 9px;font-size:10.5px;font-weight:850}.card-media .tag{position:absolute;left:14px;top:14px;z-index:2;background:rgba(255,255,255,.92);box-shadow:0 5px 16px rgba(0,0,0,.08)}.card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.card-meta span{font-size:10.5px;color:#65736c;border:1px solid #e0e7e3;background:#fafbf9;padding:4px 7px;border-radius:8px}.card-actions,.button-row,.dialog-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.action-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:11px;padding:9px 13px;border:1px solid #d9e3dd;font-size:12.5px;font-weight:800;cursor:pointer}.action-btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.action-btn.primary:hover{background:var(--brand2)}.action-btn.secondary{background:#fff;color:var(--ink)}.action-btn.secondary:hover{background:#f5f8f5}.more-options{display:flex;flex-wrap:wrap;gap:8px;width:100%}.more-options[hidden]{display:none}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.search-results{padding:38px 0 22px}.text-btn{border:0;background:none;color:var(--brand);font-weight:800;cursor:pointer}
.connect-section{background:#10251c;color:#fff;overflow:hidden}.connect-section .eyebrow{color:#8fd7b5}.connect-section p{color:#c6d2cc}.split-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}.split-grid h2{font-size:clamp(2.25rem,4vw,3.7rem);letter-spacing:-.05em;line-height:1.02;margin:0 0 14px}.phone-card{position:relative;width:min(320px,80%);height:360px;margin:auto;border:9px solid #f6f7f3;border-radius:40px;background:#dfece6;box-shadow:0 30px 60px rgba(0,0,0,.24);transform:rotate(4deg)}.phone-top{width:88px;height:18px;border-radius:0 0 12px 12px;background:#f6f7f3;margin:0 auto}.phone-screen{height:calc(100% - 18px);display:flex;flex-direction:column;justify-content:center;padding:28px;color:#173227;background:radial-gradient(circle at 70% 25%,#fff 0,#d7ebe1 32%,#b9d9c8 100%);border-radius:28px}.phone-screen span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#4d695b}.phone-screen strong{font-size:27px;line-height:1.15;margin-top:10px}.signal-row{display:flex;gap:5px;align-items:flex-end;margin-top:25px}.signal-row i{display:block;width:7px;background:var(--brand);border-radius:4px}.signal-row i:nth-child(1){height:8px}.signal-row i:nth-child(2){height:14px}.signal-row i:nth-child(3){height:20px}.signal-row i:nth-child(4){height:26px}
.trip-paths-section{background:var(--sand);border-top:1px solid #e6ded1;border-bottom:1px solid #e6ded1}.path-grid,.qa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.path-grid a,.qa-grid a{position:relative;display:grid;gap:6px;padding:23px;border:1px solid #ddd8cf;border-radius:18px;background:rgba(255,255,255,.74);overflow:hidden}.path-grid a:after{content:"→";position:absolute;right:20px;top:18px;color:#8d988f;font-weight:900}.path-grid a:hover{background:#fff;border-color:#cfc8bb}.path-grid strong{font-size:16px}.path-grid span,.qa-grid span{font-size:12px;color:var(--muted)}.path-number{font-size:10px!important;letter-spacing:.1em;font-weight:850;color:var(--accent)!important}
.community-callout,.callout,.info-strip{border:1px solid var(--line);border-radius:24px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff}.community-card{padding:0;overflow:hidden;min-height:330px}.community-visual{position:relative;flex:0 0 42%;align-self:stretch;background:linear-gradient(145deg,#dbeae2,#f0f2e8);min-height:330px;overflow:hidden}.avatar{position:absolute;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-weight:850;color:#fff;border:4px solid rgba(255,255,255,.85);box-shadow:0 10px 24px rgba(20,40,30,.12)}.a1{left:18%;top:24%;background:#176447}.a2{left:45%;top:50%;background:#d96347}.a3{right:14%;top:20%;background:#345b75}.speech{position:absolute;background:#fff;border:1px solid #d9e4de;border-radius:14px;padding:10px 12px;font-size:11px;font-weight:720;box-shadow:0 9px 24px rgba(23,47,35,.08)}.s1{left:12%;bottom:16%;max-width:190px}.s2{right:8%;bottom:31%;max-width:170px}.community-copy{padding:34px 36px}.community-callout h2{margin:0 0 10px;font-size:clamp(2rem,3.2vw,3rem);letter-spacing:-.045em;line-height:1.05}.community-callout p,.callout p,.info-strip p{margin:0;color:var(--muted)}
.page-hero{padding:68px 0 36px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);justify-content:space-between;align-items:center;gap:44px}.page-hero>div:first-child{max-width:760px}.page-hero h1{font-size:clamp(2.8rem,5.4vw,5rem)}.page-hero .hero-copy{margin-bottom:0}.page-hero-visual{min-height:260px;border-radius:26px;overflow:hidden;background:linear-gradient(135deg,#d7e6de,#eef3ee);box-shadow:var(--shadow-sm);border:1px solid #dbe4df}.page-hero-visual img{width:100%;height:100%;min-height:260px;object-fit:cover}.page-hero-icon{min-height:250px;display:grid;place-items:center;background:linear-gradient(135deg,#dcebe3,#f4efe5);border-radius:26px;border:1px solid #dce5df}.page-hero-icon svg{width:92px;height:92px;fill:none;stroke:var(--brand);stroke-width:1.25}.mini-search{width:min(430px,100%);padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}.filter-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.list-stack{display:grid;gap:13px}.stay-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;border:1px solid var(--line);border-radius:18px;padding:21px;background:#fff;box-shadow:0 4px 14px rgba(18,42,30,.025)}.stay-result h2{font-size:1.3rem;letter-spacing:-.025em;margin:8px 0}.stay-result p{margin:0;color:var(--muted)}.stay-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:360px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:900px}.step-list{display:grid;gap:14px}.step-list article{display:grid;grid-template-columns:54px 1fr;gap:20px;border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff}.step-list article>span{width:46px;height:46px;border-radius:14px;background:var(--soft2);display:grid;place-items:center;color:var(--brand);font-weight:850}.step-list h2{margin:0 0 8px}.step-list p{margin:0 0 8px;color:var(--muted)}.step-list a,.back-link{color:var(--brand);font-weight:800}.prose h2{margin:32px 0 8px;font-size:1.4rem}.prose p{color:#495650}.community-actions{display:flex;gap:8px;flex-wrap:wrap}.community-toolbar{display:flex;justify-content:space-between;gap:22px;align-items:flex-end}.community-search{width:min(320px,100%);margin:0}.community-search input{display:block;width:100%;height:44px;border:1px solid var(--line);border-radius:11px;padding:0 12px;margin-top:6px;background:#fff}.community-list{display:grid;gap:10px;margin-top:22px}.post-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff}.post-card h2{font-size:1.08rem;line-height:1.35;margin:5px 0 6px}.post-card p{color:var(--muted);margin:0}.post-meta,.post-stats{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:#718078}.post-stats{align-items:center;justify-content:flex-end}.post-detail{max-width:820px;margin:30px auto;padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff}.post-detail h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.04em}.post-body{white-space:pre-line;color:#3d4944}.comments-section{max-width:820px;margin:0 auto 70px}.comment-list{display:grid;gap:10px}.comment{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.comment p{margin:6px 0;color:#44514b}.dialog{border:0;background:transparent;padding:20px;max-width:none;width:100%;height:100%}.dialog::backdrop{background:rgba(15,25,20,.48)}.dialog-card{position:relative;width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;margin:auto;background:#fff;border-radius:22px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.22)}.dialog-card.wide{width:min(680px,calc(100vw - 32px))}.dialog-card h2{font-size:1.65rem;line-height:1.15;margin:2px 0 10px}.dialog-card label{display:grid;gap:6px;margin-top:14px;font-size:13px;font-weight:750}.dialog-card input,.dialog-card textarea,.dialog-card select{width:100%;border:1px solid var(--line);border-radius:11px;padding:10px 12px;color:var(--ink);background:#fff}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:28px;cursor:pointer;color:#66736c}.auth-buttons{display:grid;gap:8px;margin-top:18px}.auth-buttons button{height:46px;border:1px solid var(--line);border-radius:11px;background:#fff;font-weight:750;cursor:pointer}.auth-buttons button:hover{background:var(--soft)}
.tiny-note{font-size:11.5px;color:#75817b}.site-footer{border-top:1px solid var(--line);padding:48px 0 26px;background:#fff}.footer-grid{display:flex;justify-content:space-between;gap:34px}.footer-brand{margin-bottom:10px}.site-footer p{margin:0;color:var(--muted);font-size:13px}.footer-links{display:flex;flex-wrap:wrap;gap:17px;font-size:12px;color:#66736c;align-content:flex-start}.site-footer>.tiny-note{margin-top:26px}.ad-slot{min-height:1px}
.map-modal{position:fixed;inset:0;z-index:80;background:rgba(14,24,19,.52);display:grid;place-items:center;padding:18px}.map-modal[hidden]{display:none}.map-card{width:min(760px,100%);background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.22)}.map-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line)}.map-head strong{font-size:14px}.map-head button{border:0;background:none;font-size:24px;cursor:pointer}.map-frame{height:min(55vh,430px);background:var(--soft);display:grid;place-items:center}.map-frame iframe{width:100%;height:100%;border:0}.map-foot{padding:12px 18px;font-size:12px;color:var(--muted)}.center-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--soft)}.center-screen .dialog-card{position:relative}.qa-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:1050px){.category-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{gap:38px}.floating-card-b{right:10px}.floating-card-a{left:10px}.feature-grid,.browse-grid{gap:14px}}
@media(max-width:900px){.desktop-nav{display:none}.menu-btn{display:inline-flex;align-items:center}.hero-grid,.split-grid{grid-template-columns:1fr}.hero-content{max-width:760px}.hero-visual{min-height:410px;max-width:760px}.feature-grid,.browse-grid,.result-grid{grid-template-columns:1fr 1fr}.page-hero{grid-template-columns:1fr}.page-hero-visual,.page-hero-icon{max-width:620px}.mini-search{margin-top:10px}.qa-grid{grid-template-columns:1fr 1fr}.community-toolbar{align-items:stretch;flex-direction:column}.community-search{width:100%}.community-card{display:grid;grid-template-columns:1fr 1.25fr}.community-visual{min-height:300px}}
@media(max-width:660px){.shell{width:min(calc(100% - 26px),var(--max))}.nav-wrap{height:64px}.brand-mark{width:33px;height:33px}.brand-text{font-size:14px}.language-select{max-width:112px;height:39px}.hero{padding:44px 0 42px}.hero h1,.page-hero h1{font-size:clamp(2.75rem,13vw,4.15rem)}.hero-copy{font-size:1rem}.search-panel{padding:12px}.search-line{display:grid;grid-template-columns:1fr}.search-icon{top:28px}.search-line input{width:100%}.search-line button{height:48px}.hero-trust{gap:10px 16px}.hero-visual{min-height:320px;margin-top:4px}.hero-photo{inset:0 0 26px 0;border-radius:24px}.floating-card{display:none}.category-strip{margin-top:-8px}.category-grid{grid-template-columns:repeat(2,1fr);gap:8px}.category-card{padding:12px 10px;border-radius:15px}.category-icon{width:34px;height:34px;flex-basis:34px;padding:8px}.trust-section{padding-top:24px}.trust-grid{grid-template-columns:1fr}.trust-grid>div{padding:12px 14px}.section{padding:58px 0}.section-head{display:block}.section-head .see-all{display:inline-block;margin-top:14px}.section-head h2{font-size:2rem}.feature-grid,.browse-grid,.result-grid,.compare-grid,.path-grid,.qa-grid{grid-template-columns:1fr}.card-media{height:190px}.split-grid{gap:36px}.phone-card{height:300px}.community-card{display:block}.community-visual{min-height:240px}.community-copy{padding:26px 22px}.community-callout,.callout,.info-strip{display:block}.community-callout .button-row,.callout .button-row{margin-top:18px}.page-hero{padding:48px 0 26px;gap:26px}.stay-result{grid-template-columns:1fr}.stay-actions{justify-content:flex-start;max-width:none}.post-card{grid-template-columns:1fr}.post-stats{justify-content:flex-start}.footer-grid{display:block}.footer-links{margin-top:20px}.step-list article{grid-template-columns:44px 1fr;padding:18px}.step-list article>span{width:40px;height:40px}.community-actions{margin-top:22px}.safety-banner-inner{gap:8px;padding-top:9px;padding-bottom:9px}.safety-banner p{font-size:11.5px;line-height:1.46}.safety-mark{width:20px;height:20px;flex-basis:20px}.photo-credit{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.page-hero>div:only-child{grid-column:1/-1;max-width:900px}.page-hero figure{margin:0}
.community-hero-panel{display:grid;gap:10px;padding:22px;border-radius:24px;background:linear-gradient(145deg,#dcebe3,#f5f2e9);border:1px solid #dbe5df;box-shadow:var(--shadow-sm)}.community-mini{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.9);border:1px solid rgba(215,226,219,.95);border-radius:14px;padding:12px}.community-mini p{margin:0}.community-mini strong{display:block;font-size:12.5px}.community-mini small{display:block;font-size:10.5px;color:#75817b;margin-top:2px}.mini-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font-size:11px;font-weight:850}.mini-avatar.warm{background:var(--accent)}.mini-avatar.blue{background:#3f657b}

/* visual service-capacity layer */
.places-section{padding-top:44px;padding-bottom:72px}.destination-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;grid-template-rows:220px 220px;gap:16px}.destination-card{position:relative;overflow:hidden;border-radius:24px;border:1px solid #dbe5df;background:#dfe7e2;box-shadow:0 8px 28px rgba(17,38,28,.06)}.destination-card:first-child{grid-row:1/3}.destination-card:last-child{grid-column:2/4}.destination-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.destination-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,18,12,.02) 22%,rgba(6,18,12,.72) 100%)}.destination-card:hover img{transform:scale(1.025)}.destination-overlay{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;color:#fff;display:grid}.destination-overlay small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.82}.destination-overlay strong{font-size:clamp(1.45rem,2.3vw,2.2rem);line-height:1.05;letter-spacing:-.03em;margin-top:3px}.destination-overlay em{font-style:normal;font-size:11.5px;opacity:.9;margin-top:5px}.feature-card .card-body{min-height:250px;display:flex;flex-direction:column}.feature-card .card-actions{margin-top:auto}.feature-card .card-meta{margin-bottom:18px}.feature-card .card-actions+.card-actions{margin-top:8px}.search-panel{position:relative}.search-panel:after{content:"Fast · clear · built for international travelers";position:absolute;left:16px;bottom:-26px;font-size:10px;letter-spacing:.04em;color:#829087}.hero-content{padding-bottom:20px}
@media(max-width:900px){.destination-grid{grid-template-columns:1fr 1fr;grid-template-rows:250px 210px 210px}.destination-card:first-child{grid-column:1/3;grid-row:auto}.destination-card:last-child{grid-column:1/3}}
@media(max-width:660px){.places-section{padding-top:28px;padding-bottom:52px}.destination-grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,190px);gap:10px}.destination-card:first-child,.destination-card:last-child{grid-column:auto;grid-row:auto}.destination-overlay{left:16px;right:16px;bottom:15px}.destination-overlay strong{font-size:1.7rem}.feature-card .card-body{min-height:auto}.search-panel:after{display:none}}

/* =========================================================
   GLOBAL LIGHT / DARK THEME — shared by every non-home page
   Theme preference is stored by src/theme.js and survives navigation.
   ========================================================= */
html[data-theme="dark"]{
  --bg:#09140f;
  --surface:#102019;
  --ink:#f4fbf7;
  --muted:#9cb0a6;
  --line:#294036;
  --soft:#152a21;
  --soft2:#1b3429;
  --brand:#7fe0b7;
  --brand2:#b0f2d4;
  --accent:#f2a186;
  --sand:#201d15;
  --blue:#14272a;
  --shadow-sm:0 8px 24px rgba(0,0,0,.18);
  --shadow:0 20px 55px rgba(0,0,0,.30);
  color-scheme:dark;
}
.theme-toggle-btn{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid #d9e2dd;background:#fff;color:#34433c;border-radius:12px;padding:0;font-size:17px;line-height:1;cursor:pointer;box-shadow:0 3px 10px rgba(20,40,30,.03)}
.theme-toggle-btn:hover{border-color:var(--brand);color:var(--brand)}
.floating-theme-toggle{position:fixed;top:14px;right:14px;z-index:120}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] .site-header{background:rgba(9,20,15,.94);border-bottom-color:var(--line)}
html[data-theme="dark"] .desktop-nav{color:#c2d2c9}
html[data-theme="dark"] .language-select,
html[data-theme="dark"] .menu-btn,
html[data-theme="dark"] .theme-toggle-btn{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:none}
html[data-theme="dark"] .mobile-nav{background:var(--bg)}
html[data-theme="dark"] .safety-banner{background:#201d15;border-bottom-color:#493d28;color:#ddd1b4}
html[data-theme="dark"] .safety-banner strong{color:#fff4d4}
html[data-theme="dark"] .safety-mark{background:#2a2519;border-color:#5a4c2e;color:#f0d687}
html[data-theme="dark"] .hero{background:radial-gradient(circle at 82% 18%,rgba(127,224,183,.11),transparent 34%),linear-gradient(180deg,#09140f 0,#0d1b15 100%)}
html[data-theme="dark"] .hero-copy,
html[data-theme="dark"] .page-hero .hero-copy,
html[data-theme="dark"] .prose p,
html[data-theme="dark"] .post-body,
html[data-theme="dark"] .comment p{color:var(--muted)}
html[data-theme="dark"] .search-panel,
html[data-theme="dark"] .category-card,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .guide-card,
html[data-theme="dark"] .result-card,
html[data-theme="dark"] .compare-card,
html[data-theme="dark"] .community-callout,
html[data-theme="dark"] .callout,
html[data-theme="dark"] .info-strip,
html[data-theme="dark"] .mini-search,
html[data-theme="dark"] .stay-result,
html[data-theme="dark"] .step-list article,
html[data-theme="dark"] .post-card,
html[data-theme="dark"] .post-detail,
html[data-theme="dark"] .comment,
html[data-theme="dark"] .dialog-card,
html[data-theme="dark"] .map-card,
html[data-theme="dark"] .site-footer{background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .search-line input,
html[data-theme="dark"] .community-search input,
html[data-theme="dark"] .dialog-card input,
html[data-theme="dark"] .dialog-card textarea,
html[data-theme="dark"] .dialog-card select,
html[data-theme="dark"] .auth-buttons button,
html[data-theme="dark"] .suggestions button,
html[data-theme="dark"] .chip,
html[data-theme="dark"] .action-btn.secondary{background:#0d1b15;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .auth-buttons button:hover,
html[data-theme="dark"] .suggestions button:hover,
html[data-theme="dark"] .chip:hover{background:var(--soft2)}
html[data-theme="dark"] .page-hero,
html[data-theme="dark"] .muted-section{background:var(--bg)}
html[data-theme="dark"] .community-hero-panel{background:linear-gradient(145deg,#142a20,#171f1a);border-color:var(--line)}
html[data-theme="dark"] .community-mini{background:rgba(16,32,25,.92);border-color:var(--line)}
html[data-theme="dark"] .speech{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:0 9px 24px rgba(0,0,0,.18)}
html[data-theme="dark"] .path-grid a:hover{background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] .map-frame{background:var(--soft)}
html[data-theme="dark"] .dialog::backdrop{background:rgba(0,0,0,.68)}
html[data-theme="dark"] .center-screen{background:var(--bg)}
html[data-theme="dark"] .tiny-note,
html[data-theme="dark"] .footer-links,
html[data-theme="dark"] .site-footer p,
html[data-theme="dark"] .post-meta,
html[data-theme="dark"] .post-stats{color:var(--muted)}
@media(max-width:660px){.theme-toggle-btn{width:39px;height:39px}}
/* Additional dark-mode coverage for secondary visual surfaces */
html[data-theme="dark"] .floating-card{background:rgba(16,32,25,.95);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .visual-band{background:linear-gradient(180deg,#102019 0,#0d1b15 100%)}
html[data-theme="dark"] .trust-icon{background:var(--soft2);color:var(--brand)}
html[data-theme="dark"] .tag{background:var(--soft2);color:var(--brand)}
html[data-theme="dark"] .card-media .tag{background:rgba(9,20,15,.86);color:#f4fbf7}
html[data-theme="dark"] .card-meta span{background:#0d1b15;border-color:var(--line);color:#c7d8ce}
html[data-theme="dark"] .path-grid a,
html[data-theme="dark"] .qa-grid a{background:rgba(16,32,25,.78);border-color:var(--line)}
html[data-theme="dark"] .community-visual{background:linear-gradient(145deg,#142a20,#1b2821)}
html[data-theme="dark"] .page-hero-visual,
html[data-theme="dark"] .page-hero-icon{background:linear-gradient(135deg,#142a20,#19251f);border-color:var(--line)}
html[data-theme="dark"] .phone-card{background:#152a21;border-color:var(--line)}
html[data-theme="dark"] .phone-top{background:#0d1b15;color:var(--ink)}
html[data-theme="dark"] .action-btn.secondary:hover{background:var(--soft2)}
html[data-theme="dark"] .search-line input::placeholder,
html[data-theme="dark"] textarea::placeholder,
html[data-theme="dark"] input::placeholder{color:#7f968a}

html[lang="ko"] .hero h1,html[lang="ko"] .page-hero h1,html[lang="ja"] .hero h1,html[lang="ja"] .page-hero h1,html[lang="zh-cn"] .hero h1,html[lang="zh-cn"] .page-hero h1,html[lang="zh-tw"] .hero h1,html[lang="zh-tw"] .page-hero h1{font-size:clamp(1.95rem,3.7vw,3.5rem);line-height:1.18;letter-spacing:-.03em;word-break:keep-all;text-wrap:balance}