/* Shared tokens and role-specific adapters. Never import home layout into a guidebook. */
@font-face{font-family:"DGR Inter";src:url("/assets/design/InterVariable.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"DGR Pretendard";src:url("/assets/design/PretendardVariable.woff2") format("woff2");font-weight:100 900;font-display:swap}
@media screen{
[data-dgr-design]{--dgr-display:"DGR Inter","DGR Pretendard",sans-serif;--dgr-body:"DGR Pretendard","DGR Inter",sans-serif;--dgr-pink:#ff70cf;--dgr-ink:#080808;--dgr-paper:#f5f5f3;--dgr-muted:#5b5e56;--dgr-border:#d9dad5;--dgr-focus:#98256e;--pink:var(--dgr-pink);--black:var(--dgr-ink);--ink:var(--dgr-ink);--cream:var(--dgr-paper)}
.dgr-reading{font-family:var(--dgr-body);font-size:17px;line-height:1.72;letter-spacing:-.015em;word-break:keep-all}
.dgr-reading:lang(en){font-family:var(--dgr-display);letter-spacing:0;word-break:normal;overflow-wrap:break-word}
.dgr-reading :where(h1,h2,h3){font-family:var(--dgr-display);letter-spacing:-.035em;text-wrap:balance}
.dgr-reading :where(p,li,dd){text-wrap:pretty}
.dgr-reading :where(button,input,select,textarea){font-family:var(--dgr-body)}
[data-dgr-design] .dgr-site-nav{background:var(--dgr-ink);color:var(--dgr-paper);border-bottom:1px solid #343434;font-family:var(--dgr-body)}
[data-dgr-design] .dgr-site-nav__inner{min-height:76px;gap:18px;align-items:center}
[data-dgr-design] .dgr-site-nav a{font-family:var(--dgr-body);font-size:14px;font-weight:550;min-height:44px;line-height:1.3}
[data-dgr-design] .dgr-site-nav .dgr-site-nav__brand{font-family:var(--dgr-display);font-weight:700;letter-spacing:-.04em;font-size:18px;white-space:nowrap}
[data-dgr-design] .dgr-site-nav__actions{border:0;align-items:center;gap:4px;flex-wrap:wrap}
[data-dgr-design] .dgr-site-nav__actions a{border:0;padding:10px 14px;border-radius:24px}
[data-dgr-design] .dgr-site-nav .dgr-site-nav__instagram{background:transparent!important;color:var(--dgr-paper)!important}
[data-dgr-design] .dgr-site-nav .dgr-language-switcher{margin:0;border:0;background:transparent}
[data-dgr-design] .dgr-site-nav .dgr-language-switcher a{padding:8px 10px;min-width:44px;color:var(--dgr-paper)}
[data-dgr-design] .dgr-site-nav .dgr-language-switcher a[aria-current="page"]{background:var(--dgr-pink);color:var(--dgr-ink)}
[data-dgr-design] .dgr-article-context{background:var(--dgr-paper);border-bottom:1px solid var(--dgr-border);font-family:var(--dgr-body);gap:12px}
[data-dgr-design] .dgr-breadcrumbs{font-size:13px;font-weight:550;line-height:1.5}
[data-dgr-design] .dgr-article-context>p{font-size:12px;font-weight:450;line-height:1.5}
.dgr-reading :where(.section-title,.section-heading h2,.hub-intro h2,.en-guide-section h2){font-size:clamp(2rem,4.6vw,4.25rem);font-weight:650;line-height:1.14;letter-spacing:-.035em}
.dgr-reading :where(.hero h1,.en-guide-hero h1,.collab-hero h1){font-weight:650;line-height:1.06;letter-spacing:-.04em}
.dgr-design-article .hero h1{font-size:clamp(2.75rem,7vw,6rem)}
.dgr-reading :where(.section-lead,.section-intro,.en-guide-card p,.en-guide-card li){font-size:1rem;line-height:1.75;font-weight:450}
.dgr-reading :where(.pill,.button,.booking-link,.copy-button,.card-link,.quick-link,.en-guide-booking a,.dgr-tripcom-booking-link){font-family:var(--dgr-body);min-height:44px;line-height:1.45;font-weight:600;letter-spacing:-.01em}
.dgr-reading :where(.pill,.button,.booking-link){border-radius:100px}
.dgr-reading :where(.room-row,.price-row,.timeline-row){line-height:1.6}
.dgr-reading :where(.tip-card,.rule-card,.step-card,.en-guide-card){border-radius:16px}
.dgr-reading :where(.section-label,.en-guide-section__eyebrow){font-size:.8125rem;font-weight:600;letter-spacing:.07em;line-height:1.5}
.dgr-reading :where(.hub-footer,.en-guide-footer,.collab-footer,.site-foot){font-family:var(--dgr-body);font-size:.875rem;line-height:1.65}
.dgr-reading :where(.dgr-related-guides,.dgr-flight-promo){font-family:var(--dgr-body)}
.dgr-reading .dgr-related-guides h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.25;font-weight:650}
.dgr-reading .dgr-related-guides nav a{border-radius:14px}
.dgr-reading .dgr-flight-promo__action{border-radius:100px;line-height:1.4;min-height:48px}
.dgr-reading summary{min-height:44px;line-height:1.6}
.dgr-reading table{font-variant-numeric:tabular-nums;line-height:1.65}
.dgr-reading th{font-weight:650}
.dgr-design-collaborate{--collab-pink:#ff70cf;--collab-cream:#f5f5f3;--collab-black:#080808}
/* Destination library: same editorial hierarchy, not a second homepage. */
.dgr-design-hub .hub-hero{min-height:0;padding:clamp(40px,6vw,84px) max(24px,calc((100% - 1180px)/2)) 48px}
.dgr-design-hub .hub-hero h1{font-size:clamp(3.5rem,12vw,10rem);line-height:.98;font-weight:650;letter-spacing:-.055em;overflow-wrap:break-word}
.dgr-design-hub .hub-hero>div{margin-top:44px;border-color:#505050}
.dgr-design-hub .hub-hero>div p{font-weight:450;font-size:clamp(1rem,1.5vw,1.25rem)}
.dgr-design-hub .hub-intro{padding-block:64px;border-bottom:0}
.dgr-design-hub .hub-guide-list{max-width:1228px;margin:0 auto;padding:0 24px 64px;gap:48px 32px;border:0}
.dgr-design-hub .hub-guide-card{border:0}
.dgr-design-hub .hub-guide-card>a{border:0;display:flex;flex-direction:column;height:100%;text-decoration:none}
.dgr-design-hub .hub-guide-card figure{aspect-ratio:4/3;border-radius:20px;flex:none}
.dgr-design-hub .hub-guide-card figure span{font-size:3rem;line-height:1;right:20px;bottom:16px}
.dgr-design-hub .hub-guide-card>a>div{padding:24px 2px;flex:1}
.dgr-design-hub .hub-guide-card h2{font-size:clamp(1.6rem,2.5vw,2.35rem);font-weight:650;line-height:1.2;margin-bottom:14px}
.dgr-design-hub .hub-guide-card p{font-size:1rem;font-weight:450;line-height:1.72;margin-bottom:18px}
.dgr-design-hub .hub-guide-card li{font-size:.8125rem;font-weight:500;border-color:var(--dgr-border);border-radius:100px}
.dgr-design-hub .hub-guide-card b{font-size:.9375rem;font-weight:600;border-top:1px solid var(--dgr-border)}
/* Published English articles retain their existing language-specific content. */
.dgr-design-en-guide .en-guide-hero{min-height:0}
.dgr-design-en-guide .en-guide-hero__copy{min-height:0;justify-content:flex-start;gap:24px}
.dgr-design-en-guide .en-guide-hero h1{font-size:clamp(2.6rem,6vw,6rem);overflow-wrap:normal;hyphens:auto;line-height:1.08}
.dgr-design-en-guide .en-guide-hero__lead{font-size:clamp(1.125rem,1.6vw,1.5rem);line-height:1.6}
.dgr-design-en-guide .en-guide-hero img{filter:none}
.dgr-design-en-guide .en-guide-facts b{font-size:clamp(1.5rem,3vw,2.75rem);line-height:1.15;font-weight:600}
.dgr-design-en-guide .en-guide-section{padding-block:72px}
.dgr-design-en-guide .en-guide-card h3{font-size:1.5rem;line-height:1.3;font-weight:650}
/* Horse finder: native controls, status colours and current facts stay intact. */
.dgr-design-horse .hero h1{font-size:clamp(2.15rem,5.6vw,4.2rem);line-height:1.15}
.dgr-design-horse .choice{border-radius:18px}
.dgr-design-horse .notice-card{border-color:var(--dgr-border);border-radius:20px;box-shadow:none}
.dgr-design-horse .notice-card h3{font-size:1.4rem;line-height:1.3;font-weight:650}
.dgr-design-horse .next-box{border-color:var(--dgr-border);border-radius:18px}
.dgr-design-horse .price{font-family:var(--dgr-display);font-variant-numeric:tabular-nums}
/* Book adapters intentionally target components, not every heading/button/image. */
.dgr-design-phuket-book{--pink-strong:#98256e;--paper:#fff;--line:#d9dad5;--shadow:0 8px 26px #0808080b}
.dgr-design-phuket-book :where(.site-header,.hero,.section,.site-footer,.guide-reader,.floating-actions){font-family:var(--dgr-body)}
.dgr-design-phuket-book .site-header{background:#f5f5f3f5;border-bottom:1px solid var(--dgr-border)}
.dgr-design-phuket-book :where(.hero h1,.section-heading h2){font-family:var(--dgr-display);font-weight:650;line-height:1.15;letter-spacing:-.035em}
.dgr-design-phuket-book .hero h1{font-size:clamp(3rem,6.5vw,6.5rem)}
.dgr-design-phuket-book .hero h1 span{color:inherit;text-shadow:none}
.dgr-design-phuket-book :where(.choice-card,.area-card,.result-card,.booking-card){border-radius:18px;box-shadow:none}
.dgr-design-phuket-book :where(.button,.header-save,.text-button,.guide-page-toggle){font-family:var(--dgr-body);font-weight:600;min-height:44px;line-height:1.4}
.dgr-design-phuket-book .button{border-radius:100px}
.dgr-design-phuket-book :where(.guide-page-body,.result-body){line-height:1.75;font-family:var(--dgr-body)}
.dgr-design-phuket-book .guide-page-title{font-family:var(--dgr-display);letter-spacing:-.02em;font-weight:650}
.dgr-design-phuket-book .guidebook-table-wrap{font-family:var(--dgr-body);font-variant-numeric:tabular-nums}
.guide-pages{--dgr-display:"DGR Inter","DGR Pretendard",sans-serif;--dgr-body:"DGR Pretendard","DGR Inter",sans-serif;--cream:#f5f5f3;--paper:#fff;--ink:#080808;--red:#ff70cf;--soft-red:#ffd3f0;--pink:#ff70cf;--line:#d9dad5;font-family:var(--dgr-body)}
.guide-pages .hero-copy{background:#ff70cf;color:#080808}
.guide-pages .hero-copy h1{font-family:var(--dgr-display);font-weight:650;letter-spacing:-.045em;line-height:1.04}
.guide-pages :where(.button,.nav-action,.preference-card,.coupon-button){font-family:var(--dgr-body);font-weight:600;border-radius:14px;min-height:44px;line-height:1.45}
.guide-pages .button{border-radius:100px}
.guide-pages :where(.hotel-card,.finder-result){border-radius:16px}
.guide-pages .hero-summary{font-size:clamp(1rem,1.3vw,1.45rem);font-weight:500;line-height:1.7;letter-spacing:-.02em}
.guide-pages .brand-lockup{font-family:var(--dgr-display);letter-spacing:-.04em}
.guide-pages :where(.photo-slot>span,.hotel-day time,.city-list span,.booking-activities button span,.contents-title span,.gowabi-referral>span,.gowabi-guide-steps>span,.route-map-grid figcaption span,.wat-arun-options span,.hotel-scene-list span,.hotel-honest-grid span,.hotel-table-notes span,.evening-list span,.hotel-full-timeline span,.itinerary-timeline span,.rain-plan-grid span,.arrival-note strong,.arrival-details article strong,.hotel-food-grid span,.place-number,.place-list-grid .place-practical span,.place-list-grid strong span,.place-list-grid em span,.kingpower-steps span,.kingpower-canvas aside strong,.oldtown-columns span){color:inherit}
.guide-pages :where(.hotel-area,.hotel-lead,.place-practical,.hotel-coupon-offer-copy,.hero-note){line-height:1.65}
/* Flight tool keeps the calendar, chart geometry and export canvas untouched. */
.dgr-design-flights{font-family:var(--dgr-body)}
.dgr-design-flights :where(.flight-hero,.flight-controls,.flight-result-heading,.flight-grid,.flight-detail,.flight-how,.site-header){font-family:var(--dgr-body)}
.dgr-design-flights .flight-hero h1{font-family:var(--dgr-display);font-weight:650;letter-spacing:-.04em;line-height:1.1}
.dgr-design-flights :where(.flight-card,.flight-deal-card){border-radius:18px}
.dgr-design-flights :where(.flight-region-filter button,.flight-segmented button){font-family:var(--dgr-body);font-weight:550}
.dgr-design-flights :where(.flight-card__price,.flight-detail__price){font-family:var(--dgr-display);font-variant-numeric:tabular-nums}
[data-dgr-design] :where(a,button,input,select,summary):focus-visible{outline:3px solid var(--dgr-focus);outline-offset:4px}
.guide-pages :where(a,button,input,select):focus-visible{outline:3px solid #98256e;outline-offset:4px}
@media(max-width:760px){
  .dgr-reading{font-size:16px}
  [data-dgr-design] .dgr-site-nav__inner{flex-wrap:wrap;padding:14px 20px;gap:8px 16px;min-height:72px}
  [data-dgr-design] .dgr-site-nav__actions{margin-left:auto;justify-content:flex-end;gap:2px}
  [data-dgr-design] .dgr-site-nav__actions a{padding:8px 10px;font-size:13px}
  [data-dgr-design] .dgr-article-context{flex-wrap:wrap;padding:12px 20px;gap:6px}
  [data-dgr-design] .dgr-breadcrumbs{font-size:12px;min-width:0;max-width:100%}
  .dgr-reading :where(.section-title,.section-heading h2,.en-guide-section h2){font-size:2rem;line-height:1.2}
  .dgr-design-hub .hub-hero{padding:38px 22px 36px}
  .dgr-design-hub .hub-hero>div{margin-top:32px;align-items:flex-start}
  .dgr-design-hub .hub-intro{padding:38px 22px;gap:18px}
  .dgr-design-hub .hub-guide-list{grid-template-columns:1fr;padding:0 22px 44px;gap:32px}
  .dgr-design-hub .hub-guide-card figure{aspect-ratio:4/3}
  .dgr-design-en-guide .en-guide-hero h1{font-size:clamp(2.5rem,10vw,4rem);margin-block:26px;line-height:1.1}
  .dgr-design-en-guide .en-guide-section{padding-block:46px}
  .dgr-design-phuket-book .hero-copy{min-height:0;padding:40px 22px}
  .dgr-reading :where(.booking-link,.dgr-tripcom-booking-link,.en-guide-booking a){white-space:normal;overflow-wrap:break-word}
}
@media(hover:hover) and (pointer:fine){[data-dgr-design] .dgr-site-nav a:hover{background:#333!important;color:#fff!important}}
@media(prefers-reduced-motion:reduce){[data-dgr-design] :where(a,button){transition:none!important}.guide-pages :where(a,button){transition:none!important}}
@media(hover:none){.dgr-design-phuket-book .button:hover{transform:none;box-shadow:none}}
} /* Screen-only: existing PDF/print templates retain their original metrics. */