/* Chrome Token: the public Raffles destination, independent of identity badges. */
html[data-theme] a.hh-raffles-nav-link {
  --raffles-nav-ink:#18302a;
  --raffles-nav-rim:#66766b35;
  --raffles-nav-focus:#907236;
  --raffles-nav-reflection:#ffffffb3;
  --raffles-nav-gold:#b79a5f;
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  gap:8px;
  box-sizing:border-box;
  width:112px;
  min-width:112px;
  height:40px;
  min-height:40px;
  margin:0;
  padding:5px 10px;
  border:1px solid var(--raffles-nav-rim);
  border-radius:12px;
  color:var(--raffles-nav-ink);
  background:linear-gradient(135deg,#f8faf0e0,#e5ece3dc 65%,#edf2e8ed);
  box-shadow:inset 0 1px 0 #ffffff8c,inset 0 -1px 0 #32463c0a,0 2px 7px #07180e0d;
  -webkit-backdrop-filter:blur(10px) saturate(115%);
  backdrop-filter:blur(10px) saturate(115%);
  font:600 14px/1.2 Inter,Arial,sans-serif;
  font-variation-settings:"wght" 600;
  letter-spacing:-.01em;
  text-decoration:none;
  white-space:nowrap;
  isolation:isolate;
  -webkit-tap-highlight-color:transparent;
  transition:border-color 160ms ease,box-shadow 160ms ease,background-color 160ms ease;
}
html[data-theme="dark"] a.hh-raffles-nav-link {
  --raffles-nav-ink:#f0f3eb;
  --raffles-nav-rim:#dbe5d940;
  --raffles-nav-focus:#e0c37d;
  --raffles-nav-reflection:#ebf3e966;
  --raffles-nav-gold:#d5ba78;
  background:linear-gradient(135deg,#19332be0,#081716eb 65%,#081514f2);
  box-shadow:inset 0 1px 0 #e3eddf3b,inset 0 -1px 0 #000b0966,0 2px 7px #00000026;
}
/* Existing header rules hide later links; only this destination is made visible. */
html[data-theme] .site-header .desktop-nav > a.hh-raffles-nav-link { display:inline-flex; }
html[data-theme] a.hh-raffles-nav-link::before {
  content:"";
  position:absolute;
  top:1px;
  left:8px;
  right:8px;
  height:1px;
  border-radius:inherit;
  background:linear-gradient(90deg,transparent,var(--raffles-nav-reflection) 28%,transparent 90%);
  pointer-events:none;
}
html[data-theme] a.hh-raffles-nav-link::after { content:none; }
html[data-theme] a.hh-raffles-nav-link > .hh-raffles-nav-token {
  display:block;
  flex:0 0 auto;
  width:26px;
  height:26px;
  margin:0;
  padding:0;
  border:0;
  object-fit:contain;
  filter:drop-shadow(0 1px 1px #05110d24);
  pointer-events:none;
}
html[data-theme] a.hh-raffles-nav-link > .hh-raffles-nav-label {
  display:inline;
  color:inherit;
  font:inherit;
  white-space:nowrap;
}
html[data-theme] a.hh-raffles-nav-link:focus-visible {
  outline:2px solid var(--raffles-nav-focus);
  outline-offset:3px;
}
@media (hover:hover) {
  html[data-theme] a.hh-raffles-nav-link:hover {
    border-color:#b79a5f70;
    box-shadow:inset 0 1px 0 #ffefbe70,inset 0 -1px 0 #32463c0a,0 2px 8px #7c673b18;
  }
  html[data-theme="dark"] a.hh-raffles-nav-link:hover {
    border-color:#d5ba7878;
    box-shadow:inset 0 1px 0 #f3d9926b,inset 0 -1px 0 #000b0966,0 2px 8px #cbb06c12;
  }
  html[data-theme] a.hh-raffles-nav-link:hover::before {
    background:linear-gradient(90deg,transparent,#f1d497 65%,transparent);
  }
}
html[data-theme] a.hh-raffles-nav-link:is(:active,[aria-current="page"]) {
  box-shadow:inset 0 1px 3px #16291c24,inset 0 -1px 0 #ffffff50;
}
html[data-theme="dark"] a.hh-raffles-nav-link:is(:active,[aria-current="page"]) {
  background:linear-gradient(135deg,#12281feb,#061310f2);
  box-shadow:inset 0 1px 3px #000b0973,inset 0 -1px 0 #e0ebdb18;
}
/* An existing mobile menu uses its normal row width and retains the text label. */
html[data-theme] :is(.mobile-nav,.mint-site-menu) a.hh-raffles-nav-link {
  justify-content:flex-start;
  width:100%;
  min-width:0;
  height:auto;
  min-height:48px;
  padding:8px 12px;
  border-radius:14px;
}
/* Icon variants keep the readable label in the accessibility tree. */
html[data-theme] a.hh-raffles-nav-link:is([data-raffles-icon-only],[data-raffles-variant="icon"]),
html[data-theme] .hh-grove-masthead > a.hh-raffles-nav-link {
  display:inline-grid;
  place-items:center;
  width:44px;
  min-width:44px;
  height:44px;
  min-height:44px;
  padding:0;
  gap:0;
  border-radius:12px;
}
html[data-theme] a.hh-raffles-nav-link:is([data-raffles-icon-only],[data-raffles-variant="icon"]) > .hh-raffles-nav-token,
html[data-theme] .hh-grove-masthead > a.hh-raffles-nav-link > .hh-raffles-nav-token { width:28px;height:28px; }
html[data-theme] a.hh-raffles-nav-link:is([data-raffles-icon-only],[data-raffles-variant="icon"]) > .hh-raffles-nav-label,
html[data-theme] .hh-grove-masthead > a.hh-raffles-nav-link > .hh-raffles-nav-label {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}
@media (max-width:767px) {
  .hh-grove-masthead:has(> a.hh-raffles-nav-link) > :is(.brand,.hh-grove-brand) {
    flex:1 1 0;
    min-width:0;
    margin-right:0;
  }
  .hh-grove-masthead:has(> a.hh-raffles-nav-link) > :is(a,button):not(.brand):not(.hh-grove-brand) {
    flex:0 0 44px;
  }
  .hh-grove-masthead:has(> a.hh-raffles-nav-link) :is(.brand-symbol,.brand-symbol svg,.hh-grove-brand > svg) { flex-shrink:0; }
}
@media (max-width:359px) {
  .hh-grove-masthead:has(> a.hh-raffles-nav-link) > :is(.brand,.hh-grove-brand) > span:not(.brand-symbol) {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
    border:0;
  }
}
@media (prefers-reduced-motion:reduce) {
  html[data-theme] a.hh-raffles-nav-link { transition:none; }
}
@media (prefers-reduced-transparency:reduce) {
  html[data-theme] a.hh-raffles-nav-link,
  html[data-theme] a.hh-raffles-nav-link:is(:active,[aria-current="page"]) { background:#edf2e8;-webkit-backdrop-filter:none;backdrop-filter:none; }
  html[data-theme="dark"] a.hh-raffles-nav-link,
  html[data-theme="dark"] a.hh-raffles-nav-link:is(:active,[aria-current="page"]) { background:#0b1c17; }
}
@supports not (backdrop-filter:blur(1px)) {
  html[data-theme] a.hh-raffles-nav-link { background:#edf2e8; }
  html[data-theme="dark"] a.hh-raffles-nav-link { background:#0b1c17; }
}
@media (forced-colors:active) {
  html[data-theme] a.hh-raffles-nav-link,
  html[data-theme] a.hh-raffles-nav-link:is(:hover,:focus-visible,:active,[aria-current="page"]) {
    color:LinkText;
    border-color:ButtonBorder;
    background:Canvas;
    box-shadow:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    --raffles-nav-focus:Highlight;
  }
  html[data-theme] a.hh-raffles-nav-link::before { content:none; }
  html[data-theme] a.hh-raffles-nav-link > .hh-raffles-nav-token { filter:none; }
}