MediaWiki:Common.css: Difference between revisions

Revision as of 17:22, 20 July 2026

/* Roovet Data main page design */
.rd-main {
  --rd-red: #d71920;
  --rd-red-dark: #a90f16;
  --rd-blue: #3156a3;
  --rd-green: #2f7d4f;
  --rd-ink: #1f2937;
  --rd-muted: #5f6b7a;
  --rd-line: #d8dee8;
  --rd-soft: #f6f8fb;
  --rd-white: #fff;
  max-width: 1160px;
  margin: 0 auto;
  padding: 12px 0 32px;
  color: var(--rd-ink);
}

.rd-main * {
  box-sizing: border-box;
}

.rd-hero {
  position: relative;
  overflow: hidden;
  padding: 42px;
  border: 1px solid var(--rd-line);
  border-radius: 8px;
  background:
    radial-gradient(circle at top right, rgba(215, 25, 32, .14), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f5f7fb 58%, #eef2f8 100%);
  box-shadow: 0 14px 40px rgba(31, 41, 55, .08);
}

.rd-hero:before {
  content: "";
  position: absolute;
  inset: auto -80px -130px auto;
  width: 340px;
  height: 340px;
  border-radius: 999px;
  background: rgba(49, 86, 163, .11);
}

.rd-hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 7px 12px;
  border: 1px solid rgba(215, 25, 32, .24);
  border-radius: 999px;
  background: rgba(255, 255, 255, .82);
  color: var(--rd-red-dark);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.rd-hero h1 {
  margin: 0;
  font-size: clamp(32px, 5vw, 58px);
  line-height: 1.02;
  letter-spacing: -.04em;
  color: #111827;
  border: 0;
}

.rd-hero-lede {
  max-width: 820px;
  margin: 18px 0 24px;
  color: var(--rd-muted);
  font-size: 18px;
  line-height: 1.62;
}

.rd-search-card {
  position: relative;
  max-width: 760px;
  padding: 10px;
  border: 1px solid var(--rd-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 10px 30px rgba(31, 41, 55, .08);
}

.rd-search-form {
  display: flex;
  gap: 10px;
}

.rd-search-form input[type="search"] {
  min-width: 0;
  flex: 1;
  padding: 14px 16px;
  border: 1px solid #ccd4df;
  border-radius: 6px;
  color: #111827;
  font-size: 16px;
  background: #fff;
}

.rd-search-form button {
  padding: 13px 18px;
  border: 0;
  border-radius: 6px;
  background: var(--rd-red);
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

.rd-search-form button:hover {
  background: var(--rd-red-dark);
}

.rd-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

.rd-chip {
  display: inline-flex;
  padding: 7px 10px;
  border: 1px solid var(--rd-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, .78);
  color: #334155;
  font-size: 13px;
  font-weight: 600;
}

.rd-stat-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0;
}

.rd-stat {
  padding: 20px;
  border: 1px solid var(--rd-line);
  border-radius: 8px;
  background: var(--rd-white);
}

.rd-stat strong {
  display: block;
  color: #111827;
  font-size: 26px;
  line-height: 1;
}

.rd-stat span {
  display: block;
  margin-top: 7px;
  color: var(--rd-muted);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.rd-grid {
  display: grid;
  gap: 16px;
  margin-top: 16px;
}

.rd-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

.rd-card,
.rd-panel,
.rd-bottom {
  border: 1px solid var(--rd-line);
  border-radius: 8px;
  background: var(--rd-white);
  box-shadow: 0 8px 24px rgba(31, 41, 55, .05);
}

.rd-card {
  padding: 24px;
  border-top: 5px solid var(--rd-blue);
}

.rd-card-red {
  border-top-color: var(--rd-red);
}

.rd-card-green {
  border-top-color: var(--rd-green);
}

.rd-card h2,
.rd-panel h3,
.rd-bottom h2,
.rd-section-title h2 {
  margin-top: 0;
  color: #111827;
  border: 0;
}

.rd-card p,
.rd-panel p,
.rd-bottom p,
.rd-section-title p {
  color: var(--rd-muted);
  line-height: 1.58;
}

.rd-card ul {
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.rd-card li {
  margin: 9px 0;
  padding-left: 18px;
  position: relative;
}

.rd-card li:before {
  content: "›";
  position: absolute;
  left: 0;
  color: var(--rd-red);
  font-weight: 800;
}

.rd-main a {
  color: #214f99;
  font-weight: 650;
  text-decoration: none;
}

.rd-main a:hover {
  text-decoration: underline;
}

.rd-section-title {
  margin: 30px 0 12px;
  padding: 0 4px;
}

.rd-section-title h2 {
  font-size: 28px;
}

.rd-panel {
  padding: 22px;
  background: linear-gradient(180deg, #fff, #fafbfe);
}

.rd-bottom {
  display: grid;
  grid-template-columns: 1.3fr .7fr;
  gap: 20px;
  align-items: center;
  margin-top: 18px;
  padding: 26px;
  background:
    linear-gradient(135deg, rgba(215, 25, 32, .08), rgba(49, 86, 163, .08)),
    #fff;
}

.rd-bottom-links {
  display: grid;
  gap: 10px;
}

.rd-bottom-links a {
  display: block;
  padding: 12px 14px;
  border: 1px solid var(--rd-line);
  border-radius: 6px;
  background: #fff;
}

@media (max-width: 900px) {
  .rd-hero {
    padding: 28px;
  }

  .rd-stat-row,
  .rd-grid-3,
  .rd-grid-2,
  .rd-bottom {
    grid-template-columns: 1fr;
  }

  .rd-search-form {
    flex-direction: column;
  }

  .rd-search-form button {
    width: 100%;
  }
}



/* Roovet Data CSS cache refresh: 1778360196 */

/* RV_DATA_MAIN_PAGE_PREMIUM_V2_START */

body.page-Main_Page .mw-page-title-main,
body.page-Main_Page .vector-page-titlebar,
body.page-Main_Page .vector-toc,
body.page-Main_Page #toc {
    display: none !important;
}

body.page-Main_Page .mw-body-header {
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

body.page-Main_Page .mw-content-container {
    max-width: 1480px;
}

body.page-Main_Page .mw-body-content {
    font-size: 1rem;
}

.rdx-home {
    --bg: #f3f4f6;
    --card: #ffffff;
    --text: #18191c;
    --muted: #656a73;
    --line: #daddE3;
    --red: #d8222c;
    --dark: #0b0c0e;

    color: var(--text);
    background: var(--bg);
    border: 1px solid var(--line);
    box-shadow: 0 18px 48px rgba(15, 18, 24, .08);
    overflow: hidden;
}

.rdx-home,
.rdx-home * {
    box-sizing: border-box;
}

.rdx-home a {
    color: inherit;
    text-decoration: none;
}

.rdx-home a:hover {
    text-decoration: none;
}

.rdx-hero {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 4rem;
    align-items: center;

    position: relative;
    padding: clamp(2.2rem, 5vw, 5rem);

    color: #ffffff;

    background:
        linear-gradient(
            115deg,
            rgba(216, 34, 44, .24),
            transparent 45%
        ),
        linear-gradient(
            180deg,
            #17181b,
            #08090a
        );

    overflow: hidden;
}

.rdx-hero::before {
    content: "";
    position: absolute;
    inset: 0;

    opacity: .18;

    background-image:
        linear-gradient(
            rgba(255, 255, 255, .08) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, .08) 1px,
            transparent 1px
        );

    background-size: 42px 42px;
}

.rdx-hero-copy,
.rdx-graph {
    position: relative;
    z-index: 2;
}

.rdx-eyebrow {
    color: #ff6a72;

    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.rdx-eyebrow span {
    display: inline-block;

    width: 8px;
    height: 8px;
    margin-right: .55rem;

    background: #ff3e49;
    box-shadow: 0 0 0 6px rgba(255, 62, 73, .12);
}

.rdx-hero h1 {
    max-width: 780px;
    margin: 1rem 0;

    color: #ffffff;

    font-size: clamp(2.5rem, 6vw, 5.6rem);
    line-height: .95;
    letter-spacing: -.055em;
}

.rdx-hero-copy > p {
    max-width: 760px;
    margin: 0;

    color: #cbd0d7;

    font-size: clamp(1rem, 1.6vw, 1.2rem);
    line-height: 1.7;
}

.rdx-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;

    margin-top: 1.5rem;
}

.rdx-buttons b {
    display: inline-flex;
}

.rdx-buttons a {
    padding: .78rem 1.1rem;

    border: 1px solid rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .06);
}

.rdx-buttons b:first-child a {
    border-color: var(--red);
    background: var(--red);
}

.rdx-buttons a:hover {
    background: rgba(255, 255, 255, .14);
}

.rdx-buttons b:first-child a:hover {
    background: #ef303b;
}

.rdx-small-links {
    margin-top: 1rem;

    color: #aeb3bc;
    font-size: .88rem;
}

.rdx-small-links a:hover {
    color: #ff626b;
}

.rdx-graph {
    min-height: 360px;

    border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .055);

    box-shadow: 0 24px 60px rgba(0, 0, 0, .34);
}

.rdx-graph-title {
    display: flex;
    justify-content: space-between;

    padding: 1rem;

    border-bottom: 1px solid rgba(255, 255, 255, .12);

    color: #9ca2ac;

    font-size: .7rem;
    letter-spacing: .12em;
}

.rdx-graph-title b {
    color: #ffffff;
}

.rdx-node {
    position: absolute;

    width: 158px;

    border-left: 3px solid var(--red);
    background: #1c1e22;

    box-shadow: 0 12px 24px rgba(0, 0, 0, .3);
}

.rdx-node a {
    display: block;
    padding: .72rem .82rem;
}

.rdx-node b,
.rdx-node span {
    display: block;
}

.rdx-node b {
    color: #ff626b;
    font-size: .72rem;
}

.rdx-node span {
    margin-top: .2rem;

    color: #f0f1f3;

    font-size: .82rem;
    line-height: 1.3;
}

.rdx-q138 {
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
}

.rdx-q9 {
    left: 18px;
    bottom: 52px;
}

.rdx-q140 {
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
}

.rdx-q142 {
    right: 18px;
    bottom: 52px;
}

.rdx-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    background: var(--card);
    border-bottom: 1px solid var(--line);
}

.rdx-stats > div {
    padding: 1.25rem 1.4rem;
    border-right: 1px solid var(--line);
}

.rdx-stats > div:last-child {
    border: 0;
}

.rdx-stats b,
.rdx-stats span {
    display: block;
}

.rdx-stats b {
    font-size: 1.35rem;
}

.rdx-stats span {
    margin-top: .2rem;

    color: var(--muted);

    font-size: .73rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rdx-section {
    padding: clamp(2rem, 4vw, 4.2rem);
    border-bottom: 1px solid var(--line);
}

.rdx-heading {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    align-items: end;

    margin-bottom: 1.6rem;
}

.rdx-heading small,
.rdx-feature-grid small,
.rdx-trust small {
    color: var(--red);

    font-weight: 900;
    letter-spacing: .13em;
}

.rdx-heading h2,
.rdx-trust h2 {
    margin: .4rem 0 0;

    color: var(--text);

    font-size: clamp(1.75rem, 3vw, 2.65rem);
    line-height: 1.05;
    letter-spacing: -.04em;
}

.rdx-heading > p {
    max-width: 540px;
    margin: 0;

    color: var(--muted);
    line-height: 1.6;
}

.rdx-action-grid,
.rdx-feature-grid {
    display: grid;
    gap: 1px;

    background: var(--line);
    border: 1px solid var(--line);
}

.rdx-action-grid {
    grid-template-columns: repeat(4, 1fr);
}

.rdx-feature-grid {
    grid-template-columns: repeat(3, 1fr);
}

.rdx-action-grid > div,
.rdx-feature-grid > div {
    padding: 1.3rem;
    background: var(--card);
}

.rdx-action-grid > div {
    min-height: 225px;
}

.rdx-feature-grid > div {
    min-height: 195px;
}

.rdx-action-grid i {
    color: var(--red);

    font-size: .72rem;
    font-style: normal;
    font-weight: 900;
    letter-spacing: .12em;
}

.rdx-action-grid h3,
.rdx-feature-grid h3 {
    margin: .9rem 0 .55rem;

    color: var(--text);
    font-size: 1.05rem;
}

.rdx-action-grid p,
.rdx-feature-grid p,
.rdx-trust p {
    color: var(--muted);
    line-height: 1.58;
}

.rdx-action-grid > div > b {
    display: block;
    margin-top: 1rem;

    color: #a7121b;
    font-size: .84rem;
}

.rdx-feature-grid > div > b {
    display: inline-block;

    margin-top: .5rem;
    padding: .2rem .4rem;

    color: var(--muted);
    background: var(--bg);

    font-size: .7rem;
}

.rdx-action-grid > div:hover,
.rdx-feature-grid > div:hover {
    box-shadow: inset 0 -3px 0 var(--red);
}

.rdx-trust {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 4rem;

    padding: clamp(2rem, 4vw, 4.2rem);

    color: #ffffff;
    background: var(--dark);
}

.rdx-trust h2 {
    color: #ffffff;
}

.rdx-trust p {
    color: #b7bdc6;
}

.rdx-trust > div:first-child > div {
    color: #e3e5e8;
    font-size: .88rem;
}

.rdx-trust-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    border: 1px solid #34373d;
}

.rdx-trust-grid > div {
    padding: 1.15rem;

    border-right: 1px solid #34373d;
    border-bottom: 1px solid #34373d;
}

.rdx-trust-grid > div:nth-child(2n) {
    border-right: 0;
}

.rdx-trust-grid > div:nth-last-child(-n+2) {
    border-bottom: 0;
}

.rdx-trust-grid b,
.rdx-trust-grid span {
    display: block;
}

.rdx-trust-grid span {
    margin-top: .45rem;

    color: #9ca2ac;

    font-size: .86rem;
    line-height: 1.5;
}

.rdx-footer {
    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 1rem clamp(1.2rem, 4vw, 4rem);

    color: #a2a7b0;
    background: #121316;

    font-size: .8rem;
}

.rdx-footer b {
    color: #ffffff;
}

.rdx-footer a:hover {
    color: #ff626b;
}

html.skin-theme-clientpref-night .rdx-home {
    --bg: #111216;
    --card: #191b20;
    --text: #f1f2f4;
    --muted: #aab0b9;
    --line: #30333a;
}

@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .rdx-home {
        --bg: #111216;
        --card: #191b20;
        --text: #f1f2f4;
        --muted: #aab0b9;
        --line: #30333a;
    }
}

@media (max-width: 1000px) {
    .rdx-hero,
    .rdx-trust {
        grid-template-columns: 1fr;
    }

    .rdx-action-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 700px) {
    body.page-Main_Page .mw-content-container {
        padding-left: 0;
        padding-right: 0;
    }

    .rdx-home {
        border-left: 0;
        border-right: 0;
    }

    .rdx-hero,
    .rdx-section,
    .rdx-trust {
        padding: 2rem 1rem;
    }

    .rdx-hero h1 {
        font-size: clamp(2.35rem, 13vw, 4rem);
    }

    .rdx-graph {
        min-height: 480px;
    }

    .rdx-q138 {
        top: 65px;
    }

    .rdx-q9,
    .rdx-q140,
    .rdx-q142 {
        left: 1rem;
        right: 1rem;

        width: auto;

        transform: none;
    }

    .rdx-q9 {
        bottom: 194px;
    }

    .rdx-q140 {
        bottom: 121px;
    }

    .rdx-q142 {
        bottom: 48px;
    }

    .rdx-stats,
    .rdx-action-grid,
    .rdx-feature-grid,
    .rdx-trust-grid {
        grid-template-columns: 1fr;
    }

    .rdx-stats > div,
    .rdx-trust-grid > div,
    .rdx-trust-grid > div:nth-child(2n),
    .rdx-trust-grid > div:nth-last-child(-n+2) {
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .rdx-heading,
    .rdx-footer {
        display: block;
    }

    .rdx-heading > p,
    .rdx-footer > div:last-child {
        margin-top: .8rem;
    }
}

/* RV_DATA_MAIN_PAGE_PREMIUM_V2_END */

/* RV_DATA_MAIN_PAGE_TRUE_CENTER_V2C_START */

/*
 * Main Page only:
 * remove Vector's pinned Appearance column and make
 * the outer page layout a true single centered column.
 */
body.page-Main_Page {
    overflow-x: hidden !important;
}

/*
 * The Appearance panel is what was reserving the
 * large empty area on the right side of the homepage.
 * It remains available normally on all other pages.
 */
body.page-Main_Page .vector-column-end,
body.page-Main_Page .vector-appearance-landmark,
body.page-Main_Page #vector-appearance-pinned-container,
body.page-Main_Page .vector-pinned-container.vector-appearance-pinned-container {
    display: none !important;
}

/*
 * Break the Main Page out of Vector's multi-column
 * content + Appearance grid.
 */
body.page-Main_Page .mw-page-container {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    overflow-x: hidden !important;
}

body.page-Main_Page .mw-page-container-inner {
    display: block !important;

    box-sizing: border-box !important;

    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*
 * This is the actual centered homepage column.
 */
body.page-Main_Page .mw-body {
    display: block !important;

    box-sizing: border-box !important;

    width: calc(100% - 48px) !important;
    max-width: 1180px !important;
    min-width: 0 !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    grid-column: auto !important;
    grid-area: auto !important;

    transform: none !important;
}

/*
 * Center the page tabs over the same column.
 */
body.page-Main_Page .vector-page-toolbar-container,
body.page-Main_Page .vector-page-toolbar {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*
 * Remove inherited standard-width offsets.
 */
body.page-Main_Page .mw-content-container,
body.page-Main_Page .mw-body-content,
body.page-Main_Page #bodyContent,
body.page-Main_Page .mw-parser-output {
    position: relative !important;

    left: auto !important;
    right: auto !important;

    box-sizing: border-box !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    transform: none !important;
}

/*
 * The redesigned homepage must stay completely inside
 * the newly centered outer column.
 */
body.page-Main_Page .rdx-home {
    position: relative !important;

    left: auto !important;
    right: auto !important;

    box-sizing: border-box !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 2rem auto 0 !important;

    transform: none !important;
    translate: none !important;

    overflow: hidden !important;
}

/*
 * Explicitly neutralize accidental horizontal movement
 * inside the hero.
 */
body.page-Main_Page .rdx-hero {
    box-sizing: border-box !important;

    width: 100% !important;
    min-width: 0 !important;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(380px, .95fr) !important;

    gap: clamp(2rem, 4vw, 3.5rem) !important;

    padding:
        clamp(2.5rem, 5vw, 4.5rem) !important;

    margin: 0 !important;

    left: auto !important;
    right: auto !important;

    transform: none !important;
}

body.page-Main_Page .rdx-hero-copy,
body.page-Main_Page .rdx-graph {
    position: relative !important;

    left: auto !important;
    right: auto !important;

    min-width: 0 !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    transform: none !important;
    translate: none !important;
}

body.page-Main_Page .rdx-hero-copy {
    padding-left: 0 !important;
}

body.page-Main_Page .rdx-hero-copy > * {
    max-width: 100% !important;
}

body.page-Main_Page .rdx-hero h1 {
    width: auto !important;
    max-width: 650px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    font-size:
        clamp(
            2.4rem,
            4.4vw,
            4.4rem
        ) !important;

    line-height: .98 !important;

    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

body.page-Main_Page .rdx-hero-copy > p {
    width: auto !important;
    max-width: 620px !important;
}

body.page-Main_Page .rdx-graph {
    width: 100% !important;
    max-width: 500px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}

/*
 * Keep every subsequent homepage section aligned to
 * exactly the same left and right edges.
 */
body.page-Main_Page .rdx-stats,
body.page-Main_Page .rdx-section,
body.page-Main_Page .rdx-trust,
body.page-Main_Page .rdx-footer {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    left: auto !important;
    right: auto !important;

    transform: none !important;
}

/*
 * Tablet.
 */
@media screen and (max-width: 1000px) {
    body.page-Main_Page .mw-body {
        width: calc(100% - 32px) !important;
    }

    body.page-Main_Page .rdx-hero {
        grid-template-columns: 1fr !important;
    }

    body.page-Main_Page .rdx-graph {
        max-width: 650px !important;
    }
}

/*
 * Mobile.
 */
@media screen and (max-width: 700px) {
    body.page-Main_Page .mw-body {
        width: 100% !important;
        max-width: none !important;
    }

    body.page-Main_Page .rdx-home {
        margin-top: 1rem !important;

        border-left: 0 !important;
        border-right: 0 !important;
    }

    body.page-Main_Page .rdx-hero,
    body.page-Main_Page .rdx-section,
    body.page-Main_Page .rdx-trust {
        padding-left: 1.15rem !important;
        padding-right: 1.15rem !important;
    }
}

/* RV_DATA_MAIN_PAGE_TRUE_CENTER_V2C_END */

/* RV_DATA_MAIN_PAGE_VIEWPORT_CENTER_V2D_START */

/*
 * JavaScript performs the final viewport measurement.
 * These rules remove any ancestor clipping that could
 * prevent the measured correction from being visible.
 */
body.page-Main_Page {
    overflow-x: hidden !important;
}

body.page-Main_Page .mw-page-container,
body.page-Main_Page .mw-page-container-inner,
body.page-Main_Page .mw-body,
body.page-Main_Page .mw-content-container,
body.page-Main_Page .mw-body-content,
body.page-Main_Page #bodyContent,
body.page-Main_Page .mw-parser-output {
    overflow-x: visible !important;
}

body.page-Main_Page .rdx-home {
    box-sizing: border-box !important;

    left: 0 !important;
    right: auto !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    transform-origin: center top !important;
    will-change: transform;
}

/*
 * Prevent the hero content from escaping the corrected
 * viewport-centered homepage.
 */
body.page-Main_Page .rdx-hero,
body.page-Main_Page .rdx-hero-copy,
body.page-Main_Page .rdx-graph,
body.page-Main_Page .rdx-stats,
body.page-Main_Page .rdx-section,
body.page-Main_Page .rdx-trust,
body.page-Main_Page .rdx-footer {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

body.page-Main_Page .rdx-hero h1,
body.page-Main_Page .rdx-hero-copy > p {
    width: auto !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

@media screen and (max-width: 700px) {
    body.page-Main_Page .rdx-home {
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

/* RV_DATA_MAIN_PAGE_VIEWPORT_CENTER_V2D_END */

/* RV_DATA_MAIN_PAGE_HEADER_V2E_START */

/*
 * Main Page header:
 * one compact logo/search/account row followed by
 * one slim page-tools row.
 */
body.page-Main_Page .vector-header-container {
    position: relative !important;
    z-index: 100 !important;

    box-sizing: border-box !important;

    width: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;
    border-bottom: 1px solid #d9dde5 !important;

    box-shadow:
        0 3px 14px
        rgba(18, 25, 38, .055) !important;
}

/*
 * Put the menu, logo, search and user controls
 * into the same horizontal row.
 */
body.page-Main_Page .vector-header {
    display: grid !important;

    grid-template-columns:
        minmax(260px, auto)
        minmax(360px, 600px)
        minmax(280px, 1fr) !important;

    grid-template-rows: 72px !important;

    align-items: center !important;
    column-gap: 28px !important;

    box-sizing: border-box !important;

    width: calc(100% - 48px) !important;
    max-width: 1440px !important;
    min-height: 72px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}

/*
 * Menu button and Roovet Data logo.
 */
body.page-Main_Page .vector-header-start {
    grid-column: 1 !important;
    grid-row: 1 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 13px !important;

    min-width: 0 !important;
    height: 72px !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.page-Main_Page .vector-main-menu-landmark,
body.page-Main_Page .vector-main-menu-dropdown {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 40px !important;
    height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    flex: 0 0 40px !important;
}

body.page-Main_Page .vector-main-menu-landmark .vector-dropdown-label,
body.page-Main_Page .vector-main-menu-dropdown .vector-dropdown-label {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 40px !important;
    height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 4px !important;
}

body.page-Main_Page .vector-main-menu-landmark .vector-dropdown-label:hover,
body.page-Main_Page .vector-main-menu-dropdown .vector-dropdown-label:hover {
    background: #f0f2f5 !important;
}

body.page-Main_Page .mw-logo {
    display: flex !important;
    align-items: center !important;

    min-width: 0 !important;
    max-width: 225px !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.page-Main_Page .mw-logo-icon {
    width: 43px !important;
    height: 43px !important;

    margin: 0 10px 0 0 !important;
}

body.page-Main_Page .mw-logo-container {
    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
}

body.page-Main_Page .mw-logo-wordmark {
    width: auto !important;
    max-width: 166px !important;
    height: auto !important;

    margin: 0 !important;
}

/*
 * Search occupies the center of the same row.
 */
body.page-Main_Page .vector-search-box,
body.page-Main_Page .vector-search-box-vue {
    grid-column: 2 !important;
    grid-row: 1 !important;

    position: relative !important;

    box-sizing: border-box !important;

    width: 100% !important;
    max-width: 600px !important;
    min-width: 0 !important;

    margin: 0 auto !important;
    padding: 0 !important;
}

body.page-Main_Page .vector-search-box-input,
body.page-Main_Page .cdx-text-input__input,
body.page-Main_Page .vector-search-box input[type="search"] {
    box-sizing: border-box !important;

    height: 42px !important;
    min-height: 42px !important;

    border-color: #aeb4bf !important;
    border-radius: 4px 0 0 4px !important;

    background: #ffffff !important;

    font-size: 15px !important;
}

body.page-Main_Page .vector-search-box-button,
body.page-Main_Page .cdx-search-input__end-button {
    height: 42px !important;
    min-height: 42px !important;

    border-radius: 0 4px 4px 0 !important;

    font-weight: 700 !important;
}

/*
 * Account and utility controls stay on the right.
 */
body.page-Main_Page .vector-header-end {
    grid-column: 3 !important;
    grid-row: 1 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    min-width: 0 !important;
    height: 72px !important;

    gap: 12px !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.page-Main_Page .vector-user-links,
body.page-Main_Page .vector-user-links-main,
body.page-Main_Page .vector-user-links-overflow {
    display: flex !important;
    align-items: center !important;

    gap: 8px !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.page-Main_Page .vector-header-end a,
body.page-Main_Page .vector-header-end button {
    white-space: nowrap !important;
}

/*
 * Remove the empty title band left behind after the
 * Main Page title was hidden.
 */
body.page-Main_Page .vector-page-titlebar,
body.page-Main_Page .mw-body-header {
    display: none !important;

    min-height: 0 !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}

/*
 * Restore the tools row that v2C hid, but make it
 * compact and align it with the homepage.
 */
body.page-Main_Page .vector-page-toolbar-container {
    display: block !important;

    box-sizing: border-box !important;

    width: 100% !important;
    min-height: 43px !important;
    height: 43px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;
    border-bottom: 1px solid #d9dde5 !important;
}

body.page-Main_Page .vector-page-toolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    box-sizing: border-box !important;

    width: calc(100% - 48px) !important;
    max-width: 1180px !important;
    min-height: 43px !important;
    height: 43px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}

body.page-Main_Page .vector-page-toolbar .vector-menu-content-list,
body.page-Main_Page .vector-page-toolbar .mw-list-item {
    min-height: 43px !important;
    height: 43px !important;

    margin: 0 !important;
}

body.page-Main_Page .vector-page-toolbar .mw-list-item > a,
body.page-Main_Page .vector-page-toolbar .vector-menu-heading {
    display: flex !important;
    align-items: center !important;

    box-sizing: border-box !important;

    min-height: 43px !important;
    height: 43px !important;

    padding: 0 10px !important;

    font-size: 14px !important;
    line-height: 1 !important;
}

body.page-Main_Page .vector-page-toolbar .selected > a {
    border-bottom: 2px solid #d8222c !important;
}

/*
 * Remove all leftover spacing between the header and
 * the redesigned homepage.
 */
body.page-Main_Page .mw-body {
    padding-top: 0 !important;
}

body.page-Main_Page .mw-content-container,
body.page-Main_Page .mw-body-content,
body.page-Main_Page #bodyContent,
body.page-Main_Page .mw-parser-output {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.page-Main_Page .rdx-home {
    margin-top: 18px !important;
}

/*
 * Dark appearance support.
 */
html.skin-theme-clientpref-night
body.page-Main_Page .vector-header-container,
html.skin-theme-clientpref-night
body.page-Main_Page .vector-page-toolbar-container {
    background: #15171b !important;
    border-color: #34373e !important;
}

html.skin-theme-clientpref-night
body.page-Main_Page .vector-main-menu-landmark .vector-dropdown-label:hover,
html.skin-theme-clientpref-night
body.page-Main_Page .vector-main-menu-dropdown .vector-dropdown-label:hover {
    background: #26292f !important;
}

@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os
    body.page-Main_Page .vector-header-container,
    html.skin-theme-clientpref-os
    body.page-Main_Page .vector-page-toolbar-container {
        background: #15171b !important;
        border-color: #34373e !important;
    }
}

/*
 * Medium screens.
 */
@media screen and (max-width: 1100px) {
    body.page-Main_Page .vector-header {
        grid-template-columns:
            minmax(225px, auto)
            minmax(280px, 1fr)
            auto !important;

        width: calc(100% - 32px) !important;
        column-gap: 18px !important;
    }

    body.page-Main_Page .vector-page-toolbar {
        width: calc(100% - 32px) !important;
    }

    body.page-Main_Page .mw-logo {
        max-width: 195px !important;
    }

    body.page-Main_Page .mw-logo-wordmark {
        max-width: 140px !important;
    }
}

/*
 * Tablet and mobile: allow Vector's compact controls,
 * but keep the header from creating empty rows.
 */
@media screen and (max-width: 800px) {
    body.page-Main_Page .vector-header {
        display: flex !important;
        align-items: center !important;

        width: calc(100% - 20px) !important;
        min-height: 62px !important;
        height: auto !important;

        gap: 10px !important;
    }

    body.page-Main_Page .vector-header-start,
    body.page-Main_Page .vector-header-end {
        height: 62px !important;
    }

    body.page-Main_Page .vector-search-box,
    body.page-Main_Page .vector-search-box-vue {
        flex: 1 1 auto !important;
    }

    body.page-Main_Page .vector-page-toolbar {
        width: calc(100% - 20px) !important;

        overflow-x: auto !important;
        justify-content: flex-start !important;
    }
}

@media screen and (max-width: 600px) {
    body.page-Main_Page .mw-logo-wordmark,
    body.page-Main_Page .mw-logo-tagline {
        display: none !important;
    }

    body.page-Main_Page .mw-logo {
        width: 44px !important;
        max-width: 44px !important;
    }

    body.page-Main_Page .mw-logo-icon {
        margin-right: 0 !important;
    }

    body.page-Main_Page .vector-header-end .user-links-collapsible-item {
        display: none !important;
    }

    body.page-Main_Page .rdx-home {
        margin-top: 10px !important;
    }
}

/* RV_DATA_MAIN_PAGE_HEADER_V2E_END */

/* RV_DATA_TOOLS_DROPDOWN_FIX_V2F_START */

/*
 * Keep the page-tools dropdown anchored to its own
 * button. Do not alter unrelated Vector dropdowns.
 */
body.page-Main_Page
.vector-page-tools-landmark,

body.page-Main_Page
#vector-page-tools-dropdown,

body.page-Main_Page
#p-tb {
    position: relative !important;
    overflow: visible !important;
}

/*
 * The outer floating panel.
 */
body.page-Main_Page
.vector-page-tools-landmark
> .vector-dropdown-content,

body.page-Main_Page
#vector-page-tools-dropdown
> .vector-dropdown-content,

body.page-Main_Page
#p-tb
> .vector-dropdown-content,

body.page-Main_Page
.vector-page-tools-landmark
.vector-dropdown-content {
    position: absolute !important;

    top: calc(100% + 6px) !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;

    z-index: 100000 !important;

    box-sizing: border-box !important;

    width: 340px !important;
    min-width: 280px !important;
    max-width: calc(100vw - 24px) !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 170px) !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    background: #ffffff !important;
    border: 1px solid #aeb4bf !important;
    border-radius: 4px !important;

    box-shadow:
        0 16px 38px
        rgba(16, 24, 40, .22) !important;

    transform: none !important;
    translate: none !important;
}

/*
 * Force the actual menu content and list back inside
 * the floating panel. These are the elements currently
 * escaping down the left side of the page.
 */
body.page-Main_Page
.vector-page-tools-landmark
.vector-dropdown-content
.vector-menu-content,

body.page-Main_Page
.vector-page-tools-landmark
.vector-dropdown-content
.vector-menu-content-list,

body.page-Main_Page
#vector-page-tools-dropdown
.vector-menu-content,

body.page-Main_Page
#vector-page-tools-dropdown
.vector-menu-content-list,

body.page-Main_Page
#p-tb
.vector-menu-content,

body.page-Main_Page
#p-tb
.vector-menu-content-list {
    position: static !important;

    display: block !important;

    box-sizing: border-box !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    inset: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    float: none !important;

    columns: 1 !important;
    column-count: 1 !important;

    transform: none !important;
    translate: none !important;
}

/*
 * Keep the pinnable Tools heading inside the panel.
 */
body.page-Main_Page
.vector-page-tools-landmark
.vector-pinnable-header,

body.page-Main_Page
#vector-page-tools-dropdown
.vector-pinnable-header,

body.page-Main_Page
#p-tb
.vector-pinnable-header {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    box-sizing: border-box !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 14px 16px 12px !important;

    background: #ffffff !important;
    border-bottom: 1px solid #eaecf0 !important;

    transform: none !important;
}

/*
 * Normal-sized Tools heading.
 */
body.page-Main_Page
.vector-page-tools-landmark
.vector-pinnable-header-label,

body.page-Main_Page
#vector-page-tools-dropdown
.vector-pinnable-header-label,

body.page-Main_Page
#p-tb
.vector-pinnable-header-label {
    margin: 0 !important;
    padding: 0 !important;

    color: #202122 !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

/*
 * Section headings such as General and Actions.
 */
body.page-Main_Page
.vector-page-tools-landmark
.vector-menu-heading,

body.page-Main_Page
#vector-page-tools-dropdown
.vector-menu-heading,

body.page-Main_Page
#p-tb
.vector-menu-heading {
    position: static !important;

    display: block !important;

    box-sizing: border-box !important;

    width: auto !important;
    height: auto !important;

    margin: 0 16px !important;
    padding: 14px 0 9px !important;

    color: #54595d !important;

    background: transparent !important;
    border-bottom: 1px solid #eaecf0 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    text-transform: uppercase !important;
    letter-spacing: .06em !important;

    transform: none !important;
}

/*
 * Override the broad 43px toolbar rules from v2E
 * for menu items inside the dropdown.
 */
body.page-Main_Page
.vector-page-tools-landmark
.vector-dropdown-content
.mw-list-item,

body.page-Main_Page
#vector-page-tools-dropdown
.vector-dropdown-content
.mw-list-item,

body.page-Main_Page
#p-tb
.vector-dropdown-content
.mw-list-item {
    position: static !important;

    display: block !important;
    clear: both !important;
    float: none !important;

    box-sizing: border-box !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    inset: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    transform: none !important;
    translate: none !important;
}

/*
 * Links remain completely inside the panel.
 */
body.page-Main_Page
.vector-page-tools-landmark
.vector-dropdown-content
.mw-list-item
> a,

body.page-Main_Page
#vector-page-tools-dropdown
.vector-dropdown-content
.mw-list-item
> a,

body.page-Main_Page
#p-tb
.vector-dropdown-content
.mw-list-item
> a {
    position: static !important;

    display: flex !important;
    align-items: center !important;

    box-sizing: border-box !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 42px !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 9px 16px !important;

    color: #36c !important;
    background: transparent !important;

    border: 0 !important;

    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;

    text-decoration: none !important;

    transform: none !important;
    translate: none !important;
}

body.page-Main_Page
.vector-page-tools-landmark
.vector-dropdown-content
.mw-list-item
> a:hover,

body.page-Main_Page
#vector-page-tools-dropdown
.vector-dropdown-content
.mw-list-item
> a:hover,

body.page-Main_Page
#p-tb
.vector-dropdown-content
.mw-list-item
> a:hover {
    color: #202122 !important;
    background: #f5f7fa !important;

    text-decoration: none !important;
}

/*
 * Do not let nested icons or labels become detached
 * from their menu links.
 */
body.page-Main_Page
.vector-page-tools-landmark
.vector-dropdown-content
.mw-list-item
> a
> *,

body.page-Main_Page
#vector-page-tools-dropdown
.vector-dropdown-content
.mw-list-item
> a
> *,

body.page-Main_Page
#p-tb
.vector-dropdown-content
.mw-list-item
> a
> * {
    position: static !important;

    max-width: 100% !important;

    margin: 0 !important;

    transform: none !important;
}

/*
 * Desktop and tablet alignment.
 */
@media screen and (max-width: 900px) {
    body.page-Main_Page
    .vector-page-tools-landmark
    > .vector-dropdown-content,

    body.page-Main_Page
    #vector-page-tools-dropdown
    > .vector-dropdown-content,

    body.page-Main_Page
    #p-tb
    > .vector-dropdown-content {
        width: 320px !important;
        max-width: calc(100vw - 20px) !important;
    }
}

/*
 * Narrow mobile screens.
 */
@media screen and (max-width: 520px) {
    body.page-Main_Page
    .vector-page-tools-landmark
    > .vector-dropdown-content,

    body.page-Main_Page
    #vector-page-tools-dropdown
    > .vector-dropdown-content,

    body.page-Main_Page
    #p-tb
    > .vector-dropdown-content {
        position: fixed !important;

        top: 112px !important;
        right: 10px !important;
        bottom: auto !important;
        left: 10px !important;

        width: auto !important;
        max-width: none !important;
        max-height: calc(100vh - 132px) !important;
    }
}

/*
 * Dark-mode panel.
 */
html.skin-theme-clientpref-night
body.page-Main_Page
.vector-page-tools-landmark
.vector-dropdown-content,

html.skin-theme-clientpref-night
body.page-Main_Page
#vector-page-tools-dropdown
.vector-dropdown-content,

html.skin-theme-clientpref-night
body.page-Main_Page
#p-tb
.vector-dropdown-content {
    color: #f1f2f4 !important;

    background: #191b20 !important;
    border-color: #41454d !important;
}

html.skin-theme-clientpref-night
body.page-Main_Page
.vector-page-tools-landmark
.vector-pinnable-header,

html.skin-theme-clientpref-night
body.page-Main_Page
#vector-page-tools-dropdown
.vector-pinnable-header,

html.skin-theme-clientpref-night
body.page-Main_Page
#p-tb
.vector-pinnable-header {
    background: #191b20 !important;
    border-color: #363a42 !important;
}

/* RV_DATA_TOOLS_DROPDOWN_FIX_V2F_END */

@@ Line 307: / Line 307: @@
 }
-/* Roovet Data Vector UI fixes START */
-/* Fix top-right account links, overflow menu spacing, and Vector 2022 Tools dropdown layout. */
-.skin-vector-2022 .vector-user-links,
-.skin-vector-2022 .vector-user-links .vector-menu-content,
-.skin-vector-2022 .vector-user-links .vector-menu-content-list {
-    display: flex !important;
-    align-items: center !important;
-    gap: 12px !important;
-    white-space: nowrap !important;
-}
-.skin-vector-2022 .vector-user-links .mw-list-item,
+/* Roovet Data CSS cache refresh: 1778360196 */
-.skin-vector-2022 #p-personal .mw-list-item,
-.skin-vector-2022 #p-personal-more .mw-list-item {
-    display: inline-flex !important;
-    align-items: center !important;
-    margin: 0 !important;
-    padding: 0 !important;
-}
-.skin-vector-2022 .vector-user-links .mw-list-item a,
+/* RV_DATA_MAIN_PAGE_PREMIUM_V2_START */
-.skin-vector-2022 #p-personal .mw-list-item a,
-.skin-vector-2022 #p-personal-more .mw-list-item a {
-    display: inline-flex !important;
-    align-items: center !important;
-    min-height: 32px !important;
-    padding: 0 4px !important;
-    line-height: 1.4 !important;
-    text-decoration: none;
-}
-.skin-vector-2022 #pt-createaccount a {
+body.page-Main_Page .mw-page-title-main,
-     margin-right: 8px !important;
+body.page-Main_Page .vector-page-titlebar,
+body.page-Main_Page .vector-toc,
+body.page-Main_Page #toc {
+     display: none !important;
 }
-.skin-vector-2022 #pt-login a {
+body.page-Main_Page .mw-body-header {
-     margin-left: 4px !important;
+    min-height: 0;
+     margin: 0;
+    padding: 0;
+    border: 0;
 }
-/* Prevent decorative/user icons from sitting on top of account links. */
+body.page-Main_Page .mw-content-container {
-.skin-vector-2022 .vector-user-links .vector-icon,
+     max-width: 1480px;
-.skin-vector-2022 #p-personal .vector-icon {
-     flex: 0 0 auto !important;
-    margin-right: 6px !important;
 }
-/* Keep the three-dot menu separated from Log in. */
+body.page-Main_Page .mw-body-content {
-.skin-vector-2022 #p-personal-more,
+     font-size: 1rem;
-.skin-vector-2022 #p-personal-more-checkbox,
-.skin-vector-2022 .vector-user-menu-more {
-     margin-left: 10px !important;
 }
-/* Tools dropdown: restore normal dropdown stacking and prevent overlap with page content. */
+.rdx-home {
-.skin-vector-2022 .vector-dropdown .vector-dropdown-content,
+    --bg: #f3f4f6;
-.skin-vector-2022 .vector-page-tools-landmark .vector-dropdown-content,
+    --card: #ffffff;
-.skin-vector-2022 #p-cactions .vector-dropdown-content,
+    --text: #18191c;
-.skin-vector-2022 #p-tb .vector-dropdown-content,
+     --muted: #656a73;
-.skin-vector-2022 #p-associated-pages .vector-dropdown-content {
+     --line: #daddE3;
-    position: absolute !important;
+     --red: #d8222c;
-     top: 100% !important;
+     --dark: #0b0c0e;
-     right: 0 !important;
-    left: auto !important;
+     color: var(--text);
-    z-index: 99999 !important;
+     background: var(--bg);
-     width: 320px !important;
+     border: 1px solid var(--line);
-    min-width: 320px !important;
+     box-shadow: 0 18px 48px rgba(15, 18, 24, .08);
-    max-width: 92vw !important;
+    overflow: hidden;
-    height: auto !important;
-     min-height: 0 !important;
-    max-height: none !important;
-    overflow: visible !important;
-     padding: 18px 0 !important;
-     background: #fff !important;
-     border: 1px solid #a2a9b1 !important;
-     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16) !important;
 }
-/* Remove collapsed/floating behavior inside dropdown panels. */
+.rdx-home,
-.skin-vector-2022 .vector-dropdown-content *,
+.rdx-home * {
-.skin-vector-2022 #p-cactions .vector-dropdown-content *,
+     box-sizing: border-box;
-.skin-vector-2022 #p-tb .vector-dropdown-content * {
-     float: none !important;
-    position: static;
-    transform: none !important;
 }
-/* Dropdown section headings like Tools, Actions, General. */
+.rdx-home a {
-.skin-vector-2022 .vector-dropdown-content .vector-menu-heading,
+     color: inherit;
-.skin-vector-2022 .vector-dropdown-content h3,
+     text-decoration: none;
-.skin-vector-2022 .vector-dropdown-content .vector-menu-heading-label {
-    display: block !important;
-    clear: both !important;
-    margin: 10px 22px 8px !important;
-    padding: 0 0 8px !important;
-    border-bottom: 1px solid #eaecf0 !important;
-     color: #202122 !important;
-    font-size: 18px !important;
-     font-weight: 700 !important;
-    line-height: 1.25 !important;
 }
-/* Dropdown lists should stack vertically. */
+.rdx-home a:hover {
-.skin-vector-2022 .vector-dropdown-content .vector-menu-content,
+     text-decoration: none;
-.skin-vector-2022 .vector-dropdown-content .vector-menu-content-list,
-.skin-vector-2022 .vector-dropdown-content ul {
-     display: block !important;
-    margin: 0 !important;
-    padding: 0 !important;
-    height: auto !important;
-    overflow: visible !important;
 }
-.skin-vector-2022 .vector-dropdown-content .mw-list-item,
+.rdx-hero {
-.skin-vector-2022 .vector-dropdown-content li {
+     display: grid;
-     display: block !important;
+     grid-template-columns: 1.15fr .85fr;
-     clear: both !important;
+     gap: 4rem;
-     width: 100% !important;
+     align-items: center;
-     margin: 0 !important;
-    padding: 0 !important;
-    line-height: normal !important;
-}
-.skin-vector-2022 .vector-dropdown-content .mw-list-item a,
+     position: relative;
-.skin-vector-2022 .vector-dropdown-content li a {
+     padding: clamp(2.2rem, 5vw, 5rem);
-     display: block !important;
-     width: auto !important;
+     color: #ffffff;
-    min-height: 0 !important;
-    padding: 9px 22px !important;
-     color: #36c !important;
-    font-size: 16px !important;
-    line-height: 1.35 !important;
-    white-space: normal !important;
-    text-decoration: none !important;
-}
-.skin-vector-2022 .vector-dropdown-content .mw-list-item a:hover,
+    background:
-.skin-vector-2022 .vector-dropdown-content li a:hover {
+        linear-gradient(
-    background: #f8f9fa !important;
+deg,
-    text-decoration: underline !important;
+            rgba(216, 34, 44, .24),
-}
+            transparent 45%
+        ),
+        linear-gradient(
+deg,
+            #17181b,
+            #08090a
+        );
-/* Keep page tabs above content but below dropdowns. */
+     overflow: hidden;
-.skin-vector-2022 .vector-page-toolbar,
-.skin-vector-2022 .vector-page-titlebar-toc,
-.skin-vector-2022 .vector-page-titlebar {
-     z-index: 50 !important;
 }
-/* Roovet Data Vector UI fixes END */
+.rdx-hero::before {
+    content: "";
+    position: absolute;
+    inset: 0;
-/* Roovet Data CSS cache refresh: 1778360196 */
+    opacity: .18;
-/* RV_DATA_MAIN_PAGE_PREMIUM_V2_START */
+    background-image:
+        linear-gradient(
+            rgba(255, 255, 255, .08) 1px,
+            transparent 1px
+        ),
+        linear-gradient(
+deg,
+            rgba(255, 255, 255, .08) 1px,
+            transparent 1px
+        );
-body.page-Main_Page .mw-page-title-main,
+    background-size: 42px 42px;
-body.page-Main_Page .vector-page-titlebar,
-body.page-Main_Page .vector-toc,
-body.page-Main_Page #toc {
-    display: none !important;
 }
-body.page-Main_Page .mw-body-header {
+.rdx-hero-copy,
-     min-height: 0;
+.rdx-graph {
-     margin: 0;
+     position: relative;
-    padding: 0;
+     z-index: 2;
-    border: 0;
 }
-body.page-Main_Page .mw-content-container {
+.rdx-eyebrow {
-     max-width: 1480px;
+    color: #ff6a72;
+    font-size: .75rem;
+    font-weight: 900;
+    letter-spacing: .14em;
+     text-transform: uppercase;
 }
-body.page-Main_Page .mw-body-content {
+.rdx-eyebrow span {
-     font-size: 1rem;
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    margin-right: .55rem;
+    background: #ff3e49;
+     box-shadow: 0 0 0 6px rgba(255, 62, 73, .12);
 }
-.rdx-home {
+.rdx-hero h1 {
-     --bg: #f3f4f6;
+     max-width: 780px;
-     --card: #ffffff;
+     margin: 1rem 0;
-    --text: #18191c;
-    --muted: #656a73;
-    --line: #daddE3;
-    --red: #d8222c;
-    --dark: #0b0c0e;
-     color: var(--text);
+     color: #ffffff;
-    background: var(--bg);
-    border: 1px solid var(--line);
-    box-shadow: 0 18px 48px rgba(15, 18, 24, .08);
-    overflow: hidden;
-}
-.rdx-home,
+    font-size: clamp(2.5rem, 6vw, 5.6rem);
-.rdx-home * {
+    line-height: .95;
-     box-sizing: border-box;
+     letter-spacing: -.055em;
 }
-.rdx-home a {
+.rdx-hero-copy > p {
-     color: inherit;
+    max-width: 760px;
-     text-decoration: none;
+    margin: 0;
+     color: #cbd0d7;
+    font-size: clamp(1rem, 1.6vw, 1.2rem);
+     line-height: 1.7;
 }
-.rdx-home a:hover {
+.rdx-buttons {
-     text-decoration: none;
+    display: flex;
+    flex-wrap: wrap;
+    gap: .7rem;
+     margin-top: 1.5rem;
 }
-.rdx-hero {
+.rdx-buttons b {
-     display: grid;
+     display: inline-flex;
-    grid-template-columns: 1.15fr .85fr;
+}
-    gap: 4rem;
-    align-items: center;
-    position: relative;
+.rdx-buttons a {
-     padding: clamp(2.2rem, 5vw, 5rem);
+     padding: .78rem 1.1rem;
-     color: #ffffff;
+     border: 1px solid rgba(255, 255, 255, .22);
+     background: rgba(255, 255, 255, .06);
-     background:
+}
-        linear-gradient(
-deg,
-            rgba(216, 34, 44, .24),
-            transparent 45%
-        ),
-        linear-gradient(
-deg,
-            #17181b,
-            #08090a
-        );
-     overflow: hidden;
+.rdx-buttons b:first-child a {
+    border-color: var(--red);
+     background: var(--red);
 }
-.rdx-hero::before {
+.rdx-buttons a:hover {
-     content: "";
+     background: rgba(255, 255, 255, .14);
-    position: absolute;
+}
-    inset: 0;
-     opacity: .18;
+.rdx-buttons b:first-child a:hover {
+     background: #ef303b;
+}
-    background-image:
+.rdx-small-links {
-        linear-gradient(
+    margin-top: 1rem;
-            rgba(255, 255, 255, .08) 1px,
-            transparent 1px
-        ),
-        linear-gradient(
-deg,
-            rgba(255, 255, 255, .08) 1px,
-            transparent 1px
-        );
-     background-size: 42px 42px;
+     color: #aeb3bc;
+    font-size: .88rem;
 }
-.rdx-hero-copy,
+.rdx-small-links a:hover {
-.rdx-graph {
+     color: #ff626b;
-     position: relative;
-    z-index: 2;
 }
-.rdx-eyebrow {
+.rdx-graph {
-     color: #ff6a72;
+     min-height: 360px;
-     font-size: .75rem;
+     border: 1px solid rgba(255, 255, 255, .16);
-     font-weight: 900;
+     background: rgba(255, 255, 255, .055);
-     letter-spacing: .14em;
-    text-transform: uppercase;
+     box-shadow: 0 24px 60px rgba(0, 0, 0, .34);
 }
-.rdx-eyebrow span {
+.rdx-graph-title {
-     display: inline-block;
+     display: flex;
+    justify-content: space-between;
+    padding: 1rem;
+    border-bottom: 1px solid rgba(255, 255, 255, .12);
-     width: 8px;
+     color: #9ca2ac;
-    height: 8px;
-    margin-right: .55rem;
-     background: #ff3e49;
+     font-size: .7rem;
-     box-shadow: 0 0 0 6px rgba(255, 62, 73, .12);
+     letter-spacing: .12em;
 }
-.rdx-hero h1 {
+.rdx-graph-title b {
-    max-width: 780px;
-    margin: 1rem 0;
      color: #ffffff;
-    font-size: clamp(2.5rem, 6vw, 5.6rem);
-    line-height: .95;
-    letter-spacing: -.055em;
 }
-.rdx-hero-copy > p {
+.rdx-node {
-     max-width: 760px;
+     position: absolute;
-    margin: 0;
-     color: #cbd0d7;
+     width: 158px;
-     font-size: clamp(1rem, 1.6vw, 1.2rem);
+     border-left: 3px solid var(--red);
-     line-height: 1.7;
+     background: #1c1e22;
-}
-.rdx-buttons {
+     box-shadow: 0 12px 24px rgba(0, 0, 0, .3);
-    display: flex;
-    flex-wrap: wrap;
-    gap: .7rem;
-     margin-top: 1.5rem;
 }
-.rdx-buttons b {
+.rdx-node a {
-     display: inline-flex;
+     display: block;
+    padding: .72rem .82rem;
 }
-.rdx-buttons a {
+.rdx-node b,
-     padding: .78rem 1.1rem;
+.rdx-node span {
+     display: block;
+}
-     border: 1px solid rgba(255, 255, 255, .22);
+.rdx-node b {
-     background: rgba(255, 255, 255, .06);
+     color: #ff626b;
+     font-size: .72rem;
 }
-.rdx-buttons b:first-child a {
+.rdx-node span {
-     border-color: var(--red);
+     margin-top: .2rem;
-     background: var(--red);
-}
+     color: #f0f1f3;
-.rdx-buttons a:hover {
+    font-size: .82rem;
-     background: rgba(255, 255, 255, .14);
+     line-height: 1.3;
 }
-.rdx-buttons b:first-child a:hover {
+.rdx-q138 {
-     background: #ef303b;
+    top: 70px;
+    left: 50%;
+     transform: translateX(-50%);
 }
-.rdx-small-links {
+.rdx-q9 {
-     margin-top: 1rem;
+     left: 18px;
+    bottom: 52px;
+}
-     color: #aeb3bc;
+.rdx-q140 {
-     font-size: .88rem;
+    left: 50%;
+     bottom: 24px;
+     transform: translateX(-50%);
 }
-.rdx-small-links a:hover {
+.rdx-q142 {
-     color: #ff626b;
+    right: 18px;
+     bottom: 52px;
 }
-.rdx-graph {
+.rdx-stats {
-     min-height: 360px;
+     display: grid;
+    grid-template-columns: repeat(4, 1fr);
-     border: 1px solid rgba(255, 255, 255, .16);
+     background: var(--card);
-     background: rgba(255, 255, 255, .055);
+     border-bottom: 1px solid var(--line);
+}
-     box-shadow: 0 24px 60px rgba(0, 0, 0, .34);
+.rdx-stats > div {
+     padding: 1.25rem 1.4rem;
+    border-right: 1px solid var(--line);
 }
-.rdx-graph-title {
+.rdx-stats > div:last-child {
-     display: flex;
+     border: 0;
-    justify-content: space-between;
+}
-     padding: 1rem;
+.rdx-stats b,
+.rdx-stats span {
+     display: block;
+}
-     border-bottom: 1px solid rgba(255, 255, 255, .12);
+.rdx-stats b {
+     font-size: 1.35rem;
+}
-     color: #9ca2ac;
+.rdx-stats span {
+    margin-top: .2rem;
-     font-size: .7rem;
-     letter-spacing: .12em;
+     color: var(--muted);
+     font-size: .73rem;
+     letter-spacing: .08em;
+    text-transform: uppercase;
 }
-.rdx-graph-title b {
+.rdx-section {
-     color: #ffffff;
+     padding: clamp(2rem, 4vw, 4.2rem);
+    border-bottom: 1px solid var(--line);
 }
-.rdx-node {
+.rdx-heading {
-     position: absolute;
+     display: flex;
+    justify-content: space-between;
+    gap: 2rem;
+    align-items: end;
-     width: 158px;
+     margin-bottom: 1.6rem;
+}
-     border-left: 3px solid var(--red);
+.rdx-heading small,
-    background: #1c1e22;
+.rdx-feature-grid small,
+.rdx-trust small {
+     color: var(--red);
-     box-shadow: 0 12px 24px rgba(0, 0, 0, .3);
+     font-weight: 900;
+    letter-spacing: .13em;
 }
-.rdx-node a {
+.rdx-heading h2,
-     display: block;
+.rdx-trust h2 {
-    padding: .72rem .82rem;
+     margin: .4rem 0 0;
-}
-.rdx-node b,
+    color: var(--text);
-.rdx-node span {
-    display: block;
-}
-.rdx-node b {
+    font-size: clamp(1.75rem, 3vw, 2.65rem);
-     color: #ff626b;
+     line-height: 1.05;
-     font-size: .72rem;
+     letter-spacing: -.04em;
 }
-.rdx-node span {
+.rdx-heading > p {
-     margin-top: .2rem;
+    max-width: 540px;
+     margin: 0;
+    color: var(--muted);
+    line-height: 1.6;
+}
-     color: #f0f1f3;
+.rdx-action-grid,
+.rdx-feature-grid {
+     display: grid;
+    gap: 1px;
-     font-size: .82rem;
+     background: var(--line);
-     line-height: 1.3;
+     border: 1px solid var(--line);
 }
-.rdx-q138 {
+.rdx-action-grid {
-     top: 70px;
+     grid-template-columns: repeat(4, 1fr);
-    left: 50%;
-    transform: translateX(-50%);
 }
-.rdx-q9 {
+.rdx-feature-grid {
-     left: 18px;
+     grid-template-columns: repeat(3, 1fr);
-    bottom: 52px;
 }
-.rdx-q140 {
+.rdx-action-grid > div,
-     left: 50%;
+.rdx-feature-grid > div {
-     bottom: 24px;
+     padding: 1.3rem;
-    transform: translateX(-50%);
+     background: var(--card);
 }
-.rdx-q142 {
+.rdx-action-grid > div {
-     right: 18px;
+     min-height: 225px;
-    bottom: 52px;
 }
-.rdx-stats {
+.rdx-feature-grid > div {
-     display: grid;
+     min-height: 195px;
-    grid-template-columns: repeat(4, 1fr);
-    background: var(--card);
-    border-bottom: 1px solid var(--line);
 }
-.rdx-stats > div {
+.rdx-action-grid i {
-     padding: 1.25rem 1.4rem;
+     color: var(--red);
-    border-right: 1px solid var(--line);
-}
-.rdx-stats > div:last-child {
+    font-size: .72rem;
-     border: 0;
+    font-style: normal;
+    font-weight: 900;
+     letter-spacing: .12em;
 }
-.rdx-stats b,
+.rdx-action-grid h3,
-.rdx-stats span {
+.rdx-feature-grid h3 {
-     display: block;
+     margin: .9rem 0 .55rem;
-}
-.rdx-stats b {
+    color: var(--text);
-     font-size: 1.35rem;
+     font-size: 1.05rem;
 }
-.rdx-stats span {
+.rdx-action-grid p,
-    margin-top: .2rem;
+.rdx-feature-grid p,
+.rdx-trust p {
      color: var(--muted);
+    line-height: 1.58;
+}
-     font-size: .73rem;
+.rdx-action-grid > div > b {
-     letter-spacing: .08em;
+     display: block;
-     text-transform: uppercase;
+    margin-top: 1rem;
+     color: #a7121b;
+     font-size: .84rem;
 }
-.rdx-section {
+.rdx-feature-grid > div > b {
-     padding: clamp(2rem, 4vw, 4.2rem);
+     display: inline-block;
-     border-bottom: 1px solid var(--line);
-}
+     margin-top: .5rem;
+    padding: .2rem .4rem;
-.rdx-heading {
+     color: var(--muted);
-     display: flex;
+     background: var(--bg);
-    justify-content: space-between;
-     gap: 2rem;
-    align-items: end;
-     margin-bottom: 1.6rem;
+     font-size: .7rem;
 }
-.rdx-heading small,
+.rdx-action-grid > div:hover,
-.rdx-feature-grid small,
+.rdx-feature-grid > div:hover {
-.rdx-trust small {
+    box-shadow: inset 0 -3px 0 var(--red);
-     color: var(--red);
+}
+.rdx-trust {
+     display: grid;
+    grid-template-columns: .9fr 1.1fr;
+    gap: 4rem;
+    padding: clamp(2rem, 4vw, 4.2rem);
-     font-weight: 900;
+     color: #ffffff;
-     letter-spacing: .13em;
+     background: var(--dark);
 }
-.rdx-heading h2,
 .rdx-trust h2 {
-    margin: .4rem 0 0;
+     color: #ffffff;
-     color: var(--text);
-    font-size: clamp(1.75rem, 3vw, 2.65rem);
-    line-height: 1.05;
-    letter-spacing: -.04em;
 }
-.rdx-heading > p {
+.rdx-trust p {
-     max-width: 540px;
+     color: #b7bdc6;
-    margin: 0;
+}
-     color: var(--muted);
+.rdx-trust > div:first-child > div {
-     line-height: 1.6;
+     color: #e3e5e8;
+     font-size: .88rem;
 }
-.rdx-action-grid,
+.rdx-trust-grid {
-.rdx-feature-grid {
      display: grid;
-     gap: 1px;
+     grid-template-columns: repeat(2, 1fr);
-    background: var(--line);
+     border: 1px solid #34373d;
-     border: 1px solid var(--line);
 }
-.rdx-action-grid {
+.rdx-trust-grid > div {
-     grid-template-columns: repeat(4, 1fr);
+     padding: 1.15rem;
-}
-.rdx-feature-grid {
+    border-right: 1px solid #34373d;
-     grid-template-columns: repeat(3, 1fr);
+     border-bottom: 1px solid #34373d;
 }
-.rdx-action-grid > div,
+.rdx-trust-grid > div:nth-child(2n) {
-.rdx-feature-grid > div {
+     border-right: 0;
-     padding: 1.3rem;
-    background: var(--card);
 }
-.rdx-action-grid > div {
+.rdx-trust-grid > div:nth-last-child(-n+2) {
-     min-height: 225px;
+     border-bottom: 0;
 }
-.rdx-feature-grid > div {
+.rdx-trust-grid b,
-     min-height: 195px;
+.rdx-trust-grid span {
+     display: block;
 }
-.rdx-action-grid i {
+.rdx-trust-grid span {
-     color: var(--red);
+    margin-top: .45rem;
+     color: #9ca2ac;
-     font-size: .72rem;
+     font-size: .86rem;
-     font-style: normal;
+     line-height: 1.5;
-    font-weight: 900;
-    letter-spacing: .12em;
 }
-.rdx-action-grid h3,
+.rdx-footer {
-.rdx-feature-grid h3 {
+    display: flex;
-     margin: .9rem 0 .55rem;
+    justify-content: space-between;
+    gap: 1rem;
+     padding: 1rem clamp(1.2rem, 4vw, 4rem);
+    color: #a2a7b0;
+    background: #121316;
-    color: var(--text);
+     font-size: .8rem;
-     font-size: 1.05rem;
 }
-.rdx-action-grid p,
+.rdx-footer b {
-.rdx-feature-grid p,
+     color: #ffffff;
-.rdx-trust p {
-     color: var(--muted);
-    line-height: 1.58;
 }
-.rdx-action-grid > div > b {
+.rdx-footer a:hover {
-     display: block;
+     color: #ff626b;
-    margin-top: 1rem;
+}
-     color: #a7121b;
+html.skin-theme-clientpref-night .rdx-home {
-     font-size: .84rem;
+     --bg: #111216;
+     --card: #191b20;
+    --text: #f1f2f4;
+    --muted: #aab0b9;
+    --line: #30333a;
 }
-.rdx-feature-grid > div > b {
+@media screen and (prefers-color-scheme: dark) {
-    display: inline-block;
+    html.skin-theme-clientpref-os .rdx-home {
+        --bg: #111216;
+        --card: #191b20;
+        --text: #f1f2f4;
+        --muted: #aab0b9;
+        --line: #30333a;
+    }
+}
-    margin-top: .5rem;
+@media (max-width: 1000px) {
-     padding: .2rem .4rem;
+    .rdx-hero,
+     .rdx-trust {
+        grid-template-columns: 1fr;
+    }
-     color: var(--muted);
+     .rdx-action-grid {
-    background: var(--bg);
+        grid-template-columns: repeat(2, 1fr);
+     }
-     font-size: .7rem;
 }
-.rdx-action-grid > div:hover,
+@media (max-width: 700px) {
-.rdx-feature-grid > div:hover {
+    body.page-Main_Page .mw-content-container {
-    box-shadow: inset 0 -3px 0 var(--red);
+        padding-left: 0;
-}
+        padding-right: 0;
+    }
-.rdx-trust {
+    .rdx-home {
-    display: grid;
+        border-left: 0;
-    grid-template-columns: .9fr 1.1fr;
+        border-right: 0;
-     gap: 4rem;
+     }
-     padding: clamp(2rem, 4vw, 4.2rem);
+     .rdx-hero,
+    .rdx-section,
+    .rdx-trust {
+        padding: 2rem 1rem;
+    }
-     color: #ffffff;
+     .rdx-hero h1 {
-    background: var(--dark);
+        font-size: clamp(2.35rem, 13vw, 4rem);
-}
+    }
-.rdx-trust h2 {
+    .rdx-graph {
-    color: #ffffff;
+        min-height: 480px;
-}
+    }
-.rdx-trust p {
+    .rdx-q138 {
-    color: #b7bdc6;
+        top: 65px;
-}
+    }
-.rdx-trust > div:first-child > div {
+    .rdx-q9,
-    color: #e3e5e8;
+    .rdx-q140,
-    font-size: .88rem;
+    .rdx-q142 {
-}
+        left: 1rem;
+        right: 1rem;
-.rdx-trust-grid {
+        width: auto;
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    border: 1px solid #34373d;
+        transform: none;
-}
+    }
-.rdx-trust-grid > div {
+    .rdx-q9 {
-    padding: 1.15rem;
+        bottom: 194px;
+    }
-     border-right: 1px solid #34373d;
+     .rdx-q140 {
-    border-bottom: 1px solid #34373d;
+        bottom: 121px;
-}
+    }
-.rdx-trust-grid > div:nth-child(2n) {
+    .rdx-q142 {
-    border-right: 0;
+        bottom: 48px;
-}
+    }
-.rdx-trust-grid > div:nth-last-child(-n+2) {
+    .rdx-stats,
-    border-bottom: 0;
+    .rdx-action-grid,
-}
+    .rdx-feature-grid,
+    .rdx-trust-grid {
+        grid-template-columns: 1fr;
+    }
-.rdx-trust-grid b,
+    .rdx-stats > div,
-.rdx-trust-grid span {
+    .rdx-trust-grid > div,
-    display: block;
+    .rdx-trust-grid > div:nth-child(2n),
-}
+    .rdx-trust-grid > div:nth-last-child(-n+2) {
+        border-right: 0;
+        border-bottom: 1px solid var(--line);
+    }
-.rdx-trust-grid span {
+    .rdx-heading,
-    margin-top: .45rem;
+    .rdx-footer {
+        display: block;
+    }
-     color: #9ca2ac;
+     .rdx-heading > p,
+     .rdx-footer > div:last-child {
-     font-size: .86rem;
+        margin-top: .8rem;
-    line-height: 1.5;
+    }
 }
-.rdx-footer {
+/* RV_DATA_MAIN_PAGE_PREMIUM_V2_END */
-    display: flex;
-    justify-content: space-between;
-    gap: 1rem;
-    padding: 1rem clamp(1.2rem, 4vw, 4rem);
+/* RV_DATA_MAIN_PAGE_TRUE_CENTER_V2C_START */
-    color: #a2a7b0;
+/*
-    background: #121316;
+ * Main Page only:
+ * remove Vector's pinned Appearance column and make
-     font-size: .8rem;
+ * the outer page layout a true single centered column.
+ */
+body.page-Main_Page {
+     overflow-x: hidden !important;
 }
-.rdx-footer b {
+/*
-     color: #ffffff;
+ * The Appearance panel is what was reserving the
+ * large empty area on the right side of the homepage.
+ * It remains available normally on all other pages.
+ */
+body.page-Main_Page .vector-column-end,
+body.page-Main_Page .vector-appearance-landmark,
+body.page-Main_Page #vector-appearance-pinned-container,
+body.page-Main_Page .vector-pinned-container.vector-appearance-pinned-container {
+     display: none !important;
 }
-.rdx-footer a:hover {
+/*
-     color: #ff626b;
+ * Break the Main Page out of Vector's multi-column
-}
+ * content + Appearance grid.
+ */
+body.page-Main_Page .mw-page-container {
+    box-sizing: border-box !important;
+     width: 100% !important;
+    max-width: none !important;
-html.skin-theme-clientpref-night .rdx-home {
+     margin-left: 0 !important;
-     --bg: #111216;
+     margin-right: 0 !important;
-     --card: #191b20;
-    --text: #f1f2f4;
+     padding-left: 0 !important;
-     --muted: #aab0b9;
+     padding-right: 0 !important;
-     --line: #30333a;
-}
-@media screen and (prefers-color-scheme: dark) {
+     overflow-x: hidden !important;
-     html.skin-theme-clientpref-os .rdx-home {
-        --bg: #111216;
-        --card: #191b20;
-        --text: #f1f2f4;
-        --muted: #aab0b9;
-        --line: #30333a;
-    }
 }
-@media (max-width: 1000px) {
+body.page-Main_Page .mw-page-container-inner {
-    .rdx-hero,
+    display: block !important;
-    .rdx-trust {
-        grid-template-columns: 1fr;
-    }
-     .rdx-action-grid {
+     box-sizing: border-box !important;
-        grid-template-columns: repeat(2, 1fr);
-    }
-}
-@media (max-width: 700px) {
+    width: 100% !important;
-     body.page-Main_Page .mw-content-container {
+     max-width: none !important;
-        padding-left: 0;
-        padding-right: 0;
-    }
-     .rdx-home {
+     margin-left: 0 !important;
-        border-left: 0;
+    margin-right: 0 !important;
-        border-right: 0;
-    }
-     .rdx-hero,
+     padding-left: 0 !important;
-     .rdx-section,
+     padding-right: 0 !important;
-    .rdx-trust {
+}
-        padding: 2rem 1rem;
-    }
-    .rdx-hero h1 {
+/*
-        font-size: clamp(2.35rem, 13vw, 4rem);
+ * This is the actual centered homepage column.
-    }
+ */
+body.page-Main_Page .mw-body {
+    display: block !important;
-     .rdx-graph {
+     box-sizing: border-box !important;
-        min-height: 480px;
-    }
-     .rdx-q138 {
+     width: calc(100% - 48px) !important;
-        top: 65px;
+    max-width: 1180px !important;
-     }
+     min-width: 0 !important;
-     .rdx-q9,
+     margin-left: auto !important;
-    .rdx-q140,
+    margin-right: auto !important;
-    .rdx-q142 {
-        left: 1rem;
-        right: 1rem;
-        width: auto;
+    padding-left: 0 !important;
+    padding-right: 0 !important;
-        transform: none;
+    grid-column: auto !important;
-    }
+    grid-area: auto !important;
+    transform: none !important;
+}
-    .rdx-q9 {
+/*
-        bottom: 194px;
+ * Center the page tabs over the same column.
-    }
+ */
+body.page-Main_Page .vector-page-toolbar-container,
+body.page-Main_Page .vector-page-toolbar {
+    box-sizing: border-box !important;
-     .rdx-q140 {
+     width: 100% !important;
-        bottom: 121px;
+     max-width: none !important;
-     }
-     .rdx-q142 {
+     margin-left: auto !important;
-        bottom: 48px;
+     margin-right: auto !important;
-     }
-     .rdx-stats,
+     padding-left: 0 !important;
-    .rdx-action-grid,
+     padding-right: 0 !important;
-     .rdx-feature-grid,
+}
-    .rdx-trust-grid {
-        grid-template-columns: 1fr;
-    }
-    .rdx-stats > div,
+/*
-    .rdx-trust-grid > div,
+ * Remove inherited standard-width offsets.
-    .rdx-trust-grid > div:nth-child(2n),
+ */
-    .rdx-trust-grid > div:nth-last-child(-n+2) {
+body.page-Main_Page .mw-content-container,
-        border-right: 0;
+body.page-Main_Page .mw-body-content,
-        border-bottom: 1px solid var(--line);
+body.page-Main_Page #bodyContent,
-    }
+body.page-Main_Page .mw-parser-output {
+    position: relative !important;
-     .rdx-heading,
+     left: auto !important;
-     .rdx-footer {
+     right: auto !important;
-        display: block;
-    }
-     .rdx-heading > p,
+     box-sizing: border-box !important;
-     .rdx-footer > div:last-child {
-        margin-top: .8rem;
+     width: 100% !important;
-     }
+    max-width: none !important;
-}
+     min-width: 0 !important;
-/* RV_DATA_MAIN_PAGE_PREMIUM_V2_END */
+    margin-left: 0 !important;
+    margin-right: 0 !important;
-/* RV_DATA_MAIN_PAGE_TRUE_CENTER_V2C_START */
+    padding-left: 0 !important;
+    padding-right: 0 !important;
-/*
+     transform: none !important;
- * Main Page only:
- * remove Vector's pinned Appearance column and make
- * the outer page layout a true single centered column.
- */
-body.page-Main_Page {
-     overflow-x: hidden !important;
 }
 /*
-  * The Appearance panel is what was reserving the
+  * The redesigned homepage must stay completely inside
-  * large empty area on the right side of the homepage.
+  * the newly centered outer column.
- * It remains available normally on all other pages.
   */
-body.page-Main_Page .vector-column-end,
+body.page-Main_Page .rdx-home {
-body.page-Main_Page .vector-appearance-landmark,
+    position: relative !important;
-body.page-Main_Page #vector-appearance-pinned-container,
-body.page-Main_Page .vector-pinned-container.vector-appearance-pinned-container {
+    left: auto !important;
-     display: none !important;
+     right: auto !important;
-}
-/*
- * Break the Main Page out of Vector's multi-column
- * content + Appearance grid.
- */
-body.page-Main_Page .mw-page-container {
      box-sizing: border-box !important;
      width: 100% !important;
      max-width: none !important;
+    min-width: 0 !important;
-     margin-left: 0 !important;
+     margin: 2rem auto 0 !important;
-    margin-right: 0 !important;
-     padding-left: 0 !important;
+     transform: none !important;
-     padding-right: 0 !important;
+     translate: none !important;
-     overflow-x: hidden !important;
+     overflow: hidden !important;
 }
-body.page-Main_Page .mw-page-container-inner {
+/*
-    display: block !important;
+ * Explicitly neutralize accidental horizontal movement
+ * inside the hero.
+ */
+body.page-Main_Page .rdx-hero {
      box-sizing: border-box !important;
      width: 100% !important;
-     max-width: none !important;
+     min-width: 0 !important;
-     margin-left: 0 !important;
+     grid-template-columns:
-    margin-right: 0 !important;
+        minmax(0, 1.05fr)
+        minmax(380px, .95fr) !important;
-     padding-left: 0 !important;
+     gap: clamp(2rem, 4vw, 3.5rem) !important;
-    padding-right: 0 !important;
-}
-/*
+    padding:
- * This is the actual centered homepage column.
+        clamp(2.5rem, 5vw, 4.5rem) !important;
- */
-body.page-Main_Page .mw-body {
-    display: block !important;
-     box-sizing: border-box !important;
+     margin: 0 !important;
+    left: auto !important;
+    right: auto !important;
+    transform: none !important;
+}
-    width: calc(100% - 48px) !important;
+body.page-Main_Page .rdx-hero-copy,
-    max-width: 1180px !important;
+body.page-Main_Page .rdx-graph {
-     min-width: 0 !important;
+     position: relative !important;
-     margin-left: auto !important;
+     left: auto !important;
-     margin-right: auto !important;
+     right: auto !important;
-     padding-left: 0 !important;
+     min-width: 0 !important;
-     padding-right: 0 !important;
+     max-width: 100% !important;
-     grid-column: auto !important;
+     margin-left: 0 !important;
-     grid-area: auto !important;
+     margin-right: 0 !important;
      transform: none !important;
+    translate: none !important;
 }
-/*
+body.page-Main_Page .rdx-hero-copy {
- * Center the page tabs over the same column.
+     padding-left: 0 !important;
- */
+}
-body.page-Main_Page .vector-page-toolbar-container,
-body.page-Main_Page .vector-page-toolbar {
-     box-sizing: border-box !important;
-     width: 100% !important;
+body.page-Main_Page .rdx-hero-copy > * {
-    max-width: none !important;
+     max-width: 100% !important;
+}
-     margin-left: auto !important;
+body.page-Main_Page .rdx-hero h1 {
-     margin-right: auto !important;
+     width: auto !important;
+     max-width: 650px !important;
-     padding-left: 0 !important;
+     margin-left: 0 !important;
-     padding-right: 0 !important;
+     margin-right: 0 !important;
-}
-/*
+    font-size:
- * Remove inherited standard-width offsets.
+        clamp(
- */
+.4rem,
-body.page-Main_Page .mw-content-container,
+.4vw,
-body.page-Main_Page .mw-body-content,
+.4rem
-body.page-Main_Page #bodyContent,
+        ) !important;
-body.page-Main_Page .mw-parser-output {
-     position: relative !important;
+     line-height: .98 !important;
-     left: auto !important;
+     white-space: normal !important;
-     right: auto !important;
+     overflow-wrap: normal !important;
+    word-break: normal !important;
+}
-     box-sizing: border-box !important;
+body.page-Main_Page .rdx-hero-copy > p {
+     width: auto !important;
+    max-width: 620px !important;
+}
+body.page-Main_Page .rdx-graph {
      width: 100% !important;
-     max-width: none !important;
+     max-width: 500px !important;
-    min-width: 0 !important;
-     margin-left: 0 !important;
+     margin-left: auto !important;
-     margin-right: 0 !important;
+     margin-right: auto !important;
-    padding-left: 0 !important;
-    padding-right: 0 !important;
-    transform: none !important;
 }
 /*
-  * The redesigned homepage must stay completely inside
+  * Keep every subsequent homepage section aligned to
-  * the newly centered outer column.
+  * exactly the same left and right edges.
   */
-body.page-Main_Page .rdx-home {
+body.page-Main_Page .rdx-stats,
-    position: relative !important;
+body.page-Main_Page .rdx-section,
+body.page-Main_Page .rdx-trust,
-    left: auto !important;
+body.page-Main_Page .rdx-footer {
-    right: auto !important;
      box-sizing: border-box !important;
      width: 100% !important;
      max-width: none !important;
-    min-width: 0 !important;
-     margin: 2rem auto 0 !important;
+     margin-left: 0 !important;
+    margin-right: 0 !important;
+    left: auto !important;
+    right: auto !important;
      transform: none !important;
-    translate: none !important;
-    overflow: hidden !important;
 }
 /*
-  * Explicitly neutralize accidental horizontal movement
+  * Tablet.
- * inside the hero.
   */
-body.page-Main_Page .rdx-hero {
+@media screen and (max-width: 1000px) {
-    box-sizing: border-box !important;
+    body.page-Main_Page .mw-body {
+        width: calc(100% - 32px) !important;
+    }
-     width: 100% !important;
+     body.page-Main_Page .rdx-hero {
-     min-width: 0 !important;
+        grid-template-columns: 1fr !important;
+     }
-     grid-template-columns:
+     body.page-Main_Page .rdx-graph {
-         minmax(0, 1.05fr)
+         max-width: 650px !important;
-        minmax(380px, .95fr) !important;
+    }
+}
-     gap: clamp(2rem, 4vw, 3.5rem) !important;
+/*
+ * Mobile.
+ */
+@media screen and (max-width: 700px) {
+     body.page-Main_Page .mw-body {
+        width: 100% !important;
+        max-width: none !important;
+    }
-     padding:
+     body.page-Main_Page .rdx-home {
-         clamp(2.5rem, 5vw, 4.5rem) !important;
+         margin-top: 1rem !important;
-    margin: 0 !important;
+        border-left: 0 !important;
+        border-right: 0 !important;
+    }
-     left: auto !important;
+     body.page-Main_Page .rdx-hero,
-    right: auto !important;
+    body.page-Main_Page .rdx-section,
+    body.page-Main_Page .rdx-trust {
-     transform: none !important;
+        padding-left: 1.15rem !important;
+        padding-right: 1.15rem !important;
+     }
 }
-body.page-Main_Page .rdx-hero-copy,
+/* RV_DATA_MAIN_PAGE_TRUE_CENTER_V2C_END */
-body.page-Main_Page .rdx-graph {
-    position: relative !important;
-    left: auto !important;
+/* RV_DATA_MAIN_PAGE_VIEWPORT_CENTER_V2D_START */
-    right: auto !important;
-    min-width: 0 !important;
+/*
-    max-width: 100% !important;
+ * JavaScript performs the final viewport measurement.
+ * These rules remove any ancestor clipping that could
-    margin-left: 0 !important;
+ * prevent the measured correction from being visible.
-     margin-right: 0 !important;
+ */
+body.page-Main_Page {
-    transform: none !important;
+     overflow-x: hidden !important;
-    translate: none !important;
 }
-body.page-Main_Page .rdx-hero-copy {
+body.page-Main_Page .mw-page-container,
-     padding-left: 0 !important;
+body.page-Main_Page .mw-page-container-inner,
+body.page-Main_Page .mw-body,
+body.page-Main_Page .mw-content-container,
+body.page-Main_Page .mw-body-content,
+body.page-Main_Page #bodyContent,
+body.page-Main_Page .mw-parser-output {
+     overflow-x: visible !important;
 }
-body.page-Main_Page .rdx-hero-copy > * {
+body.page-Main_Page .rdx-home {
-     max-width: 100% !important;
+     box-sizing: border-box !important;
-}
-body.page-Main_Page .rdx-hero h1 {
+     left: 0 !important;
-     width: auto !important;
+     right: auto !important;
-     max-width: 650px !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
-     font-size:
+     transform-origin: center top !important;
-        clamp(
+    will-change: transform;
-.4rem,
+}
-.4vw,
-.4rem
-        ) !important;
-     line-height: .98 !important;
+/*
+ * Prevent the hero content from escaping the corrected
+ * viewport-centered homepage.
+ */
+body.page-Main_Page .rdx-hero,
+body.page-Main_Page .rdx-hero-copy,
+body.page-Main_Page .rdx-graph,
+body.page-Main_Page .rdx-stats,
+body.page-Main_Page .rdx-section,
+body.page-Main_Page .rdx-trust,
+body.page-Main_Page .rdx-footer {
+    box-sizing: border-box !important;
+     min-width: 0 !important;
+    max-width: 100% !important;
+}
+body.page-Main_Page .rdx-hero h1,
+body.page-Main_Page .rdx-hero-copy > p {
+    width: auto !important;
      white-space: normal !important;
      overflow-wrap: normal !important;
@@ Line 1,305: / Line 1,292: @@
 }
-body.page-Main_Page .rdx-hero-copy > p {
+@media screen and (max-width: 700px) {
-    width: auto !important;
+    body.page-Main_Page .rdx-home {
-    max-width: 620px !important;
+        border-left: 0 !important;
+        border-right: 0 !important;
+    }
 }
-body.page-Main_Page .rdx-graph {
+/* RV_DATA_MAIN_PAGE_VIEWPORT_CENTER_V2D_END */
-    width: 100% !important;
-    max-width: 500px !important;
+/* RV_DATA_MAIN_PAGE_HEADER_V2E_START */
-    margin-left: auto !important;
-    margin-right: auto !important;
-}
 /*
-  * Keep every subsequent homepage section aligned to
+  * Main Page header:
-  * exactly the same left and right edges.
+  * one compact logo/search/account row followed by
+ * one slim page-tools row.
   */
-body.page-Main_Page .rdx-stats,
+body.page-Main_Page .vector-header-container {
-body.page-Main_Page .rdx-section,
+    position: relative !important;
-body.page-Main_Page .rdx-trust,
+    z-index: 100 !important;
-body.page-Main_Page .rdx-footer {
      box-sizing: border-box !important;
      width: 100% !important;
-     max-width: none !important;
+     min-height: 0 !important;
-     margin-left: 0 !important;
+     margin: 0 !important;
-     margin-right: 0 !important;
+     padding: 0 !important;
-     left: auto !important;
+     background: #ffffff !important;
-     right: auto !important;
+     border-bottom: 1px solid #d9dde5 !important;
-     transform: none !important;
+     box-shadow:
+3px 14px
+        rgba(18, 25, 38, .055) !important;
 }
 /*
-  * Tablet.
+  * Put the menu, logo, search and user controls
+ * into the same horizontal row.
   */
-@media screen and (max-width: 1000px) {
+body.page-Main_Page .vector-header {
-    body.page-Main_Page .mw-body {
+    display: grid !important;
-         width: calc(100% - 32px) !important;
-    }
+    grid-template-columns:
+        minmax(260px, auto)
+        minmax(360px, 600px)
+         minmax(280px, 1fr) !important;
-     body.page-Main_Page .rdx-hero {
+     grid-template-rows: 72px !important;
-        grid-template-columns: 1fr !important;
-    }
-     body.page-Main_Page .rdx-graph {
+     align-items: center !important;
-        max-width: 650px !important;
+    column-gap: 28px !important;
-     }
+    box-sizing: border-box !important;
+    width: calc(100% - 48px) !important;
+    max-width: 1440px !important;
+     min-height: 72px !important;
+    margin: 0 auto !important;
+    padding: 0 !important;
 }
 /*
-  * Mobile.
+  * Menu button and Roovet Data logo.
   */
-@media screen and (max-width: 700px) {
+body.page-Main_Page .vector-header-start {
-    body.page-Main_Page .mw-body {
+    grid-column: 1 !important;
-        width: 100% !important;
+    grid-row: 1 !important;
-        max-width: none !important;
-    }
-     body.page-Main_Page .rdx-home {
+     display: flex !important;
-        margin-top: 1rem !important;
+    align-items: center !important;
+    justify-content: flex-start !important;
-        border-left: 0 !important;
+    gap: 13px !important;
-        border-right: 0 !important;
-     }
+    min-width: 0 !important;
+     height: 72px !important;
-     body.page-Main_Page .rdx-hero,
+     margin: 0 !important;
-    body.page-Main_Page .rdx-section,
+    padding: 0 !important;
-    body.page-Main_Page .rdx-trust {
-        padding-left: 1.15rem !important;
-        padding-right: 1.15rem !important;
-    }
 }
-/* RV_DATA_MAIN_PAGE_TRUE_CENTER_V2C_END */
+body.page-Main_Page .vector-main-menu-landmark,
+body.page-Main_Page .vector-main-menu-dropdown {
+    position: static !important;
-/* RV_DATA_MAIN_PAGE_VIEWPORT_CENTER_V2D_START */
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
-/*
+    width: 40px !important;
- * JavaScript performs the final viewport measurement.
+    height: 40px !important;
- * These rules remove any ancestor clipping that could
- * prevent the measured correction from being visible.
+    margin: 0 !important;
- */
+     padding: 0 !important;
-body.page-Main_Page {
-     overflow-x: hidden !important;
-}
-body.page-Main_Page .mw-page-container,
+     flex: 0 0 40px !important;
-body.page-Main_Page .mw-page-container-inner,
-body.page-Main_Page .mw-body,
-body.page-Main_Page .mw-content-container,
-body.page-Main_Page .mw-body-content,
-body.page-Main_Page #bodyContent,
-body.page-Main_Page .mw-parser-output {
-     overflow-x: visible !important;
 }
-body.page-Main_Page .rdx-home {
+body.page-Main_Page .vector-main-menu-landmark .vector-dropdown-label,
-     box-sizing: border-box !important;
+body.page-Main_Page .vector-main-menu-dropdown .vector-dropdown-label {
+     display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
-     left: 0 !important;
+     width: 40px !important;
-     right: auto !important;
+     height: 40px !important;
-     margin-left: 0 !important;
+     margin: 0 !important;
-     margin-right: 0 !important;
+     padding: 0 !important;
-     transform-origin: center top !important;
+     border-radius: 4px !important;
-    will-change: transform;
 }
-/*
+body.page-Main_Page .vector-main-menu-landmark .vector-dropdown-label:hover,
- * Prevent the hero content from escaping the corrected
+body.page-Main_Page .vector-main-menu-dropdown .vector-dropdown-label:hover {
- * viewport-centered homepage.
+     background: #f0f2f5 !important;
- */
-body.page-Main_Page .rdx-hero,
-body.page-Main_Page .rdx-hero-copy,
-body.page-Main_Page .rdx-graph,
-body.page-Main_Page .rdx-stats,
-body.page-Main_Page .rdx-section,
-body.page-Main_Page .rdx-trust,
-body.page-Main_Page .rdx-footer {
-     box-sizing: border-box !important;
-    min-width: 0 !important;
-    max-width: 100% !important;
 }
-body.page-Main_Page .rdx-hero h1,
+body.page-Main_Page .mw-logo {
-body.page-Main_Page .rdx-hero-copy > p {
+     display: flex !important;
-     width: auto !important;
+     align-items: center !important;
-     white-space: normal !important;
-     overflow-wrap: normal !important;
+     min-width: 0 !important;
-     word-break: normal !important;
+     max-width: 225px !important;
-}
-@media screen and (max-width: 700px) {
+     margin: 0 !important;
-     body.page-Main_Page .rdx-home {
+    padding: 0 !important;
-        border-left: 0 !important;
-        border-right: 0 !important;
-    }
 }
-/* RV_DATA_MAIN_PAGE_VIEWPORT_CENTER_V2D_END */
+body.page-Main_Page .mw-logo-icon {
+    width: 43px !important;
+    height: 43px !important;
-/* RV_DATA_MAIN_PAGE_HEADER_V2E_START */
+    margin: 0 10px 0 0 !important;
+}
+body.page-Main_Page .mw-logo-container {
+    display: flex !important;
+    align-items: center !important;
+    margin: 0 !important;
+}
+body.page-Main_Page .mw-logo-wordmark {
+    width: auto !important;
+    max-width: 166px !important;
+    height: auto !important;
+    margin: 0 !important;
+}
 /*
-  * Main Page header:
+  * Search occupies the center of the same row.
- * one compact logo/search/account row followed by
- * one slim page-tools row.
   */
-body.page-Main_Page .vector-header-container {
+body.page-Main_Page .vector-search-box,
+body.page-Main_Page .vector-search-box-vue {
+    grid-column: 2 !important;
+    grid-row: 1 !important;
      position: relative !important;
-    z-index: 100 !important;
      box-sizing: border-box !important;
      width: 100% !important;
-     min-height: 0 !important;
+    max-width: 600px !important;
+     min-width: 0 !important;
-     margin: 0 !important;
+     margin: 0 auto !important;
      padding: 0 !important;
+}
+body.page-Main_Page .vector-search-box-input,
+body.page-Main_Page .cdx-text-input__input,
+body.page-Main_Page .vector-search-box input[type="search"] {
+    box-sizing: border-box !important;
+    height: 42px !important;
+    min-height: 42px !important;
+    border-color: #aeb4bf !important;
+    border-radius: 4px 0 0 4px !important;
      background: #ffffff !important;
-    border-bottom: 1px solid #d9dde5 !important;
-     box-shadow:
+     font-size: 15px !important;
-3px 14px
-        rgba(18, 25, 38, .055) !important;
 }
-/*
+body.page-Main_Page .vector-search-box-button,
- * Put the menu, logo, search and user controls
+body.page-Main_Page .cdx-search-input__end-button {
- * into the same horizontal row.
+     height: 42px !important;
- */
+    min-height: 42px !important;
-body.page-Main_Page .vector-header {
-     display: grid !important;
+    border-radius: 0 4px 4px 0 !important;
-     grid-template-columns:
+     font-weight: 700 !important;
-        minmax(260px, auto)
+}
-        minmax(360px, 600px)
-        minmax(280px, 1fr) !important;
-     grid-template-rows: 72px !important;
+/*
+ * Account and utility controls stay on the right.
+ */
+body.page-Main_Page .vector-header-end {
+     grid-column: 3 !important;
+    grid-row: 1 !important;
+    display: flex !important;
      align-items: center !important;
-     column-gap: 28px !important;
+     justify-content: flex-end !important;
-     box-sizing: border-box !important;
+     min-width: 0 !important;
+    height: 72px !important;
-     width: calc(100% - 48px) !important;
+     gap: 12px !important;
-    max-width: 1440px !important;
-    min-height: 72px !important;
-     margin: 0 auto !important;
+     margin: 0 !important;
      padding: 0 !important;
 }
-/*
+body.page-Main_Page .vector-user-links,
- * Menu button and Roovet Data logo.
+body.page-Main_Page .vector-user-links-main,
- */
+body.page-Main_Page .vector-user-links-overflow {
-body.page-Main_Page .vector-header-start {
-    grid-column: 1 !important;
-    grid-row: 1 !important;
      display: flex !important;
      align-items: center !important;
-    justify-content: flex-start !important;
-     gap: 13px !important;
+     gap: 8px !important;
-    min-width: 0 !important;
-    height: 72px !important;
      margin: 0 !important;
@@ Line 1,524: / Line 1,523: @@
 }
-body.page-Main_Page .vector-main-menu-landmark,
+body.page-Main_Page .vector-header-end a,
-body.page-Main_Page .vector-main-menu-dropdown {
+body.page-Main_Page .vector-header-end button {
-     position: static !important;
+     white-space: nowrap !important;
+}
-    display: flex !important;
+/*
-    align-items: center !important;
+ * Remove the empty title band left behind after the
-     justify-content: center !important;
+ * Main Page title was hidden.
+ */
+body.page-Main_Page .vector-page-titlebar,
+body.page-Main_Page .mw-body-header {
+     display: none !important;
-     width: 40px !important;
+     min-height: 0 !important;
-     height: 40px !important;
+     height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
-     flex: 0 0 40px !important;
+     border: 0 !important;
 }
-body.page-Main_Page .vector-main-menu-landmark .vector-dropdown-label,
+/*
-body.page-Main_Page .vector-main-menu-dropdown .vector-dropdown-label {
+ * Restore the tools row that v2C hid, but make it
-     display: flex !important;
+ * compact and align it with the homepage.
-    align-items: center !important;
+ */
-    justify-content: center !important;
+body.page-Main_Page .vector-page-toolbar-container {
+     display: block !important;
-     width: 40px !important;
+    box-sizing: border-box !important;
-     height: 40px !important;
+     width: 100% !important;
+    min-height: 43px !important;
+     height: 43px !important;
      margin: 0 !important;
      padding: 0 !important;
-     border-radius: 4px !important;
+    background: #ffffff !important;
+     border-bottom: 1px solid #d9dde5 !important;
 }
-body.page-Main_Page .vector-main-menu-landmark .vector-dropdown-label:hover,
+body.page-Main_Page .vector-page-toolbar {
-body.page-Main_Page .vector-main-menu-dropdown .vector-dropdown-label:hover {
-    background: #f0f2f5 !important;
-}
-body.page-Main_Page .mw-logo {
      display: flex !important;
      align-items: center !important;
+    justify-content: flex-end !important;
-     min-width: 0 !important;
+     box-sizing: border-box !important;
-     max-width: 225px !important;
+    width: calc(100% - 48px) !important;
+     max-width: 1180px !important;
+    min-height: 43px !important;
+    height: 43px !important;
-     margin: 0 !important;
+     margin: 0 auto !important;
      padding: 0 !important;
 }
-body.page-Main_Page .mw-logo-icon {
+body.page-Main_Page .vector-page-toolbar .vector-menu-content-list,
-     width: 43px !important;
+body.page-Main_Page .vector-page-toolbar .mw-list-item {
+     min-height: 43px !important;
      height: 43px !important;
-     margin: 0 10px 0 0 !important;
+     margin: 0 !important;
 }
-body.page-Main_Page .mw-logo-container {
+body.page-Main_Page .vector-page-toolbar .mw-list-item > a,
+body.page-Main_Page .vector-page-toolbar .vector-menu-heading {
      display: flex !important;
      align-items: center !important;
-     margin: 0 !important;
+     box-sizing: border-box !important;
-}
+    min-height: 43px !important;
+    height: 43px !important;
-body.page-Main_Page .mw-logo-wordmark {
+     padding: 0 10px !important;
-     width: auto !important;
-    max-width: 166px !important;
-    height: auto !important;
-     margin: 0 !important;
+     font-size: 14px !important;
+    line-height: 1 !important;
 }
-/*
+body.page-Main_Page .vector-page-toolbar .selected > a {
-  * Search occupies the center of the same row.
+    border-bottom: 2px solid #d8222c !important;
+}
+/*
+  * Remove all leftover spacing between the header and
+ * the redesigned homepage.
   */
-body.page-Main_Page .vector-search-box,
+body.page-Main_Page .mw-body {
-body.page-Main_Page .vector-search-box-vue {
+     padding-top: 0 !important;
-     grid-column: 2 !important;
+}
-    grid-row: 1 !important;
-     position: relative !important;
+body.page-Main_Page .mw-content-container,
+body.page-Main_Page .mw-body-content,
+body.page-Main_Page #bodyContent,
+body.page-Main_Page .mw-parser-output {
+     margin-top: 0 !important;
+    padding-top: 0 !important;
+}
-     box-sizing: border-box !important;
+body.page-Main_Page .rdx-home {
+     margin-top: 18px !important;
+}
-     width: 100% !important;
+/*
-     max-width: 600px !important;
+ * Dark appearance support.
-    min-width: 0 !important;
+ */
+html.skin-theme-clientpref-night
+body.page-Main_Page .vector-header-container,
+html.skin-theme-clientpref-night
+body.page-Main_Page .vector-page-toolbar-container {
+     background: #15171b !important;
+     border-color: #34373e !important;
+}
-    margin: 0 auto !important;
+html.skin-theme-clientpref-night
-     padding: 0 !important;
+body.page-Main_Page .vector-main-menu-landmark .vector-dropdown-label:hover,
+html.skin-theme-clientpref-night
+body.page-Main_Page .vector-main-menu-dropdown .vector-dropdown-label:hover {
+     background: #26292f !important;
 }
-body.page-Main_Page .vector-search-box-input,
+@media screen and (prefers-color-scheme: dark) {
-body.page-Main_Page .cdx-text-input__input,
+    html.skin-theme-clientpref-os
-body.page-Main_Page .vector-search-box input[type="search"] {
+    body.page-Main_Page .vector-header-container,
-    box-sizing: border-box !important;
+    html.skin-theme-clientpref-os
+    body.page-Main_Page .vector-page-toolbar-container {
+        background: #15171b !important;
+        border-color: #34373e !important;
+    }
+}
-    height: 42px !important;
+/*
-     min-height: 42px !important;
+ * Medium screens.
+ */
+@media screen and (max-width: 1100px) {
+     body.page-Main_Page .vector-header {
+        grid-template-columns:
+            minmax(225px, auto)
+            minmax(280px, 1fr)
+            auto !important;
-    border-color: #aeb4bf !important;
+        width: calc(100% - 32px) !important;
-    border-radius: 4px 0 0 4px !important;
+        column-gap: 18px !important;
+    }
-     background: #ffffff !important;
+     body.page-Main_Page .vector-page-toolbar {
+        width: calc(100% - 32px) !important;
+    }
-     font-size: 15px !important;
+     body.page-Main_Page .mw-logo {
-}
+        max-width: 195px !important;
+     }
-body.page-Main_Page .vector-search-box-button,
-body.page-Main_Page .cdx-search-input__end-button {
-    height: 42px !important;
-     min-height: 42px !important;
-     border-radius: 0 4px 4px 0 !important;
+     body.page-Main_Page .mw-logo-wordmark {
+        max-width: 140px !important;
-     font-weight: 700 !important;
+     }
 }
 /*
-  * Account and utility controls stay on the right.
+  * Tablet and mobile: allow Vector's compact controls,
+ * but keep the header from creating empty rows.
   */
-body.page-Main_Page .vector-header-end {
+@media screen and (max-width: 800px) {
-    grid-column: 3 !important;
+    body.page-Main_Page .vector-header {
-    grid-row: 1 !important;
+        display: flex !important;
+        align-items: center !important;
-    display: flex !important;
+        width: calc(100% - 20px) !important;
-    align-items: center !important;
+        min-height: 62px !important;
-     justify-content: flex-end !important;
+        height: auto !important;
+        gap: 10px !important;
+     }
+    body.page-Main_Page .vector-header-start,
+    body.page-Main_Page .vector-header-end {
+        height: 62px !important;
+    }
-     min-width: 0 !important;
+     body.page-Main_Page .vector-search-box,
-     height: 72px !important;
+    body.page-Main_Page .vector-search-box-vue {
+        flex: 1 1 auto !important;
+     }
-     gap: 12px !important;
+     body.page-Main_Page .vector-page-toolbar {
+        width: calc(100% - 20px) !important;
-    margin: 0 !important;
+        overflow-x: auto !important;
-    padding: 0 !important;
+        justify-content: flex-start !important;
+    }
 }
-body.page-Main_Page .vector-user-links,
+@media screen and (max-width: 600px) {
-body.page-Main_Page .vector-user-links-main,
+    body.page-Main_Page .mw-logo-wordmark,
-body.page-Main_Page .vector-user-links-overflow {
+    body.page-Main_Page .mw-logo-tagline {
-    display: flex !important;
+        display: none !important;
-     align-items: center !important;
+    }
+    body.page-Main_Page .mw-logo {
+        width: 44px !important;
+        max-width: 44px !important;
+     }
+    body.page-Main_Page .mw-logo-icon {
+        margin-right: 0 !important;
+    }
-     gap: 8px !important;
+     body.page-Main_Page .vector-header-end .user-links-collapsible-item {
+        display: none !important;
+    }
-     margin: 0 !important;
+     body.page-Main_Page .rdx-home {
-     padding: 0 !important;
+        margin-top: 10px !important;
+     }
 }
-body.page-Main_Page .vector-header-end a,
+/* RV_DATA_MAIN_PAGE_HEADER_V2E_END */
-body.page-Main_Page .vector-header-end button {
-    white-space: nowrap !important;
+/* RV_DATA_TOOLS_DROPDOWN_FIX_V2F_START */
-}
 /*
-  * Remove the empty title band left behind after the
+  * Keep the page-tools dropdown anchored to its own
-  * Main Page title was hidden.
+  * button. Do not alter unrelated Vector dropdowns.
   */
-body.page-Main_Page .vector-page-titlebar,
+body.page-Main_Page
-body.page-Main_Page .mw-body-header {
+.vector-page-tools-landmark,
-    display: none !important;
-    min-height: 0 !important;
+body.page-Main_Page
-    height: 0 !important;
+#vector-page-tools-dropdown,
-    margin: 0 !important;
+body.page-Main_Page
-     padding: 0 !important;
+#p-tb {
+     position: relative !important;
-     border: 0 !important;
+     overflow: visible !important;
 }
 /*
-  * Restore the tools row that v2C hid, but make it
+  * The outer floating panel.
- * compact and align it with the homepage.
   */
-body.page-Main_Page .vector-page-toolbar-container {
+body.page-Main_Page
-    display: block !important;
+.vector-page-tools-landmark
+> .vector-dropdown-content,
-    box-sizing: border-box !important;
+body.page-Main_Page
+#vector-page-tools-dropdown
+> .vector-dropdown-content,
-    width: 100% !important;
+body.page-Main_Page
-    min-height: 43px !important;
+#p-tb
-    height: 43px !important;
+> .vector-dropdown-content,
-    margin: 0 !important;
+body.page-Main_Page
-     padding: 0 !important;
+.vector-page-tools-landmark
+.vector-dropdown-content {
+     position: absolute !important;
-     background: #ffffff !important;
+     top: calc(100% + 6px) !important;
-     border-bottom: 1px solid #d9dde5 !important;
+    right: 0 !important;
-}
+     bottom: auto !important;
+    left: auto !important;
-body.page-Main_Page .vector-page-toolbar {
+     z-index: 100000 !important;
-     display: flex !important;
-    align-items: center !important;
-    justify-content: flex-end !important;
      box-sizing: border-box !important;
-     width: calc(100% - 48px) !important;
+     width: 340px !important;
-     max-width: 1180px !important;
+    min-width: 280px !important;
-     min-height: 43px !important;
+    max-width: calc(100vw - 24px) !important;
-     height: 43px !important;
+     height: auto !important;
+     min-height: 0 !important;
+     max-height: calc(100vh - 170px) !important;
-     margin: 0 auto !important;
+     margin: 0 !important;
      padding: 0 !important;
-}
-body.page-Main_Page .vector-page-toolbar .vector-menu-content-list,
+     overflow-x: hidden !important;
-body.page-Main_Page .vector-page-toolbar .mw-list-item {
+     overflow-y: auto !important;
-     min-height: 43px !important;
-     height: 43px !important;
-     margin: 0 !important;
+     background: #ffffff !important;
-}
+    border: 1px solid #aeb4bf !important;
+    border-radius: 4px !important;
+    box-shadow:
+16px 38px
+        rgba(16, 24, 40, .22) !important;
-body.page-Main_Page .vector-page-toolbar .mw-list-item > a,
+     transform: none !important;
-body.page-Main_Page .vector-page-toolbar .vector-menu-heading {
+     translate: none !important;
-     display: flex !important;
+}
-     align-items: center !important;
-    box-sizing: border-box !important;
+/*
+ * Force the actual menu content and list back inside
+ * the floating panel. These are the elements currently
+ * escaping down the left side of the page.
+ */
+body.page-Main_Page
+.vector-page-tools-landmark
+.vector-dropdown-content
+.vector-menu-content,
-    min-height: 43px !important;
+body.page-Main_Page
-    height: 43px !important;
+.vector-page-tools-landmark
+.vector-dropdown-content
+.vector-menu-content-list,
-    padding: 0 10px !important;
+body.page-Main_Page
+#vector-page-tools-dropdown
+.vector-menu-content,
-    font-size: 14px !important;
+body.page-Main_Page
-    line-height: 1 !important;
+#vector-page-tools-dropdown
-}
+.vector-menu-content-list,
-body.page-Main_Page .vector-page-toolbar .selected > a {
+body.page-Main_Page
-    border-bottom: 2px solid #d8222c !important;
+#p-tb
-}
+.vector-menu-content,
-/*
+body.page-Main_Page
- * Remove all leftover spacing between the header and
+#p-tb
- * the redesigned homepage.
+.vector-menu-content-list {
- */
+     position: static !important;
-body.page-Main_Page .mw-body {
-     padding-top: 0 !important;
+    display: block !important;
-}
-body.page-Main_Page .mw-content-container,
+     box-sizing: border-box !important;
-body.page-Main_Page .mw-body-content,
-body.page-Main_Page #bodyContent,
-body.page-Main_Page .mw-parser-output {
-     margin-top: 0 !important;
-    padding-top: 0 !important;
-}
-body.page-Main_Page .rdx-home {
+    width: 100% !important;
-     margin-top: 18px !important;
+    min-width: 0 !important;
-}
+     max-width: 100% !important;
-/*
+    height: auto !important;
- * Dark appearance support.
+    min-height: 0 !important;
- */
+    max-height: none !important;
-html.skin-theme-clientpref-night
-body.page-Main_Page .vector-header-container,
+    inset: auto !important;
-html.skin-theme-clientpref-night
-body.page-Main_Page .vector-page-toolbar-container {
+    margin: 0 !important;
-     background: #15171b !important;
+    padding: 0 !important;
-     border-color: #34373e !important;
-}
+    overflow: visible !important;
+    float: none !important;
+     columns: 1 !important;
+     column-count: 1 !important;
-html.skin-theme-clientpref-night
+     transform: none !important;
-body.page-Main_Page .vector-main-menu-landmark .vector-dropdown-label:hover,
+     translate: none !important;
-html.skin-theme-clientpref-night
-body.page-Main_Page .vector-main-menu-dropdown .vector-dropdown-label:hover {
-     background: #26292f !important;
-}
-@media screen and (prefers-color-scheme: dark) {
-    html.skin-theme-clientpref-os
-    body.page-Main_Page .vector-header-container,
-    html.skin-theme-clientpref-os
-     body.page-Main_Page .vector-page-toolbar-container {
-        background: #15171b !important;
-        border-color: #34373e !important;
-    }
 }
 /*
-  * Medium screens.
+  * Keep the pinnable Tools heading inside the panel.
   */
-@media screen and (max-width: 1100px) {
+body.page-Main_Page
-    body.page-Main_Page .vector-header {
+.vector-page-tools-landmark
-        grid-template-columns:
+.vector-pinnable-header,
-            minmax(225px, auto)
-            minmax(280px, 1fr)
+body.page-Main_Page
-            auto !important;
+#vector-page-tools-dropdown
+.vector-pinnable-header,
-        width: calc(100% - 32px) !important;
+body.page-Main_Page
-        column-gap: 18px !important;
+#p-tb
-    }
+.vector-pinnable-header {
+    position: static !important;
-     body.page-Main_Page .vector-page-toolbar {
+     display: flex !important;
-        width: calc(100% - 32px) !important;
+    align-items: center !important;
-    }
+    justify-content: space-between !important;
-     body.page-Main_Page .mw-logo {
+     box-sizing: border-box !important;
-        max-width: 195px !important;
-    }
-     body.page-Main_Page .mw-logo-wordmark {
+     width: 100% !important;
-        max-width: 140px !important;
+    min-width: 0 !important;
-     }
+    margin: 0 !important;
+    padding: 14px 16px 12px !important;
+    background: #ffffff !important;
+    border-bottom: 1px solid #eaecf0 !important;
+     transform: none !important;
 }
 /*
-  * Tablet and mobile: allow Vector's compact controls,
+  * Normal-sized Tools heading.
- * but keep the header from creating empty rows.
   */
-@media screen and (max-width: 800px) {
+body.page-Main_Page
-    body.page-Main_Page .vector-header {
+.vector-page-tools-landmark
-        display: flex !important;
+.vector-pinnable-header-label,
-        align-items: center !important;
+body.page-Main_Page
+#vector-page-tools-dropdown
+.vector-pinnable-header-label,
-        width: calc(100% - 20px) !important;
+body.page-Main_Page
-        min-height: 62px !important;
+#p-tb
-        height: auto !important;
+.vector-pinnable-header-label {
+    margin: 0 !important;
+    padding: 0 !important;
-        gap: 10px !important;
+    color: #202122 !important;
-    }
-     body.page-Main_Page .vector-header-start,
+     font-size: 16px !important;
-     body.page-Main_Page .vector-header-end {
+    font-weight: 700 !important;
-        height: 62px !important;
+     line-height: 1.25 !important;
-    }
+}
-    body.page-Main_Page .vector-search-box,
+/*
-    body.page-Main_Page .vector-search-box-vue {
+ * Section headings such as General and Actions.
-        flex: 1 1 auto !important;
+ */
-    }
+body.page-Main_Page
+.vector-page-tools-landmark
+.vector-menu-heading,
-    body.page-Main_Page .vector-page-toolbar {
+body.page-Main_Page
-        width: calc(100% - 20px) !important;
+#vector-page-tools-dropdown
+.vector-menu-heading,
-        overflow-x: auto !important;
+body.page-Main_Page
-        justify-content: flex-start !important;
+#p-tb
-    }
+.vector-menu-heading {
-}
+    position: static !important;
-@media screen and (max-width: 600px) {
+     display: block !important;
-     body.page-Main_Page .mw-logo-wordmark,
-    body.page-Main_Page .mw-logo-tagline {
-        display: none !important;
-    }
-     body.page-Main_Page .mw-logo {
+     box-sizing: border-box !important;
-        width: 44px !important;
-        max-width: 44px !important;
+    width: auto !important;
-     }
+    height: auto !important;
+    margin: 0 16px !important;
+    padding: 14px 0 9px !important;
+    color: #54595d !important;
+    background: transparent !important;
+     border-bottom: 1px solid #eaecf0 !important;
-     body.page-Main_Page .mw-logo-icon {
+     font-size: 13px !important;
-        margin-right: 0 !important;
+    font-weight: 700 !important;
-     }
+     line-height: 1.25 !important;
-     body.page-Main_Page .vector-header-end .user-links-collapsible-item {
+     text-transform: uppercase !important;
-        display: none !important;
+     letter-spacing: .06em !important;
-     }
-     body.page-Main_Page .rdx-home {
+     transform: none !important;
-        margin-top: 10px !important;
-    }
 }
-/* RV_DATA_MAIN_PAGE_HEADER_V2E_END */
+/*
+ * Override the broad 43px toolbar rules from v2E
+ * for menu items inside the dropdown.
+ */
+body.page-Main_Page
+.vector-page-tools-landmark
+.vector-dropdown-content
+.mw-list-item,
+body.page-Main_Page
+#vector-page-tools-dropdown
+.vector-dropdown-content
+.mw-list-item,
+body.page-Main_Page
+#p-tb
+.vector-dropdown-content
+.mw-list-item {
+    position: static !important;
+    display: block !important;
+    clear: both !important;
+    float: none !important;
+    box-sizing: border-box !important;
+    width: 100% !important;
+    min-width: 0 !important;
+    max-width: 100% !important;
+    height: auto !important;
+    min-height: 0 !important;
+    max-height: none !important;
+    inset: auto !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    overflow: visible !important;
+    transform: none !important;
+    translate: none !important;
+}
+/*
+ * Links remain completely inside the panel.
+ */
+body.page-Main_Page
+.vector-page-tools-landmark
+.vector-dropdown-content
+.mw-list-item
+> a,
+body.page-Main_Page
+#vector-page-tools-dropdown
+.vector-dropdown-content
+.mw-list-item
+> a,
+body.page-Main_Page
+#p-tb
+.vector-dropdown-content
+.mw-list-item
+> a {
+    position: static !important;
+    display: flex !important;
+    align-items: center !important;
+    box-sizing: border-box !important;
+    width: 100% !important;
+    min-width: 0 !important;
+    max-width: 100% !important;
+    height: auto !important;
+    min-height: 42px !important;
+    max-height: none !important;
+    margin: 0 !important;
+    padding: 9px 16px !important;
+    color: #36c !important;
+    background: transparent !important;
+    border: 0 !important;
+    font-size: 15px !important;
+    font-weight: 400 !important;
+    line-height: 1.35 !important;
+    white-space: normal !important;
+    overflow-wrap: anywhere !important;
+    word-break: normal !important;
+    text-decoration: none !important;
+    transform: none !important;
+    translate: none !important;
+}
+body.page-Main_Page
+.vector-page-tools-landmark
+.vector-dropdown-content
+.mw-list-item
+> a:hover,
+body.page-Main_Page
+#vector-page-tools-dropdown
+.vector-dropdown-content
+.mw-list-item
+> a:hover,
+body.page-Main_Page
+#p-tb
+.vector-dropdown-content
+.mw-list-item
+> a:hover {
+    color: #202122 !important;
+    background: #f5f7fa !important;
+    text-decoration: none !important;
+}
+/*
+ * Do not let nested icons or labels become detached
+ * from their menu links.
+ */
+body.page-Main_Page
+.vector-page-tools-landmark
+.vector-dropdown-content
+.mw-list-item
+> a
+> *,
+body.page-Main_Page
+#vector-page-tools-dropdown
+.vector-dropdown-content
+.mw-list-item
+> a
+> *,
+body.page-Main_Page
+#p-tb
+.vector-dropdown-content
+.mw-list-item
+> a
+> * {
+    position: static !important;
+    max-width: 100% !important;
+    margin: 0 !important;
+    transform: none !important;
+}
+/*
+ * Desktop and tablet alignment.
+ */
+@media screen and (max-width: 900px) {
+    body.page-Main_Page
+    .vector-page-tools-landmark
+    > .vector-dropdown-content,
+    body.page-Main_Page
+    #vector-page-tools-dropdown
+    > .vector-dropdown-content,
+    body.page-Main_Page
+    #p-tb
+    > .vector-dropdown-content {
+        width: 320px !important;
+        max-width: calc(100vw - 20px) !important;
+    }
+}
+/*
+ * Narrow mobile screens.
+ */
+@media screen and (max-width: 520px) {
+    body.page-Main_Page
+    .vector-page-tools-landmark
+    > .vector-dropdown-content,
+    body.page-Main_Page
+    #vector-page-tools-dropdown
+    > .vector-dropdown-content,
+    body.page-Main_Page
+    #p-tb
+    > .vector-dropdown-content {
+        position: fixed !important;
+        top: 112px !important;
+        right: 10px !important;
+        bottom: auto !important;
+        left: 10px !important;
+        width: auto !important;
+        max-width: none !important;
+        max-height: calc(100vh - 132px) !important;
+    }
+}
+/*
+ * Dark-mode panel.
+ */
+html.skin-theme-clientpref-night
+body.page-Main_Page
+.vector-page-tools-landmark
+.vector-dropdown-content,
+html.skin-theme-clientpref-night
+body.page-Main_Page
+#vector-page-tools-dropdown
+.vector-dropdown-content,
+html.skin-theme-clientpref-night
+body.page-Main_Page
+#p-tb
+.vector-dropdown-content {
+    color: #f1f2f4 !important;
+    background: #191b20 !important;
+    border-color: #41454d !important;
+}
+html.skin-theme-clientpref-night
+body.page-Main_Page
+.vector-page-tools-landmark
+.vector-pinnable-header,
+html.skin-theme-clientpref-night
+body.page-Main_Page
+#vector-page-tools-dropdown
+.vector-pinnable-header,
+html.skin-theme-clientpref-night
+body.page-Main_Page
+#p-tb
+.vector-pinnable-header {
+    background: #191b20 !important;
+    border-color: #363a42 !important;
+}
+/* RV_DATA_TOOLS_DROPDOWN_FIX_V2F_END */