/*
 * RummyGameList studio direction
 * Subject: Indian Rummy app research directory
 * Signature: tournament scorecards + a 7/8/9 sequence rail
 */

:root {
  --felt-950: #052d22;
  --felt-900: #073e2d;
  --felt-800: #07543a;
  --felt-700: #0a6847;
  --felt-600: #14805a;
  --mango-500: #f2b93b;
  --mango-300: #f8d77a;
  --india-red-700: #a7261f;
  --india-red-600: #c7352b;
  --india-red-100: #f9e8e3;
  --card-50: #fffdf7;
  --paper-100: #f7f2e5;
  --mint-100: #e8f3eb;
  --ink-950: #14221c;
  --ink-700: #42574d;
  --line: #d9dfd7;
  --shadow-sm: 0 5px 16px rgba(5, 45, 34, 0.08);
  --shadow-md: 0 18px 44px rgba(5, 45, 34, 0.13);
  --display: "Avenir Next Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;
  --body: "Avenir Next", "Noto Sans", "Segoe UI", sans-serif;
  --utility: ui-monospace, "SFMono-Regular", Consolas, monospace;
}

/* 2026-08 editorial cover and privacy refresh */
.rgl-studio .blog-card { position: relative; overflow: hidden; }
.rgl-studio .blog-card-art {
  position: relative;
  min-height: 236px;
  overflow: hidden;
  isolation: isolate;
  background: radial-gradient(circle at 84% 18%, rgba(248,215,122,.34), transparent 23%), linear-gradient(145deg, #0b724e 0%, #064a36 54%, #052f24 100%);
}
.rgl-studio .blog-card-art img {
  opacity: .28;
  filter: saturate(.72) contrast(1.08);
  mix-blend-mode: luminosity;
  transform: scale(1.025);
  transition: transform .35s ease, opacity .35s ease;
}
.rgl-studio .blog-card:hover .blog-card-art img { opacity: .36; transform: scale(1.055); }
.rgl-studio .blog-card-art::before {
  content: "A♠  K♥  Q♣";
  position: absolute;
  right: 18px;
  bottom: 14px;
  z-index: 2;
  color: rgba(255,255,255,.18);
  font-family: Georgia, serif;
  font-size: 29px;
  font-weight: 800;
  letter-spacing: -.12em;
}
.rgl-studio .blog-card-art::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(4,38,28,.03) 0%, rgba(4,38,28,.3) 45%, rgba(4,38,28,.93) 100%);
  box-shadow: inset 0 0 0 1px rgba(248,215,122,.18);
}
.rgl-studio .blog-card-art > span,
.rgl-studio .blog-card-art > b { z-index: 3; }
.rgl-studio .blog-card-body h2 {
  position: absolute;
  z-index: 4;
  top: 107px;
  left: 20px;
  right: 20px;
  margin: 0;
  color: #fff !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(23px, 2.1vw, 31px);
  line-height: 1.04;
  letter-spacing: -.025em;
  text-wrap: balance;
}
.rgl-studio .blog-card-body h2 a { color: inherit; text-shadow: 0 2px 18px rgba(0,0,0,.32); }
.rgl-studio .blog-card-body { min-height: 188px; }
.rgl-studio .blog-card-body > small { color: #5e7167; font-family: var(--utility); }

.rgl-studio .market-blog-cards article { position: relative; overflow: hidden; }
.rgl-studio .market-blog-cards .blog-artwork {
  min-height: 225px;
  background: radial-gradient(circle at 84% 18%, rgba(248,215,122,.34), transparent 23%), linear-gradient(145deg, #0b724e, #053e2e);
}
.rgl-studio .market-blog-cards .blog-artwork img { opacity: .3; filter: saturate(.72) contrast(1.08); mix-blend-mode: luminosity; }
.rgl-studio .market-blog-cards .blog-artwork::after { background: linear-gradient(180deg, rgba(4,38,28,.04), rgba(4,38,28,.9)); }
.rgl-studio .market-blog-card-copy h3 {
  position: absolute;
  z-index: 4;
  top: 101px;
  left: 20px;
  right: 20px;
  margin: 0;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(22px, 2vw, 29px);
  line-height: 1.05;
  letter-spacing: -.025em;
  text-shadow: 0 2px 18px rgba(0,0,0,.32);
}
.rgl-studio .market-blog-card-copy { min-height: 205px; }

.rgl-studio .privacy-brief {
  display: grid;
  grid-template-columns: minmax(260px, .72fr) 1.28fr;
  gap: clamp(34px, 7vw, 92px);
  padding: clamp(58px, 8vw, 92px) max(20px, calc((100vw - 1180px) / 2));
  color: #fff;
  background: linear-gradient(110deg, rgba(248,215,122,.08), transparent 40%), var(--felt-950);
  border-top: 1px solid rgba(248,215,122,.3);
}
.rgl-studio .privacy-brief small { color: var(--mango-300); font-family: var(--utility); letter-spacing: .12em; }
.rgl-studio .privacy-brief h2 { max-width: 430px; margin: 10px 0 0; color: #fff; font-size: clamp(36px, 4.3vw, 55px); line-height: .98; }
.rgl-studio .privacy-brief-copy > p { max-width: 720px; margin: 0 0 22px; color: rgba(255,255,255,.74); line-height: 1.75; }
.rgl-studio .privacy-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 0 0 24px; padding: 0; list-style: none; }
.rgl-studio .privacy-points li { padding: 16px; color: #fff; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.12); border-radius: 8px; }
.rgl-studio .privacy-points b { display: block; color: var(--mango-300); margin-bottom: 4px; }
.rgl-studio .privacy-points span { color: rgba(255,255,255,.67); font-size: 13px; line-height: 1.45; }
.rgl-studio .privacy-brief-cta { display: inline-flex; align-items: center; gap: 10px; padding: 12px 17px; color: #173225; background: var(--mango-500); border-radius: 7px; font-weight: 800; }

@media (max-width: 760px) {
  .rgl-studio .blog-card-art { min-height: 218px; }
  .rgl-studio .blog-card-body h2 { top: 99px; font-size: 24px; }
  .rgl-studio .market-blog-card-copy h3 { top: 94px; font-size: 24px; }
  .rgl-studio .privacy-brief { grid-template-columns: 1fr; gap: 25px; }
  .rgl-studio .privacy-points { grid-template-columns: 1fr; }
}

/* Final mobile invariants — intentionally last in the cascade */
html:has(.rgl-studio),
body.rgl-studio { max-width: 100%; overflow-x: hidden; }

@media (max-width: 600px) {
  .rgl-studio .notice-bar {
    min-width: 0 !important;
    max-width: 100vw;
    white-space: normal !important;
    overflow: hidden;
    text-align: center;
  }
  .rgl-studio .market-header,
  .rgl-studio .market-mobile-nav,
  .rgl-studio .market-hero,
  .rgl-studio .market-hero-copy,
  .rgl-studio .profile-header,
  .rgl-studio .compact-mobile-nav,
  .rgl-studio .profile-hero-v2,
  .rgl-studio .profile-hero-v2 > *,
  .rgl-studio .profile-action-card { min-width: 0; max-width: 100%; box-sizing: border-box; }
  .rgl-studio .market-label { width: auto; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
  .rgl-studio .market-hero h1,
  .rgl-studio .profile-hero-v2 h1 { max-width: 100%; overflow-wrap: anywhere; word-break: normal; }
  .rgl-studio .market-hero h1 { font-size: clamp(31px, 9.1vw, 36px) !important; }
  .rgl-studio .profile-hero-v2 h1 { font-size: clamp(31px, 9vw, 36px) !important; }
  .rgl-studio .market-hero-copy > p,
  .rgl-studio .profile-hero-v2 p { overflow-wrap: anywhere; }
  .rgl-studio .market-actions { grid-template-columns: 1fr; }
  .rgl-studio .market-primary,
  .rgl-studio .market-secondary { width: 100%; }
  .rgl-studio .market-mobile-nav,
  .rgl-studio .compact-mobile-nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .rgl-studio .market-mobile-nav a,
  .rgl-studio .compact-mobile-nav a { min-width: 0; padding-inline: 3px; font-size: 8.5px; }
  .rgl-studio .directory-grid,
  .rgl-studio .directory-card,
  .rgl-studio .directory-card-main,
  .rgl-studio .directory-card-title { min-width: 0; max-width: 100%; }
}

/* v14 — restrained Indian-red accents: emphasis, never the primary surface */
.rgl-studio .market-hero-copy::before {
  color: var(--india-red-700);
  box-shadow: 4px 4px 0 var(--mango-500), 7px 7px 0 var(--india-red-700);
}

.rgl-studio .market-label {
  border-left: 4px solid var(--india-red-700);
}

.rgl-studio .popular-row > a.featured-champion {
  border-color: rgba(167, 38, 31, .42) !important;
  box-shadow: 0 16px 34px rgba(105, 34, 23, .14) !important;
}
.rgl-studio .popular-row > a.featured-champion::before {
  background: linear-gradient(90deg, var(--india-red-700), var(--mango-500));
}
.rgl-studio .featured-champion .featured-rank b { color: var(--india-red-700); }
.rgl-studio .featured-champion .featured-rank small {
  width: max-content;
  margin-top: 4px;
  padding: 3px 7px;
  color: #fff;
  background: var(--india-red-700);
  border-radius: 999px;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .04em;
}
.rgl-studio .featured-champion .featured-category {
  color: var(--india-red-700) !important;
  background: var(--india-red-100) !important;
}
.rgl-studio .featured-champion .featured-stars i { color: var(--india-red-600); }

.rgl-studio .category-tabs button.active {
  background: var(--india-red-700) !important;
  border-color: var(--india-red-700) !important;
}
.rgl-studio .directory-card:hover::before { background: var(--india-red-600); }
.rgl-studio .directory-card:focus-within {
  border-color: rgba(167, 38, 31, .45);
  box-shadow: 0 0 0 3px rgba(167, 38, 31, .1), var(--shadow-sm);
}

.rgl-studio .blog-card-art::before,
.rgl-studio .market-blog-cards .blog-artwork::before { color: rgba(248, 215, 122, .28); }
.rgl-studio .article-summary { border-left-color: var(--india-red-700); }
.rgl-studio .profile-hero-v2,
.rgl-studio .rules-hero { border-bottom-color: var(--india-red-700); }
.rgl-studio .profile-featured-apk small,
.rgl-studio .article-download-promo small { color: var(--india-red-700) !important; }

.rgl-studio a:focus-visible,
.rgl-studio button:focus-visible,
.rgl-studio input:focus-visible {
  outline: 3px solid var(--india-red-600);
  outline-offset: 3px;
}

@media (max-width: 600px) {
  .rgl-studio .market-label { border-left-width: 3px; }
  .rgl-studio .featured-champion .featured-rank small { padding: 3px 6px; }
}

/* v13 — India-first directory UX refinement */
.rgl-studio { overflow-x: clip; }
.rgl-studio .market-header nav a,
.rgl-studio .market-header .language,
.rgl-studio .profile-header nav a { min-height: 44px; display: inline-flex; align-items: center; }
.rgl-studio .category-tabs { flex-wrap: wrap; overflow: visible; }
.rgl-studio .category-tabs button { min-height: 44px; padding-inline: 16px; }
.rgl-studio .app-details-cta { min-height: 46px; font-size: 12px; font-weight: 800; }

.rgl-studio .profile-featured-apk {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #dbe3dd;
}
.rgl-studio .profile-featured-apk small {
  display: block;
  margin-bottom: 5px;
  color: #8a5700 !important;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
}
.rgl-studio .profile-featured-apk p { margin: 0 0 10px; font-size: 12px; line-height: 1.45; }
.rgl-studio .profile-featured-apk a {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #173225 !important;
  background: var(--mango-500) !important;
  border: 1px solid var(--mango-300);
  border-radius: 8px;
  box-shadow: 0 4px 0 #996f11;
  font-family: var(--utility);
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.rgl-studio .compact-mobile-nav,
.rgl-studio .mobile-profile-download { display: none; }

@media (min-width: 981px) {
  .rgl-studio .directory-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rgl-studio .directory-card { min-height: 242px; }
}

@media (max-width: 600px) {
  .rgl-studio .notice-bar { min-height: 31px; padding: 6px 10px; font-size: 8px; line-height: 1.35; }
  .rgl-studio .market-header { min-height: 62px; padding-inline: 14px; }
  .rgl-studio .market-mobile-nav { gap: 3px; padding: 0 8px; }
  .rgl-studio .market-mobile-nav a { min-height: 44px; display: flex; align-items: center; justify-content: center; }

  .rgl-studio .market-hero { min-height: 0; padding: 222px 16px 28px; }
  .rgl-studio .market-hero h1 { margin: 12px 0 10px; font-size: 35px; line-height: .98; }
  .rgl-studio .market-hero-copy::before { margin-bottom: 9px; padding: 4px 8px; font-size: 12px; }
  .rgl-studio .market-label { font-size: 8px; padding: 5px 8px; }
  .rgl-studio .market-hero-copy > p { font-size: 12px; line-height: 1.52; }
  .rgl-studio .market-actions { margin-top: 16px; gap: 9px; }
  .rgl-studio .market-primary,
  .rgl-studio .market-secondary { min-height: 50px; padding-inline: 14px; }
  .rgl-studio .registration-note { margin-top: 12px; font-size: 9px; line-height: 1.45; }
  .rgl-studio .hero-badges { gap: 6px; margin-top: 13px; }
  .rgl-studio .hero-badges li { min-height: 44px; padding: 7px 8px; font-size: 9px; }

  .rgl-studio .directory-section { padding-top: 48px; padding-bottom: 48px; }
  .rgl-studio .directory-intro { padding-bottom: 18px; }
  .rgl-studio .directory-intro h2 { font-size: 37px; line-height: .98; }
  .rgl-studio .category-tabs { gap: 7px; padding: 14px 0 9px; }
  .rgl-studio .category-tabs button { min-height: 42px; padding: 8px 13px; }
  .rgl-studio .directory-card { min-height: 222px; padding: 16px 16px 14px 19px; }
  .rgl-studio .directory-card-main { grid-template-columns: 60px 1fr; gap: 12px; }
  .rgl-studio .directory-card-main > img { width: 60px; height: 60px; }
  .rgl-studio .app-details-cta { min-height: 48px; }

  .rgl-studio .profile-header { min-height: 60px; }
  .rgl-studio .profile-header nav { display: none; }
  .rgl-studio .compact-mobile-nav {
    min-height: 45px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #073e2e;
    border-bottom: 1px solid rgba(255,255,255,.12);
  }
  .rgl-studio .compact-mobile-nav a {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.86);
    font-family: var(--utility);
    font-size: 9px;
    font-weight: 800;
    text-decoration: none;
  }
  .rgl-studio .profile-hero-v2 { padding: 25px 16px 24px; gap: 16px; }
  .rgl-studio .profile-hero-v2 h1 { font-size: 36px; line-height: .98; }
  .rgl-studio .profile-action-card { padding: 17px; }
  .rgl-studio .profile-featured-apk a { min-height: 50px; }
  .rgl-studio .app-profile-page { padding-bottom: 82px; }

  .rgl-studio .mobile-profile-download,
  .rgl-studio .mobile-download-bar.enhanced-sticky {
    position: fixed;
    z-index: 1000;
    left: 10px;
    right: 10px;
    bottom: calc(9px + env(safe-area-inset-bottom));
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 12px 9px 14px;
    color: #173225 !important;
    background: #f2b93b !important;
    border: 1px solid #f8d77a;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(2,32,23,.32), 0 3px 0 #996f11;
    text-decoration: none;
    transform: translateY(125%);
    opacity: 0;
    transition: transform .24s ease, opacity .24s ease;
  }
  .rgl-studio .mobile-profile-download.is-visible,
  .rgl-studio .mobile-download-bar.enhanced-sticky.is-visible { transform: translateY(0); opacity: 1; }
  .rgl-studio .mobile-profile-download small { display: block; font-size: 8px; font-weight: 900; letter-spacing: .07em; }
  .rgl-studio .mobile-profile-download b { display: block; font-size: 13px; }
  .rgl-studio .mobile-profile-download strong { padding: 10px 12px; color: #fff; background: #07533c; border-radius: 8px; font-family: var(--utility); font-size: 10px; white-space: nowrap; }
}

@media (prefers-reduced-motion: reduce) {
  .rgl-studio *, .rgl-studio *::before, .rgl-studio *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}
@media (prefers-reduced-motion: reduce) { .rgl-studio .blog-card-art img { transition: none; } }

html { scroll-behavior: smooth; }

body {
  color: var(--ink-950);
  background: var(--paper-100);
  font-family: var(--body);
  -webkit-font-smoothing: antialiased;
}

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

.rgl-studio :is(h1, h2, h3, .brand > span:last-child) {
  font-family: var(--display);
  font-weight: 800;
}

.rgl-studio :is(a, button, summary) { -webkit-tap-highlight-color: transparent; }

.rgl-studio :is(a, button, input, summary):focus-visible {
  outline: 3px solid var(--mango-500);
  outline-offset: 4px;
}

/* Header — compact, authoritative and easy to scan */
.rgl-studio .notice-bar {
  color: #f9e6a5 !important;
  background: var(--felt-950) !important;
  border-bottom: 1px solid rgba(248, 215, 122, 0.18);
  min-height: 27px;
  letter-spacing: 0.13em;
  font-family: var(--utility);
  font-size: 9px;
}

.rgl-studio .market-header {
  z-index: 90;
  top: 0;
  min-height: 76px;
  padding: 12px clamp(20px, 6vw, 88px);
  background: rgba(7, 62, 45, 0.98) !important;
  border-bottom: 1px solid rgba(248, 215, 122, 0.32) !important;
  box-shadow: 0 8px 24px rgba(4, 36, 27, 0.16);
  backdrop-filter: blur(12px);
}

.rgl-studio .market-header .brand { gap: 12px; }

.rgl-studio .brand-mark {
  display: inline-block;
  flex: 0 0 auto;
  width: 48px !important;
  height: 48px !important;
  border-radius: 11px !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden;
  background: url('/rummygamelist-card-mark-v12.svg') center / contain no-repeat !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2) !important;
}

.rgl-studio .market-header .brand > span:last-child {
  color: #fff;
  letter-spacing: -0.025em;
  font-size: 22px;
}

.rgl-studio .market-header nav { gap: 7px; }

.rgl-studio .market-header nav a {
  color: rgba(255,255,255,.78) !important;
  border-radius: 7px;
  padding: 10px 13px;
  font-size: 12px;
  font-weight: 750;
  transition: color .2s ease, background .2s ease;
}

.rgl-studio .market-header nav a:hover {
  color: #fff !important;
  background: rgba(255,255,255,.09);
}

.rgl-studio .market-header .language {
  color: #fff7d6 !important;
  background: rgba(242,185,59,.1);
  border: 1px solid rgba(248,215,122,.62) !important;
  border-radius: 999px;
  padding: 9px 15px;
}

/* Hero — one memorable moment: a Rummy table poster with a card-sequence rail */
.rgl-studio .market-hero {
  min-height: 510px;
  background: var(--felt-950) !important;
  border-bottom: 5px solid var(--mango-500);
  isolation: isolate;
}

.rgl-studio .market-hero-slide::after {
  content: "";
  z-index: 1;
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(5,45,34,.06) 0%, rgba(5,45,34,.16) 34%, rgba(5,45,34,.88) 66%, rgba(3,32,24,.97) 100%),
    radial-gradient(circle at 84% 18%, rgba(242,185,59,.18), transparent 30%);
}

.rgl-studio .market-hero-copy {
  width: min(650px, 49%);
  margin-left: auto;
  padding-left: 24px;
}

.rgl-studio .market-hero-copy::before {
  content: "7♥  8♥  9♥";
  display: block;
  width: max-content;
  margin-bottom: 14px;
  color: #9d261f;
  background: var(--card-50);
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 7px;
  padding: 7px 11px;
  box-shadow: 4px 4px 0 var(--mango-500);
  font-family: Georgia, serif;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .04em;
  transform: rotate(-1.5deg);
}

.rgl-studio .market-label {
  width: max-content;
  max-width: 100%;
  color: #173225 !important;
  background: var(--mango-300) !important;
  border-radius: 4px;
  padding: 6px 10px;
  letter-spacing: .075em;
  font-family: var(--utility);
  font-size: 9px;
  line-height: 1.35;
}

.rgl-studio .market-hero h1 {
  max-width: 660px;
  margin: 17px 0 14px;
  color: #fff;
  letter-spacing: -0.045em;
  font-size: clamp(43px, 5vw, 72px);
  line-height: .92;
  text-wrap: balance;
}

.rgl-studio .market-hero h1 em {
  color: var(--mango-300) !important;
  font-style: normal;
}

.rgl-studio .market-hero-copy > p {
  max-width: 590px;
  color: rgba(255,255,255,.78);
  font-size: 14px;
  line-height: 1.65;
}

.rgl-studio .market-actions { gap: 12px; margin-top: 22px; }

.rgl-studio .market-primary,
.rgl-studio .mobile-download-bar {
  color: #173225 !important;
  background: var(--mango-500) !important;
  border: 1px solid #f8d77a !important;
  box-shadow: 0 4px 0 #996f11, 0 12px 24px rgba(0,0,0,.22) !important;
}

.rgl-studio .market-primary {
  min-height: 54px;
  border-radius: 9px;
  padding: 0 24px;
  letter-spacing: .01em;
  font-size: 14px;
}

.rgl-studio .market-primary:hover { transform: translateY(-2px); }
.rgl-studio .market-primary:active { transform: translateY(2px); box-shadow: 0 2px 0 #996f11 !important; }

.rgl-studio .market-secondary {
  min-height: 54px;
  color: #fff !important;
  background: rgba(3,31,23,.48) !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  border-radius: 9px;
}

.rgl-studio .registration-note { color: rgba(255,255,255,.48); }

.rgl-studio .hero-badges {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.16);
}

.rgl-studio .hero-badges span { color: rgba(255,255,255,.66); }
.rgl-studio .hero-badges b { color: var(--mango-300) !important; }
.rgl-studio .hero-motion-deck { filter: drop-shadow(0 12px 19px rgba(0,0,0,.25)); }

/* Shared section system */
.rgl-studio :is(.popular-row, .directory-section, .rummy-formats-section, .rummy-rules-section, .market-blog-strip, .download-guide, .market-faq, .keyword-intro, .market-about, .simple-trust) {
  padding-left: clamp(20px, 6vw, 88px);
  padding-right: clamp(20px, 6vw, 88px);
}

.rgl-studio :is(.popular-heading, .directory-intro, .rummy-formats-heading, .rummy-rules-section > header, .market-blog-heading, .guide-heading, .market-faq > div:first-child, .about-directory-intro > div:first-child) > small {
  color: var(--felt-700) !important;
  font-family: var(--utility);
  font-size: 9px;
  letter-spacing: .13em;
}

.rgl-studio :is(.popular-heading, .directory-intro, .rummy-formats-heading, .rummy-rules-section > header, .market-blog-heading, .guide-heading, .market-faq > div:first-child, .about-directory-intro > div:first-child) h2 {
  color: var(--ink-950);
  letter-spacing: -0.035em;
  line-height: .98;
}

/* Featured apps — tournament scorecards, not generic promo cards */
.rgl-studio .popular-row {
  position: relative;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
  padding-top: 54px;
  padding-bottom: 62px;
  background: var(--paper-100) !important;
  border-bottom: 1px solid var(--line);
}

.rgl-studio .popular-row::before {
  content: "";
  position: absolute;
  top: 0;
  left: clamp(20px, 6vw, 88px);
  right: clamp(20px, 6vw, 88px);
  height: 4px;
  background: linear-gradient(90deg, #9d261f 0 33.33%, var(--mango-500) 33.33% 66.66%, var(--felt-700) 66.66%);
}

.rgl-studio .popular-heading { grid-column: 1 / -1; margin-bottom: 8px; }
.rgl-studio .popular-heading h2 { font-size: clamp(34px, 4vw, 52px); }
.rgl-studio .popular-heading p { max-width: 680px; color: var(--ink-700); }

.rgl-studio .popular-row > a {
  min-height: 190px;
  grid-template-columns: 54px 70px 1fr;
  align-content: start;
  gap: 16px 12px;
  padding: 18px;
  color: var(--ink-950);
  background: var(--card-50) !important;
  border: 1px solid #cfd8d1 !important;
  border-radius: 10px;
  box-shadow: var(--shadow-sm) !important;
}

.rgl-studio .popular-row > a::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 16px;
  right: 16px;
  height: 4px;
  background: var(--felt-700);
  border-radius: 0 0 6px 6px;
}

.rgl-studio .popular-row > a.featured-champion {
  border-color: #dbb451 !important;
  box-shadow: 0 16px 34px rgba(105, 76, 12, .14) !important;
}

.rgl-studio .popular-row > a.featured-champion::before { background: var(--mango-500); }
.rgl-studio .popular-row > a:hover { transform: translateY(-5px); box-shadow: var(--shadow-md) !important; }

.rgl-studio .popular-row img {
  width: 70px;
  height: 70px;
  border: 1px solid #d7ddd8;
  border-radius: 16px;
  box-shadow: 0 8px 18px rgba(5,45,34,.12);
}

.rgl-studio .featured-rank {
  align-items: center;
  justify-content: center;
  border-right: 1px dashed #cfd7d0;
  min-height: 78px;
}

.rgl-studio .featured-rank b {
  color: var(--felt-800);
  font-family: var(--display);
  font-size: 25px !important;
}

.rgl-studio .featured-category {
  color: var(--felt-700) !important;
  background: var(--mint-100) !important;
  letter-spacing: .12em;
}

.rgl-studio .featured-app-copy > b { font-size: 18px !important; }
.rgl-studio .featured-stars i { color: var(--mango-500); }

.rgl-studio .featured-details {
  grid-column: 2 / -1;
  align-self: end;
  width: 100%;
  color: #fff !important;
  background: var(--felt-800) !important;
  border-radius: 7px;
  padding: 11px 13px;
  text-align: center;
  font-size: 11px;
}

/* Directory — the page's largest, most practical area */
.rgl-studio .directory-section {
  padding-top: 72px;
  padding-bottom: 82px;
  background: #fff;
  border-bottom: 1px solid var(--line) !important;
}

.rgl-studio .directory-intro {
  align-items: end;
  padding-bottom: 27px;
  border-bottom: 1px solid var(--line);
}

.rgl-studio .directory-intro h2 { font-size: clamp(39px, 5vw, 64px); }
.rgl-studio .directory-intro p { max-width: 760px; color: var(--ink-700); line-height: 1.7; }

.rgl-studio .search-box {
  min-width: min(100%, 330px);
  background: var(--card-50);
  border: 1px solid #bfcac2;
  border-radius: 9px;
  box-shadow: inset 0 1px 0 #fff, 0 6px 14px rgba(5,45,34,.06);
}

.rgl-studio .search-box:focus-within { border-color: var(--felt-700); box-shadow: 0 0 0 4px rgba(10,104,71,.12); }
.rgl-studio .search-box span { color: var(--felt-700); }

.rgl-studio .category-tabs { gap: 8px; padding: 19px 0 11px; }

.rgl-studio .category-tabs button {
  color: #3f554a;
  background: #f3f6f3;
  border: 1px solid #d2dbd4;
  border-radius: 999px;
  padding: 9px 15px;
  font-size: 10px;
}

.rgl-studio .category-tabs button.active {
  color: #fff !important;
  background: var(--felt-700) !important;
  border-color: var(--felt-700) !important;
  box-shadow: none !important;
}

.rgl-studio .result-count {
  color: #66786f;
  margin-bottom: 14px;
  font-family: var(--utility);
  font-size: 10px;
}

.rgl-studio .directory-grid { gap: 13px; }

.rgl-studio .directory-card {
  position: relative;
  min-height: 252px;
  display: flex;
  flex-direction: column;
  padding: 18px 18px 16px 21px;
  background: var(--card-50);
  border: 1px solid #d7ddd8;
  border-radius: 9px;
  box-shadow: 0 3px 11px rgba(5,45,34,.055);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.rgl-studio .directory-card::before {
  content: "";
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 0;
  width: 4px;
  background: var(--felt-700);
  border-radius: 0 4px 4px 0;
}

.rgl-studio .directory-card:hover {
  transform: translateY(-3px);
  border-color: #adc0b3;
  box-shadow: var(--shadow-sm);
}

.rgl-studio .directory-card-main { grid-template-columns: 66px 1fr; gap: 13px; }

.rgl-studio .directory-card-main > img {
  width: 66px;
  height: 66px;
  border: 1px solid #d8ded9;
  border-radius: 14px;
  box-shadow: 0 6px 13px rgba(5,45,34,.1);
}

.rgl-studio .directory-card-title h3 {
  color: var(--ink-950);
  font-size: 18px;
  line-height: 1.1;
}

.rgl-studio .directory-card-title .reviewed {
  color: #fff !important;
  background: var(--felt-700) !important;
}

.rgl-studio .directory-card-title .listed {
  color: #5d645f;
  background: #ecefea;
}

.rgl-studio .directory-category small,
.rgl-studio .directory-information dt {
  color: #77877e;
  font-family: var(--utility);
  letter-spacing: .04em;
}

.rgl-studio .directory-information dd { color: #31473c; }

.rgl-studio .app-details-cta {
  width: 100%;
  min-height: 41px;
  margin-top: auto;
  color: #fff !important;
  background: var(--felt-800) !important;
  border: 1px solid var(--felt-800) !important;
  border-radius: 7px;
  box-shadow: none !important;
  font-size: 11px;
}

.rgl-studio .app-details-cta:hover { background: var(--felt-700) !important; }

/* Categories — compact format chips inspired by a Rummy hand */
.rgl-studio .rummy-formats-section {
  padding-top: 62px;
  padding-bottom: 62px;
  background: var(--paper-100);
  border-bottom: 1px solid var(--line) !important;
}

.rgl-studio .rummy-formats-heading {
  display: grid;
  grid-template-columns: minmax(260px, .7fr) 1fr;
  column-gap: 7vw;
  align-items: end;
}

.rgl-studio .rummy-formats-heading small,
.rgl-studio .rummy-formats-heading h2 { grid-column: 1; }
.rgl-studio .rummy-formats-heading p { grid-column: 2; grid-row: 1 / span 2; color: var(--ink-700); }
.rgl-studio .rummy-formats-heading h2 { font-size: clamp(34px, 4vw, 50px); }

.rgl-studio .rummy-format-grid { gap: 10px; }

.rgl-studio .rummy-format-grid article {
  position: relative;
  min-height: 155px;
  padding: 20px 18px 18px;
  background: var(--card-50) !important;
  border: 1px solid #d4dcd5 !important;
  border-radius: 8px;
  overflow: hidden;
}

.rgl-studio .rummy-format-grid article::after {
  content: "♥";
  position: absolute;
  right: 11px;
  bottom: -11px;
  color: rgba(157,38,31,.085);
  font-family: Georgia, serif;
  font-size: 66px;
}

.rgl-studio .rummy-format-grid b { color: var(--ink-950); }
.rgl-studio .rummy-format-grid span { color: var(--felt-700); font-family: var(--utility); }
.rgl-studio .rummy-format-grid p { color: var(--ink-700); }

/* Rules — a quiet felt table, with the rule card laid on top */
.rgl-studio .rummy-rules-section {
  position: relative;
  padding-top: 74px;
  padding-bottom: 78px;
  background:
    radial-gradient(circle at 15% 20%, rgba(255,255,255,.06), transparent 20%),
    linear-gradient(135deg, var(--felt-800), var(--felt-950));
  border: 0 !important;
}

.rgl-studio .rummy-rules-section > header { max-width: 820px; }
.rgl-studio .rummy-rules-section > header > small { color: var(--mango-300) !important; }
.rgl-studio .rummy-rules-section > header h2 { color: #fff; font-size: clamp(40px, 5vw, 62px); }
.rgl-studio .rummy-rules-section > header p { color: rgba(255,255,255,.7); font-size: 14px; line-height: 1.75; }

.rgl-studio .rummy-rules-compact {
  margin-top: 27px;
  padding: 24px;
  background: var(--card-50) !important;
  border: 1px solid rgba(248,215,122,.62) !important;
  border-radius: 11px;
  box-shadow: 0 22px 52px rgba(0,0,0,.21);
}

.rgl-studio .rummy-rules-compact li {
  color: var(--felt-800);
  background: var(--mint-100);
  border-color: #c8d9cd;
}

.rgl-studio .rules-guide-cta {
  color: #173225 !important;
  background: var(--mango-500) !important;
  border: 1px solid #d49b20 !important;
  box-shadow: none !important;
}

/* Blog — editorial, image-led and intentionally calmer */
.rgl-studio .market-blog-strip {
  padding-top: 78px;
  padding-bottom: 82px;
  background: #f8f5eb;
}

.rgl-studio .market-blog-heading h2 { max-width: 680px; font-size: clamp(38px, 4.4vw, 58px); }
.rgl-studio .market-blog-heading p { color: var(--ink-700); }
.rgl-studio .market-blog-heading > a { color: var(--felt-700); border-bottom: 1px solid var(--felt-700); }

.rgl-studio .market-blog-cards { gap: 16px; }

.rgl-studio .market-blog-cards article {
  background: var(--card-50);
  border: 1px solid #d6ddd7;
  border-radius: 9px;
  box-shadow: var(--shadow-sm);
}

.rgl-studio .market-blog-cards article > a { color: var(--ink-950); }
.rgl-studio .blog-artwork { aspect-ratio: 16 / 10; }
.rgl-studio .blog-artwork::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 -65px 55px rgba(5,45,34,.25); }
.rgl-studio .market-blog-number { color: #173225; background: var(--mango-500); }
.rgl-studio .market-blog-card-copy { padding: 20px; }
.rgl-studio .market-blog-card-copy > small { color: var(--felt-700); font-family: var(--utility); }
.rgl-studio .market-blog-cards h3 { color: var(--ink-950); font-size: 24px; }
.rgl-studio .market-blog-cards p { color: var(--ink-700); font-size: 12px; }
.rgl-studio .market-blog-card-copy > div { color: #6b7a72; border-color: #dfe4df; }
.rgl-studio .market-blog-cards b { color: var(--felt-700); }

/* Safety — numbered steps are valid here because this is a real sequence */
.rgl-studio .download-guide {
  padding-top: 70px;
  padding-bottom: 72px;
  background: #fff;
}

.rgl-studio .guide-heading h2 { font-size: clamp(38px, 4.5vw, 56px); }
.rgl-studio .guide-heading p { max-width: 760px; color: var(--ink-700); }

.rgl-studio .download-steps { gap: 13px; }

.rgl-studio .download-steps article {
  min-height: 190px;
  background: var(--card-50) !important;
  border: 1px solid #d4ddd6 !important;
  border-radius: 8px;
}

.rgl-studio .download-steps article > b {
  color: #fff;
  background: var(--felt-700);
  border-radius: 6px;
  font-family: var(--utility);
}

.rgl-studio .download-steps h3 { color: var(--ink-950); }
.rgl-studio .download-steps p { color: var(--ink-700); }

/* FAQ — concise questions, visible rhythm, no oversized decoration */
.rgl-studio .market-faq {
  grid-template-columns: minmax(260px, .66fr) 1.34fr;
  gap: 8vw;
  padding-top: 78px;
  padding-bottom: 80px;
  background: var(--mint-100);
}

.rgl-studio .market-faq h2 { color: var(--ink-950); font-size: clamp(38px, 4.6vw, 58px); }
.rgl-studio .market-faq > div:first-child p { color: var(--ink-700); }
.rgl-studio .market-faq-list { border-top: 1px solid #b9cabf; }
.rgl-studio .market-faq details { border-bottom: 1px solid #b9cabf; }
.rgl-studio .market-faq summary { color: var(--ink-950); padding: 19px 0; font-size: 16px; }
.rgl-studio .market-faq summary span { color: var(--felt-700); background: #fff; border: 1px solid #c8d7cd; }
.rgl-studio .market-faq details p { color: var(--ink-700); max-width: 720px; }

/* About and trust — publication identity, then the proof strip at the very end */
.rgl-studio .about-directory-intro {
  padding-top: 78px;
  padding-bottom: 78px;
  background: var(--card-50);
  border-top: 1px solid var(--line);
}

.rgl-studio .about-directory-intro h2 { font-size: clamp(38px, 4.6vw, 58px); }
.rgl-studio .about-directory-intro p { color: var(--ink-700); font-size: 13px; line-height: 1.8; }

.rgl-studio .market-about {
  align-items: center;
  background: var(--felt-800) !important;
  border-top: 1px solid rgba(255,255,255,.1);
  border-bottom: 1px solid rgba(255,255,255,.1);
}

.rgl-studio .market-about h2 { color: #fff; }
.rgl-studio .market-about p { color: rgba(255,255,255,.68); }
.rgl-studio .market-about a { color: var(--mango-300) !important; }

.rgl-studio .simple-trust {
  color: #fff;
  background: var(--felt-950) !important;
  border: 0;
}

.rgl-studio .simple-trust small { color: var(--mango-300) !important; }
.rgl-studio .simple-trust h2 { color: #fff; }
.rgl-studio .simple-trust li { border-color: rgba(255,255,255,.14); }
.rgl-studio .simple-trust li b { color: #fff; }
.rgl-studio .simple-trust li span { color: rgba(255,255,255,.62); }
.rgl-studio .simple-trust > a { color: var(--mango-300) !important; }

.rgl-studio .market-footer {
  background: #031f18 !important;
  border-top: 1px solid rgba(248,215,122,.28);
}

.rgl-studio .market-footer .brand > span:last-child { color: #fff; }
.rgl-studio .market-footer p { color: rgba(255,255,255,.52); }
.rgl-studio .market-footer a { color: rgba(255,255,255,.7) !important; }
.rgl-studio .market-footer a:hover { color: var(--mango-300) !important; }

/* Micro-motion: one orchestrated page entrance, restrained hover elsewhere */
@keyframes rgl-enter {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

.rgl-studio .market-hero-copy > * { animation: rgl-enter .55s ease both; }
.rgl-studio .market-hero-copy > :nth-child(2) { animation-delay: .06s; }
.rgl-studio .market-hero-copy > :nth-child(3) { animation-delay: .12s; }
.rgl-studio .market-hero-copy > :nth-child(4) { animation-delay: .18s; }
.rgl-studio .market-hero-copy > :nth-child(n+5) { animation-delay: .24s; }

/* Tablet */
@media (max-width: 980px) {
  .rgl-studio .market-header { padding-inline: 28px; }
  .rgl-studio .market-hero-copy { width: 54%; }
  .rgl-studio .popular-row { grid-template-columns: 1fr; }
  .rgl-studio .popular-row > a { grid-template-columns: 54px 70px 1fr auto; min-height: 120px; }
  .rgl-studio .featured-details { grid-column: 4; grid-row: 1; align-self: center; width: max-content; }
  .rgl-studio .directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rgl-studio .rummy-formats-heading { grid-template-columns: 1fr; }
  .rgl-studio .rummy-formats-heading p { grid-column: 1; grid-row: auto; }
  .rgl-studio .rummy-format-grid { grid-template-columns: repeat(3, 1fr); }
  .rgl-studio .market-faq { grid-template-columns: 1fr; gap: 30px; }
}

/* Mobile — designed for one-handed Android browsing */
@media (max-width: 600px) {
  .rgl-studio .notice-bar { padding-inline: 12px; letter-spacing: .08em; font-size: 7.5px; }
  .rgl-studio .market-header { min-height: 63px; padding: 8px 16px; }
  .rgl-studio .brand-mark { width: 40px !important; height: 40px !important; }
  .rgl-studio .market-header .brand > span:last-child { font-size: 18px; }
  .rgl-studio .market-header .language { padding: 7px 10px; font-size: 10px; }
  .rgl-studio .market-mobile-nav { background: var(--felt-950) !important; border-color: rgba(248,215,122,.2) !important; }
  .rgl-studio .market-mobile-nav a { color: rgba(255,255,255,.78) !important; }

  .rgl-studio .market-hero { min-height: 650px; padding: 275px 18px 34px; }
  .rgl-studio .market-hero-slide::after {
    background: linear-gradient(180deg, rgba(5,45,34,.02) 0%, rgba(5,45,34,.12) 34%, rgba(5,45,34,.94) 57%, var(--felt-950) 100%);
  }
  .rgl-studio .market-hero-copy { width: 100%; margin: 0; padding: 0; }
  .rgl-studio .market-hero-copy::before { margin-bottom: 12px; padding: 5px 9px; font-size: 13px; }
  .rgl-studio .market-label { width: 100%; font-size: 8px; }
  .rgl-studio .market-hero h1 { margin-top: 14px; font-size: 42px; line-height: .96; }
  .rgl-studio .market-hero-copy > p { font-size: 12px; line-height: 1.6; }
  .rgl-studio .market-actions { display: grid; grid-template-columns: 1fr; }
  .rgl-studio .market-primary, .rgl-studio .market-secondary { width: 100%; }
  .rgl-studio .hero-badges { gap: 9px; }

  .rgl-studio :is(.popular-row, .directory-section, .rummy-formats-section, .rummy-rules-section, .market-blog-strip, .download-guide, .market-faq, .keyword-intro, .market-about, .simple-trust) {
    padding-left: 16px;
    padding-right: 16px;
  }

  .rgl-studio .popular-row { padding-top: 42px; padding-bottom: 50px; }
  .rgl-studio .popular-row::before { left: 16px; right: 16px; }
  .rgl-studio .popular-heading h2 { font-size: 36px; }
  .rgl-studio .popular-row > a {
    grid-template-columns: 44px 60px 1fr;
    min-height: 184px;
    padding: 16px;
  }
  .rgl-studio .popular-row img { width: 60px; height: 60px; }
  .rgl-studio .featured-rank { min-height: 66px; }
  .rgl-studio .featured-details { grid-column: 2 / -1; grid-row: auto; width: 100%; }

  .rgl-studio .directory-section { padding-top: 55px; padding-bottom: 64px; }
  .rgl-studio .directory-intro h2 { font-size: 42px; }
  .rgl-studio .directory-intro { display: block; }
  .rgl-studio .search-box { width: 100%; margin-top: 20px; }
  .rgl-studio .category-tabs { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 14px; scrollbar-width: none; }
  .rgl-studio .category-tabs button { white-space: nowrap; }
  .rgl-studio .directory-grid { grid-template-columns: 1fr; }
  .rgl-studio .directory-card { min-height: 232px; }

  .rgl-studio .rummy-formats-section { padding-top: 52px; padding-bottom: 54px; }
  .rgl-studio .rummy-format-grid { grid-template-columns: 1fr; }
  .rgl-studio .rummy-rules-section { padding-top: 58px; padding-bottom: 62px; }
  .rgl-studio .rummy-rules-compact { padding: 18px; }
  .rgl-studio .rummy-rules-compact ul { grid-template-columns: repeat(2, 1fr); }

  .rgl-studio .market-blog-strip { padding-top: 58px; padding-bottom: 62px; }
  .rgl-studio .market-blog-cards { grid-template-columns: 1fr; }
  .rgl-studio .market-blog-cards h3 { font-size: 23px; }

  .rgl-studio .download-guide { padding-top: 56px; padding-bottom: 58px; }
  .rgl-studio .download-steps { grid-template-columns: 1fr; }
  .rgl-studio .download-steps article { min-height: 0; }

  .rgl-studio .market-faq { padding-top: 58px; padding-bottom: 60px; }
  .rgl-studio .market-faq h2 { font-size: 40px; }
  .rgl-studio .market-faq summary { gap: 13px; font-size: 14px; line-height: 1.4; }

  .rgl-studio .about-directory-intro { padding-top: 58px; padding-bottom: 58px; }
  .rgl-studio .about-directory-intro h2 { font-size: 40px; }
}

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

/* Long-form editorial images */
.rgl-studio .article-inline-figure {
  margin: 36px 0;
  background: #f3ead8;
  border: 1px solid #dfcba7;
  border-radius: 14px;
  overflow: hidden;
}
.rgl-studio .article-inline-figure img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.rgl-studio .article-inline-figure figcaption {
  color: #705e55;
  padding: 12px 16px 14px;
  font-size: 12px;
  line-height: 1.55;
}
.rgl-studio .article-depth-note {
  margin: 28px 0;
  padding: 22px 24px;
  background: #fff8e9;
  border-left: 4px solid #d79b25;
  border-radius: 0 12px 12px 0;
}
.rgl-studio .article-depth-note b { color: #3c2418; }

/* --------------------------------------------------------------------------
   Complete-site routes: Blog, articles, App profiles, rules and trust pages
   -------------------------------------------------------------------------- */

.rgl-studio .profile-header {
  min-height: 76px;
  padding: 12px clamp(20px, 6vw, 88px);
  color: #fff;
  background: rgba(7, 62, 45, .98) !important;
  border-bottom: 1px solid rgba(248, 215, 122, .32) !important;
  box-shadow: 0 8px 24px rgba(4, 36, 27, .14);
}

.rgl-studio .profile-header :is(a, .brand) { color: #fff !important; }
.rgl-studio .profile-header nav a { color: rgba(255,255,255,.76) !important; }
.rgl-studio .profile-header nav a:hover { color: var(--mango-300) !important; }
.rgl-studio .profile-header .language { color: var(--mango-300) !important; border-color: rgba(248,215,122,.52) !important; }

/* Blog index */
.rgl-studio .blog-home { background: var(--paper-100); }

.rgl-studio .blog-hero {
  color: #fff;
  background:
    radial-gradient(circle at 78% 15%, rgba(242,185,59,.2), transparent 24%),
    linear-gradient(135deg, var(--felt-700), var(--felt-950));
  border-bottom: 5px solid var(--mango-500);
}

.rgl-studio .blog-hero :is(h1, h2) { color: #fff; }
.rgl-studio .blog-hero p { color: rgba(255,255,255,.72); }
.rgl-studio .blog-hero small { color: var(--mango-300); font-family: var(--utility); }
.rgl-studio .blog-hero-card {
  min-height: 330px;
  color: #fff;
  background:
    linear-gradient(180deg, rgba(5,45,34,.05), rgba(5,45,34,.94)),
    url('/blog-images/cover-best-rummy-apps-2026-v2.jpg') center / cover no-repeat;
  border-color: rgba(248,215,122,.55);
  box-shadow: 0 22px 55px rgba(0,0,0,.22);
}
.rgl-studio .blog-hero-card :is(h2, h3, p) { color: #fff; }
.rgl-studio .blog-hero-card a { color: #173225; background: var(--mango-500); }

.rgl-studio .blog-category-nav {
  background: #fff;
  border-color: var(--line);
}

.rgl-studio .blog-category-nav a { color: var(--ink-700); }
.rgl-studio .blog-category-nav a:hover { color: var(--felt-700); }

.rgl-studio .blog-latest,
.rgl-studio .blog-topic-row,
.rgl-studio .blog-editorial { background: var(--paper-100); }

.rgl-studio .blog-section-heading h2,
.rgl-studio .blog-topic-row h2,
.rgl-studio .blog-editorial h2 { color: var(--ink-950); }

.rgl-studio .blog-section-heading small,
.rgl-studio .blog-topic-row small,
.rgl-studio .blog-editorial small { color: var(--felt-700); font-family: var(--utility); }

.rgl-studio .blog-card {
  background: var(--card-50) !important;
  border: 1px solid #d5ddd7 !important;
  border-radius: 9px;
  box-shadow: var(--shadow-sm);
}

.rgl-studio .blog-card :is(h2, h3) { color: var(--ink-950); }
.rgl-studio .blog-card p { color: var(--ink-700); }
.rgl-studio .blog-card a { color: inherit; }
.rgl-studio .blog-card b { color: var(--felt-700); }

/* Article pages */
.rgl-studio .blog-article-page { background: var(--paper-100); }
.rgl-studio .article-shell { max-width: 1240px; }

.rgl-studio .article-hero {
  color: #fff;
  background:
    radial-gradient(circle at 82% 16%, rgba(242,185,59,.18), transparent 26%),
    linear-gradient(145deg, var(--felt-700), var(--felt-950));
  border-radius: 0 0 14px 14px;
  padding-left: clamp(20px, 4vw, 56px);
  padding-right: clamp(20px, 4vw, 56px);
}

.rgl-studio .article-hero h1 { color: #fff; }
.rgl-studio .article-hero > p { color: rgba(255,255,255,.74); }
.rgl-studio .article-hero :is(small, a) { color: var(--mango-300); }
.rgl-studio .article-featured-image img { border-radius: 10px; box-shadow: var(--shadow-md); }

.rgl-studio .article-body,
.rgl-studio .article-summary,
.rgl-studio .article-sidebar > *,
.rgl-studio .article-related-apps,
.rgl-studio .article-related-posts,
.rgl-studio .profile-related-guides {
  background: var(--card-50);
  border-color: #d5ddd7;
  border-radius: 9px;
}

.rgl-studio .article-body { padding: clamp(22px, 4vw, 52px); box-shadow: var(--shadow-sm); }
.rgl-studio .article-body :is(h2, h3) { color: var(--ink-950); }
.rgl-studio .article-body p { color: #34493f; }
.rgl-studio .article-body a { color: var(--felt-700); text-decoration-color: rgba(10,104,71,.35); }
.rgl-studio .article-section-number { color: rgba(10,104,71,.18); }
.rgl-studio .article-summary { border-left: 4px solid var(--mango-500); }

.rgl-studio .article-download-promo {
  color: #fff;
  background: linear-gradient(135deg, var(--felt-700), var(--felt-950));
  border: 1px solid rgba(248,215,122,.45);
  border-radius: 9px;
}

.rgl-studio .article-download-promo a {
  color: #173225 !important;
  background: var(--mango-500) !important;
  border-color: var(--mango-300) !important;
}

.rgl-studio .article-faq details { border-color: #cdd8d0; }
.rgl-studio .article-faq summary { color: var(--ink-950); }
.rgl-studio .article-sources { background: var(--mint-100); border-color: #c5d7cb; }

/* App profile */
.rgl-studio .app-profile-page { background: var(--paper-100); }

.rgl-studio .profile-hero-v2 {
  color: #fff;
  background:
    radial-gradient(circle at 80% 12%, rgba(242,185,59,.2), transparent 24%),
    linear-gradient(135deg, var(--felt-700), var(--felt-950));
  border-bottom: 5px solid var(--mango-500);
}

.rgl-studio .profile-hero-v2 :is(h1, h2) { color: #fff; }
.rgl-studio .profile-hero-v2 p { color: rgba(255,255,255,.72); }
.rgl-studio .profile-hero-v2 img { border-color: rgba(248,215,122,.65); box-shadow: 0 18px 42px rgba(0,0,0,.24); }
.rgl-studio .profile-hero-v2 small { color: var(--mango-300); font-family: var(--utility); }

.rgl-studio .profile-action-card {
  color: var(--ink-950);
  background: var(--card-50) !important;
  border: 1px solid #d7ddd8 !important;
  border-radius: 10px;
  box-shadow: var(--shadow-md);
}

.rgl-studio .profile-action-card :is(h2, h3) { color: var(--ink-950); }
.rgl-studio .profile-action-card p { color: var(--ink-700); }

.rgl-studio .profile-action-card a,
.rgl-studio .profile-download-cta,
.rgl-studio .promoted-apk-link {
  color: #173225 !important;
  background: var(--mango-500) !important;
  border-color: var(--mango-300) !important;
  box-shadow: 0 4px 0 #996f11 !important;
  border-radius: 8px;
}

.rgl-studio .profile-toc {
  background: #fff;
  border-color: var(--line);
  box-shadow: 0 8px 18px rgba(5,45,34,.05);
}

.rgl-studio .profile-toc a { color: var(--ink-700); }
.rgl-studio .profile-toc a:hover { color: var(--felt-700); }

.rgl-studio .profile-article,
.rgl-studio .profile-sidebar > *,
.rgl-studio .related-profiles,
.rgl-studio .profile-related-guides {
  background: var(--card-50);
  border-color: #d5ddd7;
  border-radius: 9px;
}

.rgl-studio .profile-article { box-shadow: var(--shadow-sm); }
.rgl-studio .profile-article :is(h2, h3) { color: var(--ink-950); }
.rgl-studio .profile-article p { color: #34493f; }
.rgl-studio .profile-article a { color: var(--felt-700); }
.rgl-studio .profile-article table th { color: #fff; background: var(--felt-800); }
.rgl-studio .profile-article table td { border-color: #d9e0da; }
.rgl-studio .status.verified { background: var(--felt-700) !important; }

/* Rules */
.rgl-studio .rules-page { background: var(--paper-100); }

.rgl-studio .rules-hero {
  color: #fff;
  background:
    radial-gradient(circle at 78% 12%, rgba(242,185,59,.2), transparent 24%),
    linear-gradient(135deg, var(--felt-700), var(--felt-950));
  border-bottom: 5px solid var(--mango-500);
}

.rgl-studio .rules-hero h1 { color: #fff; }
.rgl-studio .rules-hero p { color: rgba(255,255,255,.72); }
.rgl-studio .rules-hero small { color: var(--mango-300); }

.rgl-studio .rules-topic-nav { background: #fff; border-color: var(--line); }
.rgl-studio .rules-topic-nav a { color: var(--felt-700); }
.rgl-studio .rules-introduction,
.rgl-studio .rules-topic-grid article,
.rgl-studio .rules-declaration-check,
.rgl-studio .rules-variants,
.rgl-studio .rules-note { background: var(--card-50); border-color: #d5ddd7; border-radius: 9px; }
.rgl-studio .rules-topic-grid article { box-shadow: var(--shadow-sm); }
.rgl-studio .rules-topic-grid article::before { color: var(--felt-700); }
.rgl-studio .rules-page :is(h2, h3) { color: var(--ink-950); }
.rgl-studio .rules-page p { color: var(--ink-700); }
.rgl-studio .rules-page .rules-hero p { color: rgba(255,255,255,.76); }

/* About, policies, author and legal pages */
.rgl-studio .legal-page,
.rgl-studio .trust-page,
.rgl-studio .author-page { color: var(--ink-950); background: var(--paper-100); }

.rgl-studio .legal-page > a:first-child,
.rgl-studio .trust-page > a:first-child { color: var(--felt-700); }
.rgl-studio .legal-kicker { color: var(--felt-700); font-family: var(--utility); }
.rgl-studio .legal-page > h1,
.rgl-studio .trust-page > h1,
.rgl-studio .author-hero h1 { color: var(--ink-950); }
.rgl-studio .legal-page .lead,
.rgl-studio .trust-page .lead,
.rgl-studio .author-hero p { color: var(--ink-700); }

.rgl-studio .trust-card-grid > *,
.rgl-studio .policy-section,
.rgl-studio .contact-panel,
.rgl-studio .author-method,
.rgl-studio .author-articles article {
  background: var(--card-50);
  border-color: #d5ddd7;
  border-radius: 9px;
  box-shadow: var(--shadow-sm);
}

.rgl-studio .policy-section h2,
.rgl-studio .contact-panel h2,
.rgl-studio .author-method h2,
.rgl-studio .author-articles h2 { color: var(--ink-950); }
.rgl-studio .policy-section a,
.rgl-studio .contact-email,
.rgl-studio .author-page a { color: var(--felt-700); }
.rgl-studio .social-channels a { border-color: #c7d4ca; background: var(--mint-100); }
.rgl-studio .author-monogram { color: #173225; background: var(--mango-500); border-color: var(--felt-700); }

/* Hindi typography keeps Devanagari open and legible */
.rgl-studio[lang="hi-IN"],
html[lang="hi-IN"] .rgl-studio {
  --display: "Noto Sans Devanagari", "Kohinoor Devanagari", "Mangal", sans-serif;
  --body: "Noto Sans Devanagari", "Kohinoor Devanagari", "Mangal", sans-serif;
}

@media (max-width: 900px) {
  .rgl-studio .profile-header { padding-inline: 18px; }
  .rgl-studio .article-hero { border-radius: 0; }
}

@media (max-width: 600px) {
  .rgl-studio .profile-header { min-height: 64px; padding: 8px 16px; }
  .rgl-studio .blog-hero,
  .rgl-studio .profile-hero-v2,
  .rgl-studio .rules-hero { padding-left: 16px; padding-right: 16px; }
  .rgl-studio .article-body { padding: 22px 18px; }
  .rgl-studio .article-hero h1,
  .rgl-studio .profile-hero-v2 h1,
  .rgl-studio .rules-hero h1 { font-size: 42px; line-height: .98; }
}

/* Keep the editorial cover system last so legacy bundle styles cannot override it. */
.rgl-studio .blog-card { position: relative; overflow: hidden; }
.rgl-studio .blog-card .blog-card-art { min-height: 236px; background: radial-gradient(circle at 84% 18%, rgba(248,215,122,.34), transparent 23%), linear-gradient(145deg, #0b724e 0%, #064a36 54%, #052f24 100%); }
.rgl-studio .blog-card .blog-card-art img { opacity: .28; filter: saturate(.72) contrast(1.08); mix-blend-mode: luminosity; }
.rgl-studio .blog-card .blog-card-art::after { background: linear-gradient(180deg, rgba(4,38,28,.03) 0%, rgba(4,38,28,.3) 45%, rgba(4,38,28,.93) 100%); box-shadow: inset 0 0 0 1px rgba(248,215,122,.18); }
.rgl-studio .blog-card .blog-card-body h2 { position: absolute; z-index: 4; top: 107px; left: 20px; right: 20px; margin: 0; color: #fff !important; font-family: Georgia, "Times New Roman", serif; font-size: clamp(23px, 2.1vw, 31px); line-height: 1.04; letter-spacing: -.025em; text-wrap: balance; }
.rgl-studio .blog-card .blog-card-body { min-height: 188px; }
.rgl-studio .market-blog-cards article { position: relative; overflow: hidden; }
.rgl-studio .market-blog-cards .blog-artwork { min-height: 225px; background: radial-gradient(circle at 84% 18%, rgba(248,215,122,.34), transparent 23%), linear-gradient(145deg, #0b724e, #053e2e); }
.rgl-studio .market-blog-cards .blog-artwork img { opacity: .3; filter: saturate(.72) contrast(1.08); mix-blend-mode: luminosity; }
.rgl-studio .market-blog-cards .blog-artwork::after { background: linear-gradient(180deg, rgba(4,38,28,.04), rgba(4,38,28,.9)); }
.rgl-studio .market-blog-card-copy h3 { position: absolute; z-index: 4; top: 101px; left: 20px; right: 20px; margin: 0; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: clamp(22px, 2vw, 29px); line-height: 1.05; letter-spacing: -.025em; text-shadow: 0 2px 18px rgba(0,0,0,.32); }
.rgl-studio .market-blog-card-copy { min-height: 205px; }
@media (max-width: 760px) {
  .rgl-studio .blog-card .blog-card-art { min-height: 218px; }
  .rgl-studio .blog-card .blog-card-body h2 { top: 99px; font-size: 24px; }
  .rgl-studio .market-blog-card-copy h3 { top: 94px; font-size: 24px; }
}

/* Editorial ownership, AI transparency and revision history */
.rgl-studio .eat-disclosure {
  max-width: 1180px;
  margin: 42px auto;
  padding: clamp(24px, 4vw, 42px);
  color: var(--ink-950);
  background: var(--mint-100);
  border: 1px solid #bfd1c5;
  border-left: 5px solid var(--felt-700);
  border-radius: 10px;
}
.rgl-studio .eat-disclosure > div:first-child { max-width: 720px; }
.rgl-studio .eat-disclosure small { color: var(--felt-700); font-family: var(--utility); letter-spacing: .1em; }
.rgl-studio .eat-disclosure h2 { margin: 8px 0 25px; color: var(--ink-950); font-size: clamp(30px, 4vw, 46px); }
.rgl-studio .eat-disclosure-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.rgl-studio .eat-disclosure-grid article { padding: 20px; background: var(--card-50); border: 1px solid #ccd9d0; border-radius: 8px; }
.rgl-studio .eat-disclosure-grid h3 { margin: 0 0 10px; color: var(--felt-800); font-size: 20px; }
.rgl-studio .eat-disclosure-grid p,
.rgl-studio .revision-list span { color: var(--ink-700); font-size: 14px; line-height: 1.65; }
.rgl-studio .eat-disclosure a { color: var(--felt-700); text-decoration: underline; text-underline-offset: 3px; }
.rgl-studio .revision-list { margin: 0; padding: 0; list-style: none; }
.rgl-studio .revision-list li + li { margin-top: 12px; padding-top: 12px; border-top: 1px solid #d8e1da; }
.rgl-studio .revision-list time { display: block; color: var(--felt-700); font: 700 12px/1.4 var(--utility); }
.rgl-studio .revision-list span { display: block; margin-top: 3px; }
.rgl-studio .eat-correction { margin: 20px 0 0; font-size: 13px; }

.rgl-studio .author-desk-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; max-width: 1180px; margin: 0 auto; padding: 28px 20px 12px; }
.rgl-studio .author-desk-grid article { padding: 26px; background: var(--card-50); border: 1px solid #d5ddd7; border-radius: 9px; box-shadow: var(--shadow-sm); }
.rgl-studio .author-desk-grid small { display: block; margin-top: 18px; color: var(--felt-700); font-family: var(--utility); letter-spacing: .1em; }
.rgl-studio .author-desk-grid h2 { margin: 8px 0; color: var(--ink-950); font-size: 28px; }
.rgl-studio .author-desk-grid p { color: var(--ink-700); line-height: 1.65; }
.rgl-studio .author-desk-grid a { color: var(--felt-700); font-weight: 800; }
.rgl-studio .author-page > .policy-section { max-width: 1140px; margin: 22px auto 70px; }

@media (max-width: 820px) {
  .rgl-studio .eat-disclosure-grid,
  .rgl-studio .author-desk-grid { grid-template-columns: 1fr; }
  .rgl-studio .eat-disclosure { margin: 28px 16px; }
}

/* v13 final mobile guardrails */
html:has(.rgl-studio), body.rgl-studio { max-width: 100%; overflow-x: hidden; }
.rgl-studio .app-details-cta { min-height: 46px; }
@media (max-width: 600px) {
  .rgl-studio .notice-bar { min-width: 0 !important; max-width: 100vw; white-space: normal !important; overflow: hidden; text-align: center; }
  .rgl-studio .market-header, .rgl-studio .market-mobile-nav, .rgl-studio .market-hero,
  .rgl-studio .market-hero-copy, .rgl-studio .profile-header, .rgl-studio .compact-mobile-nav,
  .rgl-studio .profile-hero-v2, .rgl-studio .profile-hero-v2 > *, .rgl-studio .profile-action-card {
    min-width: 0; max-width: 100%; box-sizing: border-box;
  }
  .rgl-studio .market-hero { min-height: 0; padding: 222px 16px 28px; }
  .rgl-studio .market-label { width: auto; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
  .rgl-studio .market-hero h1 { max-width: 100%; font-size: clamp(31px, 9.1vw, 36px) !important; line-height: .98; overflow-wrap: anywhere; }
  .rgl-studio .profile-hero-v2 h1 { max-width: 100%; font-size: clamp(31px, 9vw, 36px) !important; line-height: .98; overflow-wrap: anywhere; }
  .rgl-studio .market-hero-copy > p, .rgl-studio .profile-hero-v2 p { overflow-wrap: anywhere; }
  .rgl-studio .market-actions { grid-template-columns: 1fr; }
  .rgl-studio .market-primary, .rgl-studio .market-secondary { width: 100%; }
  .rgl-studio .market-mobile-nav, .rgl-studio .compact-mobile-nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .rgl-studio .market-mobile-nav a, .rgl-studio .compact-mobile-nav a { min-width: 0; min-height: 44px; padding-inline: 3px; font-size: 8.5px; }
  .rgl-studio .category-tabs { flex-wrap: wrap; overflow: visible; }
  .rgl-studio .category-tabs button { min-height: 44px; }
  .rgl-studio .directory-grid, .rgl-studio .directory-card, .rgl-studio .directory-card-main,
  .rgl-studio .directory-card-title { min-width: 0; max-width: 100%; }
  .rgl-studio .app-details-cta { min-height: 48px; }
}

/* v14 accent rules — final cascade */
.rgl-studio .market-hero-copy::before { color: var(--india-red-700); box-shadow: 4px 4px 0 var(--mango-500), 7px 7px 0 var(--india-red-700); }
.rgl-studio .market-label { border-left: 4px solid var(--india-red-700); }
.rgl-studio .popular-row > a.featured-champion { border-color: rgba(167,38,31,.42) !important; box-shadow: 0 16px 34px rgba(105,34,23,.14) !important; }
.rgl-studio .popular-row > a.featured-champion::before { background: linear-gradient(90deg, var(--india-red-700), var(--mango-500)); }
.rgl-studio .featured-champion .featured-rank b { color: var(--india-red-700); }
.rgl-studio .featured-champion .featured-rank small { width: max-content; margin-top: 4px; padding: 3px 7px; color: #fff; background: var(--india-red-700); border-radius: 999px; font-size: 8px; font-weight: 900; }
.rgl-studio .featured-champion .featured-category { color: var(--india-red-700) !important; background: var(--india-red-100) !important; }
.rgl-studio .featured-champion .featured-stars i { color: var(--india-red-600); }
.rgl-studio .category-tabs button.active { background: var(--india-red-700) !important; border-color: var(--india-red-700) !important; }
.rgl-studio .directory-card:hover::before { background: var(--india-red-600); }
.rgl-studio .directory-card:focus-within { border-color: rgba(167,38,31,.45); box-shadow: 0 0 0 3px rgba(167,38,31,.1), var(--shadow-sm); }
.rgl-studio .article-summary { border-left-color: var(--india-red-700); }
.rgl-studio .profile-hero-v2, .rgl-studio .rules-hero { border-bottom-color: var(--india-red-700); }
.rgl-studio .profile-featured-apk small, .rgl-studio .article-download-promo small { color: var(--india-red-700) !important; }
.rgl-studio a:focus-visible, .rgl-studio button:focus-visible, .rgl-studio input:focus-visible { outline: 3px solid var(--india-red-600); outline-offset: 3px; }

/* v16 research-led information architecture */
:root {
  --status-green: #0b6b49;
  --status-blue: #245d73;
  --status-amber: #a96308;
  --status-grey: #66736c;
}

body.research-site { margin: 0; color: var(--ink-950); background: var(--paper-100); font-family: var(--body); overflow-x: clip; }
.rgl-studio .campaign-apk-panel,
.rgl-studio .article-download-promo,
.rgl-studio .profile-featured-apk,
.rgl-studio .mobile-profile-download,
.rgl-studio .mobile-download-bar { display: none !important; }
.research-site *, .research-site *::before, .research-site *::after { box-sizing: border-box; }
.research-shell { width: min(1160px, calc(100% - 32px)); margin-inline: auto; }
.research-notice { padding: 8px 16px; color: #fff8dc; background: var(--felt-950); text-align: center; font-size: 11px; line-height: 1.4; }
.research-header { position: sticky; z-index: 50; top: 0; color: #fff; background: rgba(7,62,45,.98); border-bottom: 1px solid rgba(248,215,122,.3); backdrop-filter: blur(12px); }
.research-header-inner { min-height: 74px; display: flex; align-items: center; gap: 24px; }
.research-brand { display: inline-flex; align-items: center; gap: 11px; color: #fff; font-family: var(--display); font-size: 22px; font-weight: 900; text-decoration: none; white-space: nowrap; }
.research-brand img { width: 42px; height: 42px; }
.research-nav { min-width: 0; margin-left: auto; display: flex; align-items: center; justify-content: flex-end; gap: 4px; flex-wrap: wrap; }
.research-nav a { min-height: 44px; display: inline-flex; align-items: center; padding: 0 10px; color: rgba(255,255,255,.82); border-radius: 7px; font-size: 12px; font-weight: 750; text-decoration: none; }
.research-nav a:hover, .research-nav a[aria-current="page"] { color: #fff; background: rgba(255,255,255,.1); }
.research-language { min-height: 44px; display: inline-flex; align-items: center; padding: 0 14px; color: #fff7d6; border: 1px solid rgba(248,215,122,.58); border-radius: 999px; text-decoration: none; white-space: nowrap; }

.research-hero { position: relative; overflow: hidden; color: #fff; background: linear-gradient(115deg, var(--felt-950), var(--felt-800)); border-bottom: 5px solid var(--mango-500); }
.research-hero::after { content: "A♠  7♥  8♥  9♥"; position: absolute; right: -20px; bottom: -20px; color: rgba(255,255,255,.055); font-family: Georgia, serif; font-size: clamp(80px, 12vw, 180px); font-weight: 800; letter-spacing: -.14em; }
.research-hero-grid { position: relative; z-index: 1; min-height: 550px; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr); gap: 72px; align-items: center; padding-block: 76px; }
.research-kicker { width: max-content; max-width: 100%; display: block; margin-bottom: 18px; padding: 7px 10px; color: #4c3000; background: var(--mango-300); border-left: 4px solid var(--india-red-700); border-radius: 3px; font-size: 10px; font-weight: 900; letter-spacing: .08em; }
.research-hero h1 { max-width: 800px; margin: 0; color: #fff; font-family: var(--display); font-size: clamp(48px, 6.3vw, 82px); line-height: .93; letter-spacing: -.045em; text-wrap: balance; }
.research-hero h1 em { color: var(--mango-300); font-style: normal; }
.research-hero-copy > p { max-width: 720px; margin: 24px 0 0; color: rgba(255,255,255,.78); font-size: 17px; line-height: 1.65; }
.research-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 30px; }
.research-button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; padding: 0 19px; border: 1px solid rgba(255,255,255,.28); border-radius: 8px; color: #fff; background: rgba(255,255,255,.06); font-size: 13px; font-weight: 850; text-decoration: none; }
.research-button.primary { color: #173225; background: var(--mango-500); border-color: var(--mango-300); box-shadow: 0 4px 0 #996f11; }
.research-hero-card { padding: 28px; color: var(--ink-950); background: var(--card-50); border: 1px solid rgba(248,215,122,.65); border-radius: 12px; box-shadow: 0 22px 60px rgba(0,0,0,.24); }
.research-hero-card small { color: var(--india-red-700); font-size: 10px; font-weight: 900; letter-spacing: .1em; }
.research-hero-card h2 { margin: 10px 0 14px; font-family: var(--display); font-size: 29px; line-height: 1; }
.research-hero-card p { color: var(--ink-700); line-height: 1.6; }
.research-hero-card ul { display: grid; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; }
.research-hero-card li { display: grid; grid-template-columns: 25px 1fr; gap: 9px; align-items: start; font-size: 13px; line-height: 1.45; }
.research-hero-card li::before { content: "✓"; width: 23px; height: 23px; display: grid; place-items: center; color: #fff; background: var(--status-green); border-radius: 50%; font-weight: 900; }

.research-section { padding-block: 76px; }
.research-section.white { background: #fff; }
.research-section.dark { color: #fff; background: var(--felt-950); }
.research-heading { max-width: 820px; margin-bottom: 34px; }
.research-heading small { color: var(--felt-700); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.research-heading h2 { margin: 9px 0 12px; font-family: var(--display); font-size: clamp(38px, 5vw, 62px); line-height: .95; letter-spacing: -.035em; }
.research-heading p { margin: 0; color: var(--ink-700); font-size: 16px; line-height: 1.7; }
.dark .research-heading small { color: var(--mango-300); }
.dark .research-heading p { color: rgba(255,255,255,.7); }
.research-paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.research-path { min-height: 230px; display: flex; flex-direction: column; padding: 26px; color: var(--ink-950); background: var(--card-50); border: 1px solid var(--line); border-top: 5px solid var(--felt-700); border-radius: 10px; text-decoration: none; box-shadow: var(--shadow-sm); }
.research-path:nth-child(2) { border-top-color: var(--india-red-700); }
.research-path:nth-child(3) { border-top-color: var(--mango-500); }
.research-path small { color: var(--felt-700); font-size: 10px; font-weight: 900; letter-spacing: .1em; }
.research-path h3 { margin: 14px 0 10px; font-family: var(--display); font-size: 30px; line-height: 1; }
.research-path p { margin: 0 0 22px; color: var(--ink-700); line-height: 1.6; }
.research-path strong { margin-top: auto; color: var(--felt-700); }

.difference-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.difference-card { padding: 28px; background: var(--card-50); border: 1px solid var(--line); border-radius: 10px; }
.difference-card.money { border-top: 5px solid var(--india-red-700); }
.difference-card.social { border-top: 5px solid var(--status-green); }
.difference-card h3 { margin: 0 0 12px; font-family: var(--display); font-size: 31px; }
.difference-card p { color: var(--ink-700); line-height: 1.65; }
.difference-card b { display: inline-flex; padding: 5px 8px; border-radius: 4px; font-size: 10px; letter-spacing: .06em; }
.difference-card.money b { color: var(--india-red-700); background: var(--india-red-100); }
.difference-card.social b { color: var(--status-green); background: var(--mint-100); }

.status-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.status-card { padding: 24px; background: #fff; border: 1px solid var(--line); border-radius: 10px; }
.status-card header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.status-card h3 { margin: 0; font-family: var(--display); font-size: 27px; }
.status-badge { display: inline-flex; padding: 5px 8px; border-radius: 999px; font-size: 9px; font-weight: 900; }
.status-badge.free { color: var(--status-green); background: var(--mint-100); }
.status-badge.stopped { color: var(--india-red-700); background: var(--india-red-100); }
.status-badge.checked { color: var(--status-blue); background: #e4f0f4; }
.status-card p { color: var(--ink-700); line-height: 1.6; }
.status-card dl { display: grid; gap: 10px; margin: 18px 0; }
.status-card dl div { display: grid; grid-template-columns: 90px 1fr; gap: 10px; padding-top: 9px; border-top: 1px solid var(--line); }
.status-card dt { color: var(--status-grey); font-size: 10px; font-weight: 800; }
.status-card dd { margin: 0; font-size: 12px; }
.status-card a { color: var(--felt-700); font-weight: 850; }

.topic-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.topic-card { min-height: 190px; display: flex; flex-direction: column; padding: 22px; color: #fff; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.14); border-radius: 9px; text-decoration: none; }
.topic-card small { color: var(--mango-300); font-size: 9px; font-weight: 900; letter-spacing: .1em; }
.topic-card h3 { margin: 13px 0 9px; color: #fff; font-family: var(--display); font-size: 25px; line-height: 1; }
.topic-card p { margin: 0; color: rgba(255,255,255,.66); font-size: 13px; line-height: 1.55; }
.topic-card strong { margin-top: auto; color: var(--mango-300); }

.yono-panel { display: grid; grid-template-columns: .8fr 1.2fr; gap: 44px; align-items: center; }
.yono-warning { padding: 28px; background: var(--india-red-100); border-left: 5px solid var(--india-red-700); border-radius: 8px; }
.yono-warning b { display: block; color: var(--india-red-700); font-size: 11px; letter-spacing: .08em; }
.yono-warning h3 { margin: 9px 0; font-family: var(--display); font-size: 34px; }
.yono-warning p { color: var(--ink-700); line-height: 1.65; }
.yono-copy h2 { margin: 0 0 16px; font-family: var(--display); font-size: clamp(39px, 5vw, 60px); line-height: .95; }
.yono-copy p { color: var(--ink-700); font-size: 16px; line-height: 1.75; }
.text-link { color: var(--felt-700); font-weight: 900; }

.research-footer { padding: 40px 0; color: rgba(255,255,255,.7); background: #031f17; }
.research-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 30px; }
.research-footer h2, .research-footer h3 { color: #fff; }
.research-footer p { max-width: 560px; line-height: 1.65; }
.research-footer a { color: var(--mango-300); }
.research-footer nav { display: grid; gap: 9px; }

/* Shared research hub pages */
.hub-main { min-height: 70vh; }
.hub-hero { padding: 76px 0 64px; color: #fff; background: linear-gradient(120deg, var(--felt-950), var(--felt-700)); border-bottom: 5px solid var(--mango-500); }
.hub-hero .research-shell { max-width: 950px; margin-left: max(16px, calc((100% - 1160px)/2)); }
.hub-hero h1 { margin: 10px 0 18px; color: #fff; font-family: var(--display); font-size: clamp(47px, 7vw, 78px); line-height: .94; letter-spacing: -.04em; }
.hub-hero p { max-width: 780px; color: rgba(255,255,255,.78); font-size: 18px; line-height: 1.65; }
.hub-answer { margin-top: -28px; position: relative; z-index: 2; padding: 25px 28px; background: #fff; border: 1px solid var(--line); border-left: 5px solid var(--india-red-700); border-radius: 9px; box-shadow: var(--shadow-md); font-size: 16px; line-height: 1.7; }
.hub-editorial-meta { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 18px; color: #5e6d65; font-size: 12px; }
.hub-editorial-meta a { color: var(--felt-700); font-weight: 800; text-underline-offset: 3px; }
.profile-method-section { border-top: 1px solid #e2d9c8; }
.profile-method-section .hub-article h3 { margin-top: 28px; font-family: var(--display); font-size: 24px; }
.hub-content { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 40px; padding-block: 60px 80px; }
.hub-article section { margin-bottom: 48px; }
.hub-article h2 { font-family: var(--display); font-size: 40px; line-height: 1; }
.hub-article h3 { font-size: 23px; }
.hub-article p, .hub-article li { color: var(--ink-700); line-height: 1.75; }
.hub-article table { width: 100%; border-collapse: collapse; background: #fff; }
.hub-article th, .hub-article td { padding: 13px; border: 1px solid var(--line); text-align: left; vertical-align: top; }
.hub-article th { color: #fff; background: var(--felt-800); }
.hub-sidebar { align-self: start; position: sticky; top: 96px; padding: 22px; background: #fff; border: 1px solid var(--line); border-radius: 9px; }
.hub-sidebar h2 { margin-top: 0; font-size: 22px; }
.hub-sidebar nav { display: grid; }
.hub-sidebar a { padding: 11px 0; color: var(--felt-700); border-bottom: 1px solid var(--line); font-weight: 800; text-decoration: none; }
.evidence-note { padding: 20px; background: var(--mint-100); border-left: 4px solid var(--felt-700); }
.source-list { padding-left: 20px; }
.profile-index-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.profile-index-card { min-height: 140px; display: flex; flex-direction: column; padding: 20px; color: var(--ink-950); background: #fff; border: 1px solid var(--line); border-left: 4px solid var(--felt-700); border-radius: 8px; text-decoration: none; }
.profile-index-card b { font-family: var(--display); font-size: 23px; }
.profile-index-card small { margin-top: 7px; color: var(--status-grey); line-height: 1.5; }
.profile-index-card span { margin-top: auto; padding-top: 14px; color: var(--felt-700); font-weight: 850; }

@media (max-width: 980px) {
  .research-header-inner { align-items: flex-start; padding-block: 12px; flex-wrap: wrap; }
  .research-nav { order: 3; width: 100%; justify-content: flex-start; }
  .research-language { margin-left: auto; }
  .research-hero-grid { grid-template-columns: 1fr; gap: 30px; }
  .research-hero-card { max-width: 720px; }
  .topic-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .research-shell { width: min(calc(100% - 28px), 1160px); }
  .research-notice { font-size: 9px; }
  .research-header { position: static; }
  .research-header-inner { min-height: 64px; gap: 10px; }
  .research-brand { font-size: 18px; }
  .research-brand img { width: 38px; height: 38px; }
  .research-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px; }
  .research-nav a { min-width: 0; justify-content: center; padding-inline: 4px; text-align: center; font-size: 9px; }
  .research-language { min-height: 40px; padding-inline: 12px; }
  .research-hero-grid { min-height: 0; padding-block: 54px; }
  .research-hero h1 { max-width: 100%; font-size: clamp(38px, 11.5vw, 52px); overflow-wrap: anywhere; }
  .research-hero-copy, .hub-hero .research-shell { min-width: 0; max-width: 100%; }
  .research-hero-copy > p { font-size: 15px; }
  .research-actions { display: grid; grid-template-columns: 1fr; }
  .research-paths, .difference-grid, .status-list, .yono-panel, .research-footer-grid, .hub-content { grid-template-columns: 1fr; }
  .profile-index-grid { grid-template-columns: 1fr; }
  .topic-grid { grid-template-columns: 1fr 1fr; }
  .research-section { padding-block: 54px; }
  .hub-hero { padding: 58px 0 50px; }
  .hub-hero h1 { font-size: 45px; }
  .hub-hero p { font-size: 16px; }
  .hub-content { padding-top: 42px; }
  .hub-sidebar { position: static; order: -1; }
  .hub-article table { display: block; overflow-x: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .research-site *, .research-site *::before, .research-site *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

/* v15 — privacy and conversion actions in the persistent header */
.rgl-studio .market-header,
.rgl-studio .profile-header { gap: 16px; }
.rgl-studio .market-header nav,
.rgl-studio .profile-header nav { min-width: 0; flex-wrap: wrap; }
.rgl-studio .header-download {
  min-width: 108px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  color: var(--ink-950) !important;
  background: var(--mango-500);
  border: 1px solid var(--mango-300);
  border-radius: 8px;
  box-shadow: 0 3px 0 #996f11;
  font-family: var(--utility);
  font-size: 10px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  transition: transform .18s ease, background .18s ease;
}
.rgl-studio .header-download:hover { background: var(--mango-300); transform: translateY(-1px); }
.rgl-studio .header-download:active { transform: translateY(2px); box-shadow: 0 1px 0 #996f11; }
.rgl-studio .mobile-nav-download { color: #fff !important; background: var(--india-red-700); }

@media (max-width: 760px) {
  .rgl-studio .market-header .header-download,
  .rgl-studio .profile-header .header-download { display: none; }
  .rgl-studio .market-mobile-nav,
  .rgl-studio .compact-mobile-nav {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-height: 88px;
  }
  .rgl-studio .market-mobile-nav a,
  .rgl-studio .compact-mobile-nav a { min-height: 44px; }
}