@font-face {
  font-family: "Hotel Rating Sans";
  src: url("../hotel-guide/amara-clay/fonts/article-sans.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
/* The article has an intentional three-ID reset. Match it without changing other sections. */
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-rating-shell {
  --rh-blue: #0074ff;
  --rh-ink: #07316b;
  --rh-unit: 1px;
  container: hotel-rating / inline-size;
  display: block;
  min-width: 0;
  color: var(--rh-ink);
  font: 18px/1.5 "Hotel Rating Sans", "Yu Gothic", sans-serif;
  text-align: left;
  word-break: normal;
  overflow-wrap: normal;
  letter-spacing: 0;
  margin: 16px 0 0;
}
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-rating-shell :where(*) {
  box-sizing: border-box;
  min-width: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-rating-shell > * {
  --rh-unit: min(1px, calc(100cqw / 676));
}
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-anchor { display: block; scroll-margin-top: 90px; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) calc(202 * var(--rh-unit));
  align-items: end;
  gap: calc(16 * var(--rh-unit));
  margin-bottom: calc(8 * var(--rh-unit));
  color: #fff;
}
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-eyebrow { margin-bottom: calc(5 * var(--rh-unit)); font-size: calc(18 * var(--rh-unit)); font-weight: 750; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-heading h3 { font-size: calc(36 * var(--rh-unit)); font-weight: 900; line-height: 1.25; color: #fff; border: 0; background: none; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-photo { display: block; width: 100%; height: calc(74 * var(--rh-unit)); border-radius: calc(6 * var(--rh-unit)); border: 1px solid #d6e3f2; object-fit: cover; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-heading .rk-gallery-rating { height: calc(74 * var(--rh-unit)); border-radius: calc(6 * var(--rh-unit)); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-panel { background: linear-gradient(115deg, #fff 15%, #f9fcff); border: 1px solid #dbe6f4; border-radius: calc(10 * var(--rh-unit)); padding: calc(15 * var(--rh-unit)) calc(20 * var(--rh-unit)); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-overall { padding-top: calc(8 * var(--rh-unit)); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-section-title { font-size: calc(30 * var(--rh-unit)); line-height: 1.25; font-weight: 900; color: var(--rh-ink); border: 0; background: none; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-score-hero { padding-bottom: calc(14 * var(--rh-unit)); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-score-visual { position: relative; height: calc(193 * var(--rh-unit)); margin-top: calc(4 * var(--rh-unit)); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-gauge { position: absolute; width: calc(196 * var(--rh-unit)); height: calc(196 * var(--rh-unit)); top: calc(2 * var(--rh-unit)); left: calc(64 * var(--rh-unit)); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-gauge svg { display: block; width: 100%; height: 100%; overflow: visible; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-gauge circle { fill: none; stroke-width: 21; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-ring-track { stroke: #d7e6f9; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-ring-value { stroke: var(--rh-blue); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-gauge-text { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: calc(2 * var(--rh-unit)); font-variant-numeric: tabular-nums; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-gauge-text strong { color: var(--rh-blue); font-size: calc(62 * var(--rh-unit)); font-weight: 900; letter-spacing: -.045em; line-height: 1.05; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-gauge-text span { font-size: calc(22 * var(--rh-unit)); font-weight: 800; margin-top: calc(3 * var(--rh-unit)); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-guide { position: absolute; width: calc(211 * var(--rh-unit)); max-width: none; height: auto; left: calc(295 * var(--rh-unit)); top: calc(-45 * var(--rh-unit)); transform: scaleX(-1); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-bubble { position: relative; z-index: 1; background: #edf7ff; border: calc(2.5 * var(--rh-unit)) solid #bedbff; border-radius: calc(42 * var(--rh-unit)); color: var(--rh-ink); text-align: center; line-height: 1.5; font-weight: 800; box-shadow: 0 2px 3px #1c509313; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-bubble::after { content: ""; display: block; position: absolute; width: calc(18 * var(--rh-unit)); height: calc(18 * var(--rh-unit)); bottom: calc(-12 * var(--rh-unit)); left: calc(23 * var(--rh-unit)); background: #edf7ff; border-left: calc(2.5 * var(--rh-unit)) solid #bedbff; border-bottom: calc(2.5 * var(--rh-unit)) solid #bedbff; transform: skewY(-32deg) rotate(-17deg); border-radius: 0 0 0 5px; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-guide-bubble { position: absolute; top: calc(-32 * var(--rh-unit)); right: calc(-8 * var(--rh-unit)); width: calc(165 * var(--rh-unit)); padding: calc(14 * var(--rh-unit)) calc(6 * var(--rh-unit)); font-size: calc(18 * var(--rh-unit)); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-position { border-top: calc(1.5 * var(--rh-unit)) solid #c4ddff; padding-top: calc(6 * var(--rh-unit)); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-position h4 { font-size: calc(26 * var(--rh-unit)); line-height: 1.1; font-weight: 850; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-rank-line { display: flex; align-items: center; flex-wrap: wrap; gap: calc(18 * var(--rh-unit)); padding-left: calc(20 * var(--rh-unit)); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-rank { display: flex; align-items: baseline; gap: calc(10 * var(--rh-unit)); white-space: nowrap; font-variant-numeric: tabular-nums; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-rank > strong { font-size: calc(72 * var(--rh-unit)); line-height: 1; color: var(--rh-blue); font-weight: 900; letter-spacing: -.06em; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-rank small { font-size: calc(37 * var(--rh-unit)); letter-spacing: -.04em; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-rank > span { font-size: calc(27 * var(--rh-unit)); font-weight: 800; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-percent { display: inline-block; color: var(--rh-blue); border: calc(1.7 * var(--rh-unit)) solid var(--rh-blue); border-radius: 50px; font-size: calc(21 * var(--rh-unit)); font-weight: 800; line-height: 1.3; padding: calc(8 * var(--rh-unit)) calc(21 * var(--rh-unit)); white-space: nowrap; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-no-rank { font-size: calc(18 * var(--rh-unit)); margin: calc(10 * var(--rh-unit)) 0; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-histogram { display: block; width: 100%; height: auto; overflow: visible; margin-top: calc(4 * var(--rh-unit)); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-histogram-compact { display: none; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-histogram text { font-family: "Hotel Rating Sans", sans-serif; font-size: 17px; fill: var(--rh-ink); stroke: none; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-axis path { fill: none; stroke: #5273a1; stroke-width: 1.3; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-histogram .rh-axis-label { font-size: 16px; font-weight: 550; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-bins rect { fill: #b5d9ff; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-bin-link { cursor: pointer; outline: none; touch-action: manipulation; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-bins .rh-bin-hit { fill: transparent; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-bin-link:is(:hover, :focus-visible, :active) .rh-bin-bar { fill: #2784ef; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-bin-link:focus-visible .rh-bin-hit { fill: #0074ff12; stroke: var(--rh-blue); stroke-width: 1.5; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-hotel-marker { pointer-events: none; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-histogram-hint { display: flex; align-items: center; justify-content: center; gap: 5px; margin-top: 6px; font-size: max(11px, calc(14 * var(--rh-unit))); line-height: 1.5; color: #2364ae; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-histogram-hint svg { flex: 0 0 14px; width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-hotel-marker path { stroke: var(--rh-blue); stroke-width: 3; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-hotel-marker circle { fill: var(--rh-blue); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-hotel-marker text { fill: var(--rh-blue); font-weight: 750; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-value { position: relative; margin-top: calc(11 * var(--rh-unit)); padding: calc(10 * var(--rh-unit)) calc(16 * var(--rh-unit)); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-verdicts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(8 * var(--rh-unit)); width: calc(100% - 166 * var(--rh-unit)); margin-top: calc(8 * var(--rh-unit)); min-height: calc(200 * var(--rh-unit)); align-items: start; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-verdict { border: 1px solid #d7e9ff; border-radius: calc(6 * var(--rh-unit)); background: linear-gradient(120deg, #fff, #eff8ff); padding: calc(9 * var(--rh-unit)) calc(16 * var(--rh-unit)); min-height: calc(150 * var(--rh-unit)); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-verdict h5 { font-size: calc(21 * var(--rh-unit)); font-weight: 850; line-height: 1.35; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-verdict-label { display: inline-block; margin-top: calc(7 * var(--rh-unit)); background: #cfe7ff; border-radius: 50px; min-width: 80%; padding: calc(2 * var(--rh-unit)) calc(10 * var(--rh-unit)); color: var(--rh-blue); font-size: calc(28 * var(--rh-unit)); text-align: center; line-height: 1.4; font-weight: 900; white-space: nowrap; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-verdict-copy { font-size: calc(18.5 * var(--rh-unit)); line-height: 1.45; margin-top: calc(8 * var(--rh-unit)); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-room-area { margin-bottom: calc(5 * var(--rh-unit)); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-room-area strong { color: var(--rh-blue); font-size: 1.15em; font-weight: 850; white-space: nowrap; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-tone-muted .rh-verdict-label { color: #56708e; background: #e5edf5; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-review-host { position: absolute; top: calc(8 * var(--rh-unit)); right: calc(12 * var(--rh-unit)); width: calc(228 * var(--rh-unit)); pointer-events: none; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-review-bubble { padding: calc(9 * var(--rh-unit)) calc(7 * var(--rh-unit)); width: 100%; font-size: calc(16 * var(--rh-unit)); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-reviewer { display: block; margin-top: calc(-20 * var(--rh-unit)); margin-left: auto; width: calc(178 * var(--rh-unit)); height: auto; max-width: none; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-details { border: 1px solid #c6ddf8; border-radius: calc(7 * var(--rh-unit)); background: linear-gradient(110deg, #fff, #f6fbff); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-value-details { position: relative; z-index: 2; margin-top: calc(15 * var(--rh-unit)); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-details summary { display: flex; justify-content: space-between; align-items: center; gap: 10px; list-style: none; cursor: pointer; padding: calc(7 * var(--rh-unit)) calc(16 * var(--rh-unit)); font-size: calc(19 * var(--rh-unit)); font-weight: 800; line-height: 1.4; min-height: 42px; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-details summary::-webkit-details-marker { display: none; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-details summary:focus-visible { outline: 3px solid #0074ff; outline-offset: 3px; border-radius: 5px; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-details summary small { display: block; font-size: calc(15 * var(--rh-unit)); line-height: 1.3; font-weight: 600; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-plus { position: relative; display: block; width: calc(26 * var(--rh-unit)); height: calc(26 * var(--rh-unit)); flex-shrink: 0; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-plus::before,
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-plus::after { content: ""; display: block; position: absolute; background: currentColor; inset: 47% 8%; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-plus::after { transform: rotate(90deg); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-details[open] .rh-plus::after { display: none; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-details-body { padding: calc(14 * var(--rh-unit)) calc(16 * var(--rh-unit)); border-top: 1px solid #dce9f9; font-size: max(12px, calc(16 * var(--rh-unit))); line-height: 1.7; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-details-body > p + p { margin-top: .8em; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-sites-title { color: #fff; font-size: calc(29 * var(--rh-unit)); font-weight: 850; margin: calc(10 * var(--rh-unit)) 0 calc(7 * var(--rh-unit)); line-height: 1.35; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-sites { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(9 * var(--rh-unit)); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-site { background: linear-gradient(110deg, #fff, #f5faff); border: 1px solid #dae7f6; border-radius: calc(7 * var(--rh-unit)); padding: calc(12 * var(--rh-unit)) calc(17 * var(--rh-unit)); color: var(--rh-blue); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-site-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: calc(11 * var(--rh-unit)); border-left: calc(2 * var(--rh-unit)) solid currentColor; padding-left: calc(12 * var(--rh-unit)); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-site h5 { font-size: calc(16.5 * var(--rh-unit)); font-weight: 800; line-height: 1.2; overflow-wrap: anywhere; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-site-score { display: flex; align-items: baseline; gap: calc(3 * var(--rh-unit)); white-space: nowrap; line-height: 1; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-site-score strong { font-size: calc(27 * var(--rh-unit)); font-weight: 800; letter-spacing: -.04em; line-height: 1.1; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-site-score span { font-size: calc(14 * var(--rh-unit)); color: var(--rh-ink); font-weight: 750; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-site-count { justify-self: end; font-size: calc(14 * var(--rh-unit)); color: var(--rh-ink); white-space: nowrap; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-provider-agoda,
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-provider-tripadvisor { color: #087c71; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-provider-trip { color: #08326b; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-empty-sites { padding: 12px; background: #f1f6fb; border-radius: 7px; grid-column: 1 / -1; font-size: 14px; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-footnote { display: block; margin-top: calc(12 * var(--rh-unit)); color: #eaf3ff; font-size: calc(15 * var(--rh-unit)); line-height: 1.5; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-method { margin-top: calc(12 * var(--rh-unit)); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-method summary { min-height: 42px; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-comparison { position: relative; padding: 8px 0 14px; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-comparison + .rh-comparison { border-top: 1px solid #d6e6f8; padding-top: 14px; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-comparison h5 { font-size: 1.15em; font-weight: 800; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-detail-score { text-align: right; color: var(--rh-blue); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-detail-score strong { font-size: 1.7em; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-bar-row { display: grid; grid-template-columns: 5em minmax(0, 1fr) 3em; align-items: center; gap: 10px; margin: 5px 0; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-bar-track { height: 12px; overflow: hidden; border-radius: 10px; background: #dfedfc; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-bar-fill { display: block; height: 100%; border-radius: inherit; background: var(--rh-blue); }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-bar-average { background: #96afcf; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-detail-rank { margin-top: 6px; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-detail-rank strong { color: var(--rh-blue); font-size: 1.3em; }
/* Legacy pages receive the same component, without inheriting old table and heading styles. */
#main-contents > .rh-rating-shell { max-width: 724px; padding: 22px; margin: 24px auto; background: #1b416b; border-radius: 16px; }
@container hotel-rating (max-width: 560px) {
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-heading { grid-template-columns: minmax(0, 1fr) calc(247 * var(--rh-unit)); gap: calc(12 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-heading h3 { font-size: calc(37 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-eyebrow { font-size: calc(21 * var(--rh-unit)); margin-bottom: calc(14 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-photo { height: calc(91 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-heading .rk-gallery-rating { height: calc(91 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-section-title { font-size: calc(31 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-score-visual { height: calc(193 * var(--rh-unit)); margin-top: calc(8 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-gauge { width: calc(207 * var(--rh-unit)); height: calc(207 * var(--rh-unit)); left: calc(84 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-gauge-text strong { font-size: calc(66 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-guide { width: calc(195 * var(--rh-unit)); left: calc(326 * var(--rh-unit)); top: calc(-25 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-guide-bubble { width: calc(187 * var(--rh-unit)); top: calc(-39 * var(--rh-unit)); right: calc(-6 * var(--rh-unit)); font-size: calc(19 * var(--rh-unit)); padding: calc(12 * var(--rh-unit)) calc(4 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-position h4 { text-align: center; font-size: calc(23 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-overall { padding-bottom: calc(10 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-histogram-wide { display: none; }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-histogram-compact { display: block; }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-rank-line { justify-content: center; padding-left: 0; gap: calc(15 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-rank > strong { font-size: calc(62 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-percent { font-size: calc(20 * var(--rh-unit)); padding-inline: calc(16 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-verdicts { grid-template-columns: 1fr; width: calc(100% - 220 * var(--rh-unit)); gap: calc(8 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-verdict { display: grid; grid-template-columns: calc(171 * var(--rh-unit)) 1fr; align-items: center; min-height: calc(104 * var(--rh-unit)); padding: calc(10 * var(--rh-unit)) calc(13 * var(--rh-unit)); border: 0; border-radius: calc(12 * var(--rh-unit)); background: #eaf5ff; gap: calc(11 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-verdict h5 { font-size: calc(20 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-verdict-label { min-width: 90%; font-size: calc(28 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-verdict-copy { font-size: calc(21 * var(--rh-unit)); margin: 0; }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-review-host { width: calc(221 * var(--rh-unit)); right: calc(9 * var(--rh-unit)); top: calc(8 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-review-bubble { font-size: calc(18 * var(--rh-unit)); padding-block: calc(9 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-reviewer { width: calc(183 * var(--rh-unit)); margin-right: calc(10 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-value-details { margin-top: calc(18 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-details summary { font-size: calc(21 * var(--rh-unit)); padding: calc(8 * var(--rh-unit)) calc(16 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-site { padding: calc(8 * var(--rh-unit)) calc(17 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-site-inner { grid-template-columns: 1fr auto; gap: calc(2 * var(--rh-unit)) calc(8 * var(--rh-unit)); padding-left: calc(17 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-site h5 { grid-column: 1 / -1; font-size: calc(20 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-site-score strong { font-size: calc(33 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-site-score span { font-size: calc(16 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-site-count { font-size: calc(18 * var(--rh-unit)); }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-footnote { font-size: calc(17 * var(--rh-unit)); }
}
@media print {
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-rating-shell { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
}
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-gauge-perfect .rh-gauge-text strong { font-size: calc(53 * var(--rh-unit)); }

/* A single, quiet next step for each of the detailed value comparisons. */
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-value-compare-link { display: flex; align-items: center; justify-content: space-between; gap: 10px; box-sizing: border-box; margin-top: 14px; padding: 11px 14px; border: 1px solid #bad3f2; border-radius: 8px; background: #f0f6ff; color: #1859a4; font-size: max(12px, calc(16 * var(--rh-unit))); font-weight: 750; line-height: 1.5; text-decoration: none; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-value-compare-link small { flex: 0 0 auto; padding: 2px 8px; border-radius: 12px; background: #fff; color: inherit; font-size: .85em; font-weight: 600; white-space: nowrap; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-value-compare-link:hover { background: #e1edff; color: #124b8c; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-value-compare-link:focus-visible { outline: 3px solid #e5ae42; outline-offset: 3px; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-value-compare-spaceValue { border-color: #bcded4; background: #f0f9f6; color: #087568; }
:is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-value-compare-spaceValue:hover { background: #dff1eb; color: #075e53; }
@container hotel-rating (max-width: 420px) {
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-value-compare-link { flex-wrap: wrap; gap: 5px; padding: 10px 12px; }
  :is(#rk-clay-article#rk-clay-article#rk-clay-article, #main-contents) .rh-value-compare-link small { margin-left: auto; }
}