.hd-page{max-width:960px;padding-bottom:85px!important}
.hd-head{margin:10px auto 0}
.hd-back{display:inline-flex;align-items:center;color:var(--muted);font-weight:700;font-size:13px;text-decoration:none;padding:13px 0}
.hd-cover{height:clamp(200px,34vw,330px);background:linear-gradient(180deg,#c6edf3 0%,#f4f9ef 59%,#95d7cf 59%,#2e98a6 100%);border-radius:24px 24px 4px 4px;overflow:hidden;position:relative;isolation:isolate}
.hd-cover-land{background:linear-gradient(180deg,#d3f1f0 0%,#ebf7e1 58%,#b6cf91 59%,#5a9c78 100%)}
.hd-sun{position:absolute;width:80px;height:80px;border-radius:50%;background:#fff7ce;top:10%;right:19%;filter:blur(2px);box-shadow:0 0 65px 30px #fff7ce8a}
.hd-cloud{position:absolute;height:23px;width:95px;background:#ffffffbb;top:18%;left:12%;border-radius:80px;filter:blur(6px)}
.hd-cloud-b{left:65%;top:32%;width:70px}
.hd-land{height:60px;width:100%;background:linear-gradient(130deg,#4d9f8e,#8fbf96);position:absolute;bottom:23%;left:-30%;clip-path:polygon(0 100%,36% 7%,67% 96%,100% 100%)}
.hd-water{height:30%;position:absolute;bottom:0;width:100%;background:repeating-linear-gradient(175deg,#ffffff00 0px,#ffffff17 3px,#ffffff00 9px)}
.hd-hotel-silhouette{position:absolute;left:31%;bottom:27%;width:38%;height:46%;border-radius:14px 14px 1px 1px;background:linear-gradient(105deg,#f6e9ca,#fbfcf0 44%,#d9e6e3);box-shadow:0 12px 1px #d4bfa18a;display:flex;gap:7px;align-items:center;justify-content:space-evenly;padding:19px;opacity:.95}
.hd-hotel-silhouette i{display:block;flex:1;height:83%;background:repeating-linear-gradient(0deg,#76b5b6 0px,#76b5b6 7px,#f1f9ef 8px,#f1f9ef 15px);border-radius:3px;opacity:.65}
.hd-palm{position:absolute;font-size:clamp(85px,16vw,185px);bottom:4%;left:0;filter:drop-shadow(0 8px 5px #0a64482b)}
.hd-palm-right{right:1%;left:auto;bottom:8%;font-size:clamp(58px,11vw,110px)}
.hd-cover-note{position:absolute;bottom:13px;right:13px;background:#fffffff0;border-radius:30px;padding:7px 13px;font-size:11px;color:#526a63;font-weight:800}
.hd-cover-note span{font-weight:400;margin-left:3px}
.hd-hotel-identity{background:white;padding:23px 26px 24px;border:1px solid var(--line);border-top:0;border-radius:0 0 23px 23px;box-shadow:var(--shadow)}
.hd-location{font-size:12px;color:var(--leaf);font-weight:800;margin-bottom:6px}
.hd-hotel-identity h1{font-size:clamp(25px,4.5vw,35px);letter-spacing:-.045em;line-height:1.3;margin:0 0 11px}
.hd-hotel-identity p{font-size:13px;color:var(--muted);line-height:1.85;margin:10px 0 0}
.hd-pills{display:flex;flex-wrap:wrap;gap:7px}
.hd-pills span{font-size:11px;background:#ebf7ef;color:#237c66;padding:5px 10px;border-radius:20px;font-weight:750}
.hd-tab-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px;margin:18px 0 13px;background:#eef6f2;border:1px solid #dbe8df;border-radius:15px}
.hd-tab{border:0;border-radius:11px;padding:15px 7px;font-size:14px;font-weight:850;color:#667c70;background:transparent;cursor:pointer;white-space:nowrap;transition:background .15s}
.hd-tab.active{background:#287f69;color:white;box-shadow:0 4px 12px #287f6936}
.hd-tab-icon{margin-right:5px}
.hd-panel{min-height:250px}
.hd-block{background:#fff;border:1px solid #e0ebe5;border-radius:19px;padding:23px;box-shadow:var(--shadow)}
.hd-panel-title{display:flex;gap:13px;align-items:center;margin:0 0 14px}
.hd-title-icon{height:45px;width:45px;flex:none;border-radius:14px;display:grid;place-items:center;font-size:25px;background:#e9f7f0}
.hd-panel-title h2{font-size:21px;margin:0 0 5px;line-height:1.4}
.hd-panel-title p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}
.hd-info-row{display:flex;gap:16px;padding:20px 8px;border-bottom:1px solid #edf3ed}
.hd-info-icon{font-size:24px;background:#f0f9f5;flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center}
.hd-info-row>div{flex:1;min-width:0}
.hd-info-row strong{font-size:13px;display:block;margin:2px 0 6px}
.hd-info-row p{font-size:13px;color:var(--muted);line-height:1.85;margin:0 0 5px}
.hd-info-row a{font-size:12px;font-weight:800}
.hd-primary-link{display:block;text-align:center;background:var(--leaf);padding:14px;color:white!important;border-radius:12px;font-size:14px;font-weight:850;margin:21px 0 0;text-decoration:none}
.hd-primary-link:hover{filter:brightness(.92)}
.hd-guide{margin-top:20px;border-radius:14px;background:#fff7e9;padding:15px 17px;border:1px solid #f4e7cf}
.hd-guide b{color:#826a42;font-size:13px}
.hd-guide p{font-size:12px;line-height:1.8;color:#716657;margin:8px 0 0}
.hd-notice{border-radius:12px;background:#f0f8f3;padding:12px 14px;color:#597969;font-size:12px;line-height:1.8;margin:8px 0 16px}
.hd-facility-list{display:grid;gap:9px}
.hd-facility-row{border:1px solid #e0eee4;border-radius:13px;overflow:hidden;background:white}
.hd-facility-row>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:13px;cursor:pointer}
.hd-facility-row>summary::-webkit-details-marker{display:none}
.hd-facility-icon{width:44px;height:44px;background:#f4f8f9;display:grid;place-items:center;flex:none;border-radius:11px;font-size:25px}
.hd-facility-main{min-width:0;flex:1;display:grid;gap:6px}
.hd-facility-main strong{font-size:14px}
.hd-facility-main small{font-size:11px;color:var(--muted);line-height:1.5}
.hd-status{font-size:11px;font-weight:850;border-radius:18px;padding:5px 10px;white-space:nowrap}
.hd-status.yes{background:#e3f5e9;color:#278367}
.hd-status.unknown{background:#f0f3f1;color:#7b8881}
.hd-chevron{font-size:18px;color:#91a89d;transition:transform .14s}
.hd-facility-row[open] .hd-chevron{transform:rotate(180deg)}
.hd-facility-detail{border-top:1px solid #e7f0e9;margin:0 13px;padding:12px 0 17px 56px;font-size:12px;line-height:1.85}
.hd-facility-detail p{margin:0 0 8px;color:var(--muted)}
.hd-facility-detail a{font-weight:800}
.hd-unknown-note{color:#9aa9a2}
.hd-story-intro{font-size:13px;color:#71847b;line-height:1.85;margin:4px 0 14px}
.hd-story-statline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #d8e9df;border-radius:14px;overflow:hidden;margin:14px 0 20px}
.hd-story-statline div{padding:13px 8px;text-align:center;display:grid;gap:4px;background:#f5fbf7;border-right:1px solid #e2efe7}
.hd-story-statline div:last-child{border:0}
.hd-story-statline strong{font-size:27px;color:#138369}
.hd-story-statline span{font-size:10px;color:#71847b}
.hd-story-filter{background:#f4faf6;border:1px solid #dbeadf;border-radius:16px;padding:17px;margin:10px 0 19px}
.hd-filter-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px}
.hd-filter-title strong{font-size:15px}
.hd-clear{border:0;background:none;text-decoration:underline;color:#548b77;font-size:11px;white-space:nowrap;cursor:pointer}
.hd-filter-group{margin:14px 0 0}
.hd-filter-label{font-size:12px;font-weight:800;margin-bottom:9px}
.hd-filter-label small{font-size:11px;color:#82948a;font-weight:400}
.hd-filter-chips{display:flex;flex-wrap:wrap;gap:7px}
.hd-chip{background:white;border:1px solid #d6e5dc;color:#31594a;border-radius:9px;padding:9px 12px;font-weight:800;font-size:12px;cursor:pointer}
.hd-chip.selected{background:#27876e;color:white;border-color:#27876e}
.hd-story-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:17px 0}
.hd-story-topbar strong{font-size:16px}
.hd-story-topbar label{font-size:11px;color:var(--muted);white-space:nowrap}
.hd-story-topbar select{padding:9px 12px;border:1px solid #dbe5df;background:#fff;border-radius:9px;font-size:12px;color:var(--ink)}
.hd-story-list{display:grid;gap:12px}
.hd-story-card{display:grid;grid-template-columns:155px minmax(0,1fr);border:1px solid #dcebe2;border-radius:15px;padding:12px;gap:15px;background:#fff}
.hd-story-thumb{border-radius:12px;min-height:155px;background:linear-gradient(160deg,#b6e8f2,#4caec7 50%,#e6f6db 51%,#7cbe99);position:relative;display:grid;place-items:center}
.hd-story-thumb span{font-size:54px;filter:drop-shadow(0 6px 9px #396e7777)}
.hd-story-thumb small{position:absolute;bottom:6px;right:8px;font-size:9px;color:#45665e;background:#ffffffbe;border-radius:20px;padding:2px 7px}
.hd-story-thumb.theme-food{background:linear-gradient(165deg,#f6e7b9,#e9b878)}
.hd-story-thumb.theme-room{background:linear-gradient(165deg,#e9ebf9,#adbedb)}
.hd-story-thumb.theme-play{background:linear-gradient(165deg,#e4f9d5,#84c8a3)}
.hd-story-thumb.theme-other{background:linear-gradient(165deg,#f7eee4,#b9d6de)}
.hd-story-card-main{min-width:0;display:grid;align-content:start;gap:6px}
.hd-story-source{font-size:11px;color:#187b62;font-weight:850}
.hd-story-card h3{font-size:16px;line-height:1.5;margin:0}
.hd-card-metas{display:flex;gap:6px;flex-wrap:wrap}
.hd-card-metas span{font-size:11px;background:#eaf3f8;border-radius:10px;padding:5px 8px;color:#496b7e}
.hd-card-tags{display:flex;gap:5px;flex-wrap:wrap}
.hd-card-tags span{font-size:10px;color:#328b73;background:#eef9f3;padding:4px 9px;border-radius:11px;font-weight:800}
.hd-story-card p{font-size:12px;color:#526a60;line-height:1.75;margin:0}
.hd-story-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}
.hd-story-actions button{border:0;color:#13755c;background:none;font-weight:800;font-size:12px;padding:5px 0;cursor:pointer}
.hd-story-actions a{font-size:12px;font-weight:800}
.hd-empty{text-align:center;border:1px dashed #bdcebf;padding:25px 17px;border-radius:14px;background:#f7fbf8}
.hd-empty>span{font-size:38px}
.hd-empty h3{font-size:16px;margin:11px 0}
.hd-empty p{color:var(--muted);font-size:12px;line-height:1.8;margin:0 auto 14px;max-width:370px}
.hd-empty-reset{border:1px solid #a6cbb9;background:white;color:var(--leaf);border-radius:10px;padding:10px 15px;font-size:12px;font-weight:800;cursor:pointer}
.hd-story-disclaimer{color:#7b8f80;font-size:11px;line-height:1.9;margin:18px 0 0}
.hd-modal{max-width:min(580px,calc(100vw - 25px));width:100%;border:0;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 15px 85px #153d3a66;padding:22px;max-height:88vh;overflow:auto}
.hd-modal::backdrop{background:#0b302b88}
.hd-modal.fallback-open{position:fixed;z-index:1000;inset:5%;max-height:90%;display:block}
.hd-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.hd-modal-kicker{font-size:11px;color:var(--leaf);font-weight:800}
.hd-modal-close{border:0;background:#eaf4ee;font-size:25px;width:34px;height:34px;border-radius:50%;cursor:pointer}
.hd-modal h2{font-size:21px;line-height:1.5;margin:0 0 15px}
.hd-modal-info{border:1px solid #e2ebe3;border-radius:12px;overflow:hidden}
.hd-modal-info>div{display:flex;gap:10px;border-bottom:1px solid #e8f1eb;padding:12px;font-size:12px}
.hd-modal-info>div:last-child{border:0}
.hd-modal-info b{width:80px;flex:none;color:#557569}
.hd-modal-note{padding:13px 15px;margin:13px 0 0;border-radius:12px;font-size:13px;line-height:1.9}
.hd-modal-note.positive{background:#edf9f2}
.hd-modal-note.caution{background:#fff5e9}
.hd-modal-note p{margin:7px 0 0}
.hd-modal-disclaimer{font-size:11px;color:var(--muted);line-height:1.8}
@media(max-width:680px){.hd-page{padding-inline:12px!important}.hd-cover{border-radius:15px 15px 0 0}.hd-hotel-identity{padding:18px;border-radius:0 0 15px 15px}.hd-tab-list{margin-top:12px}.hd-tab{font-size:12px;padding:14px 2px}.hd-tab-icon{display:block;margin:0 0 4px}.hd-block{padding:15px;border-radius:15px}.hd-info-row{gap:10px;padding:15px 0}.hd-info-icon{width:40px;height:40px}.hd-panel-title h2{font-size:18px}.hd-story-card{grid-template-columns:100px minmax(0,1fr);padding:8px;gap:10px}.hd-story-thumb{min-height:115px}.hd-story-thumb span{font-size:35px}.hd-story-card h3{font-size:13px}.hd-card-metas span{font-size:10px}.hd-story-actions{flex-direction:column;align-items:flex-start;gap:4px}.hd-story-statline strong{font-size:23px}.hd-facility-main strong{font-size:13px}.hd-facility-main small{font-size:10px}.hd-status{font-size:10px;padding:4px 6px}.hd-facility-icon{width:37px;height:37px;font-size:21px}.hd-facility-row>summary{gap:7px;padding:10px 7px}.hd-facility-detail{margin:0 8px;padding:10px 0 12px 46px}.hd-filter-title strong{font-size:13px}.hd-filter-group{margin-top:13px}.hd-chip{font-size:11px;padding:9px 10px}}