/* Original Force texture, confined to website pages. */
html body.force-refined,
html body.force-refined.evening {
  background-color: #19395f !important;
  background-image: url('/assets/force-classic-background.png?v=classic5') !important;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
html body.force-refined .masthead {
  background: transparent !important;
}
html body.force-refined .brand p,
html body.force-refined .entry-brand > span {
  color: #e2f0ff !important;
  text-shadow: 0 1px 2px #071b35 !important;
}
html body.force-refined:not(.force-entry) main,
html body.force-refined.evening:not(.force-entry) main {
  background: transparent !important;
  box-sizing: border-box;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 24px auto !important;
  padding: 0 !important;
  box-shadow: none !important;
}
html body.force-refined :is(.grid,.stack,.two-col) { background: transparent !important; }
html body.force-refined :is(.panel,.box,.role-card,.shop-card) {
  border-radius: 12px;
  box-shadow: 0 5px 16px rgba(4,23,46,.14) !important;
}
html body.force-refined :is(.page-heading,.gov-heading,.rare-intro,.force-gov-intro) {
  background: #fff;
  border: 1px solid #dce7ee;
  border-radius: 12px;
  padding: 22px;
  margin-bottom: 24px;
}
html body.force-refined.evening :is(.page-heading,.gov-heading,.rare-intro,.force-gov-intro) {
  background: #183b49;
  border-color: #315363;
}
html body.force-refined.force-entry .entry-layout {
  background: transparent !important;
}
html body.force-refined .site-footer {
  box-sizing: border-box;
  background: rgba(8,27,52,.85) !important;
  border: 1px solid rgba(194,219,246,.18) !important;
  border-radius: 18px;
  margin: 24px auto !important;
  padding: 24px !important;
  color: #d5e6f7 !important;
}
html body.force-refined .site-footer :is(p,small,span,a,button) {
  color: #d5e6f7 !important;
}
html body.force-refined .site-footer a:hover {
  color: #ffda88 !important;
}
@media(max-width:1296px) {
  html body.force-refined:not(.force-entry) main,
  html body.force-refined .site-footer { margin-left: 26px !important; margin-right: 26px !important; }
}
@media(max-width:680px) {
  html body.force-refined,
  html body.force-refined.evening { background-attachment: scroll !important; background-size: auto 100vh !important; }
  html body.force-refined:not(.force-entry) main {
    margin: 16px !important;
    padding: 0 !important;
    border-radius: 0;
  }
  html body.force-refined .site-footer { margin: 18px 16px !important; padding: 20px 16px !important; }
}

/* Navigation is boxed to the same width as the content, exposing the texture at the sides. */
html body.force-refined :is(.navigation,.subbar) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body.force-refined :is(.nav-inner,.subbar > div) {
  background: #fff !important;
  border: 1px solid #dce7ee;
  border-radius: 12px;
  box-sizing: border-box;
  width: calc(100% - 52px);
  max-width: 1240px !important;
  margin: 12px auto !important;
  padding: 10px 16px !important;
}
html body.force-refined.evening :is(.nav-inner,.subbar > div) {
  background: #183b49 !important;
  border-color: #315363;
}
@media(max-width:680px) {
  html body.force-refined :is(.nav-inner,.subbar > div) { width: calc(100% - 32px); }
}

/* Modern version of the original Force tab bar. */
html body.force-refined .navigation .nav-inner {
  background: rgba(13,42,77,.6) !important;
  border: 1px solid rgba(173,207,243,.35);
  border-bottom: 0;
  border-radius: 12px 12px 0 0;
  padding: 9px 9px 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
  gap: 6px !important;
  align-items: stretch !important;
  flex-wrap: wrap;
}
html body.force-refined .navigation .nav-tab {
  background: linear-gradient(#3886c2,#24659f) !important;
  color: #f1f8ff !important;
  border: 1px solid #5998c8 !important;
  border-bottom: 0 !important;
  border-radius: 8px 8px 0 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16) !important;
  min-height: 43px;
  padding: 11px 15px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  transition: background-color .15s ease,color .15s ease;
}
html body.force-refined .navigation .nav-tab:hover {
  background: linear-gradient(#4b98ce,#337ab2) !important;
  color: #fff !important;
}
html body.force-refined .navigation .nav-tab.active,
html body.force-refined .navigation .nav-tab[aria-current="page"] {
  background: #fff !important;
  color: #215375 !important;
  border-color: #fff !important;
  box-shadow: none !important;
}
html body.force-refined .navigation .nav-tab:focus-visible {
  outline: 3px solid #ffd66b;
  outline-offset: 2px;
}
html body.force-refined .navigation .nav-tab img { width: 16px; height: 16px; object-fit: contain; }
html body.force-refined .subbar > div {
  margin-top: 0 !important;
  border-top: 0 !important;
  border-radius: 0 0 12px 12px;
  padding: 12px 16px !important;
  box-shadow: 0 6px 18px rgba(4,23,46,.12);
}
html body.force-refined.evening .navigation .nav-tab.active,
html body.force-refined.evening .navigation .nav-tab[aria-current="page"] {
  background: #183b49 !important;
  color: #e1f2ff !important;
  border-color: #183b49 !important;
}
@media(max-width:900px) {
  html body.force-refined .navigation .nav-tab { flex: 1 1 calc(25% - 6px); padding: 10px 8px !important; }
}
@media(max-width:680px) {
  html body.force-refined .navigation .nav-inner { gap: 5px !important; padding: 7px 7px 0 !important; }
  html body.force-refined .navigation .nav-tab { flex: 1 1 calc(33.333% - 5px); min-height: 38px; font-size: 11px !important; padding: 9px 6px !important; }
}

/* Smooth blue header, separate from the lighter textured page background. */
html body.force-refined .masthead,
html body.force-refined.evening .masthead {
  background: linear-gradient(180deg,#4c7baa 0%,#1c396b 100%) !important;
  border-bottom: 3px solid #0b1a2e !important;
}
html body.force-refined.force-entry .entry-brand {
  position: relative;
  isolation: isolate;
  z-index: 0;
}
html body.force-refined.force-entry .entry-brand::before {
  content: "";
  position: absolute;
  inset: 0;
  left: calc((100% - 100vw) / 2);
  width: 100vw;
  background: linear-gradient(180deg,#4c7baa 0%,#1c396b 100%);
  border-bottom: 3px solid #0b1a2e;
  z-index: -1;
  pointer-events: none;
}

/* Modern green Enter Hotel button, inspired by original Force. */
html body.force-refined [data-enter-hotel],
html body.force-refined :is(.launcher,.navigation,.masthead,main) [data-enter-hotel],
html body.force-refined .force-header-enter {
  position: relative;
  background: linear-gradient(180deg,#66b82d 0%,#328e18 100%) !important;
  color: #fff !important;
  border: 2px solid #f2ffe9 !important;
  border-radius: 11px !important;
  box-shadow: 0 0 0 1px #24551d,0 4px 0 #235f13,0 7px 16px rgba(8,34,18,.24) !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 1px rgba(18,65,8,.4) !important;
  cursor: pointer;
  transition: filter .15s ease,box-shadow .15s ease,translate .15s ease;
}
html body.force-refined [data-enter-hotel]:hover,
html body.force-refined :is(.launcher,.navigation,.masthead,main) [data-enter-hotel]:hover,
html body.force-refined .force-header-enter:hover {
  background: linear-gradient(180deg,#79c53c 0%,#3a9b1d 100%) !important;
  color: #fff !important;
  box-shadow: 0 0 0 1px #24551d,0 4px 0 #235f13,0 0 0 5px rgba(255,216,94,.22),0 9px 20px rgba(8,34,18,.25) !important;
}
html body.force-refined [data-enter-hotel]:active,
html body.force-refined .force-header-enter:active {
  translate: 0 2px;
  box-shadow: 0 0 0 1px #24551d,0 2px 0 #235f13 !important;
}
html body.force-refined [data-enter-hotel]:focus-visible,
html body.force-refined .force-header-enter:focus-visible {
  outline: 3px solid #ffd66b;
  outline-offset: 5px;
}
@media(prefers-reduced-motion:reduce) {
  html body.force-refined [data-enter-hotel],
  html body.force-refined .force-header-enter { transition: none; }
}

/* VIP is the green tab, matching original Force. */
html body.force-refined .navigation .nav-tab[href="/shop/"],
html body.force-refined .navigation .nav-tab[href="/shop.html"],
html body.force-refined .navigation .nav-tab[href="/shop"],
html body.force-refined .navigation .nav-tab[href="/shop/"].active {
  background: linear-gradient(#69b92d,#348b17) !important;
  color: #fff !important;
  border-color: #93d15d !important;
}
html body.force-refined .navigation .nav-tab[href^="/shop"]:hover { background: linear-gradient(#7cc73c,#439d21) !important; }

/* Header CTA never stretches across the masthead. */
html body.force-refined .masthead [data-enter-hotel],
html body.force-refined .masthead .force-header-enter,
html body.force-refined .force-header-enter {
  box-sizing: border-box !important;
  width: 165px !important;
  max-width: 165px !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 0 !important;
  max-height: 48px !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  left: auto !important;
  right: 0 !important;
}
html body.force-refined .force-classic-home-grid { grid-template-columns: minmax(0,1.12fr) minmax(0,1fr) !important; align-items: start; }
html body.force-refined .profile-panel .panel-header { min-height: 0 !important; padding: 12px 16px !important; }
html body.force-refined .profile-panel .profile-main { min-height: 0 !important; padding: 14px 16px !important; gap: 12px !important; }
html body.force-refined .profile-panel .avatar-stage { width: 82px !important; min-width: 82px !important; height: 106px !important; margin-right: 6px !important; }
html body.force-refined .profile-panel .avatar-stage img { height: 104px !important; width: auto !important; }
html body.force-refined .profile-panel .avatar-stage::before { width: 70px; height: 32px; }
html body.force-refined .profile-panel .profile-copy { min-width: 0; }
html body.force-refined .profile-panel .profile-copy h2 { font-size: 23px !important; line-height: 1.2 !important; margin: 6px 0 !important; overflow-wrap: anywhere; }
html body.force-refined .profile-panel .section-kicker { font-size: 10px !important; }
html body.force-refined .profile-panel .profile-copy p { margin: 6px 0 !important; font-size: 12px !important; }
html body.force-refined .profile-panel .profile-links { display: flex; gap: 10px; flex-wrap: wrap; font-size: 11px !important; }
html body.force-refined .profile-panel .profile-wallet { padding: 12px !important; gap: 6px; }
html body.force-refined .profile-panel .wallet-item { min-width: 0; gap: 6px; }
html body.force-refined .profile-panel .wallet-item strong { font-size: 18px !important; }
html body.force-refined .profile-panel .wallet-item img { width: 19px !important; height: 19px !important; }
html body.force-refined .home-sidebar > #news { margin-top: 0 !important; width: 100%; min-width: 0; box-sizing: border-box; }
html body.force-refined .home-sidebar > #news .news-feature-copy { padding: 16px !important; }
html body.force-refined .home-sidebar > #news .news-feature-copy h3 { font-size: 21px !important; }
@media(max-width:900px) {
  html body.force-refined .force-classic-home-grid { grid-template-columns: minmax(0,1fr) !important; }
  html body.force-refined .masthead [data-enter-hotel],
  html body.force-refined .masthead .force-header-enter,
  html body.force-refined .force-header-enter { width: 136px !important; max-width: 136px !important; height: 44px !important; max-height: 44px !important; top: 46px !important; padding: 8px 12px !important; font-size: 13px !important; }
}
@media(max-width:420px) {
  html body.force-refined .masthead .brand .logo { width: 135px !important; }
  html body.force-refined .masthead [data-enter-hotel],
  html body.force-refined .masthead .force-header-enter,
  html body.force-refined .force-header-enter { width: 116px !important; max-width: 116px !important; font-size: 12px !important; }
  html body.force-refined .profile-panel .wallet-item strong { font-size: 15px !important; }
}

/* Header online panel uses the existing public online-users feed. */
html body.force-refined .force-header-online {
  position: absolute;
  right: 185px;
  top: 64px;
  box-sizing: border-box;
  width: 244px;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid #b4cde3;
  border-radius: 9px;
  background: #fff;
  color: #244e72;
  box-shadow: 0 3px 10px #0b1c3226;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
html body.force-refined .force-header-online:hover { background: #eef7ff; border-color: #fff; }
html body.force-refined .force-header-online:focus-visible { outline: 3px solid #ffd66b; outline-offset: 3px; }
html body.force-refined.force-entry .entry-brand { flex-wrap: wrap; gap: 16px; }
html body.force-refined.force-entry .force-header-online { position: static; margin-left: auto; }
.force-header-online-dialog { width: min(480px,calc(100vw - 32px)); max-height: 80vh; padding: 22px; box-sizing: border-box; border: 1px solid #b4cde3; border-radius: 14px; background: #fff; color: #244e72; }
.force-header-online-dialog::backdrop { background: #061d36a6; }
.force-header-online-dialog .force-online-close { float: right; border: 1px solid #c6dce9; background: #f1f7fb; color: #244e72; border-radius: 6px; padding: 7px 12px; cursor: pointer; }
.force-online-player { display: flex; align-items: center; gap: 12px; min-height: 76px; border-top: 1px solid #e4edf4; }
.force-online-player img { object-fit: contain; image-rendering: pixelated; }
html body.force-refined .force-news-heading-card { background: #fff !important; border: 1px solid #dce7ee; border-radius: 12px; padding: 22px; margin-bottom: 22px; box-shadow: 0 5px 16px #04172e24; }
html body.force-refined .force-news-heading-card :is(h1,h2) { color: #244e72 !important; }
html body.force-refined .force-news-heading-card :is(p,span) { color: #536b80 !important; }
html body.force-refined.evening .force-news-heading-card { background: #183b49 !important; border-color: #315363; }
html body.force-refined.evening .force-news-heading-card :is(h1,h2) { color: #edf6ff !important; }
html body.force-refined.evening .force-news-heading-card :is(p,span) { color: #c5d9e9 !important; }
@media(max-width:900px) {
  html body.force-refined .masthead-inner .force-header-online { top: auto; bottom: 10px; right: 0; width: 226px; min-height: 34px; padding: 7px 10px; font-size: 11px; }
}

/* Compact homepage news previews; full article text is unchanged. */
html body.force-refined .home-sidebar > #news { padding: 12px !important; }
html body.force-refined .home-sidebar > #news .fh-news { padding: 0 !important; }
html body.force-refined .home-sidebar > #news .fh-news-cards { gap: 9px !important; align-items: start !important; }
html body.force-refined .home-sidebar > #news .fh-news-card {
  padding: 9px !important;
  min-height: 0 !important;
  height: auto !important;
  border-radius: 9px !important;
  box-sizing: border-box;
}
html body.force-refined .home-sidebar > #news .fh-news-card :is(h2,h3,h4) {
  font-size: 14px !important;
  line-height: 1.25 !important;
  margin: 7px 0 5px !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
html body.force-refined .home-sidebar > #news .fh-news-card p {
  font-size: 11px !important;
  line-height: 1.35 !important;
  margin: 5px 0 !important;
}
html body.force-refined .home-sidebar > #news .force-news-card-excerpt {
  display: block !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html body.force-refined .home-sidebar > #news .fh-news-card img:not([src*="avatarimage"]):not([src*="habbo-imaging"]) {
  width: 100% !important;
  height: 72px !important;
  max-height: 72px !important;
  object-fit: cover !important;
  margin: 0 0 6px !important;
}
html body.force-refined .home-sidebar > #news .fh-news-card :is([class*="thumb"],[class*="cover"],[style*="background-image"]) { height: 72px !important; min-height: 0 !important; }
html body.force-refined .home-sidebar > #news .fh-news-card .force-news-card-avatar {
  width: 22px !important;
  height: 32px !important;
  max-height: 32px !important;
  object-fit: contain !important;
  margin: 0 !important;
  flex: 0 0 22px;
}
html body.force-refined .home-sidebar > #news .force-news-card-meta {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-height: 0 !important;
  padding: 6px 0 0 !important;
  margin: 6px 0 0 !important;
  font-size: 10px !important;
  line-height: 1.3 !important;
}
html body.force-refined .home-sidebar > #news .fh-news-card :is(time,small,[class*="date"]) { font-size: 9px !important; margin: 4px 0 0 !important; line-height: 1.2 !important; }
html body.force-refined .home-sidebar > #news button {
  font-size: 11px !important;
  padding: 5px 9px !important;
  min-height: 27px !important;
  height: auto !important;
  border-radius: 6px !important;
}
html body.force-refined .home-sidebar > #news .news-feature { min-height: 140px !important; }
html body.force-refined .home-sidebar > #news .news-art { min-height: 140px !important; }
html body.force-refined .home-sidebar > #news .news-feature-copy { padding: 12px !important; }
html body.force-refined .home-sidebar > #news .news-feature-copy p { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size: 12px !important; }
html body.force-refined .home-main > .welcome-quote + section.panel { margin-top: 0 !important; }

/* Consistent, compact website proportions. */
html body.force-refined :is(.masthead-inner,main,.site-footer) { max-width: 1120px !important; }
html body.force-refined :is(.nav-inner,.subbar > div) { max-width: 1120px !important; }
html body.force-refined .home-main,
html body.force-refined .home-sidebar { gap: 18px !important; min-width: 0; }
html body.force-refined .force-classic-home-grid { gap: 20px !important; }
html body.force-refined .force-classic-home-grid .panel-header {
  min-height: 0 !important;
  padding: 12px 15px !important;
  gap: 8px;
}
html body.force-refined .force-classic-home-grid .panel-header h2 { font-size: 15px !important; line-height: 1.3 !important; }
html body.force-refined .force-classic-home-grid .panel-body { padding: 14px !important; }
html body.force-refined .force-classic-home-grid .room-preview { height: 145px !important; min-height: 0 !important; overflow: hidden; }
html body.force-refined .force-classic-home-grid .room-preview > img { display: block; width: 100% !important; height: 145px !important; object-fit: cover !important; object-position: center; }
html body.force-refined .force-classic-home-grid .room-preview .tag { font-size: 9px !important; padding: 5px 8px !important; top: 9px; left: 9px; }
html body.force-refined .force-classic-home-grid .room-copy { padding: 13px 15px !important; }
html body.force-refined .force-classic-home-grid .room-copy h3 { font-size: 17px !important; margin: 0 0 7px !important; }
html body.force-refined .force-classic-home-grid .room-copy p { font-size: 12px !important; line-height: 1.4 !important; margin: 5px 0 !important; }
html body.force-refined .force-classic-home-grid .room-copy .room-meta { font-size: 10px !important; }
html body.force-refined .force-classic-home-grid .room-copy [data-enter-hotel] { min-height: 34px !important; padding: 7px 12px !important; font-size: 12px !important; margin-top: 8px !important; }
html body.force-refined .force-classic-home-grid .daily-note { display: flex; align-items: center; gap: 10px !important; padding: 14px !important; }
html body.force-refined .force-classic-home-grid .daily-note img { width: 48px !important; height: 64px !important; object-fit: contain; }
html body.force-refined .force-classic-home-grid .daily-note h3 { font-size: 15px !important; margin: 0 0 5px !important; }
html body.force-refined .force-classic-home-grid .daily-note p { font-size: 12px !important; line-height: 1.4 !important; margin: 4px 0 !important; }
html body.force-refined .force-classic-home-grid .daily-note .tag { font-size: 8px !important; padding: 4px 6px !important; }
html body.force-refined .force-classic-home-grid .launcher { min-height: 0 !important; padding: 20px !important; }
html body.force-refined .force-classic-home-grid .launcher h2 { font-size: 25px !important; margin: 8px 0 !important; line-height: 1.2 !important; }
html body.force-refined .force-classic-home-grid .launcher p { font-size: 12px !important; line-height: 1.4 !important; margin: 8px 0 12px !important; }
html body.force-refined .force-classic-home-grid .launcher [data-enter-hotel] { min-height: 40px !important; padding: 9px 14px !important; font-size: 13px !important; }
html body.force-refined .force-classic-home-grid .launch-note { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px !important; font-size: 10px !important; }
html body.force-refined .home-main .mini-budget { padding: 15px !important; }
html body.force-refined .home-main .treasury-amount strong { font-size: 30px !important; }
html body.force-refined .home-main .treasury-amount img { width: 34px !important; height: 34px !important; object-fit: contain; }
html body.force-refined .home-main .budget-line { padding: 9px 0 !important; font-size: 12px !important; }
html body.force-refined .home-main :is(.treasury-note,.tax-note) { font-size: 11px !important; line-height: 1.4 !important; }
html body.force-refined .home-sidebar #news .force-news-lead-compact { height: 150px !important; min-height: 0 !important; max-height: 150px !important; padding: 14px !important; overflow: hidden; box-sizing: border-box; }
html body.force-refined .home-sidebar #news .force-news-lead-compact :is(h2,h3) { font-size: 19px !important; line-height: 1.2 !important; margin: 6px 0 !important; }
html body.force-refined .home-sidebar #news .force-news-lead-compact p { font-size: 11px !important; line-height: 1.3 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* A single editorial header connects the news title and archive filters. */
html body.force-refined .force-news-page-header {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(260px,380px);
  gap: 6px 24px;
  align-items: center;
  padding: 22px 24px !important;
  margin: 0 0 20px !important;
  border-top: 4px solid #347eb6 !important;
}
html body.force-refined .force-news-page-header h1 { grid-column: 1; font-size: 27px !important; line-height: 1.2 !important; margin: 0 !important; }
html body.force-refined .force-news-page-header p { grid-column: 1; font-size: 13px !important; line-height: 1.4 !important; margin: 0 !important; }
html body.force-refined .force-news-tools { grid-column: 2; grid-row: 1 / span 2; display: grid; gap: 8px; min-width: 0; }
html body.force-refined .force-news-tools :is(input,select) { width: 100% !important; box-sizing: border-box; height: 38px !important; min-height: 0 !important; margin: 0 !important; padding: 8px 11px !important; font-size: 12px !important; border: 1px solid #bcd1df !important; border-radius: 7px !important; background: #f8fbfd !important; color: #284c67 !important; }
html body.force-refined .force-news-page .fh-news-cards { gap: 16px !important; align-items: start; }
html body.force-refined .force-news-page .fh-news-card { padding: 14px !important; height: auto !important; min-height: 0 !important; border-radius: 11px !important; }
html body.force-refined .force-news-page .fh-news-card :is(h2,h3) { font-size: 18px !important; line-height: 1.3 !important; margin: 10px 0 7px !important; }
html body.force-refined .force-news-page .fh-news-card p { font-size: 12px !important; line-height: 1.5 !important; margin: 6px 0 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html body.force-refined .force-news-page .fh-news-card img[src*="avatarimage"],
html body.force-refined .force-news-page .fh-news-card img[src*="habbo-imaging"] { width: 25px !important; height: 36px !important; object-fit: contain !important; margin: 0 !important; }
@media(max-width:760px) {
  html body.force-refined .force-news-page-header { grid-template-columns: minmax(0,1fr); padding: 18px !important; gap: 8px; }
  html body.force-refined .force-news-tools { grid-column: 1; grid-row: auto; margin-top: 8px; }
  html body.force-refined .force-news-page-header h1 { font-size: 23px !important; }
}

/* Current hotel-news.js v3 renderer: compact, equal news cards. */
body.force-refined .fh-news-v3 {min-width:0;padding:12px!important}
body.force-refined .fh-news-v3 .fn-grid {gap:10px!important;align-items:stretch!important}
body.force-refined .fh-news-v3 .fn-card {display:flex!important;flex-direction:column!important;min-width:0;height:100%!important;box-sizing:border-box}
body.force-refined .fh-news-v3 .fn-card-banner {width:100%!important;height:76px!important;min-height:76px!important;aspect-ratio:auto!important;object-fit:cover!important;flex:none}
body.force-refined .fh-news-v3 .fn-card-copy {padding:10px!important;display:flex!important;flex-direction:column!important;min-width:0;flex:1;gap:6px}
body.force-refined .fh-news-v3 .fn-card h2 {font-size:14px!important;line-height:20px!important;height:20px!important;margin:0!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;-webkit-line-clamp:unset!important}
body.force-refined .fh-news-v3 .fn-card-copy>p {font-size:11px!important;line-height:17px!important;height:17px!important;margin:0!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.force-refined .fh-news-v3 .fn-byline {margin-top:auto!important;padding-top:7px!important;display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:nowrap!important;min-width:0;font-size:10px!important;line-height:14px!important;height:36px!important;box-sizing:content-box}
body.force-refined .fh-news-v3 .fn-avatar {width:24px!important;height:36px!important;min-width:24px!important;object-fit:contain!important;flex:none}
body.force-refined .fh-news-v3 .fn-byline time {margin-left:auto!important;white-space:nowrap!important;font-size:9px!important}
body.force-refined #news .fh-news-v3 .fn-hero {height:130px!important;min-height:130px!important;aspect-ratio:auto!important;margin-bottom:8px!important}
body.force-refined #news .fh-news-v3 .fn-hero-copy {padding:10px!important}
body.force-refined #news .fh-news-v3 .fn-hero h2 {font-size:17px!important;line-height:22px!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.force-refined #news .fh-news-v3 .fn-hero p {font-size:12px!important;line-height:18px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.force-refined #news .fh-news-v3 .fn-hero-controls {margin-bottom:10px!important;gap:6px!important}
body.force-refined #news .fh-news-v3 .fn-hero-controls button {padding:5px 9px!important;font-size:11px!important;line-height:16px!important;min-height:0!important}
@media(min-width:701px){body.force-refined #news .fh-news-v3 .fn-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){body.force-refined #news .fh-news-v3 .fn-grid{grid-template-columns:1fr!important}body.force-refined #news .fh-news-v3 .fn-card-banner{height:90px!important}}