:root {
  --rummymars-ivory: #fff8ec;
  --rummymars-ivory-deep: #f5e8d5;
  --rummymars-white: #fffdf8;
  --rummymars-garnet: #7f1838;
  --rummymars-garnet-deep: #4f0f28;
  --rummymars-terracotta: #bf542c;
  --rummymars-gold: #d19b32;
  --rummymars-gold-soft: #f3d99b;
  --rummymars-teal: #176b62;
  --rummymars-ink: #241914;
  --rummymars-muted: #6f6259;
  --rummymars-border: #e3cfb4;
  --rummymars-shadow-sm: 0 10px 30px rgba(79, 15, 40, .08);
  --rummymars-shadow-lg: 0 28px 70px rgba(79, 15, 40, .14);
  --rummymars-radius-sm: 14px;
  --rummymars-radius-md: 22px;
  --rummymars-radius-lg: 34px;
  --rummymars-container: 1240px;
  --rummymars-header-height: 78px;
  --rummymars-transition: 180ms ease;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  width: 100%;
  max-width: 100%;
  background: var(--rummymars-ivory);
  color-scheme: light;
  overflow-x: hidden;
  overflow-x: clip;
}

body.rummymars-site {
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-width: 320px;
  overflow-x: hidden;
  overflow-x: clip;
  background:
    radial-gradient(circle at 8% 2%, rgba(209, 155, 50, .12), transparent 24rem),
    var(--rummymars-ivory);
  color: var(--rummymars-ink);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.72;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

html[lang="hi-IN"] body.rummymars-site {
  font-family: "Noto Sans Devanagari", "Nirmala UI", Mangal, "Noto Sans", system-ui, sans-serif;
  line-height: 1.82;
}

body.rummymars-menu-open {
  overflow: hidden;
  touch-action: none;
}

img,
svg {
  display: block;
  max-width: 100%;
}

img {
  height: auto;
}

a {
  color: var(--rummymars-garnet);
  text-decoration-thickness: .08em;
  text-underline-offset: .2em;
}

a:hover {
  color: var(--rummymars-terracotta);
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

:focus-visible {
  outline: 3px solid var(--rummymars-gold);
  outline-offset: 4px;
}

h1,
h2,
h3,
p,
ul,
ol,
figure {
  margin-top: 0;
}

h1,
h2,
h3 {
  color: var(--rummymars-garnet-deep);
  font-family: Georgia, "Times New Roman", "Noto Serif Devanagari", serif;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.12;
  text-wrap: balance;
}

html[lang="hi-IN"] h1,
html[lang="hi-IN"] h2,
html[lang="hi-IN"] h3 {
  font-family: "Noto Serif Devanagari", "Nirmala UI", Mangal, serif;
  letter-spacing: 0;
  line-height: 1.3;
}

h1 {
  margin-bottom: 1.2rem;
  font-size: clamp(2.45rem, 5.8vw, 5.5rem);
}

h2 {
  margin-bottom: 1.2rem;
  font-size: clamp(2rem, 3.8vw, 3.35rem);
}

h3 {
  margin-bottom: .7rem;
  font-size: clamp(1.25rem, 2vw, 1.65rem);
}

p {
  margin-bottom: 1.15rem;
}

.rummymars-container {
  width: min(calc(100% - 2rem), var(--rummymars-container));
  margin-inline: auto;
}

.rummymars-skip-link {
  position: fixed;
  z-index: 10000;
  top: .75rem;
  left: .75rem;
  padding: .75rem 1rem;
  border-radius: 10px;
  transform: translateY(-160%);
  background: var(--rummymars-garnet-deep);
  color: #fff;
}

.rummymars-skip-link:focus {
  transform: translateY(0);
}

.rummymars-header {
  position: sticky;
  z-index: 900;
  top: 0;
  left: 0;
  width: 100%;
  min-height: var(--rummymars-header-height);
  border-bottom: 1px solid rgba(127, 24, 56, .12);
  background: rgba(255, 248, 236, .94);
  box-shadow: 0 5px 20px rgba(79, 15, 40, .05);
  backdrop-filter: blur(16px);
  isolation: isolate;
}

body.rummymars-site > .lfb-top {
  z-index: 850 !important;
}

.rummymars-header-inner {
  display: flex;
  width: min(calc(100% - 2rem), 1720px);
  align-items: center;
  min-height: var(--rummymars-header-height);
  gap: clamp(.8rem, 1.1vw, 1.25rem);
}

.rummymars-brand {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: .72rem;
  min-width: max-content;
  color: var(--rummymars-garnet-deep);
  text-decoration: none;
}

.rummymars-brand img {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 5px 16px rgba(79, 15, 40, .16);
}

.rummymars-brand span {
  display: grid;
  min-width: 0;
  line-height: 1.1;
}

.rummymars-brand strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.18rem;
}

.rummymars-brand small {
  margin-top: .22rem;
  color: var(--rummymars-muted);
  font-size: .7rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}

html[lang="hi-IN"] .rummymars-brand small {
  letter-spacing: 0;
  text-transform: none;
}

.rummymars-desktop-nav {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  min-width: 0;
}

.rummymars-nav-list,
.rummymars-desktop-nav .menu {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: clamp(.15rem, .7vw, .7rem);
  margin: 0;
  padding: 0;
  list-style: none;
}

.rummymars-nav-list a,
.rummymars-desktop-nav .menu a {
  display: block;
  padding: .62rem .56rem;
  border-radius: 999px;
  color: var(--rummymars-ink);
  font-size: .88rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}

.rummymars-nav-list a:hover,
.rummymars-nav-list a[aria-current="page"],
.rummymars-desktop-nav .menu a:hover,
.rummymars-desktop-nav .current-menu-item > a {
  background: var(--rummymars-ivory-deep);
  color: var(--rummymars-garnet);
}

.rummymars-prediction-group {
  position: relative;
  min-width: 0;
}

.rummymars-prediction-toggle {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: .32rem;
  padding: .62rem .56rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--rummymars-ink);
  font: inherit;
  font-size: .88rem;
  font-weight: 750;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
}

.rummymars-prediction-toggle:hover,
.rummymars-prediction-toggle[aria-expanded="true"] {
  background: var(--rummymars-ivory-deep);
  color: var(--rummymars-garnet);
}

.rummymars-prediction-caret {
  display: inline-block;
  font-size: 1rem;
  transition: transform var(--rummymars-transition);
}

.rummymars-prediction-toggle[aria-expanded="true"] .rummymars-prediction-caret {
  transform: rotate(180deg);
}

.rummymars-prediction-submenu {
  position: absolute;
  z-index: 1100;
  top: calc(100% + .55rem);
  left: 50%;
  display: grid;
  visibility: hidden;
  width: max-content;
  min-width: 210px;
  max-width: min(300px, 90vw);
  gap: .2rem;
  margin: 0;
  padding: .6rem;
  border: 1px solid var(--rummymars-border);
  border-radius: var(--rummymars-radius-sm);
  opacity: 0;
  transform: translate(-50%, .45rem);
  background: rgba(255, 253, 248, .98);
  box-shadow: var(--rummymars-shadow-lg);
  list-style: none;
  pointer-events: none;
  transition: opacity var(--rummymars-transition), transform var(--rummymars-transition), visibility var(--rummymars-transition);
}

.rummymars-prediction-group.is-expanded .rummymars-prediction-submenu,
.rummymars-desktop-nav .rummymars-prediction-group:hover .rummymars-prediction-submenu {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0);
  pointer-events: auto;
}

.rummymars-prediction-submenu a {
  min-height: 44px;
  padding: .72rem .8rem;
  border-radius: 10px;
}

.rummymars-header-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: .62rem;
  min-width: max-content;
}

.rummymars-language-switch,
.rummymars-footer-language {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: .55rem .85rem;
  border: 1px solid var(--rummymars-border);
  border-radius: 999px;
  background: var(--rummymars-white);
  color: var(--rummymars-garnet-deep);
  font-weight: 800;
  text-decoration: none;
}

.rummymars-language-switch--mobile {
  display: none;
}

.rummymars-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: .78rem 1.22rem;
  border: 1px solid transparent;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--rummymars-garnet), var(--rummymars-terracotta));
  box-shadow: 0 10px 24px rgba(127, 24, 56, .2), inset 0 1px rgba(255, 255, 255, .24);
  color: #fff;
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  transition: transform var(--rummymars-transition), box-shadow var(--rummymars-transition);
}

.rummymars-button:hover {
  color: #fff;
  box-shadow: 0 15px 34px rgba(127, 24, 56, .28), inset 0 1px rgba(255, 255, 255, .24);
}

.rummymars-button--secondary {
  border-color: var(--rummymars-border);
  background: rgba(255, 255, 255, .74);
  box-shadow: none;
  color: var(--rummymars-garnet-deep);
}

.rummymars-button--secondary:hover {
  background: #fff;
  color: var(--rummymars-garnet);
}

.rummymars-menu-toggle {
  display: none;
  width: 46px;
  height: 46px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  padding: 11px;
  border: 1px solid var(--rummymars-border);
  border-radius: 50%;
  background: var(--rummymars-white);
  cursor: pointer;
}

.rummymars-menu-toggle span {
  display: block;
  width: 21px;
  height: 2px;
  flex: 0 0 2px;
  margin: 0;
  border-radius: 2px;
  background: var(--rummymars-garnet-deep);
}

.rummymars-drawer-overlay {
  position: fixed;
  z-index: 950;
  inset: 0;
  visibility: hidden;
  opacity: 0;
  background: rgba(36, 25, 20, .48);
  transition: opacity var(--rummymars-transition), visibility var(--rummymars-transition);
}

.rummymars-drawer-overlay.is-visible {
  visibility: visible;
  opacity: 1;
}

.rummymars-mobile-drawer {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  display: flex;
  width: min(88vw, 390px);
  max-width: 100%;
  height: 100vh;
  height: 100dvh;
  padding: max(1rem, env(safe-area-inset-top)) 1.25rem max(1.25rem, env(safe-area-inset-bottom));
  overflow-y: auto;
  overscroll-behavior: contain;
  visibility: hidden;
  opacity: 0;
  transform: translateX(1.25rem);
  flex-direction: column;
  background:
    linear-gradient(150deg, rgba(243, 217, 155, .28), transparent 35%),
    var(--rummymars-white);
  box-shadow: -28px 0 60px rgba(79, 15, 40, .2);
  pointer-events: none;
  transition: opacity var(--rummymars-transition), transform 240ms ease, visibility var(--rummymars-transition);
}

.rummymars-mobile-drawer.is-open {
  visibility: visible;
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.rummymars-drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--rummymars-border);
}

.rummymars-drawer-brand {
  color: var(--rummymars-garnet-deep);
  font-family: Georgia, serif;
  font-size: 1.45rem;
  font-weight: 700;
}

.rummymars-drawer-close {
  width: 44px;
  height: 44px;
  border: 1px solid var(--rummymars-border);
  border-radius: 50%;
  background: #fff;
  color: var(--rummymars-garnet-deep);
  font-size: 1.75rem;
  line-height: 1;
  cursor: pointer;
}

.rummymars-drawer-list,
.rummymars-mobile-drawer .rummymars-nav-list,
.rummymars-mobile-drawer .menu {
  display: grid;
  gap: .28rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.rummymars-drawer-list a,
.rummymars-mobile-drawer .rummymars-nav-list a,
.rummymars-mobile-drawer .menu a {
  display: flex;
  min-height: 48px;
  align-items: center;
  padding: .78rem .9rem;
  border-radius: 12px;
  color: var(--rummymars-ink);
  font-weight: 750;
  text-decoration: none;
  white-space: normal;
}

.rummymars-drawer-list a:hover,
.rummymars-mobile-drawer .rummymars-nav-list a:hover,
.rummymars-mobile-drawer .menu a:hover,
.rummymars-mobile-drawer .current-menu-item > a {
  background: var(--rummymars-ivory-deep);
  color: var(--rummymars-garnet);
}

.rummymars-mobile-drawer .rummymars-prediction-toggle {
  width: 100%;
  min-height: 48px;
  justify-content: space-between;
  padding: .78rem .9rem;
  border-radius: 12px;
  font-size: 1rem;
  text-align: left;
  white-space: normal;
}

.rummymars-mobile-drawer .rummymars-prediction-submenu {
  position: static;
  visibility: hidden;
  width: 100%;
  min-width: 0;
  max-height: 0;
  margin: 0;
  padding: 0 .4rem;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  opacity: 0;
  transform: none;
  background: transparent;
  box-shadow: none;
  pointer-events: none;
  transition: max-height 220ms ease, opacity var(--rummymars-transition), visibility var(--rummymars-transition);
}

.rummymars-mobile-drawer .rummymars-prediction-group.is-expanded .rummymars-prediction-submenu {
  visibility: visible;
  max-height: 280px;
  padding-block: .25rem .5rem;
  opacity: 1;
  pointer-events: auto;
}

.rummymars-mobile-drawer .rummymars-prediction-submenu a {
  min-height: 44px;
  padding-left: 1.4rem;
  border-left: 2px solid var(--rummymars-gold-soft);
  border-radius: 0 10px 10px 0;
  font-size: .95rem;
}

.rummymars-drawer-note {
  margin-top: auto;
  padding: 1rem;
  border: 1px solid rgba(23, 107, 98, .24);
  border-radius: var(--rummymars-radius-sm);
  background: rgba(23, 107, 98, .07);
}

.rummymars-drawer-note strong {
  color: var(--rummymars-teal);
}

.rummymars-drawer-note p {
  margin: .35rem 0 0;
  color: var(--rummymars-muted);
  font-size: .92rem;
}

.rummymars-button--drawer {
  width: 100%;
  margin-top: .9rem;
}

.rummymars-main {
  min-height: 62vh;
}

.rummymars-home-hero,
.rummymars-page-hero {
  position: relative;
  isolation: isolate;
  overflow: clip;
}

.rummymars-home-hero::before,
.rummymars-page-hero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image:
    linear-gradient(30deg, transparent 47%, rgba(127, 24, 56, .035) 48%, rgba(127, 24, 56, .035) 52%, transparent 53%),
    linear-gradient(150deg, transparent 47%, rgba(209, 155, 50, .055) 48%, rgba(209, 155, 50, .055) 52%, transparent 53%);
  background-size: 58px 96px;
  content: "";
  mask-image: linear-gradient(to bottom, #000, transparent 92%);
}

.rummymars-home-hero-grid,
.rummymars-page-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 6rem);
  padding-block: clamp(3.25rem, 7vw, 7.5rem);
}

.rummymars-home-hero-copy,
.rummymars-page-hero-copy {
  min-width: 0;
}

.rummymars-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1rem;
  color: var(--rummymars-garnet);
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.rummymars-eyebrow::before {
  width: 28px;
  height: 1px;
  background: var(--rummymars-gold);
  content: "";
}

html[lang="hi-IN"] .rummymars-eyebrow {
  letter-spacing: 0;
  text-transform: none;
}

.rummymars-lead {
  max-width: 64ch;
  margin-bottom: 1.6rem;
  color: var(--rummymars-muted);
  font-size: clamp(1.08rem, 1.6vw, 1.3rem);
}

.rummymars-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-block: 1.7rem 1.25rem;
}

.rummymars-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem 1.2rem;
  margin: 0;
  padding: 0;
  color: var(--rummymars-muted);
  font-size: .88rem;
  list-style: none;
}

.rummymars-hero-meta li {
  display: flex;
  align-items: center;
  gap: .4rem;
}

.rummymars-hero-meta li::before {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--rummymars-gold);
  content: "";
}

.rummymars-hero-art,
.rummymars-arch-media {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: .8rem;
  border: 1px solid var(--rummymars-border);
  border-radius: 48% 48% var(--rummymars-radius-lg) var(--rummymars-radius-lg) / 30% 30% var(--rummymars-radius-lg) var(--rummymars-radius-lg);
  background: var(--rummymars-white);
  box-shadow: var(--rummymars-shadow-lg);
}

.rummymars-hero-art::before,
.rummymars-arch-media::before {
  position: absolute;
  z-index: -1;
  top: -1.4rem;
  right: -1.4rem;
  width: 55%;
  height: 55%;
  border: 1px solid var(--rummymars-gold-soft);
  border-radius: 50% 50% 22px 22px;
  content: "";
}

.rummymars-hero-art img,
.rummymars-arch-media img {
  width: 100%;
  border-radius: calc(var(--rummymars-radius-lg) - 8px);
  object-fit: cover;
  aspect-ratio: 1200 / 630;
}

.rummymars-arch-media img {
  aspect-ratio: 3 / 2;
}

.rummymars-independent-notice {
  display: flex;
  max-width: 720px;
  align-items: flex-start;
  gap: .8rem;
  margin-top: 1.25rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(127, 24, 56, .22);
  border-radius: var(--rummymars-radius-sm);
  background: rgba(255, 253, 248, .85);
  box-shadow: var(--rummymars-shadow-sm);
}

.rummymars-independent-notice p {
  margin: 0;
  color: var(--rummymars-garnet-deep);
  font-size: .94rem;
  font-weight: 650;
}

.rummymars-notice-icon {
  display: inline-grid;
  width: 27px;
  height: 27px;
  flex: 0 0 27px;
  place-items: center;
  border-radius: 50%;
  background: var(--rummymars-garnet);
  color: #fff;
  font-family: Georgia, serif;
  font-weight: 700;
}

.rummymars-bento-section,
.rummymars-media-section,
.rummymars-checklist-section,
.rummymars-faq-section,
.rummymars-related-section,
.rummymars-content-section {
  padding-block: clamp(3.75rem, 7vw, 7.5rem);
}

.rummymars-section-intro {
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
  gap: 2rem;
  align-items: end;
  margin-bottom: 2rem;
}

.rummymars-section-intro > * {
  min-width: 0;
}

.rummymars-section-intro p:last-child {
  color: var(--rummymars-muted);
}

.rummymars-bento-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1rem;
}

.rummymars-bento-card,
.rummymars-feature-card,
.rummymars-related-card,
.rummymars-faq-card,
.rummymars-info-card {
  min-width: 0;
  max-width: 100%;
  border: 1px solid var(--rummymars-border);
  border-radius: var(--rummymars-radius-md);
  background: var(--rummymars-white);
  box-shadow: var(--rummymars-shadow-sm);
}

.rummymars-bento-card {
  position: relative;
  grid-column: span 3;
  min-height: 230px;
  padding: 1.45rem;
  overflow: hidden;
}

.rummymars-bento-card--wide {
  grid-column: span 6;
}

.rummymars-bento-card--accent {
  border-color: transparent;
  background: linear-gradient(145deg, var(--rummymars-garnet-deep), var(--rummymars-garnet));
  color: #fff;
}

.rummymars-bento-card--accent h3,
.rummymars-bento-card--accent a {
  color: #fff;
}

.rummymars-card-icon {
  display: grid;
  width: 48px;
  height: 48px;
  margin-bottom: 1.15rem;
  place-items: center;
  border-radius: 16px 16px 16px 5px;
  background: var(--rummymars-ivory-deep);
  color: var(--rummymars-garnet);
}

.rummymars-card-icon svg {
  width: 25px;
  height: 25px;
}

.rummymars-bento-card--accent .rummymars-card-icon {
  background: rgba(255, 255, 255, .14);
  color: var(--rummymars-gold-soft);
}

.rummymars-bento-card p,
.rummymars-feature-card p,
.rummymars-info-card p {
  color: var(--rummymars-muted);
}

.rummymars-bento-card--accent p {
  color: rgba(255, 255, 255, .8);
}

.rummymars-card-link {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  color: var(--rummymars-garnet);
  font-weight: 800;
  text-decoration: none;
}

.rummymars-media-section {
  background: var(--rummymars-white);
}

.rummymars-media-section--ivory {
  background: var(--rummymars-ivory-deep);
}

.rummymars-media-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 5rem);
}

.rummymars-media-grid--reverse .rummymars-media-figure {
  order: 2;
}

.rummymars-media-copy,
.rummymars-media-figure {
  min-width: 0;
}

.rummymars-media-figure {
  margin: 0;
  padding: .7rem;
  border: 1px solid var(--rummymars-border);
  border-radius: var(--rummymars-radius-lg);
  background: var(--rummymars-white);
  box-shadow: var(--rummymars-shadow-lg);
}

.rummymars-media-figure img {
  width: 100%;
  border-radius: calc(var(--rummymars-radius-lg) - 8px);
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.rummymars-feature-grid,
.rummymars-info-grid,
.rummymars-faq-grid,
.rummymars-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.rummymars-feature-card,
.rummymars-info-card {
  padding: 1.45rem;
}

.rummymars-feature-card--safety {
  border-color: rgba(23, 107, 98, .25);
  background: linear-gradient(145deg, #fff, rgba(23, 107, 98, .07));
}

.rummymars-checklist-section {
  background: var(--rummymars-garnet-deep);
  color: #fff;
}

.rummymars-checklist-section h2,
.rummymars-checklist-section h3,
.rummymars-checklist-section .rummymars-eyebrow {
  color: #fff;
}

.rummymars-checklist-section .rummymars-eyebrow::before {
  background: var(--rummymars-gold-soft);
}

.rummymars-check-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.rummymars-check-item {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: .8rem;
  padding: 1.25rem;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: var(--rummymars-radius-sm);
  background: rgba(255, 255, 255, .07);
}

.rummymars-check-item span:first-child {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  place-items: center;
  border-radius: 50%;
  background: var(--rummymars-gold);
  color: var(--rummymars-garnet-deep);
  font-weight: 900;
}

.rummymars-check-item p {
  margin: 0;
  color: rgba(255, 255, 255, .78);
}

.rummymars-page-hero {
  border-bottom: 1px solid var(--rummymars-border);
  background: var(--rummymars-white);
}

.rummymars-page-hero h1 {
  font-size: clamp(2.35rem, 5vw, 4.85rem);
}

.rummymars-page-hero--compact .rummymars-page-hero-grid {
  padding-block: 3.5rem;
}

.rummymars-breadcrumb {
  border-bottom: 1px solid rgba(127, 24, 56, .1);
  background: rgba(255, 253, 248, .82);
  color: var(--rummymars-muted);
  font-size: .88rem;
}

.rummymars-breadcrumb .rummymars-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .6rem;
  min-height: 48px;
}

.rummymars-breadcrumb a {
  font-weight: 750;
  text-decoration: none;
}

.rummymars-content-section {
  border-bottom: 1px solid rgba(127, 24, 56, .07);
}

.rummymars-section--white {
  background: var(--rummymars-white);
}

.rummymars-section--ivory {
  background: var(--rummymars-ivory);
}

.rummymars-section--sand {
  background: var(--rummymars-ivory-deep);
}

.rummymars-section--garnet {
  background: var(--rummymars-garnet-deep);
  color: rgba(255, 255, 255, .84);
}

.rummymars-section--garnet h2,
.rummymars-section--garnet .rummymars-eyebrow {
  color: #fff;
}

.rummymars-prose-shell {
  max-width: 920px;
}

.rummymars-prose {
  font-size: 1.04rem;
}

.rummymars-prose p:last-child {
  margin-bottom: 0;
}

.rummymars-check-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  margin: 1.8rem 0 0;
  padding: 0;
  list-style: none;
}

.rummymars-check-list li {
  position: relative;
  min-width: 0;
  padding: 1rem 1rem 1rem 2.7rem;
  border: 1px solid var(--rummymars-border);
  border-radius: var(--rummymars-radius-sm);
  background: rgba(255, 255, 255, .72);
  overflow-wrap: anywhere;
}

.rummymars-check-list li::before {
  position: absolute;
  top: 1rem;
  left: 1rem;
  color: var(--rummymars-teal);
  font-weight: 900;
  content: "✓";
}

.rummymars-section--garnet .rummymars-check-list li {
  border-color: rgba(255, 255, 255, .15);
  background: rgba(255, 255, 255, .07);
}

.rummymars-faq-section {
  background: var(--rummymars-white);
}

.rummymars-faq-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rummymars-faq-card {
  overflow: hidden;
}

.rummymars-faq-card summary {
  position: relative;
  padding: 1.25rem 3.2rem 1.25rem 1.25rem;
  color: var(--rummymars-garnet-deep);
  font-weight: 800;
  line-height: 1.45;
  cursor: pointer;
  list-style: none;
}

.rummymars-faq-card summary::-webkit-details-marker {
  display: none;
}

.rummymars-faq-card summary::after {
  position: absolute;
  top: 1.05rem;
  right: 1.2rem;
  color: var(--rummymars-gold);
  font-size: 1.35rem;
  content: "+";
}

.rummymars-faq-card[open] summary::after {
  content: "−";
}

.rummymars-faq-card div {
  padding: 0 1.25rem 1.25rem;
  color: var(--rummymars-muted);
}

.rummymars-faq-card div p {
  margin: 0;
}

.rummymars-related-section {
  background: var(--rummymars-ivory-deep);
}

.rummymars-related-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rummymars-related-card {
  display: flex;
  min-height: 92px;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.15rem;
  color: var(--rummymars-garnet-deep);
  font-weight: 800;
  text-decoration: none;
  transition: transform var(--rummymars-transition), border-color var(--rummymars-transition);
}

.rummymars-related-card span:last-child {
  color: var(--rummymars-gold);
  font-size: 1.3rem;
}

.rummymars-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid var(--rummymars-border);
  border-radius: var(--rummymars-radius-md);
  background: var(--rummymars-white);
}

.rummymars-table {
  width: 100%;
  min-width: 680px;
  border-collapse: collapse;
}

.rummymars-table th,
.rummymars-table td {
  padding: 1rem;
  border-bottom: 1px solid var(--rummymars-border);
  text-align: left;
  vertical-align: top;
}

.rummymars-table th {
  background: var(--rummymars-ivory-deep);
  color: var(--rummymars-garnet-deep);
}

.rummymars-footer {
  position: relative;
  overflow: hidden;
  padding-top: 2.2rem;
  background:
    radial-gradient(circle at 90% 0, rgba(209, 155, 50, .22), transparent 30rem),
    var(--rummymars-garnet-deep);
  color: rgba(255, 255, 255, .78);
}

.rummymars-footer-ornament {
  width: 100%;
  height: 14px;
  margin-bottom: 2rem;
  background: repeating-linear-gradient(90deg, var(--rummymars-gold) 0 12px, transparent 12px 22px, var(--rummymars-terracotta) 22px 34px, transparent 34px 44px);
  opacity: .75;
}

.rummymars-footer-notices {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .6rem;
  margin-bottom: 2.4rem;
}

.rummymars-footer-notices span {
  display: grid;
  min-height: 58px;
  place-items: center;
  padding: .65rem;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 12px;
  background: rgba(255, 255, 255, .06);
  color: #fff;
  font-size: .84rem;
  font-weight: 750;
  text-align: center;
}

.rummymars-footer-grid {
  display: grid;
  grid-template-columns: 1.4fr repeat(3, minmax(0, .72fr));
  gap: clamp(1.5rem, 4vw, 3.5rem);
  padding-block: 1rem 3rem;
}

.rummymars-brand--footer {
  color: #fff;
}

.rummymars-brand--footer img {
  width: 58px;
  height: 58px;
  flex-basis: 58px;
}

.rummymars-brand--footer small {
  color: rgba(255, 255, 255, .65);
}

.rummymars-footer-brand p {
  max-width: 42ch;
  margin-top: 1.25rem;
}

.rummymars-footer-language {
  border-color: rgba(255, 255, 255, .2);
  background: rgba(255, 255, 255, .08);
  color: #fff;
}

.rummymars-footer-heading,
.rummymars-responsible-footer h2 {
  margin-bottom: 1rem;
  color: #fff;
  font-family: inherit;
  font-size: 1rem;
  letter-spacing: 0;
}

.rummymars-footer-nav ul {
  display: grid;
  gap: .55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.rummymars-footer-nav a,
.rummymars-responsible-footer a {
  color: rgba(255, 255, 255, .74);
  text-decoration: none;
}

.rummymars-footer-nav a:hover,
.rummymars-responsible-footer a:hover {
  color: var(--rummymars-gold-soft);
}

.rummymars-responsible-footer {
  display: grid;
  grid-template-columns: minmax(180px, .45fr) minmax(0, 1.3fr) auto;
  align-items: center;
  gap: 1.5rem;
  padding: 1.45rem;
  border: 1px solid rgba(243, 217, 155, .3);
  border-radius: var(--rummymars-radius-md);
  background: rgba(255, 255, 255, .06);
}

.rummymars-responsible-footer p {
  margin: 0;
}

.rummymars-footer-kicker {
  color: var(--rummymars-gold-soft);
  font-size: 1.6rem;
  font-weight: 900;
}

.rummymars-footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 2rem;
  padding-block: 1.25rem;
  border-top: 1px solid rgba(255, 255, 255, .12);
  font-size: .82rem;
}

.rummymars-footer-bottom p {
  margin: 0;
}

.rummymars-search-form {
  display: flex;
  gap: .65rem;
  max-width: 680px;
  margin-top: 1.5rem;
}

.rummymars-search-form input {
  width: 100%;
  min-width: 0;
  min-height: 50px;
  padding: .75rem 1rem;
  border: 1px solid var(--rummymars-border);
  border-radius: 999px;
  background: #fff;
  color: var(--rummymars-ink);
  font: inherit;
}

.rummymars-loop-card {
  margin-bottom: 1rem;
  padding: 1.4rem;
  border: 1px solid var(--rummymars-border);
  border-radius: var(--rummymars-radius-md);
  background: var(--rummymars-white);
}

.rummymars-loop-card h2 {
  font-size: 1.55rem;
}

.rummymars-loop-card h2 a {
  color: inherit;
  text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
  .rummymars-button:hover,
  .rummymars-related-card:hover,
  .rummymars-bento-card:hover,
  .rummymars-feature-card:hover {
    transform: translateY(-3px);
  }

  .rummymars-bento-card:hover,
  .rummymars-feature-card:hover,
  .rummymars-related-card:hover {
    border-color: rgba(209, 155, 50, .65);
  }
}

@media (min-width: 1321px) and (max-width: 1480px) {
  .rummymars-header-inner { gap: .65rem; }
  .rummymars-brand { gap: .5rem; }
  .rummymars-brand img { width: 44px; height: 44px; flex-basis: 44px; }
  .rummymars-brand strong { font-size: 1.05rem; }
  .rummymars-brand small { display: none; }
  .rummymars-nav-list,
  .rummymars-desktop-nav .menu { gap: .12rem; }
  .rummymars-nav-list a,
  .rummymars-desktop-nav .menu a,
  .rummymars-prediction-toggle { padding-inline: .4rem; font-size: .82rem; }
  .rummymars-language-switch { padding-inline: .68rem; font-size: .88rem; }
  .rummymars-button--header { padding-inline: .95rem; font-size: .9rem; }
}

@media (max-width: 1320px) {
  :root { --rummymars-header-height: 70px; }
  .rummymars-desktop-nav,
  .rummymars-button--header,
  .rummymars-language-switch--desktop { display: none; }
  .rummymars-language-switch--mobile,
  .rummymars-menu-toggle { display: inline-flex; }
  .rummymars-header-actions { margin-left: auto; }
  .rummymars-footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rummymars-footer-brand { grid-column: 1 / -1; }
  .rummymars-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .rummymars-home-hero-grid,
  .rummymars-page-hero-grid,
  .rummymars-media-grid { grid-template-columns: 1fr; }
  .rummymars-home-hero-art,
  .rummymars-arch-media { width: min(100%, 680px); margin-inline: auto; }
  .rummymars-media-grid--reverse .rummymars-media-figure { order: 0; }
  .rummymars-bento-card { grid-column: span 6; }
  .rummymars-feature-grid,
  .rummymars-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rummymars-footer-notices { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rummymars-responsible-footer { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  :root { --rummymars-header-height: 64px; }
  .rummymars-container { width: min(calc(100% - 1.25rem), var(--rummymars-container)); }
  .rummymars-header-inner { gap: .45rem; }
  .rummymars-brand img { width: 42px; height: 42px; flex-basis: 42px; }
  .rummymars-brand strong { font-size: 1.03rem; }
  .rummymars-brand small { display: none; }
  .rummymars-language-switch { min-height: 40px; padding: .45rem .64rem; font-size: .83rem; }
  .rummymars-menu-toggle { width: 42px; height: 42px; padding: 9px; }
  .rummymars-menu-toggle span { width: 20px; }
  h1 { font-size: clamp(2.2rem, 12vw, 3.45rem); }
  h2 { font-size: clamp(1.75rem, 8.8vw, 2.55rem); }
  html[lang="hi-IN"] h1 { font-size: clamp(2rem, 10vw, 3rem); }
  .rummymars-home-hero-grid,
  .rummymars-page-hero-grid { gap: 2.2rem; padding-block: 3rem 4rem; }
  .rummymars-hero-actions { align-items: stretch; flex-direction: column; }
  .rummymars-hero-actions .rummymars-button { width: 100%; }
  .rummymars-hero-art,
  .rummymars-arch-media { padding: .45rem; border-radius: 32% 32% 22px 22px / 18% 18% 22px 22px; }
  .rummymars-section-intro { grid-template-columns: 1fr; gap: .5rem; }
  .rummymars-bento-grid,
  .rummymars-feature-grid,
  .rummymars-info-grid,
  .rummymars-faq-grid,
  .rummymars-related-grid,
  .rummymars-check-grid,
  .rummymars-check-list,
  .rummymars-footer-notices,
  .rummymars-footer-grid { grid-template-columns: 1fr; }
  .rummymars-bento-card,
  .rummymars-bento-card--wide { grid-column: 1 / -1; min-height: 0; }
  .rummymars-bento-section,
  .rummymars-media-section,
  .rummymars-checklist-section,
  .rummymars-faq-section,
  .rummymars-related-section,
  .rummymars-content-section { padding-block: 3.5rem; }
  .rummymars-media-figure { padding: .45rem; }
  .rummymars-related-card { min-height: 76px; }
  .rummymars-footer-brand { grid-column: auto; }
  .rummymars-footer-bottom { flex-direction: column; }
  .rummymars-search-form { flex-direction: column; }
  .rummymars-search-form .rummymars-button { width: 100%; }
}

@media (max-width: 390px) {
  .rummymars-container { width: min(calc(100% - 1rem), var(--rummymars-container)); }
  .rummymars-header-actions { gap: .35rem; }
  .rummymars-language-switch { padding-inline: .52rem; }
  .rummymars-mobile-drawer { width: 92vw; padding-inline: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}