@font-face {
  font-family: "Article Sans";
  src: url("../editorial-shared/fonts/article-sans.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Article Hand";
  src: url("../editorial-shared/fonts/article-hand.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
#rk-clay-article#rk-clay-article#rk-clay-article:where(:not(#rk-native-map, #rk-native-map *)){
  color-scheme: light;
  --ink: #26364a;
  --accent: #007ffb;
  --accent-deep: #0068d5;
  --accent-text: #0064c8;
  --price-lowest: #c6333b;
  --price-lowest-soft: #fff0f1;
  --price-lowest-border: #f4bec4;
  --plum: #243f62;
  --cream: #f3f8ff;
  --hand: "Article Hand", "UD Digi Kyokasho NP-R", "Noto Serif JP", serif;
}
#rk-clay-article#rk-clay-article#rk-clay-article *:where(:not(#rk-native-map, #rk-native-map *)){ box-sizing: border-box; }

#rk-clay-article#rk-clay-article#rk-clay-article:where(:not(#rk-native-map, #rk-native-map *)){ margin: 0; background: #ffffff; color: var(--ink); font-family: "Article Sans", "Noto Sans JP", "Yu Gothic", sans-serif; }
#rk-clay-article#rk-clay-article#rk-clay-article img:where(:not(#rk-native-map, #rk-native-map *)){ display: block; max-width: 100%; }
#rk-clay-article#rk-clay-article#rk-clay-article a:where(:not(#rk-native-map, #rk-native-map *)){ color: inherit; }
#rk-clay-article#rk-clay-article#rk-clay-article a:focus-visible:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article summary:focus-visible:where(:not(#rk-native-map, #rk-native-map *)){ outline: 3px solid #0056ad; outline-offset: 4px; }
#rk-clay-article#rk-clay-article#rk-clay-article .sr-only:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .skip-link:not(:focus):where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#rk-clay-article#rk-clay-article#rk-clay-article .skip-link:focus:where(:not(#rk-native-map, #rk-native-map *)){ position: fixed; z-index: 30; top: 12px; left: 12px; padding: 12px 18px; background: #fff; border-radius: 8px; }
/* Measurements use a 724 px artboard, scaled with the article container. */
#rk-clay-article#rk-clay-article#rk-clay-article .article-shell:where(:not(#rk-native-map, #rk-native-map *)){ width: min(100%, 724px); margin: 0 auto;  overflow: clip; background: #fcfdff; box-shadow: 0 0 60px #17365312; }
#rk-clay-article#rk-clay-article#rk-clay-article .article-shell > *:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .map-dialog:where(:not(#rk-native-map, #rk-native-map *)){ --u: var(--article-unit, min(1px, calc(100vw / 724))); font-size: calc(20 * var(--u)); line-height: 1.48; }
#rk-clay-article#rk-clay-article#rk-clay-article .article-shell h1:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .article-shell h2:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .article-shell h3:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .article-shell h4:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .article-shell p:where(:not(#rk-native-map, #rk-native-map *)){ margin: 0; }
#rk-clay-article#rk-clay-article#rk-clay-article .article-shell button:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .article-shell input:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .map-dialog button:where(:not(#rk-native-map, #rk-native-map *)){ font: inherit; }
#rk-clay-article#rk-clay-article#rk-clay-article button:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article input:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article summary:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article a:where(:not(#rk-native-map, #rk-native-map *)){ -webkit-tap-highlight-color: transparent; }
#rk-clay-article#rk-clay-article#rk-clay-article button:where(:not(#rk-native-map, #rk-native-map *)){ cursor: pointer; }
#rk-clay-article#rk-clay-article#rk-clay-article button:disabled:where(:not(#rk-native-map, #rk-native-map *)){ cursor: default; opacity: .45; }
#rk-clay-article#rk-clay-article#rk-clay-article button:focus-visible:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article input:focus-visible:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article [tabindex]:focus-visible:where(:not(#rk-native-map, #rk-native-map *)){ outline: 3px solid #0056ad; outline-offset: 3px; }
#rk-clay-article#rk-clay-article#rk-clay-article [hidden]:where(:not(#rk-native-map, #rk-native-map *)){ display: none !important; }
#rk-clay-article#rk-clay-article#rk-clay-article .icon:where(:not(#rk-native-map, #rk-native-map *)){ display: block; width: calc(38 * var(--u)); height: calc(40 * var(--u)); flex: none; }
/* Approved 1024 px hero: title, paired hosts and bubbles scale together. */
#rk-clay-article#rk-clay-article#rk-clay-article .hero:where(:not(#rk-native-map, #rk-native-map *)){ position: relative; isolation: isolate; height: calc(499 * var(--u)); overflow: hidden; background: #f8fbff; color: #172943; }
#rk-clay-article#rk-clay-article#rk-clay-article .hero-photo:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; inset: calc(-43 * var(--u)) calc(-22 * var(--u)) auto; width: calc(768 * var(--u)); max-width: none; height: calc(521 * var(--u)); object-fit: cover; filter: blur(calc(1.7 * var(--u))) saturate(.75); }
#rk-clay-article#rk-clay-article#rk-clay-article .hero-wash:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; inset: 0; background: linear-gradient(180deg, #f9fcffbd 0%, #fbfdfff0 22%, #fbfdffe3 31%, #f7fbff73 51%, #f9fcff7d 79%, #f9fcfff5 93%, #f8fbff 100%); }
#rk-clay-article#rk-clay-article#rk-clay-article .hotel-name:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; z-index: 2; top: calc(33 * var(--u)); inset-inline: 0; text-align: center; font-size: calc(54 * var(--u)); font-weight: 900; line-height: 1.15; letter-spacing: -.055em; white-space: nowrap; transform: translateX(calc(6 * var(--u))); }
#rk-clay-article#rk-clay-article#rk-clay-article .hotel-name-ja:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; z-index: 2; top: calc(95 * var(--u)); inset-inline: 0; text-align: center; font-size: calc(30.5 * var(--u)); font-weight: 900; line-height: 1.25; letter-spacing: .015em; white-space: nowrap; transform: translateX(calc(5 * var(--u))); }
#rk-clay-article#rk-clay-article#rk-clay-article .hero-introduction:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; z-index: 2; top: calc(135 * var(--u)); inset-inline: 0; text-align: center; font-size: calc(21.3 * var(--u)); font-weight: 850; line-height: 1.3; letter-spacing: -.025em; white-space: nowrap; }
#rk-clay-article#rk-clay-article#rk-clay-article .hero-hosts:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; z-index: 1; top: calc(151 * var(--u)); width: calc(530 * var(--u)); max-width: none; height: auto; }
/* A shared transparent sprite keeps both hosts crisp, with the reference gap. */
#rk-clay-article#rk-clay-article#rk-clay-article .hero-hosts-guide:where(:not(#rk-native-map, #rk-native-map *)){ left: calc(89 * var(--u)); clip-path: polygon(0 0, 54.4% 0, 54.4% 48%, 50.8% 54%, 50.8% 100%, 0 100%); }
#rk-clay-article#rk-clay-article#rk-clay-article .hero-hosts-review:where(:not(#rk-native-map, #rk-native-map *)){ left: calc(119 * var(--u)); clip-path: polygon(54.4% 0, 100% 0, 100% 100%, 50.8% 100%, 50.8% 54%, 54.4% 48%); }
#rk-clay-article#rk-clay-article#rk-clay-article .hero-bubble:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; z-index: 3; top: calc(146 * var(--u)); width: calc(169 * var(--u)); height: calc(106 * var(--u)); font-size: calc(29 * var(--u)); font-weight: 900; line-height: 1; letter-spacing: -.025em; text-align: center; white-space: nowrap; }
#rk-clay-article#rk-clay-article#rk-clay-article .hero-bubble-official:where(:not(#rk-native-map, #rk-native-map *)){ left: calc(40 * var(--u)); color: var(--accent); transform: rotate(-2deg); }
#rk-clay-article#rk-clay-article#rk-clay-article .hero-bubble-review:where(:not(#rk-native-map, #rk-native-map *)){ right: calc(33 * var(--u)); color: #172943; }
#rk-clay-article#rk-clay-article#rk-clay-article .hero-bubble-shape:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; inset: 0; display: block; width: 100%; height: 100%; overflow: visible; fill: #fff; stroke: #89d2ff; stroke-width: 2; stroke-linejoin: round; filter: drop-shadow(0 calc(1.5 * var(--u)) calc(2.5 * var(--u)) #219beb45); }
#rk-clay-article#rk-clay-article#rk-clay-article .hero-bubble-review .hero-bubble-shape:where(:not(#rk-native-map, #rk-native-map *)){ transform: scaleX(-1); }
#rk-clay-article#rk-clay-article#rk-clay-article .hero-bubble span:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; top: calc(24 * var(--u)); inset-inline: 0; }
#rk-clay-article#rk-clay-article#rk-clay-article .hero-bubble:where(:not(#rk-native-map, #rk-native-map *))::before, #rk-clay-article#rk-clay-article#rk-clay-article .hero-bubble:where(:not(#rk-native-map, #rk-native-map *))::after{ content: ""; position: absolute; width: calc(5 * var(--u)); height: calc(17 * var(--u)); border-radius: calc(3 * var(--u)); background: #08a6ed; }
#rk-clay-article#rk-clay-article#rk-clay-article .hero-bubble-official:where(:not(#rk-native-map, #rk-native-map *))::before{ top: calc(-4 * var(--u)); left: calc(1 * var(--u)); transform: rotate(-47deg); }
#rk-clay-article#rk-clay-article#rk-clay-article .hero-bubble-official:where(:not(#rk-native-map, #rk-native-map *))::after{ top: calc(-16 * var(--u)); left: calc(14 * var(--u)); transform: rotate(-22deg); }
#rk-clay-article#rk-clay-article#rk-clay-article .hero-bubble-review:where(:not(#rk-native-map, #rk-native-map *))::before{ top: calc(-22 * var(--u)); right: calc(23 * var(--u)); transform: rotate(22deg); }
#rk-clay-article#rk-clay-article#rk-clay-article .hero-bubble-review:where(:not(#rk-native-map, #rk-native-map *))::after{ top: calc(-13 * var(--u)); right: calc(9 * var(--u)); transform: rotate(46deg); }
#rk-clay-article#rk-clay-article#rk-clay-article .tool-bubble:where(:not(#rk-native-map, #rk-native-map *))::after{ content: ""; position: absolute; right: calc(7 * var(--u)); bottom: calc(-7 * var(--u)); width: calc(24 * var(--u)); height: calc(25 * var(--u)); background: inherit; clip-path: polygon(0 0, 100% 100%, 100% 0); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-index:where(:not(#rk-native-map, #rk-native-map *)){ display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; padding: calc(18 * var(--u)) calc(25 * var(--u)); margin-top: calc(-24 * var(--u)); position: sticky; top: 0; z-index: 20; background: #f8fbff; border-radius: calc(24 * var(--u)) calc(24 * var(--u)) 0 0; border-bottom: calc(1.5 * var(--u)) solid #d6e5f5; }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-index a:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; align-items: center; justify-content: center; gap: calc(9 * var(--u)); text-decoration: none; font-size: calc(15.5 * var(--u)); font-weight: 750; white-space: nowrap; border-left: calc(1.5 * var(--u)) solid #d3e2f3; line-height: 1.2; }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-index a:first-child:where(:not(#rk-native-map, #rk-native-map *)){ border-left: 0; }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-index b:where(:not(#rk-native-map, #rk-native-map *)){ color: #a7b5c6; font-size: calc(34 * var(--u)); font-weight: 900; letter-spacing: -.05em; }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-index a[aria-current="location"] b:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .chapter-index a:hover b:where(:not(#rk-native-map, #rk-native-map *)){ color: var(--accent); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-index a span:where(:not(#rk-native-map, #rk-native-map *)){ position: relative; }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-index a[aria-current="location"] span:where(:not(#rk-native-map, #rk-native-map *))::after{ content: ""; position: absolute; bottom: calc(-10 * var(--u)); left: 0; width: calc(56 * var(--u)); height: calc(3 * var(--u)); background: var(--accent); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-sheet:where(:not(#rk-native-map, #rk-native-map *)){ position: relative; isolation: isolate; background: #1d3555; scroll-margin-top: 0; }
#rk-clay-article#rk-clay-article#rk-clay-article .official-panel:where(:not(#rk-native-map, #rk-native-map *)){ position: relative; z-index: 2; background: #fcfdff; border-radius: 0 0 calc(30 * var(--u)) calc(30 * var(--u)); padding: 0 calc(26 * var(--u)) calc(24 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .official-heading:where(:not(#rk-native-map, #rk-native-map *)){ position: relative; overflow: hidden; height: calc(118 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-number:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; top: calc(6 * var(--u)); left: calc(-3 * var(--u)); font-size: calc(101 * var(--u)); font-weight: 900; line-height: 1.05; letter-spacing: -.065em; color: var(--accent); }
#rk-clay-article#rk-clay-article#rk-clay-article .official-heading h2:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; top: calc(32 * var(--u)); left: calc(124 * var(--u)); font-size: calc(36 * var(--u)); font-weight: 900; line-height: 1.22; letter-spacing: -.05em; white-space: nowrap; }
#rk-clay-article#rk-clay-article#rk-clay-article .official-heading h2:where(:not(#rk-native-map, #rk-native-map *))::after, #rk-clay-article#rk-clay-article#rk-clay-article .conclusion-heading h2:where(:not(#rk-native-map, #rk-native-map *))::after, #rk-clay-article#rk-clay-article#rk-clay-article .tool-heading h3:where(:not(#rk-native-map, #rk-native-map *))::after, #rk-clay-article#rk-clay-article#rk-clay-article .tool-heading h2:where(:not(#rk-native-map, #rk-native-map *))::after, #rk-clay-article#rk-clay-article#rk-clay-article .price-table-heading > span:last-child:where(:not(#rk-native-map, #rk-native-map *))::after{ content: ""; display: block; margin-top: calc(10 * var(--u)); width: calc(65 * var(--u)); height: calc(6 * var(--u)); border-radius: calc(3 * var(--u)); background: var(--accent); }
#rk-clay-article#rk-clay-article#rk-clay-article .source-badge:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; right: 0; width: calc(175 * var(--u)); height: calc(44 * var(--u)); display: flex; justify-content: center; align-items: center; color: #fff; text-decoration: none; font-size: calc(26 * var(--u)); font-weight: 800; letter-spacing: .04em; border-radius: calc(30 * var(--u)); line-height: 1; }
#rk-clay-article#rk-clay-article#rk-clay-article .official-badge:where(:not(#rk-native-map, #rk-native-map *)){ top: calc(21 * var(--u)); background: linear-gradient(100deg, var(--accent), var(--accent-deep)); }
#rk-clay-article#rk-clay-article#rk-clay-article .official-source:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; top: calc(72 * var(--u)); right: 0; font-size: calc(17 * var(--u)); font-weight: 700; letter-spacing: -.035em; }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-01 .official-content:where(:not(#rk-native-map, #rk-native-map *)){ height: calc(410 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-01 .fact-card:where(:not(#rk-native-map, #rk-native-map *)){ padding-top: calc(12 * var(--u)); padding-bottom: calc(12 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-01 .fact-copy:where(:not(#rk-native-map, #rk-native-map *)){ line-height: 1.4; }
#rk-clay-article#rk-clay-article#rk-clay-article .official-content:where(:not(#rk-native-map, #rk-native-map *)){ display: grid; grid-template-columns: 282fr 375fr; gap: calc(15 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .official-photos:where(:not(#rk-native-map, #rk-native-map *)){ display: grid; grid-template-rows: 166fr 230fr; gap: calc(10 * var(--u)); min-height: 0; }
#rk-clay-article#rk-clay-article#rk-clay-article .official-photos img:where(:not(#rk-native-map, #rk-native-map *)){ width: 100%; height: 100%; min-height: 0; object-fit: cover; border-radius: calc(8 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .photo-placeholder:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 0; background: linear-gradient(140deg, #e9f3ff, #d6e8fc); color: #739bc6; border-radius: calc(8 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .official-photos .photo-placeholder:where(:not(#rk-native-map, #rk-native-map *)){ height: 100%; }
#rk-clay-article#rk-clay-article#rk-clay-article .official-photos .photo-placeholder .icon:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(70 * var(--u)); height: calc(70 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .article-shell img[data-photo-id="IMG049"]:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .map-dialog img[data-photo-id="IMG049"]:where(:not(#rk-native-map, #rk-native-map *)){ object-fit: contain; background: #4e4a46; }
#rk-clay-article#rk-clay-article#rk-clay-article .official-facts:where(:not(#rk-native-map, #rk-native-map *)){ display: grid; gap: calc(14 * var(--u)); min-width: 0; }
#rk-clay-article#rk-clay-article#rk-clay-article .fact-card:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; gap: calc(10 * var(--u)); padding: calc(14 * var(--u)) calc(13 * var(--u)); background: linear-gradient(105deg, #edf5ff, #f5f9ff); border-radius: calc(12 * var(--u)); min-height: 0; }
#rk-clay-article#rk-clay-article#rk-clay-article .fact-card > .icon:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(33 * var(--u)); height: calc(39 * var(--u)); color: var(--accent); }
#rk-clay-article#rk-clay-article#rk-clay-article .fact-card > div:where(:not(#rk-native-map, #rk-native-map *)){ min-width: 0; flex: 1; }
#rk-clay-article#rk-clay-article#rk-clay-article .fact-card h3:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .route-box h3:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .room-box h3:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .breakfast-box h3:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .price-box h3:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(23 * var(--u)); font-weight: 800; line-height: 1.3; color: var(--accent-text); }
#rk-clay-article#rk-clay-article#rk-clay-article .fact-copy:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(19.5 * var(--u)); font-weight: 450; line-height: 1.48; margin-top: calc(7 * var(--u)); overflow-wrap: anywhere; }
#rk-clay-article#rk-clay-article#rk-clay-article .block-bold:where(:not(#rk-native-map, #rk-native-map *)){ display: block; font-weight: 750; }
#rk-clay-article#rk-clay-article#rk-clay-article .minibar-label:where(:not(#rk-native-map, #rk-native-map *)){ display: block; font-size: calc(23 * var(--u)); line-height: 1.25; margin-bottom: calc(5 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .price-box:where(:not(#rk-native-map, #rk-native-map *)){ position: relative; margin-top: calc(14 * var(--u)); padding: calc(12 * var(--u)); border-radius: calc(14 * var(--u)); background: linear-gradient(110deg, #eaf3ff, #f4f9ff); }
#rk-clay-article#rk-clay-article#rk-clay-article .yen-icon:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; left: calc(19 * var(--u)); top: calc(14 * var(--u)); width: calc(38 * var(--u)); height: calc(41 * var(--u)); border: calc(3 * var(--u)) solid var(--accent); border-radius: 50%; color: var(--accent); font-size: calc(30 * var(--u)); font-weight: 750; line-height: 1.03; text-align: center; }
#rk-clay-article#rk-clay-article#rk-clay-article .price-box h3:where(:not(#rk-native-map, #rk-native-map *)){ margin-left: calc(61 * var(--u)); white-space: nowrap; }
#rk-clay-article#rk-clay-article#rk-clay-article .price-box h3 small:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(17 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .price-box > p:where(:not(#rk-native-map, #rk-native-map *)){ margin: calc(7 * var(--u)) 0 calc(10 * var(--u)) calc(61 * var(--u)); font-size: calc(17 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .price-grid:where(:not(#rk-native-map, #rk-native-map *)){ display: grid; grid-template-columns: repeat(3, 1fr); padding: calc(10 * var(--u)) 0; background: #fff; border-radius: calc(7 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .price-cell:where(:not(#rk-native-map, #rk-native-map *)){ text-align: center; min-width: 0; border-left: calc(1.5 * var(--u)) solid #d5dfe9; font-size: calc(17 * var(--u)); line-height: 1.2; }
#rk-clay-article#rk-clay-article#rk-clay-article .price-cell:first-child:where(:not(#rk-native-map, #rk-native-map *)){ border: 0; }
#rk-clay-article#rk-clay-article#rk-clay-article .price-cell strong:where(:not(#rk-native-map, #rk-native-map *)){ display: block; font-size: calc(46 * var(--u)); line-height: 1.35; color: var(--accent); font-weight: 850; letter-spacing: -.06em; }
#rk-clay-article#rk-clay-article#rk-clay-article .price-cell small:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(28 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .section-guide:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; width: calc(155 * var(--u)); height: auto; max-width: none; z-index: 0; }
#rk-clay-article#rk-clay-article#rk-clay-article .section-bubble:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; font-size: calc(16 * var(--u)); line-height: 1.4; padding: calc(18 * var(--u)) calc(22 * var(--u)); background: #f8fbff; border: calc(1 * var(--u)) solid #d8e5f2; border-radius: 50%; box-shadow: 0 calc(3 * var(--u)) calc(5 * var(--u)) #1d3f6915; }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-02 .official-heading:where(:not(#rk-native-map, #rk-native-map *)){ height: calc(205 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-02 .chapter-number:where(:not(#rk-native-map, #rk-native-map *)){ top: calc(70 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-02 .official-heading h2:where(:not(#rk-native-map, #rk-native-map *)){ top: calc(88 * var(--u)); left: calc(135 * var(--u)); font-size: calc(41 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-02 .section-guide:where(:not(#rk-native-map, #rk-native-map *)){ top: calc(0 * var(--u)); right: calc(16 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-02 .section-bubble:where(:not(#rk-native-map, #rk-native-map *)){ right: calc(175 * var(--u)); top: calc(2 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-02 .official-badge:where(:not(#rk-native-map, #rk-native-map *)){ top: calc(128 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-02 .official-source:where(:not(#rk-native-map, #rk-native-map *)){ top: calc(178 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-02 .official-content:where(:not(#rk-native-map, #rk-native-map *)){ min-height: calc(430 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-02 .official-photos:where(:not(#rk-native-map, #rk-native-map *)){ margin-top: calc(-36 * var(--u)); grid-template-rows: 212fr 235fr; }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-02 .fact-copy:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(19.5 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .route-box:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .breakfast-box:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; gap: calc(20 * var(--u)); padding: calc(20 * var(--u)) calc(23 * var(--u)); margin-top: calc(15 * var(--u)); background: #eef5fe; border-radius: calc(13 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .route-box > .icon:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(61 * var(--u)); height: calc(54 * var(--u)); color: var(--accent); }
#rk-clay-article#rk-clay-article#rk-clay-article .route-box p:where(:not(#rk-native-map, #rk-native-map *)){ margin-top: calc(7 * var(--u)); font-size: calc(20 * var(--u)); line-height: 1.48; }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-03 .official-heading:where(:not(#rk-native-map, #rk-native-map *)){ height: calc(152 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-03 .official-heading h2:where(:not(#rk-native-map, #rk-native-map *)){ top: calc(30 * var(--u)); left: calc(126 * var(--u)); font-size: calc(31 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-03 .section-guide:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(133 * var(--u)); top: calc(20 * var(--u)); right: calc(124 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-03 .section-bubble:where(:not(#rk-native-map, #rk-native-map *)){ top: calc(77 * var(--u)); right: calc(234 * var(--u)); padding: calc(10 * var(--u)) calc(18 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-03 .official-badge:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(150 * var(--u)); top: calc(13 * var(--u)); font-size: calc(23 * var(--u)); height: calc(38 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-03 .official-source:where(:not(#rk-native-map, #rk-native-map *)){ top: calc(59 * var(--u)); font-size: calc(14 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-03 .official-content:where(:not(#rk-native-map, #rk-native-map *)){ min-height: calc(448 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-03 .official-photos:where(:not(#rk-native-map, #rk-native-map *)){ grid-template-rows: 1fr 1fr; margin-top: calc(-36 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-03 .fact-copy:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(19 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .room-box:where(:not(#rk-native-map, #rk-native-map *)){ margin-top: calc(16 * var(--u)); padding: calc(15 * var(--u)); border-radius: calc(12 * var(--u)); background: #eef5fe; }
#rk-clay-article#rk-clay-article#rk-clay-article .room-box h3:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; align-items: center; gap: calc(20 * var(--u)); margin-bottom: calc(10 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .room-box h3 .icon:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(39 * var(--u)); height: calc(31 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .room-box table:where(:not(#rk-native-map, #rk-native-map *)){ width: 100%; border-collapse: collapse; background: #fff; font-size: calc(19 * var(--u)); table-layout: fixed; border-radius: calc(7 * var(--u)); overflow: hidden; text-align: center; }
#rk-clay-article#rk-clay-article#rk-clay-article .room-box th:where(:not(#rk-native-map, #rk-native-map *)){ background: #deedff; font-weight: 700; }
#rk-clay-article#rk-clay-article#rk-clay-article .room-box th:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .room-box td:where(:not(#rk-native-map, #rk-native-map *)){ height: calc(38 * var(--u)); border: calc(1 * var(--u)) solid #d7e0eb; padding: calc(4 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .room-box th:where(:not(#rk-native-map, #rk-native-map *)){ border-color: #f5f9ff; }
#rk-clay-article#rk-clay-article#rk-clay-article .room-box .no-window:where(:not(#rk-native-map, #rk-native-map *)){ font-weight: 850; color: #496383; }
#rk-clay-article#rk-clay-article#rk-clay-article .room-box p:where(:not(#rk-native-map, #rk-native-map *)){ margin-top: calc(12 * var(--u)); font-size: calc(17 * var(--u)); white-space: nowrap; }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-04 .official-heading:where(:not(#rk-native-map, #rk-native-map *)){ height: calc(160 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-04 .section-bubble:where(:not(#rk-native-map, #rk-native-map *)){ top: calc(80 * var(--u)); right: calc(294 * var(--u)); padding: calc(10 * var(--u)) calc(18 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-04 .official-heading h2:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(34 * var(--u)); top: calc(30 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-04 .section-guide:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(128 * var(--u)); right: calc(160 * var(--u)); top: calc(13 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-04 .official-badge:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(159 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-04 .official-source:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(16 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-04 .official-content:where(:not(#rk-native-map, #rk-native-map *)){ min-height: calc(628 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-04 .official-photos:where(:not(#rk-native-map, #rk-native-map *)){ grid-template-rows: 1fr 1fr .92fr;  }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-04 .official-facts:where(:not(#rk-native-map, #rk-native-map *)){ grid-template-rows: 1fr 1fr .92fr; gap: calc(12 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-04 .fact-card:where(:not(#rk-native-map, #rk-native-map *)){ padding: calc(13 * var(--u)) calc(12 * var(--u)); gap: calc(10 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-04 .fact-card h3:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(22 * var(--u)); letter-spacing: -.025em; }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-04 .fact-copy:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(17 * var(--u)); line-height: 1.48; margin-top: calc(5 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-04 .address:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(15.5 * var(--u)); line-height: 1.45; margin-bottom: calc(9 * var(--u)); letter-spacing: -.02em; }
#rk-clay-article#rk-clay-article#rk-clay-article .fact-copy dl:where(:not(#rk-native-map, #rk-native-map *)){ margin: 0; display: grid; grid-template-columns: calc(81 * var(--u)) 1fr; gap: calc(7 * var(--u)) calc(8 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .fact-copy dt:where(:not(#rk-native-map, #rk-native-map *)){ font-weight: 600; }
#rk-clay-article#rk-clay-article#rk-clay-article .fact-copy dd:where(:not(#rk-native-map, #rk-native-map *)){ margin: 0; }
#rk-clay-article#rk-clay-article#rk-clay-article .breakfast-box:where(:not(#rk-native-map, #rk-native-map *)){ padding: calc(14 * var(--u)) calc(20 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .breakfast-box .icon:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(48 * var(--u)); height: calc(54 * var(--u)); color: var(--accent); }
#rk-clay-article#rk-clay-article#rk-clay-article .breakfast-box h3:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(22 * var(--u)); margin-bottom: calc(4 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .breakfast-box p:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(15.5 * var(--u)); line-height: 1.5; letter-spacing: -.035em; }
#rk-clay-article#rk-clay-article#rk-clay-article .reveal:where(:not(#rk-native-map, #rk-native-map *)){ --reveal-top-space: clamp(16px, calc(32 * var(--u)), 32px); position: relative; height: calc(140 * var(--u) + var(--reveal-top-space)); z-index: 0; }
/* Extend the same transition artwork behind both adjacent rounded panels. */
#rk-clay-article#rk-clay-article#rk-clay-article .reveal-background:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; inset: calc(-30 * var(--u)) 0 calc(-31 * var(--u)); z-index: -1; pointer-events: none; background: radial-gradient(ellipse at 0 95%, #346fa177, transparent 13%), radial-gradient(ellipse at 100% 90%, #2b709d99, transparent 15%), linear-gradient(110deg, #2c496e, #1b3151); }
#rk-clay-article#rk-clay-article#rk-clay-article .reveal-background:where(:not(#rk-native-map, #rk-native-map *))::before, #rk-clay-article#rk-clay-article#rk-clay-article .reveal-background:where(:not(#rk-native-map, #rk-native-map *))::after{ content: ""; position: absolute; bottom: 0; width: calc(85 * var(--u)); height: calc(121 * var(--u)); background: url("/singapore/hotel-guide/kinn-capsule-clay/html-assets/agoda/b408b0c7a943b1d54a47b311.jpg") left 90% / calc(500 * var(--u)) auto; filter: blur(calc(4 * var(--u))); opacity: .6; mask-image: radial-gradient(ellipse at 0 100%, #000 30%, transparent 75%); pointer-events: none; }
#rk-clay-article#rk-clay-article#rk-clay-article .reveal-background:where(:not(#rk-native-map, #rk-native-map *))::before{ left: 0; }
#rk-clay-article#rk-clay-article#rk-clay-article .reveal-background:where(:not(#rk-native-map, #rk-native-map *))::after{ right: 0; transform: scaleX(-1); }
#rk-clay-article#rk-clay-article#rk-clay-article .reveal-bubble:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; top: calc(20 * var(--u) + var(--reveal-top-space)); }
#rk-clay-article#rk-clay-article#rk-clay-article .reveal-bubble:where(:not(#rk-native-map, #rk-native-map *)){ left: calc(30 * var(--u)); width: calc(404 * var(--u)); height: calc(84 * var(--u)); padding: calc(19 * var(--u)) calc(22 * var(--u)); border-radius: 50%; background: #f1f7ff; color: #223751; font-family: var(--hand); font-weight: 600; font-size: calc(30 * var(--u)); white-space: nowrap; text-align: center; transform: rotate(-2deg); }
#rk-clay-article#rk-clay-article#rk-clay-article .reveal-bubble:where(:not(#rk-native-map, #rk-native-map *))::after{ content: ""; position: absolute; bottom: calc(-10 * var(--u)); right: calc(30 * var(--u)); width: calc(35 * var(--u)); height: calc(29 * var(--u)); background: #f1f7ff; clip-path: polygon(0 0, 100% 100%, 85% 0); }
#rk-clay-article#rk-clay-article#rk-clay-article .review-observer:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; top: calc(-8 * var(--u) + var(--reveal-top-space)); left: calc(426 * var(--u)); width: calc(190 * var(--u)); height: auto; max-width: none; }
#rk-clay-article#rk-clay-article#rk-clay-article .observer-bubble:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; top: calc(18 * var(--u) + var(--reveal-top-space)); right: calc(18 * var(--u)); width: calc(160 * var(--u)); padding: calc(20 * var(--u)) calc(10 * var(--u)); background: #e1ebf8; color: #334e70; border-radius: 48% 53% 44% 46%; font-family: var(--hand); font-size: calc(14 * var(--u)); font-weight: 600; line-height: 1.5; transform: rotate(5deg); white-space: nowrap; text-align: center; }
#rk-clay-article#rk-clay-article#rk-clay-article .observer-bubble:where(:not(#rk-native-map, #rk-native-map *))::after{ content: ""; position: absolute; left: calc(-8 * var(--u)); bottom: calc(8 * var(--u)); width: calc(25 * var(--u)); height: calc(21 * var(--u)); background: #e1ebf8; clip-path: polygon(100% 0, 100% 100%, 0 100%); }
#rk-clay-article#rk-clay-article#rk-clay-article .reveal-chevron:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; bottom: calc(17 * var(--u)); left: calc(335 * var(--u)); width: calc(14 * var(--u)); height: calc(14 * var(--u)); border-bottom: calc(3 * var(--u)) solid #f5f9ff; border-right: calc(3 * var(--u)) solid #f5f9ff; transform: rotate(45deg); }
#rk-clay-article#rk-clay-article#rk-clay-article .reviews-panel:where(:not(#rk-native-map, #rk-native-map *)){ position: relative; z-index: 2; padding: 0 calc(25 * var(--u)) calc(16 * var(--u)); background: linear-gradient(110deg, #29466c, #1b3151); border: calc(1.5 * var(--u)) solid #577396; border-bottom: 0; border-radius: calc(31 * var(--u)) calc(31 * var(--u)) 0 0; }
#rk-clay-article#rk-clay-article#rk-clay-article .reviews-heading:where(:not(#rk-native-map, #rk-native-map *)){ position: relative; height: calc(80 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .reviews-heading h2:where(:not(#rk-native-map, #rk-native-map *)){ padding: calc(18 * var(--u)) calc(11 * var(--u)) 0; font-size: calc(38 * var(--u)); font-weight: 850; color: #fff; line-height: 1.25; letter-spacing: -.025em; }
#rk-clay-article#rk-clay-article#rk-clay-article .review-badge:where(:not(#rk-native-map, #rk-native-map *)){ top: calc(22 * var(--u)); background: linear-gradient(110deg, #52739b, #44638b); height: calc(41 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .review-cards:where(:not(#rk-native-map, #rk-native-map *)){ display: grid; grid-template-columns: 1fr 1fr; gap: calc(13 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .review-card:where(:not(#rk-native-map, #rk-native-map *)){ background: linear-gradient(115deg, #fcfdff, #f5f9ff); border: calc(1 * var(--u)) solid #dce7f3; border-radius: calc(10 * var(--u)); padding: calc(15 * var(--u)) calc(18 * var(--u)); min-width: 0; }
#rk-clay-article#rk-clay-article#rk-clay-article .review-card header:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; align-items: flex-start; gap: calc(14 * var(--u)); margin-bottom: calc(12 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .thumb:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .conclusion-emblem:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .tool-emblem:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; flex: none; justify-content: center; align-items: center; width: calc(57 * var(--u)); height: calc(59 * var(--u)); border-radius: 50%; background: linear-gradient(105deg, #298fff, var(--accent)); color: #fff; }
#rk-clay-article#rk-clay-article#rk-clay-article .thumb .icon:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(30 * var(--u)); height: calc(34 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .review-card h3:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(21 * var(--u)); font-weight: 800; color: var(--accent-text); line-height: 1.4; letter-spacing: -.055em; padding-top: calc(2 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .review-card p:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(20 * var(--u)); font-weight: 450; line-height: 1.48; letter-spacing: -.015em; }
#rk-clay-article#rk-clay-article#rk-clay-article .review-card.critical h3:where(:not(#rk-native-map, #rk-native-map *)){ color: #405e84; }
#rk-clay-article#rk-clay-article#rk-clay-article .review-card.critical .thumb:where(:not(#rk-native-map, #rk-native-map *)){ background: #4a658b; }
#rk-clay-article#rk-clay-article#rk-clay-article .review-card.critical .thumb .icon:where(:not(#rk-native-map, #rk-native-map *)){ transform: rotate(180deg); }
/* Six source ratings, aligned with the approved two-column mobile design. */
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-01 .reviews-panel:where(:not(#rk-native-map, #rk-native-map *)){ padding-bottom: calc(10 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-01 .review-card p:where(:not(#rk-native-map, #rk-native-map *)){ line-height: 1.33; }
#rk-clay-article#rk-clay-article#rk-clay-article .rating-sites:where(:not(#rk-native-map, #rk-native-map *)){ margin-top: calc(14 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .rating-sites-heading:where(:not(#rk-native-map, #rk-native-map *)){ display: grid; grid-template-columns: minmax(0, 1fr) calc(258 * var(--u)); align-items: center; gap: calc(16 * var(--u)); margin-bottom: calc(11 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .rating-sites-heading h3:where(:not(#rk-native-map, #rk-native-map *)){ color: #fff; font-size: calc(38 * var(--u)); font-weight: 850; line-height: 1.25; letter-spacing: -.025em; white-space: nowrap; }
#rk-clay-article#rk-clay-article#rk-clay-article .rating-photo:where(:not(#rk-native-map, #rk-native-map *)){ width: 100%; height: calc(94 * var(--u)); min-height: 0; object-fit: cover; border: calc(1.5 * var(--u)) solid #dce7f3; border-radius: calc(9 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .rating-sites-grid:where(:not(#rk-native-map, #rk-native-map *)){ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(11 * var(--u)) calc(13 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .rating-site:where(:not(#rk-native-map, #rk-native-map *)){ --rating-ink: #173b63; --rating-rule: #173b63; min-width: 0; min-height: calc(146 * var(--u)); padding: calc(15 * var(--u)) calc(20 * var(--u)); background: linear-gradient(115deg, #fcfdff, #f5f9ff); border: calc(1 * var(--u)) solid #dce7f3; border-radius: calc(9 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .rating-site.agoda:where(:not(#rk-native-map, #rk-native-map *)){ --rating-ink: #126e65; --rating-rule: #1fc0aa; }
#rk-clay-article#rk-clay-article#rk-clay-article .rating-site.booking:where(:not(#rk-native-map, #rk-native-map *)){ --rating-ink: #09579a; --rating-rule: #006bdb; }
#rk-clay-article#rk-clay-article#rk-clay-article .rating-site.trip:where(:not(#rk-native-map, #rk-native-map *)){ --rating-ink: #0070f0; --rating-rule: #007ffb; }
#rk-clay-article#rk-clay-article#rk-clay-article .rating-site.tripadvisor:where(:not(#rk-native-map, #rk-native-map *)){ --rating-ink: #126e65; --rating-rule: #1fc0aa; }
#rk-clay-article#rk-clay-article#rk-clay-article .rating-site.google:where(:not(#rk-native-map, #rk-native-map *)){ --rating-ink: #0070f0; --rating-rule: #007ffb; }
#rk-clay-article#rk-clay-article#rk-clay-article .rating-site-inner:where(:not(#rk-native-map, #rk-native-map *)){ border-left: calc(2.5 * var(--u)) solid var(--rating-rule); padding-left: calc(18 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .rating-site h4:where(:not(#rk-native-map, #rk-native-map *)){ color: var(--rating-ink); font-size: calc(25 * var(--u)); font-weight: 800; line-height: 1.1; letter-spacing: -.025em; white-space: nowrap; }
#rk-clay-article#rk-clay-article#rk-clay-article .rating-site-score:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; align-items: baseline; gap: calc(9 * var(--u)); color: #173b63; font-variant-numeric: tabular-nums; white-space: nowrap; }
#rk-clay-article#rk-clay-article#rk-clay-article .rating-site-score strong:where(:not(#rk-native-map, #rk-native-map *)){ color: var(--rating-ink); font-size: calc(64 * var(--u)); font-weight: 850; letter-spacing: -.045em; line-height: .98; }
#rk-clay-article#rk-clay-article#rk-clay-article .rating-site-score span:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(25 * var(--u)); font-weight: 800; line-height: 1.2; }
#rk-clay-article#rk-clay-article#rk-clay-article .rating-site-count:where(:not(#rk-native-map, #rk-native-map *)){ color: #173b63; font-size: calc(20 * var(--u)); font-weight: 450; line-height: 1.2; white-space: nowrap; }
#rk-clay-article#rk-clay-article#rk-clay-article .rating-scale-note:where(:not(#rk-native-map, #rk-native-map *)){ padding-top: calc(16 * var(--u)); color: #bdcee2; font-size: calc(18 * var(--u)); font-weight: 400; line-height: 1.4; }
#rk-clay-article#rk-clay-article#rk-clay-article .entrance-photo:where(:not(#rk-native-map, #rk-native-map *)){ width: 100%; height: calc(115 * var(--u)); object-fit: cover; margin-top: calc(10 * var(--u)); border-radius: calc(8 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-03 .review-card.critical h3:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(16.7 * var(--u)); letter-spacing: -.075em; padding-top: calc(6 * var(--u)); white-space: nowrap; }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-03 .review-card p:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .chapter-04 .review-card p:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(19 * var(--u)); line-height: 1.48; }
#rk-clay-article#rk-clay-article#rk-clay-article .cleanliness-box:where(:not(#rk-native-map, #rk-native-map *)){ margin-top: calc(12 * var(--u)); display: grid; grid-template-columns: 180fr 424fr; gap: calc(20 * var(--u)); padding: calc(16 * var(--u)) calc(20 * var(--u)); border-radius: calc(11 * var(--u)); background: #fcfdff; }
#rk-clay-article#rk-clay-article#rk-clay-article .cleanliness-label:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; gap: calc(15 * var(--u)); align-items: flex-start; }
#rk-clay-article#rk-clay-article#rk-clay-article .cleanliness-label h3:where(:not(#rk-native-map, #rk-native-map *)){ color: var(--accent); font-size: calc(24 * var(--u)); font-weight: 800; white-space: nowrap; padding-top: calc(2 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .cleanliness-label h3:where(:not(#rk-native-map, #rk-native-map *))::after{ content: ""; display: block; margin-top: calc(10 * var(--u)); height: calc(5 * var(--u)); width: calc(58 * var(--u)); background: var(--accent); border-radius: calc(2 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .cleanliness-box p:where(:not(#rk-native-map, #rk-native-map *)){ padding-top: calc(12 * var(--u)); font-size: calc(17.5 * var(--u)); line-height: 1.55; letter-spacing: -.03em; }
#rk-clay-article#rk-clay-article#rk-clay-article .stat-positive:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .stat-critical:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(39 * var(--u)); line-height: .92; font-weight: 850; letter-spacing: -.06em; }
#rk-clay-article#rk-clay-article#rk-clay-article .stat-positive:where(:not(#rk-native-map, #rk-native-map *)){ color: var(--accent); }
#rk-clay-article#rk-clay-article#rk-clay-article .stat-critical:where(:not(#rk-native-map, #rk-native-map *)){ color: #405e84; }
#rk-clay-article#rk-clay-article#rk-clay-article .food-strip:where(:not(#rk-native-map, #rk-native-map *)){ margin-top: calc(12 * var(--u)); height: calc(141 * var(--u)); display: grid; grid-template-columns: 34fr 42fr 24fr; grid-template-rows: minmax(0,1fr); overflow: hidden; border-radius: calc(9 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .food-strip img:where(:not(#rk-native-map, #rk-native-map *)){ width: 100%; height: 100%; min-height: 0; min-width: 0; object-fit: cover; }
/* Neutral chapter summaries: independent of both the review panel and the next chapter. */
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-sheet:where(:not(#rk-native-map, #rk-native-map *)){ background: #fff; }
#rk-clay-article#rk-clay-article#rk-clay-article .reviews-panel:where(:not(#rk-native-map, #rk-native-map *)){ padding-bottom: calc(24 * var(--u)); border-radius: calc(31 * var(--u)); border-bottom: calc(1.5 * var(--u)) solid #577396; }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-sheet + .chapter-sheet > .official-panel:where(:not(#rk-native-map, #rk-native-map *)){ border-radius: calc(30 * var(--u)); box-shadow: 0 calc(2 * var(--u)) calc(24 * var(--u)) #26364a05; }
#rk-clay-article#rk-clay-article#rk-clay-article .conclusion-panel:where(:not(#rk-native-map, #rk-native-map *)){ position: relative; z-index: 3; padding: calc(24 * var(--u)) calc(20 * var(--u)) 0; background: #fff; color: #183451; }
#rk-clay-article#rk-clay-article#rk-clay-article .conclusion-inner:where(:not(#rk-native-map, #rk-native-map *)){ position: relative; isolation: isolate; overflow: hidden; border: calc(1.3 * var(--u)) solid #eee0c7; border-radius: calc(20 * var(--u)); background: linear-gradient(112deg, #fffcf7, #fffaf3 55%, #fffcf8); padding: calc(24 * var(--u)) calc(30 * var(--u)) 0; box-shadow: 0 calc(3 * var(--u)) calc(10 * var(--u)) #a0844812; }
#rk-clay-article#rk-clay-article#rk-clay-article .conclusion-inner:where(:not(#rk-native-map, #rk-native-map *))::before{ content: ""; position: absolute; left: 50%; top: calc(19 * var(--u)); width: calc(52 * var(--u)); height: calc(2 * var(--u)); transform: translateX(-50%); background: #c8b58d; }
#rk-clay-article#rk-clay-article#rk-clay-article .conclusion-heading:where(:not(#rk-native-map, #rk-native-map *)){ position: relative; min-height: calc(184 * var(--u)); padding-top: 0; padding-right: calc(224 * var(--u)); margin: 0 0 calc(20 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .conclusion-chapter:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; align-items: center; gap: calc(12 * var(--u)); color: #b69a62; font-size: calc(18 * var(--u)); font-weight: 800; line-height: 1.35; white-space: nowrap; }
#rk-clay-article#rk-clay-article#rk-clay-article .conclusion-chapter > span:where(:not(#rk-native-map, #rk-native-map *)){ display: inline-flex; flex: none; align-items: center; justify-content: center; min-width: calc(47 * var(--u)); height: calc(37 * var(--u)); padding-inline: calc(9 * var(--u)); border-radius: calc(22 * var(--u)); background: #bca36f; color: #fff; font-size: calc(25 * var(--u)); font-weight: 850; letter-spacing: -.04em; }
#rk-clay-article#rk-clay-article#rk-clay-article .conclusion-chapter > b:where(:not(#rk-native-map, #rk-native-map *)){ font: inherit; }
#rk-clay-article#rk-clay-article#rk-clay-article .conclusion-heading h2:where(:not(#rk-native-map, #rk-native-map *)){ position: relative; z-index: 1; scroll-margin-top: calc(100 * var(--u)); margin-top: calc(27 * var(--u)); font-size: calc(46 * var(--u)); font-weight: 900; line-height: 1.3; letter-spacing: -.035em; white-space: nowrap; }
#rk-clay-article#rk-clay-article#rk-clay-article .conclusion-heading h2:where(:not(#rk-native-map, #rk-native-map *))::after{ display: none; }
#rk-clay-article#rk-clay-article#rk-clay-article .conclusion-perspectives:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; align-items: baseline; gap: calc(15 * var(--u)); margin-top: calc(22 * var(--u)); font-size: calc(20 * var(--u)); font-weight: 800; line-height: 1.4; white-space: nowrap; }
#rk-clay-article#rk-clay-article#rk-clay-article .perspective-official:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .perspective-review:where(:not(#rk-native-map, #rk-native-map *)){ position: relative; padding-bottom: calc(7 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .perspective-official:where(:not(#rk-native-map, #rk-native-map *)){ color: #007ffb; }
#rk-clay-article#rk-clay-article#rk-clay-article .perspective-review:where(:not(#rk-native-map, #rk-native-map *)){ color: #183451; }
#rk-clay-article#rk-clay-article#rk-clay-article .perspective-official:where(:not(#rk-native-map, #rk-native-map *))::after, #rk-clay-article#rk-clay-article#rk-clay-article .perspective-review:where(:not(#rk-native-map, #rk-native-map *))::after{ content: ""; position: absolute; inset-inline: 0; bottom: 0; height: calc(2.5 * var(--u)); border-radius: calc(2 * var(--u)); background: currentColor; }
#rk-clay-article#rk-clay-article#rk-clay-article .perspective-plus:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(23 * var(--u)); font-weight: 500; }
#rk-clay-article#rk-clay-article#rk-clay-article .perspective-caption:where(:not(#rk-native-map, #rk-native-map *)){ margin-left: calc(4 * var(--u)); font-size: calc(16 * var(--u)); font-weight: 500; letter-spacing: -.03em; }
#rk-clay-article#rk-clay-article#rk-clay-article .summary-hosts:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; top: calc(10 * var(--u)); right: calc(-9 * var(--u)); width: calc(230 * var(--u)); height: calc(176 * var(--u)); overflow: hidden; pointer-events: none; }
#rk-clay-article#rk-clay-article#rk-clay-article .summary-hosts > img:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; width: 123.866%; max-width: none; height: auto; left: -17.88%; top: -15.739%; }
#rk-clay-article#rk-clay-article#rk-clay-article .conclusion-copy:where(:not(#rk-native-map, #rk-native-map *)){ position: relative; z-index: 1; font-size: clamp(12px, calc(25 * var(--u)), 25px); font-weight: 400; line-height: 1.5; letter-spacing: -.025em; overflow-wrap: anywhere; }
#rk-clay-article#rk-clay-article#rk-clay-article .conclusion-landscape:where(:not(#rk-native-map, #rk-native-map *)){ position: relative; height: calc(102 * var(--u)); margin: calc(4 * var(--u)) calc(-30 * var(--u)) 0; overflow: hidden; pointer-events: none; }
#rk-clay-article#rk-clay-article#rk-clay-article .conclusion-landscape > img:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; right: calc(12 * var(--u)); bottom: calc(-23 * var(--u)); width: calc(574 * var(--u)); max-width: none; height: auto; opacity: .58; mix-blend-mode: multiply; }
#rk-clay-article#rk-clay-article#rk-clay-article .conclusion-signoff:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; z-index: 1; left: calc(27 * var(--u)); bottom: calc(30 * var(--u)); color: #bda579; font-family: var(--hand); font-size: calc(17 * var(--u)); font-style: italic; font-weight: 600; line-height: 1.2; transform: rotate(-12deg); }
#rk-clay-article#rk-clay-article#rk-clay-article .conclusion-signoff > span:where(:not(#rk-native-map, #rk-native-map *)){ padding-left: calc(24 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-actions:where(:not(#rk-native-map, #rk-native-map *)){ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(8px,calc(16 * var(--u)),16px); padding:clamp(14px,calc(22 * var(--u)),22px) 0 clamp(24px,calc(32 * var(--u)),32px); }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-action:where(:not(#rk-native-map, #rk-native-map *)){ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; min-width:0; min-height:66px; padding:12px 7px; border:1px solid #0879e8; border-radius:12px; color:#0065c9; background:#f5faff; text-align:center; text-decoration:none; line-height:1.4; box-shadow:0 3px 9px #17456d0d; transition:background .15s,box-shadow .15s; }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-booking:where(:not(#rk-native-map, #rk-native-map *)){ color:#fff; background:linear-gradient(110deg,#0789ff,#006bdc); border-color:#0075e8; }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-action-title:where(:not(#rk-native-map, #rk-native-map *)){ display:flex; align-items:center; justify-content:center; gap:4px; font-size:clamp(12px,calc(26 * var(--u)),16px); font-weight:800; white-space:nowrap; }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-action-title svg:where(:not(#rk-native-map, #rk-native-map *)){ flex:none; width:13px; height:13px; }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-action-detail:where(:not(#rk-native-map, #rk-native-map *)){ font-size:clamp(10px,calc(21 * var(--u)),12px); font-weight:500; font-variant-numeric:tabular-nums; }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-action:hover:where(:not(#rk-native-map, #rk-native-map *)){ background:#e6f2ff; box-shadow:0 4px 12px #17456d24; }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-booking:hover:where(:not(#rk-native-map, #rk-native-map *)){ background:#0064cf; }
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-action:focus-visible:where(:not(#rk-native-map, #rk-native-map *)){ outline:3px solid #163759; outline-offset:3px; }
#rk-clay-article#rk-clay-article#rk-clay-article .insert-tool:where(:not(#rk-native-map, #rk-native-map *)){ position: relative; padding: calc(12 * var(--u)); margin-top: calc(14 * var(--u)); border-radius: calc(15 * var(--u)); background: linear-gradient(110deg, #fbfdff, #f2f8ff); color: #1d2e45; }
#rk-clay-article#rk-clay-article#rk-clay-article .tool-heading:where(:not(#rk-native-map, #rk-native-map *)){ height: calc(126 * var(--u)); position: relative; overflow: hidden; }
#rk-clay-article#rk-clay-article#rk-clay-article .tool-emblem:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; top: 0; left: 0; width: calc(64 * var(--u)); height: calc(64 * var(--u)); background: linear-gradient(100deg, var(--accent), var(--accent-deep)); }
#rk-clay-article#rk-clay-article#rk-clay-article .tool-emblem .icon:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(36 * var(--u)); height: calc(40 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .tool-heading h3:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .tool-heading h2:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; top: calc(5 * var(--u)); left: calc(80 * var(--u)); font-size: calc(36 * var(--u)); font-weight: 900; line-height: 1.25; letter-spacing: -.04em; white-space: nowrap; z-index: 1; }
#rk-clay-article#rk-clay-article#rk-clay-article .tool-heading h3:where(:not(#rk-native-map, #rk-native-map *))::after, #rk-clay-article#rk-clay-article#rk-clay-article .tool-heading h2:where(:not(#rk-native-map, #rk-native-map *))::after{ margin-top: calc(8 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .tool-subtitle:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; top: calc(74 * var(--u)); font-size: calc(22 * var(--u)); font-weight: 550; }
#rk-clay-article#rk-clay-article#rk-clay-article .tool-guide:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; top: calc(-9 * var(--u)); right: calc(-10 * var(--u)); width: calc(166 * var(--u)); height: auto; max-width: none; }
#rk-clay-article#rk-clay-article#rk-clay-article .tool-bubble:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; right: calc(137 * var(--u)); top: calc(3 * var(--u)); min-width: calc(114 * var(--u)); padding: calc(14 * var(--u)) calc(18 * var(--u)); border-radius: 50%; font-size: calc(17 * var(--u)); line-height: 1.4; text-align: center; background: #fcfdff; border: calc(1 * var(--u)) solid #d6e3f2; box-shadow: 0 calc(2 * var(--u)) calc(4 * var(--u)) #183f6b1a; }
#rk-clay-article#rk-clay-article#rk-clay-article .price-tool .tool-heading:where(:not(#rk-native-map, #rk-native-map *)){ height: calc(106 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .price-tool:where(:not(#rk-native-map, #rk-native-map *)){ border: calc(1 * var(--u)) solid #d8e7f7; }
#rk-clay-article#rk-clay-article#rk-clay-article .price-controls:where(:not(#rk-native-map, #rk-native-map *)){ background: #eaf3ff; border-radius: calc(11 * var(--u)); padding: calc(9 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .price-control-row:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; align-items: center; gap: calc(15 * var(--u)); font-size: calc(23 * var(--u)); font-weight: 600; white-space: nowrap; }
#rk-clay-article#rk-clay-article#rk-clay-article .date-field:where(:not(#rk-native-map, #rk-native-map *)){ flex: 1; min-width: 0; }
#rk-clay-article#rk-clay-article#rk-clay-article .date-field input:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .radius-field input:where(:not(#rk-native-map, #rk-native-map *)){ width: 100%; min-width: 0; height: calc(49 * var(--u)); background: #fff; border: calc(1 * var(--u)) solid #bfd6ef; border-radius: calc(7 * var(--u)); color: #1d2e45; padding: calc(7 * var(--u)) calc(12 * var(--u)); font-size: calc(25 * var(--u)); font-weight: 750; }
#rk-clay-article#rk-clay-article#rk-clay-article .date-field input:where(:not(#rk-native-map, #rk-native-map *))::-webkit-calendar-picker-indicator{ width: calc(23 * var(--u)); height: calc(25 * var(--u)); padding: 0; cursor: pointer; opacity: .6; }
#rk-clay-article#rk-clay-article#rk-clay-article .radius-field:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(63 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .radius-field input:where(:not(#rk-native-map, #rk-native-map *)){ text-align: center; padding: 0; appearance: textfield; }
#rk-clay-article#rk-clay-article#rk-clay-article .radius-field input:where(:not(#rk-native-map, #rk-native-map *))::-webkit-inner-spin-button{ appearance: none; }
#rk-clay-article#rk-clay-article#rk-clay-article .update-prices:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; align-items: center; justify-content: center; gap: calc(12 * var(--u)); height: calc(49 * var(--u)); width: calc(143 * var(--u)); border: 0; border-radius: calc(8 * var(--u)); color: #fff; background: linear-gradient(105deg, var(--accent), var(--accent-deep)); font-size: calc(25 * var(--u)) !important; font-weight: 750 !important; }
#rk-clay-article#rk-clay-article#rk-clay-article .update-prices .icon:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(28 * var(--u)); height: calc(28 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .price-conditions:where(:not(#rk-native-map, #rk-native-map *)){ display: grid; grid-template-columns: 1fr 1fr; align-items: center; padding-top: calc(9 * var(--u)); font-size: calc(20 * var(--u)); line-height: 1.5; }
#rk-clay-article#rk-clay-article#rk-clay-article .price-conditions > span:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; align-items: center; gap: calc(10 * var(--u)); padding-left: calc(14 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .price-conditions .icon:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(27 * var(--u)); height: calc(28 * var(--u)); color: var(--accent); }
#rk-clay-article#rk-clay-article#rk-clay-article .price-conditions output:where(:not(#rk-native-map, #rk-native-map *)){ border-left: calc(1 * var(--u)) solid #fff; text-align: center; }
#rk-clay-article#rk-clay-article#rk-clay-article .price-chart-wrap:where(:not(#rk-native-map, #rk-native-map *)){ position: relative; background: #fff; margin-top: calc(8 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .price-chart:where(:not(#rk-native-map, #rk-native-map *)){ width: 100%; height: auto; display: block; }
#rk-clay-article#rk-clay-article#rk-clay-article .price-chart text:where(:not(#rk-native-map, #rk-native-map *)){ font-family: "Article Sans", sans-serif; font-size: 16px; fill: #263950; }
#rk-clay-article#rk-clay-article#rk-clay-article .price-chart .grid-line:where(:not(#rk-native-map, #rk-native-map *)){ stroke: #dce5ef; stroke-width: 1; stroke-dasharray: 3 2; }
#rk-clay-article#rk-clay-article#rk-clay-article .price-chart .axis-line:where(:not(#rk-native-map, #rk-native-map *)){ stroke: #7e92ac; stroke-width: 1.25; }
#rk-clay-article#rk-clay-article#rk-clay-article .price-chart .trend-line:where(:not(#rk-native-map, #rk-native-map *)){ stroke: var(--accent); stroke-width: 3.5; stroke-linejoin: round; stroke-linecap: round; fill: none; }
#rk-clay-article#rk-clay-article#rk-clay-article .price-chart .trend-point:where(:not(#rk-native-map, #rk-native-map *)){ stroke: var(--accent); stroke-width: 3; fill: #fff; }
#rk-clay-article#rk-clay-article#rk-clay-article .price-chart .min-price:where(:not(#rk-native-map, #rk-native-map *)){ fill: var(--price-lowest); font-size: 24px; font-weight: 850; }
#rk-clay-article#rk-clay-article#rk-clay-article .price-chart .min-label:where(:not(#rk-native-map, #rk-native-map *)){ fill: var(--price-lowest); font-size: 16px; font-weight: 750; }
#rk-clay-article#rk-clay-article#rk-clay-article .chart-empty:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; inset: 35% 5% auto; text-align: center; padding: calc(14 * var(--u)); font-size: calc(19 * var(--u)); background: #fcfdff; border-radius: calc(8 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .price-table-heading:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; align-items: center; position: relative; gap: calc(14 * var(--u)); padding: calc(5 * var(--u)) calc(4 * var(--u)); font-size: calc(25 * var(--u)); font-weight: 850; }
#rk-clay-article#rk-clay-article#rk-clay-article .price-table-heading .tool-emblem:where(:not(#rk-native-map, #rk-native-map *)){ position: static; width: calc(44 * var(--u)); height: calc(44 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .price-table-heading .icon:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(27 * var(--u)); height: calc(27 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .price-table-heading > span:last-child:where(:not(#rk-native-map, #rk-native-map *))::after{ height: calc(4 * var(--u)); width: calc(58 * var(--u)); margin-top: calc(2 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .daily-prices:where(:not(#rk-native-map, #rk-native-map *)){ border-collapse: separate; border-spacing: 0; width: 100%; table-layout: fixed; overflow: hidden; border: calc(1 * var(--u)) solid #cbdef2; border-radius: calc(7 * var(--u)); text-align: center; font-size: clamp(11px, calc(22 * var(--u)), 18px); line-height: 1.4; background: #fff; }
#rk-clay-article#rk-clay-article#rk-clay-article .daily-prices th:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .daily-prices td:where(:not(#rk-native-map, #rk-native-map *)){ padding: max(6px, calc(9 * var(--u))) max(8px, calc(14 * var(--u))); font-weight: 450; border-bottom: calc(1 * var(--u)) solid #d2e3f4; height: max(36px, calc(60 * var(--u))); }
#rk-clay-article#rk-clay-article#rk-clay-article .daily-prices thead th:where(:not(#rk-native-map, #rk-native-map *)){ background: #e7f1fd; font-weight: 750; height: calc(27 * var(--u)); color: #425873; }
#rk-clay-article#rk-clay-article#rk-clay-article .daily-prices th + th:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .daily-prices td:where(:not(#rk-native-map, #rk-native-map *)){ border-left: calc(1 * var(--u)) solid #d2e3f4; }
#rk-clay-article#rk-clay-article#rk-clay-article .daily-prices tr:last-child > *:where(:not(#rk-native-map, #rk-native-map *)){ border-bottom: 0; }
#rk-clay-article#rk-clay-article#rk-clay-article .daily-prices strong:where(:not(#rk-native-map, #rk-native-map *)){ font-weight: 500; }
#rk-clay-article#rk-clay-article#rk-clay-article .daily-prices .lowest:where(:not(#rk-native-map, #rk-native-map *)){ background: var(--price-lowest-soft); color: var(--price-lowest); }
#rk-clay-article#rk-clay-article#rk-clay-article .daily-prices .lowest th:where(:not(#rk-native-map, #rk-native-map *)){ font-weight: 700; }
#rk-clay-article#rk-clay-article#rk-clay-article .daily-prices .lowest strong:where(:not(#rk-native-map, #rk-native-map *)){ font-size: inherit; font-weight: 900; }
#rk-clay-article#rk-clay-article#rk-clay-article .lowest-badge:where(:not(#rk-native-map, #rk-native-map *)){ display: inline-block; margin-left: calc(10 * var(--u)); padding: calc(3 * var(--u)) calc(11 * var(--u)); border-radius: calc(18 * var(--u)); background: var(--price-lowest); color: white; font-size: calc(16 * var(--u)); line-height: 1.15; }
#rk-clay-article#rk-clay-article#rk-clay-article .daily-price-link:where(:not(#rk-native-map, #rk-native-map *)){ display: inline-flex; align-items: baseline; justify-content: center; gap: 0; min-height: 24px; padding: 2px; color: var(--accent-text); font-size: clamp(14px, calc(26 * var(--u)), 22px); font-weight: 650; line-height: 1.4; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .17em; white-space: nowrap; }
#rk-clay-article#rk-clay-article#rk-clay-article .daily-price-link strong:where(:not(#rk-native-map, #rk-native-map *)){ font-weight: 650; }
#rk-clay-article#rk-clay-article#rk-clay-article .daily-price-link .icon:where(:not(#rk-native-map, #rk-native-map *)){ flex: none; align-self: flex-start; width: .7em; height: .7em; margin: .08em 0 0 .3em; stroke-width: 2; }
#rk-clay-article#rk-clay-article#rk-clay-article .daily-price-link:hover:where(:not(#rk-native-map, #rk-native-map *)){ color: var(--accent-deep); text-decoration-thickness: 2px; }
#rk-clay-article#rk-clay-article#rk-clay-article .price-booking-button:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; align-items: center; justify-content: center; gap: calc(14 * var(--u)); min-height: 44px; margin-top: max(12px, calc(24 * var(--u))); padding: max(12px, calc(18 * var(--u))) max(14px, calc(24 * var(--u))); border-radius: max(8px, calc(14 * var(--u))); background: linear-gradient(105deg, var(--accent), var(--accent-deep)); color: #fff; text-decoration: none; font-size: clamp(13px, calc(26 * var(--u)), 20px); font-weight: 750; line-height: 1.4; }
#rk-clay-article#rk-clay-article#rk-clay-article .price-booking-button .icon:where(:not(#rk-native-map, #rk-native-map *)){ flex: none; width: 1em; height: 1em; }
#rk-clay-article#rk-clay-article#rk-clay-article .price-booking-button:hover:where(:not(#rk-native-map, #rk-native-map *)){ background: var(--accent-deep); }
#rk-clay-article#rk-clay-article#rk-clay-article .daily-price-link:focus-visible:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .price-booking-button:focus-visible:where(:not(#rk-native-map, #rk-native-map *)){ outline: 2px solid var(--accent-text); outline-offset: 3px; }
#rk-clay-article#rk-clay-article#rk-clay-article .tool-note:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(15.5 * var(--u)); margin-top: calc(8 * var(--u)) !important; line-height: 1.4; }
#rk-clay-article#rk-clay-article#rk-clay-article .tool-error:where(:not(#rk-native-map, #rk-native-map *)){ margin-top: calc(10 * var(--u)) !important; color: #a32936; font-size: calc(18 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .map-tool .tool-heading:where(:not(#rk-native-map, #rk-native-map *)){ height: calc(135 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .map-tool .tool-heading h3:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(34 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .map-tool .tool-bubble:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(14 * var(--u)); right: calc(115 * var(--u)); width: calc(142 * var(--u)); padding: calc(14 * var(--u)) calc(12 * var(--u)); white-space: nowrap; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-holder:where(:not(#rk-native-map, #rk-native-map *)){ border-radius: calc(18 * var(--u)); box-shadow: 0 calc(2 * var(--u)) calc(4 * var(--u)) #1d416d20; overflow: hidden; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-stage:where(:not(#rk-native-map, #rk-native-map *)){ position: relative; height: calc(686 * var(--u)); overflow: hidden; background: #e7eadf; color: #142d40; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-world:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; inset: 0; transform-origin: 50% 30%; cursor: grab; touch-action: none; user-select: none; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-world.dragging:where(:not(#rk-native-map, #rk-native-map *)){ cursor: grabbing; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-background:where(:not(#rk-native-map, #rk-native-map *)){ width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-pins:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; inset: 0; }
#rk-clay-article#rk-clay-article#rk-clay-article .street-label:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .park-label:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; font-size: calc(17 * var(--u)); letter-spacing: .025em; pointer-events: none; }
#rk-clay-article#rk-clay-article#rk-clay-article .street-purvis:where(:not(#rk-native-map, #rk-native-map *)){ left: 27%; top: 32%; transform: rotate(35deg); }
#rk-clay-article#rk-clay-article#rk-clay-article .street-bridge:where(:not(#rk-native-map, #rk-native-map *)){ left: 62%; top: 26%; transform: rotate(-71deg); }
#rk-clay-article#rk-clay-article#rk-clay-article .street-beach:where(:not(#rk-native-map, #rk-native-map *)){ left: 74%; top: 42%; transform: rotate(-28deg); }
#rk-clay-article#rk-clay-article#rk-clay-article .park-label:where(:not(#rk-native-map, #rk-native-map *)){ left: 6%; top: 37%; text-align: center; color: #285c42; font-size: calc(16 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .map-filters:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; z-index: 3; top: calc(13 * var(--u)); left: calc(12 * var(--u)); right: calc(12 * var(--u)); display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(8 * var(--u)); padding: calc(9 * var(--u)); background: #f8fbff; border-radius: calc(23 * var(--u)); box-shadow: 0 calc(3 * var(--u)) calc(7 * var(--u)) #1a3c6822; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-filters button:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; justify-content: center; align-items: center; gap: calc(10 * var(--u)); color: #1d3c5e; padding: calc(13 * var(--u)) calc(5 * var(--u)); border: calc(1.5 * var(--u)) solid #cdddeb; border-radius: calc(13 * var(--u)); background: #fff; font-size: calc(21 * var(--u)); font-weight: 800; white-space: nowrap; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-filters .icon:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(30 * var(--u)); height: calc(30 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .map-filters button[aria-pressed=true]:where(:not(#rk-native-map, #rk-native-map *)){ background: linear-gradient(100deg, var(--accent), var(--accent-deep)); border-color: var(--accent); color: #fff; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-pin:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; width: calc(42 * var(--u)); height: calc(50 * var(--u)); border: 0; padding: 0; background: none; color: #fff; transform: translate(-50%, -75%); filter: drop-shadow(0 calc(2 * var(--u)) calc(2 * var(--u)) #17457533); }
#rk-clay-article#rk-clay-article#rk-clay-article .map-pin:where(:not(#rk-native-map, #rk-native-map *))::before{ content: ""; position: absolute; width: 100%; height: 84%; border: calc(3 * var(--u)) solid #fff; background: var(--accent); border-radius: 50% 50% 50% 0; transform: rotate(-45deg); left: 0; top: 0; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-pin > span:where(:not(#rk-native-map, #rk-native-map *)){ position: relative; display: block; font-size: calc(25 * var(--u)); font-weight: 800; top: calc(-4 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .map-pin.selected:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(65 * var(--u)); height: calc(76 * var(--u)); z-index: 1; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-pin.selected:where(:not(#rk-native-map, #rk-native-map *))::before{ box-shadow: 0 0 0 calc(6 * var(--u)) #007ffb44, 0 0 0 calc(12 * var(--u)) #63b2ff44; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-pin.selected > span:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(34 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .map-controls:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; top: calc(102 * var(--u)); right: calc(13 * var(--u)); display: grid; gap: calc(10 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .map-controls > div:where(:not(#rk-native-map, #rk-native-map *)){ overflow: hidden; border-radius: calc(10 * var(--u)); box-shadow: 0 calc(2 * var(--u)) calc(4 * var(--u)) #1a3c6822; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-controls button:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(50 * var(--u)); height: calc(50 * var(--u)); background: #fff; border: 0; display: grid; place-items: center; color: #122e43; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-controls button + button:where(:not(#rk-native-map, #rk-native-map *)){ border-top: calc(1 * var(--u)) solid #dbe5ef; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-controls > button:where(:not(#rk-native-map, #rk-native-map *)){ border-radius: calc(10 * var(--u)); box-shadow: 0 calc(2 * var(--u)) calc(4 * var(--u)) #1a3c6822; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-controls .icon:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(28 * var(--u)); height: calc(28 * var(--u)); stroke-width: 3; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-list:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; z-index: 2; bottom: calc(10 * var(--u)); left: calc(9 * var(--u)); right: calc(9 * var(--u)); padding: calc(12 * var(--u)) calc(14 * var(--u)) calc(16 * var(--u)); border-radius: calc(27 * var(--u)); background: #f7fbfff7; box-shadow: 0 calc(2 * var(--u)) calc(5 * var(--u)) #173b662c; }
#rk-clay-article#rk-clay-article#rk-clay-article .sheet-handle:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(66 * var(--u)); height: calc(7 * var(--u)); border-radius: calc(4 * var(--u)); background: #c6d6e7; margin: 0 auto calc(8 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .map-list > header:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; align-items: center; gap: calc(14 * var(--u)); margin-bottom: calc(12 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .map-list-glyph:where(:not(#rk-native-map, #rk-native-map *)){ color: var(--accent); }
#rk-clay-article#rk-clay-article#rk-clay-article .map-list-glyph .icon:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(42 * var(--u)); height: calc(44 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .map-list h4:where(:not(#rk-native-map, #rk-native-map *)){ margin: 0; color: #1d2e45; font-size: calc(33 * var(--u)); font-weight: 900; line-height: 1.3; }
#rk-clay-article#rk-clay-article#rk-clay-article #map-count:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(21 * var(--u)); white-space: nowrap; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-sync:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; align-items: center; justify-content: center; gap: calc(9 * var(--u)); margin-left: auto; padding: calc(8 * var(--u)) calc(12 * var(--u)); border-radius: calc(25 * var(--u)); background: #eaf3fd; font-size: calc(16 * var(--u)); white-space: nowrap; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-sync .icon:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(23 * var(--u)); height: calc(23 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .map-list ol:where(:not(#rk-native-map, #rk-native-map *)){ list-style: none; margin: 0; padding: 0; border-radius: calc(16 * var(--u)); background: #fff; overflow: hidden; }
#rk-clay-article#rk-clay-article#rk-clay-article .place-row:where(:not(#rk-native-map, #rk-native-map *)){ width: 100%; display: grid; grid-template-columns: calc(47 * var(--u)) calc(165 * var(--u)) 1fr calc(18 * var(--u)); align-items: center; gap: calc(16 * var(--u)); padding: calc(7 * var(--u)) calc(10 * var(--u)); background: #fff; border: 0; color: #1d2e45; text-align: left; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-list li + li:where(:not(#rk-native-map, #rk-native-map *)){ border-top: calc(1 * var(--u)) solid #e0eaf5; }
#rk-clay-article#rk-clay-article#rk-clay-article .place-row:hover:where(:not(#rk-native-map, #rk-native-map *)){ background: #f0f7ff; }
#rk-clay-article#rk-clay-article#rk-clay-article .place-row[aria-pressed=true] .place-number:where(:not(#rk-native-map, #rk-native-map *)){ box-shadow: 0 0 0 calc(3 * var(--u)) #a9d3ff; }
#rk-clay-article#rk-clay-article#rk-clay-article .place-number:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(47 * var(--u)); height: calc(47 * var(--u)); display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--accent); font-size: calc(29 * var(--u)); font-weight: 750; }
#rk-clay-article#rk-clay-article#rk-clay-article .place-thumbnail:where(:not(#rk-native-map, #rk-native-map *)){ width: 100%; height: calc(78 * var(--u)); object-fit: cover; border-radius: calc(10 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .place-row strong:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(22 * var(--u)); font-weight: 800; line-height: 1.25; }
#rk-clay-article#rk-clay-article#rk-clay-article .row-chevron:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(12 * var(--u)); height: calc(12 * var(--u)); border-right: calc(3 * var(--u)) solid var(--accent); border-top: calc(3 * var(--u)) solid var(--accent); transform: rotate(45deg); }
#rk-clay-article#rk-clay-article#rk-clay-article .map-dialog:where(:not(#rk-native-map, #rk-native-map *)){  width: min(94vw, 900px); max-width: none; max-height: 94dvh; margin: auto; padding: 0; border: 0; border-radius: 18px; background: #f4f9ff; overflow: auto; box-shadow: 0 20px 90px #0005; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-dialog:where(:not(#rk-native-map, #rk-native-map *))::backdrop{ background: #172b46c4; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-dialog header.dialog-heading:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; font-size: 16px; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-dialog .dialog-heading h2:where(:not(#rk-native-map, #rk-native-map *)){ font-size: 16px; margin: 0; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-dialog .dialog-heading button:where(:not(#rk-native-map, #rk-native-map *)){ min-height: 40px; padding: 5px 15px; border: 1px solid #c1d6ee; background: #fff; border-radius: 8px; font-size: 14px; }
#rk-clay-article#rk-clay-article#rk-clay-article .map-dialog .map-stage:where(:not(#rk-native-map, #rk-native-map *)){ --u: var(--article-unit, min(1px, calc(100vw / 724))); }

#rk-clay-article#rk-clay-article#rk-clay-article .hotel-details:where(:not(#rk-native-map, #rk-native-map *)){ margin: 0 calc(22 * var(--u)); padding: calc(18 * var(--u)) calc(12 * var(--u)) calc(10 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .hotel-details .tool-heading:where(:not(#rk-native-map, #rk-native-map *)){ height: calc(116 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .hotel-details .tool-heading h2:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(34 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .hotel-details .tool-subtitle:where(:not(#rk-native-map, #rk-native-map *)){ left: calc(80 * var(--u)); top: calc(63 * var(--u)); font-size: calc(21 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .hotel-details .tool-guide:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(160 * var(--u)); top: calc(-12 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .details-table:where(:not(#rk-native-map, #rk-native-map *)){ border-collapse: separate; border-spacing: 0; width: 100%; table-layout: fixed; background: #fff; border: calc(1 * var(--u)) solid #d4e5f7; border-radius: calc(12 * var(--u)); overflow: hidden; font-size: calc(22 * var(--u)); line-height: 1.4; }
#rk-clay-article#rk-clay-article#rk-clay-article .details-table th:where(:not(#rk-native-map, #rk-native-map *)){ width: 38%; text-align: left; background: #edf5ff; font-weight: 750; }
#rk-clay-article#rk-clay-article#rk-clay-article .details-table th > span:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; align-items: center; gap: calc(18 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .details-table th b:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(20 * var(--u)); white-space: nowrap; }
#rk-clay-article#rk-clay-article#rk-clay-article .details-table th:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .details-table td:where(:not(#rk-native-map, #rk-native-map *)){ padding: calc(10 * var(--u)) calc(18 * var(--u)); border-bottom: calc(1 * var(--u)) solid #d9e7f6; }
#rk-clay-article#rk-clay-article#rk-clay-article .details-table tr:last-child > *:where(:not(#rk-native-map, #rk-native-map *)){ border-bottom: 0; }
#rk-clay-article#rk-clay-article#rk-clay-article .details-table .icon:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(34 * var(--u)); height: calc(36 * var(--u)); color: var(--accent); }
#rk-clay-article#rk-clay-article#rk-clay-article .details-table td:where(:not(#rk-native-map, #rk-native-map *)){ position: relative; overflow-wrap: anywhere; }
#rk-clay-article#rk-clay-article#rk-clay-article .details-table a:where(:not(#rk-native-map, #rk-native-map *)){ text-decoration: none; }
#rk-clay-article#rk-clay-article#rk-clay-article .details-table a:hover:where(:not(#rk-native-map, #rk-native-map *)){ text-decoration: underline; }
#rk-clay-article#rk-clay-article#rk-clay-article .details-table a[href^=mailto]:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(21 * var(--u)); letter-spacing: -.025em; }
#rk-clay-article#rk-clay-article#rk-clay-article .check-time:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(44 * var(--u)); font-weight: 900; line-height: .95; color: var(--accent); letter-spacing: -.03em; }
#rk-clay-article#rk-clay-article#rk-clay-article .copy-address:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; right: calc(16 * var(--u)); top: 50%; transform: translateY(-50%); width: calc(38 * var(--u)); height: calc(44 * var(--u)); border: 0; background: none; padding: calc(2 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .phone-link:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; align-items: center; justify-content: space-between; }
#rk-clay-article#rk-clay-article#rk-clay-article .phone-action:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(37 * var(--u)); height: calc(37 * var(--u)); display: grid; place-items: center; background: var(--accent); border-radius: 50%; }
#rk-clay-article#rk-clay-article#rk-clay-article .phone-action .icon:where(:not(#rk-native-map, #rk-native-map *)){ width: calc(23 * var(--u)); height: calc(23 * var(--u)); color: #fff; }
#rk-clay-article#rk-clay-article#rk-clay-article .official-website:where(:not(#rk-native-map, #rk-native-map *)){ margin-top: calc(10 * var(--u)); display: grid; grid-template-columns: 38% 1fr calc(34 * var(--u)); align-items: center; gap: calc(0 * var(--u)); border: calc(1 * var(--u)) solid #d4e5f7; border-radius: calc(12 * var(--u)); font-size: calc(22 * var(--u)); text-decoration: none; background: #fff; overflow: hidden; padding-right: calc(18 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .official-website > span:first-child:where(:not(#rk-native-map, #rk-native-map *)){ display: flex; align-items: center; gap: calc(23 * var(--u)); padding: calc(12 * var(--u)) calc(20 * var(--u)); background: #edf5ff; font-weight: 800; }
#rk-clay-article#rk-clay-article#rk-clay-article .official-website > span:nth-child(2):where(:not(#rk-native-map, #rk-native-map *)){ padding-left: calc(20 * var(--u)); font-size: calc(21 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .official-website .icon:where(:not(#rk-native-map, #rk-native-map *)){ color: var(--accent); width: calc(34 * var(--u)); height: calc(34 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .copy-status:where(:not(#rk-native-map, #rk-native-map *)){ font-size: calc(16 * var(--u)); color: #345e8c; }
#rk-clay-article#rk-clay-article#rk-clay-article .copy-status:not(:empty):where(:not(#rk-native-map, #rk-native-map *)){ padding-top: calc(8 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .article-closing:where(:not(#rk-native-map, #rk-native-map *)){ position: relative; height: calc(344 * var(--u)); overflow: hidden; background: radial-gradient(ellipse at 30% 0%, #b9dcff4d, transparent 36%), radial-gradient(ellipse at 77% 42%, #c9e4ff80, transparent 54%), linear-gradient(95deg, #f6faff, #edf6ff); }
#rk-clay-article#rk-clay-article#rk-clay-article .article-closing:where(:not(#rk-native-map, #rk-native-map *))::before{ content: ""; position: absolute; inset: 0 0 40%; background: url("/singapore/hotel-guide/kinn-capsule-clay/html-assets/agoda/b408b0c7a943b1d54a47b311.jpg") center 24% / cover; filter: blur(calc(7 * var(--u))); opacity: .14; mask-image: linear-gradient(#000, transparent); }
#rk-clay-article#rk-clay-article#rk-clay-article .parting-note:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; right: calc(28 * var(--u)); top: calc(16 * var(--u)); font-family: var(--hand); font-size: calc(23 * var(--u)); font-weight: 600; line-height: 1.4; color: #324967; transform: rotate(-9deg); z-index: 3; text-align: right; }
#rk-clay-article#rk-clay-article#rk-clay-article .parting-note span:where(:not(#rk-native-map, #rk-native-map *)){ display: inline-block; padding-right: calc(7 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .parting-note:where(:not(#rk-native-map, #rk-native-map *))::after{ content: ""; position: absolute; right: 0; bottom: calc(-7 * var(--u)); width: calc(84 * var(--u)); height: calc(3 * var(--u)); background: var(--accent); border-radius: 70% 10%; transform: rotate(-8deg); }
#rk-clay-article#rk-clay-article#rk-clay-article .conclusion-pair:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; left: calc(391 * var(--u)); top: calc(64 * var(--u)); width: calc(320 * var(--u)); max-width: none; height: auto; z-index: 1; }
#rk-clay-article#rk-clay-article#rk-clay-article .footer-script:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; left: calc(48 * var(--u)); top: calc(108 * var(--u)); font-family: "Segoe Print", "Comic Sans MS", cursive; color: #819ab5; font-size: calc(24 * var(--u)); font-style: italic; line-height: 1.3; transform: rotate(-12deg); }
#rk-clay-article#rk-clay-article#rk-clay-article .footer-script span:where(:not(#rk-native-map, #rk-native-map *)){ padding-left: calc(25 * var(--u)); }
#rk-clay-article#rk-clay-article#rk-clay-article .back-to-top:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; z-index: 2; left: calc(73 * var(--u)); top: calc(206 * var(--u)); width: calc(420 * var(--u)); height: calc(60 * var(--u)); display: flex; justify-content: center; align-items: center; border-radius: calc(40 * var(--u)); background: linear-gradient(100deg, var(--accent), var(--accent-deep)); color: white; text-decoration: none; font-size: calc(25 * var(--u)); font-weight: 800; }
#rk-clay-article#rk-clay-article#rk-clay-article .back-to-top span:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; right: calc(26 * var(--u)); width: calc(15 * var(--u)); height: calc(15 * var(--u)); border-right: calc(3 * var(--u)) solid #fff; border-top: calc(3 * var(--u)) solid #fff; transform: rotate(45deg); }
#rk-clay-article#rk-clay-article#rk-clay-article .skyline:where(:not(#rk-native-map, #rk-native-map *)){ position: absolute; bottom: calc(-1 * var(--u)); left: 0; width: 100%; height: calc(105 * var(--u)); object-fit: cover; object-position: 50% 85%; opacity: .66; }

@media (prefers-reduced-motion: reduce) {  }
@media print {
  #rk-clay-article#rk-clay-article#rk-clay-article:where(:not(#rk-native-map, #rk-native-map *)){ background: #fff; }
  #rk-clay-article#rk-clay-article#rk-clay-article .skip-link:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .chapter-index:where(:not(#rk-native-map, #rk-native-map *)){ display: none; }
}

/* A bordered tail points toward the guide without falling below the bubble. */
#rk-clay-article#rk-clay-article#rk-clay-article .section-bubble:where(:not(#rk-native-map, #rk-native-map *)){z-index:1;overflow:visible;}
#rk-clay-article#rk-clay-article#rk-clay-article .section-bubble:where(:not(#rk-native-map, #rk-native-map *))::before, #rk-clay-article#rk-clay-article#rk-clay-article .section-bubble:where(:not(#rk-native-map, #rk-native-map *))::after{content:"";position:absolute;top:50%;bottom:auto;width:0;height:0;transform:translateY(-50%);background:none;clip-path:none;border-style:solid;pointer-events:none;}
#rk-clay-article#rk-clay-article#rk-clay-article .section-bubble:where(:not(#rk-native-map, #rk-native-map *))::before{right:calc(-17 * var(--u));border-width:calc(10 * var(--u)) 0 calc(10 * var(--u)) calc(20 * var(--u));border-color:transparent transparent transparent #d8e5f2;}
#rk-clay-article#rk-clay-article#rk-clay-article .section-bubble:where(:not(#rk-native-map, #rk-native-map *))::after{right:calc(-14 * var(--u));border-width:calc(8 * var(--u)) 0 calc(8 * var(--u)) calc(18 * var(--u));border-color:transparent transparent transparent #f8fbff;}

/* Preserve the approved template; allow complete Gemini slot text to wrap. */
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-01 .official-content:where(:not(#rk-native-map, #rk-native-map *)){height:auto;min-height:calc(410 * var(--u));}
#rk-clay-article#rk-clay-article#rk-clay-article .official-content:where(:not(#rk-native-map, #rk-native-map *)){grid-template-columns:minmax(0,282fr) minmax(0,375fr);}
#rk-clay-article#rk-clay-article#rk-clay-article .official-photos:where(:not(#rk-native-map, #rk-native-map *)){min-width:0;grid-template-rows:minmax(0,166fr) minmax(0,230fr);}
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-02 .official-photos:where(:not(#rk-native-map, #rk-native-map *)){grid-template-rows:minmax(0,212fr) minmax(0,235fr);}
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-03 .official-heading:where(:not(#rk-native-map, #rk-native-map *)){height:calc(276 * var(--u));}
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-03 .section-guide:where(:not(#rk-native-map, #rk-native-map *)){top:calc(90 * var(--u));}
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-03 .section-bubble:where(:not(#rk-native-map, #rk-native-map *)){top:calc(147 * var(--u));}
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-03 .official-photos:where(:not(#rk-native-map, #rk-native-map *)){grid-template-rows:repeat(2,minmax(0,1fr));margin-top:0;}
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-04 .official-photos:where(:not(#rk-native-map, #rk-native-map *)){grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(0,.92fr);}
#rk-clay-article#rk-clay-article#rk-clay-article .photo-frame:where(:not(#rk-native-map, #rk-native-map *)){position:relative;min-width:0;min-height:0;overflow:hidden;}
#rk-clay-article#rk-clay-article#rk-clay-article .official-photos .photo-frame:where(:not(#rk-native-map, #rk-native-map *)){border-radius:calc(8 * var(--u));}
#rk-clay-article#rk-clay-article#rk-clay-article .photo-frame > img:where(:not(#rk-native-map, #rk-native-map *)){position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:cover;}
#rk-clay-article#rk-clay-article#rk-clay-article .food-strip:where(:not(#rk-native-map, #rk-native-map *)){grid-template-columns:minmax(0,34fr) minmax(0,42fr) minmax(0,24fr);}
#rk-clay-article#rk-clay-article#rk-clay-article .rating-photo:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .entrance-photo:where(:not(#rk-native-map, #rk-native-map *)){min-width:0;}
#rk-clay-article#rk-clay-article#rk-clay-article .fact-card h3:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .review-card h3:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .rating-site h4:where(:not(#rk-native-map, #rk-native-map *)){white-space:normal;overflow-wrap:anywhere;}
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-04 .official-facts:where(:not(#rk-native-map, #rk-native-map *)){grid-template-rows:repeat(3,auto);}
#rk-clay-article#rk-clay-article#rk-clay-article .chapter-04 .fact-card:where(:not(#rk-native-map, #rk-native-map *)){min-height:auto;}
#rk-clay-article#rk-clay-article#rk-clay-article .single-price-reference:where(:not(#rk-native-map, #rk-native-map *)){grid-template-columns:1fr;}
#rk-clay-article#rk-clay-article#rk-clay-article .single-price-reference .price-cell:where(:not(#rk-native-map, #rk-native-map *)){padding:calc(10 * var(--u)) calc(18 * var(--u));}
#rk-clay-article#rk-clay-article#rk-clay-article .research-note:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .room-box p:where(:not(#rk-native-map, #rk-native-map *)){font-size:clamp(11px,calc(18 * var(--u)),16px);line-height:1.65;white-space:normal;}
#rk-clay-article#rk-clay-article#rk-clay-article .price-box h3:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .details-table td:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .room-box th:where(:not(#rk-native-map, #rk-native-map *)), #rk-clay-article#rk-clay-article#rk-clay-article .room-box td:where(:not(#rk-native-map, #rk-native-map *)){overflow-wrap:anywhere;}
#rk-clay-article#rk-clay-article#rk-clay-article .section-bubble:where(:not(#rk-native-map, #rk-native-map *)){max-width:calc(175 * var(--u));}
#rk-clay-article#rk-clay-article#rk-clay-article .legacy-anchor:where(:not(#rk-native-map, #rk-native-map *)){display:block;height:0;scroll-margin-top:calc(100 * var(--u));}
#rk-clay-article#rk-clay-article#rk-clay-article .price-box > .price-reference-note:where(:not(#rk-native-map, #rk-native-map *)){margin:7px 0 0;font-size:clamp(10px,calc(20 * var(--u)),12px);line-height:1.55;color:#627286;text-align:center;white-space:normal;}
#rk-clay-article#rk-clay-article#rk-clay-article .price-tool > .daily-price-note:where(:not(#rk-native-map, #rk-native-map *)){margin:10px 2px 0;font-size:clamp(10px,calc(21 * var(--u)),12px);line-height:1.7;color:#5b6d83;white-space:normal;}