/* Avatara V57 — expanded Koh Samet guide from the resort's tourist information guide */
.guide-data-v57{--guide-ink:#0d1830;--guide-muted:#46536a;--guide-teal:#0b737c;--guide-teal-dark:#064f57;--guide-gold:#d89b2f;--guide-line:#cfdbe5;--guide-soft:#eef4f7;--guide-card:#fff;color:var(--guide-ink)}
.guide-data-v57 *{box-sizing:border-box}.guide-data-v57 .guide-inner{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.guide-toc{padding:34px 0 22px;background:#fff;border-bottom:1px solid #edf1f5}.guide-toc-card{padding:24px;border:1px solid var(--guide-line);border-radius:24px;background:linear-gradient(135deg,#fff,#f4fbfc);box-shadow:0 16px 45px rgba(20,33,61,.06)}
.guide-toc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.guide-toc-head h2{margin:0;font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1.2}.guide-toc-head p{margin:0;color:var(--guide-muted);font-size:.94rem}
.guide-toc-links{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.guide-toc-links a{display:flex;align-items:center;gap:9px;min-height:54px;padding:10px 12px;border:1px solid var(--guide-line);border-radius:15px;background:#fff;color:var(--guide-ink);text-decoration:none;font-size:.86rem;font-weight:700;line-height:1.25;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.guide-toc-links a:hover{transform:translateY(-2px);border-color:#8bc4ca;box-shadow:0 8px 22px rgba(15,127,137,.12)}.guide-toc-links b{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:10px;background:#e6f6f7;color:var(--guide-teal-dark);font-size:.78rem}
.guide-info-section{padding:72px 0;scroll-margin-top:110px}.guide-info-section:nth-of-type(even){background:var(--guide-soft)}.guide-section-head{display:block;margin-bottom:30px}.guide-section-no{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,var(--guide-teal),var(--guide-teal-dark));color:#fff;font-size:1.08rem;font-weight:800;box-shadow:0 12px 26px rgba(15,127,137,.22)}.guide-section-kicker{margin:0 0 5px;color:var(--guide-teal);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.guide-section-head h2{margin:0;color:var(--guide-ink);font-size:clamp(1.65rem,3.1vw,2.5rem);line-height:1.15}.guide-section-head p{max-width:850px;margin:9px 0 0;color:var(--guide-muted);font-size:1rem;line-height:1.75}
.guide-grid{display:grid;gap:18px}.season-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.season-card,.viewpoint-card,.activity-card,.tour-card,.beach-card,.park-fee-card{background:var(--guide-card);border:1px solid var(--guide-line);border-radius:20px;box-shadow:0 12px 35px rgba(20,33,61,.055)}.season-card{padding:24px}.season-card .season-months{display:inline-flex;margin-bottom:13px;padding:6px 10px;border-radius:999px;background:#eaf7f8;color:var(--guide-teal-dark);font-size:.78rem;font-weight:800}.season-card h3,.viewpoint-card h3,.activity-card h3,.tour-card h3,.beach-card h3{margin:0 0 8px;color:var(--guide-ink);font-size:1.08rem;line-height:1.35}.season-card p,.viewpoint-card p,.activity-card p,.tour-card p,.beach-card p{margin:0;color:var(--guide-muted);font-size:.92rem;line-height:1.7}.guide-highlight{display:flex;align-items:flex-start;gap:14px;margin-top:20px;padding:18px 20px;border-left:5px solid var(--guide-gold);border-radius:16px;background:#fff9eb;color:#5f4b22}.guide-highlight strong{display:block;margin-bottom:3px;color:#3b311d}.guide-highlight-icon{font-size:1.35rem;line-height:1}
.beach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.beach-card{position:relative;overflow:hidden;padding:22px}.beach-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--guide-teal),#70c7cf)}.beach-card.featured{border-color:#e4bb69;background:linear-gradient(135deg,#fff,#fff9ec)}.beach-card.featured::before{background:linear-gradient(#e3a833,#f2cf7d)}.beach-name-en{display:block;margin-top:2px;color:var(--guide-teal);font-size:.78rem;font-weight:700}.beach-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.beach-tags span{padding:5px 9px;border-radius:999px;background:#eff6f7;color:#41646a;font-size:.73rem;font-weight:700}.beach-card.featured .beach-tags span{background:#fff2cf;color:#795c1d}.guide-other-beaches{margin-top:18px;padding:18px 20px;border:1px dashed #9bbdc0;border-radius:17px;background:#f7fcfc;color:#496369;line-height:1.7}.guide-other-beaches b{color:var(--guide-teal-dark)}
.viewpoint-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.viewpoint-card{padding:26px;border-top:4px solid var(--guide-gold)}.viewpoint-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.viewpoint-meta span{padding:6px 10px;border-radius:10px;background:#f2f6fa;color:#56647b;font-size:.77rem;font-weight:700}
.activity-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.activity-card{padding:21px}.activity-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:14px;border-radius:13px;background:#e8f7f8;color:var(--guide-teal);font-size:1.25rem}
.tour-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tour-card{padding:25px}.tour-time{display:inline-flex;margin-bottom:14px;padding:7px 11px;border-radius:999px;background:var(--guide-teal);color:#fff;font-size:.78rem;font-weight:800}.tour-route{margin:14px 0 0;padding:14px;border-radius:14px;background:#f4f8fb;color:#42516a;font-size:.86rem;line-height:1.7}.tour-note{margin-top:20px;padding:16px 18px;border-radius:15px;background:#fff4df;color:#6b5125;font-size:.88rem;line-height:1.65}
.guide-table-wrap{overflow-x:auto;border:1px solid var(--guide-line);border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(20,33,61,.055);-webkit-overflow-scrolling:touch}.guide-fare-table{width:100%;min-width:680px;border-collapse:collapse}.guide-fare-table th{padding:15px 18px;background:var(--guide-teal);color:#fff;text-align:left;font-size:.88rem}.guide-fare-table th:nth-child(n+2),.guide-fare-table td:nth-child(n+2){text-align:right}.guide-fare-table td{padding:15px 18px;border-bottom:1px solid #e8eef3;color:#43516a;font-size:.92rem}.guide-fare-table tr:nth-child(even) td{background:#f8fbfc}.guide-fare-table tr:last-child td{border-bottom:0}.guide-fare-table td:last-child{color:var(--guide-teal-dark);font-weight:800}.guide-price-note{margin-top:13px;color:var(--guide-muted);font-size:.82rem;line-height:1.6}
.park-fee-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.park-fee-card{padding:25px;text-align:center}.park-fee-card strong{display:block;color:var(--guide-teal-dark);font-size:2rem;line-height:1}.park-fee-card span{display:block;margin-top:10px;color:var(--guide-muted);font-size:.9rem;line-height:1.5}.guide-source-note{margin-top:28px;padding:16px 18px;border-radius:15px;background:#edf7f8;color:#43636a;font-size:.84rem;line-height:1.65}.guide-source-note b{color:var(--guide-teal-dark)}
@media(max-width:1050px){.guide-toc-links{grid-template-columns:repeat(4,minmax(0,1fr))}.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.park-fee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.guide-data-v57 .guide-inner{width:min(100% - 28px,1180px)}.guide-info-section{padding:54px 0}.season-grid,.beach-grid,.viewpoint-grid,.tour-grid{grid-template-columns:1fr}.guide-section-head{gap:13px}.guide-section-no{width:48px;height:48px;border-radius:15px}.guide-toc-head{align-items:flex-start;flex-direction:column;gap:7px}.guide-toc-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.guide-toc{padding-top:22px}.guide-toc-card{padding:17px;border-radius:18px}.guide-toc-links{grid-template-columns:1fr}.guide-toc-links a{min-height:48px}.guide-section-head{grid-template-columns:1fr}.guide-section-no{width:43px;height:43px}.guide-section-head h2{font-size:1.65rem}.guide-section-head p{font-size:.94rem}.activity-grid,.park-fee-grid{grid-template-columns:1fr}.season-card,.viewpoint-card,.activity-card,.tour-card,.beach-card,.park-fee-card{border-radius:17px}.beach-card{padding:19px}.guide-table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none}.guide-fare-table{display:block;min-width:0}.guide-fare-table thead{display:none}.guide-fare-table tbody{display:grid;gap:10px}.guide-fare-table tr{display:block;padding:14px 15px;border:1px solid var(--guide-line);border-radius:15px;background:#fff;box-shadow:0 7px 20px rgba(20,33,61,.045)}.guide-fare-table tr:nth-child(even) td{background:transparent}.guide-fare-table td{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:7px 0;border:0;background:transparent!important;text-align:right!important}.guide-fare-table td:first-child{display:block;padding:0 0 9px;border-bottom:1px solid #e8eef3;color:var(--guide-ink);font-weight:800;text-align:left!important}.guide-fare-table td[data-label]::before{content:attr(data-label);color:var(--guide-muted);font-size:.79rem;font-weight:700;text-align:left}.guide-fare-table td:last-child{color:var(--guide-teal-dark)}}