/* Community pages: the same Outland materials, with heraldic and arena accents. */
body.page-guilds,
body.page-guild {
  --outland-accent: #d6b5f1;
  --outland-rgb: 177, 137, 210;
}

body.page-leaderboard {
  --outland-accent: #efd094;
  --outland-rgb: 203, 166, 101;
}

body.page-pvp_leaderboard {
  --outland-accent: #eeb6ad;
  --outland-rgb: 189, 107, 112;
}

.page-guilds .guild-entry {
  padding: clamp(24px, 3.2vw, 46px);
  border-color: #8e749659;
  border-radius: 8px;
  background: linear-gradient(90deg, #101c2afc 12%, #111b29ed 43%, #111b295e 100%),
    url("art/guilds-banner.webp") right top / auto 360px no-repeat, #101b28;
  box-shadow: inset 0 1px #edd6ff0d, 0 18px 42px #0003;
}

.page-guilds .guild-entry .entry-hero {
  display: block;
  min-height: 250px;
  padding-block-end: 24px;
}

.page-guilds .guild-entry .intro { max-width: 740px; }
.page-guilds .guild-entry .armory-emblem { display: none; }
.page-guilds .guild-entry .eyebrow { color: #e0c4f0; }
.page-guilds .guild-entry h1 { font-family: Georgia, "Noto Serif", serif; }
.page-guilds .guild-search-panel {
  border: 1px solid #79658488;
  border-radius: 6px;
  padding: 23px;
  background: #0c1723;
  box-shadow: inset 0 1px #fff6e209;
}

.page-guilds .guild-recent .section-heading h2,
.page-guild .guild-section-heading h2 {
  font: 500 clamp(1.6rem, 2.3vw, 2.15rem)/1.2 Georgia, "Noto Serif", serif;
  color: #f2e8d8;
}

.page-guilds .guild-card-grid { gap: 20px; }
.page-guilds .guild-card {
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 18px;
  padding: 25px;
  border-color: #9981745c;
  border-radius: 6px;
  background: linear-gradient(130deg, #72558b13, transparent 72%), #111d2a;
  box-shadow: inset 0 1px #fff0da09, 0 7px 18px #0002;
}

.page-guilds .guild-card-identity { min-width: 0; }
.page-guilds .guild-card-identity :is(strong, bdi) { overflow-wrap: anywhere; }
.page-guilds .guild-card-footer { align-self: end; }
.page-guilds .guild-card-footer > .ui-icon { flex: none; }
.page-guilds .guild-card .guild-crest-compact { width: 64px; }
.page-guilds .guild-card-identity strong {
  color: #ead3b0;
  font: 600 1.25rem/1.25 Georgia, "Noto Serif", serif;
}
.page-guilds .guild-card-identity > span { color: #b7c4d6; }
.page-guilds .guild-card-footer { border-color: #ac98b12a; }
.page-guilds .guild-card:is(:hover, :focus-visible) { background-color: #192637; border-color: #c5a0df; }
.page-guilds .guild-card:focus-visible { outline-color: #e3c9f5; }
.page-guilds .guild-explain-grid .reading-panel,
.page-guilds .guild-search-empty { background: #101b28; border-color: #a497803d; border-radius: 6px; }
.page-guilds .guild-explain-grid .reading-panel h2 { font: 500 1.35rem/1.3 Georgia, serif; }

/* Only the surrounding frame changes; official tabard layers retain their colours. */
.page-guild .guild-hero {
  gap: 28px 48px;
  padding: clamp(28px, 3.5vw, 48px) clamp(24px, 3.5vw, 48px) 0;
  border: 1px solid #a18a696e;
  border-block-start: 2px solid #bb9a68;
  border-radius: 8px;
  background: linear-gradient(90deg, #111b29fc 24%, #171d2aec 60%, #171d2a8f),
    url("art/guilds-banner.webp") right top / auto 100% no-repeat, #111b29;
  box-shadow: inset 0 1px #edd6b617, 0 18px 40px #0003;
}
.page-guild .guild-hero[data-faction="alliance"] { --guild-accent: #abcdf7; }
.page-guild .guild-hero[data-faction="horde"] { --guild-accent: #efa793; }
.page-guild .guild-hero h1 { font-size: clamp(2.4rem, 4.4vw, 4rem); color: #f4ecdf; }
.page-guild .guild-hero .eyebrow { color: #d8bde9; }
.page-guild .guild-hero-actions { gap: 14px 26px; }
.page-guild .guild-summary { margin-block-start: 10px; border-color: #c5a47440; }
.page-guild .guild-summary > div { padding-block: 27px; }
.page-guild .guild-summary dd { color: #eed2a0; font-size: 2.55rem; }
.page-guild .guild-summary dt { color: #bdc6d5; }
.page-guild .guild-summary > div { min-width: 0; }
.page-guild .guild-summary dt { overflow-wrap: anywhere; }
.page-guild .guild-location > bdi { overflow-wrap: anywhere; }
.page-guild .guild-updated { color: #a6b5c8; }
.page-guild .guild-insights { margin-block-start: 38px; border-color: #9f855331; }
.page-guild .guild-insights header h2 { font-size: 1.75rem; color: #ecdfca; }
.page-guild .guild-insight-grid { gap: 18px; }
.page-guild .guild-insight {
  padding: 24px;
  gap: 13px;
  border-color: #b698694a;
  border-radius: 6px;
  background: linear-gradient(125deg, #9b79bb0c, transparent 70%), #111e2b;
  box-shadow: inset 0 1px #fff0d50a;
}
.page-guild .guild-insight > strong { font: 600 2rem/1.1 Georgia, serif; color: #edcf99; }
.page-guild .guild-insight .guild-insight-label { font-size: .8125rem; color: #bdc6d5; }
.page-guild .guild-insight > span:last-child,
.page-guild .guild-insight > a { font-size: .8125rem; }
.page-guild .guild-insight > a { min-height: 36px; text-underline-offset: 4px; }
.page-guild .guild-insight > a bdi { min-width: 0; overflow-wrap: anywhere; }
.page-guild .guild-insight > a .ui-icon { flex: none; }
.page-guild .guild-insight-note { color: #a7b5c7; }
.page-guild .guild-member-filters,
.page-guild .guild-composition {
  border-color: #a58c6047;
  border-radius: 6px;
  background: #101c2a;
  box-shadow: inset 0 1px #edd5b30a;
}
.page-guild .guild-member-filters { padding: 22px; }
.page-guild .guild-member-filters :is(input, select) {
  min-height: 48px;
  border-color: #66788c8c;
  border-radius: 5px;
  background: #101d2b;
  color: #f1ecdf;
  font-size: 1rem;
}
.page-guild .guild-member-filters :is(input, select):focus-visible {
  outline: 2px solid var(--outland-accent);
  outline-offset: 3px;
}
.page-guild .guild-roster-table-wrap { border-color: #a58c6052; border-radius: 6px; background: #0f1a27; }
.page-guild .guild-roster-table thead { color: #cdb898; background: #182331; }
.page-guild .guild-roster-table thead th { padding-block: 18px; font-size: .8125rem; }
.page-guild .guild-roster-table tbody tr:nth-child(even) { background: #ffffff02; }
.page-guild .guild-roster-table tbody tr:is(:hover, :focus-within) { background: #8b77a814; }
.page-guild .guild-roster-table td { border-color: #bacadd15; }
.page-guild .guild-roster-table tbody th > a { min-height: 94px; padding-block: 18px; gap: 16px; }
.page-guild .guild-roster-table tbody th > a:focus-visible {
  outline: 2px solid var(--outland-accent);
  outline-offset: -4px;
}
.page-guild .guild-roster-table tbody th > a:focus-visible strong {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.page-guild .guild-member-portrait { width: 54px; height: 54px; border-radius: 5px; }
.page-guild .guild-member-identity strong { font: 600 1.0625rem/1.3 Georgia, serif; }
.page-guild .guild-member-identity small { line-height: 1.5; }
.page-guild .guild-member-identity { overflow-wrap: anywhere; }
.page-guild .guild-roster-table :is(.guild-member-level, .guild-score-column, .guild-arena-column) {
  text-align: end;
  font-variant-numeric: tabular-nums;
}
.page-guild .guild-roster-table :is(.guild-member-level bdi, td > strong) { white-space: nowrap; }
.page-guild .guild-roster-table thead th:nth-child(2) { text-align: end; }
.page-guild .guild-roster-table .guild-member-rank { line-height: 1.5; }
.page-guild .guild-roster-table td > strong { font: 600 1.125rem/1.2 Georgia, serif; }
.page-guild .guild-composition h2 { font: 500 1.3rem/1.25 Georgia, serif; color: #edddc5; }
.page-guild .guild-composition li > div { font-size: .875rem; }
.page-guild .guild-roster-empty { background: #101b28; border-color: #b29ac255; border-radius: 6px; }

/* Rank rows remain direct profile links, with a separate guild destination. */
:is(.page-leaderboard, .page-pvp_leaderboard) .ranking-switch {
  margin-block: 18px 0;
  padding: 4px;
  border-color: #aa936159;
  border-radius: 6px;
  background: #101a27;
}
:is(.page-leaderboard, .page-pvp_leaderboard) .ranking-switch > a {
  min-height: 48px;
  padding-inline: 25px;
  border-radius: 3px;
  font-size: .9375rem;
}
:is(.page-leaderboard, .page-pvp_leaderboard) .ranking-switch > a[aria-current] {
  color: var(--outland-accent);
  border-color: rgba(var(--outland-rgb), .55);
  background: linear-gradient(180deg, rgba(var(--outland-rgb), .17), rgba(var(--outland-rgb), .06));
  box-shadow: inset 0 1px #fff1d81c;
}
:is(.page-leaderboard, .page-pvp_leaderboard) .ranking-switch > a:is(:hover, :focus-visible) {
  color: #f4e8d5;
  border-color: rgba(var(--outland-rgb), .65);
}
:is(.page-leaderboard, .page-pvp_leaderboard) :is(.ranking-switch > a, .pvp-bracket-tabs > a):focus-visible {
  outline: 2px solid var(--outland-accent);
  outline-offset: 3px;
}
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-intro {
  min-height: 260px;
  padding: clamp(26px, 3.4vw, 46px);
  border-color: rgba(var(--outland-rgb), .4);
  border-radius: 8px;
  background: radial-gradient(ellipse at 95% 30%, rgba(var(--outland-rgb), .14), transparent 53%),
    linear-gradient(100deg, #111c29, #101824);
  box-shadow: inset 0 1px #ffeac80d, 0 18px 40px #0002;
}
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-intro::after {
  width: 340px;
  height: 340px;
  inset-block-start: -120px;
  border-color: rgba(var(--outland-rgb), .12);
  box-shadow: 0 0 0 30px rgba(var(--outland-rgb), .035), 0 0 0 80px rgba(var(--outland-rgb), .025);
}
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-intro h1 {
  font: 500 clamp(2.25rem, 3.7vw, 3.8rem)/1.1 Georgia, "Noto Serif", serif;
  letter-spacing: -.025em;
  color: #f2eadc;
  max-width: 22ch;
}
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-intro .eyebrow { color: var(--outland-accent); }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-intro p:last-child { font-size: 1rem; line-height: 1.65; }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-count { padding-inline-start: 32px; border-color: rgba(var(--outland-rgb), .3); }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-count strong { font-size: 3rem; color: var(--outland-accent); }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-count span { font-size: .8125rem; }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-filters { padding: 22px; gap: 16px; border-radius: 6px; border-color: #b2956247; background: #111d2a; }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-filters label { font-size: .875rem; color: #c6d1df; }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-list { gap: 10px; }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-list > li { min-width: 0; }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-list > li > a {
  min-width: 0;
  min-height: 98px;
  border-color: #a99a7d42;
  border-inline-start-color: rgba(var(--class-rgb), .6);
  border-radius: 6px;
  background: linear-gradient(95deg, rgba(var(--class-rgb), .045), transparent 38%), #111d2a;
  box-shadow: inset 0 1px #ecdfc806;
}
.page-leaderboard .gs-leaderboard-list > li > a { grid-template-columns: 84px 60px minmax(0, 1fr) auto 18px; }
.page-pvp_leaderboard .gs-leaderboard-list > li > a { grid-template-columns: 84px 60px minmax(0, 1fr) minmax(205px, auto) auto 18px; }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-list > li > a:is(:hover, :focus-visible) {
  border-color: rgba(var(--class-rgb), .65);
  background-color: #182736;
  transform: none;
}
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-list > li > a:focus-visible {
  outline: 2px solid var(--outland-accent);
  outline-offset: 3px;
}
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-rank {
  color: #b6c1d0;
  min-height: 36px;
  align-items: center;
  font: 600 1.0625rem/1.2 system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
}
/* The rank comes from the server, so page two never receives a false podium. */
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-list > li[data-rank="1"] { --podium-rgb: 224, 188, 116; }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-list > li[data-rank="2"] { --podium-rgb: 192, 205, 221; }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-list > li[data-rank="3"] { --podium-rgb: 202, 156, 120; }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-list > li:is([data-rank="1"], [data-rank="2"], [data-rank="3"]) .gs-leaderboard-rank {
  border: 1px solid rgba(var(--podium-rgb), .35);
  border-radius: 5px;
  color: rgb(var(--podium-rgb));
  background: rgba(var(--podium-rgb), .08);
}
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-portrait { border-radius: 5px; box-shadow: 0 3px 12px #0004; }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-identity strong { font: 600 1.2rem/1.2 Georgia, serif; }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-identity small { color: #b6c5d7; font-size: .8125rem; }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-score strong { font-size: 1.9rem; color: var(--outland-accent); }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-score small { max-width: 12ch; white-space: normal; text-align: end; line-height: 1.35; }
:is(.page-leaderboard, .page-pvp_leaderboard) .ranking-guild { border-color: #a99a7d42; border-radius: 0 0 6px 6px; background: #0d1824; }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-list .ranking-guild { padding-inline-start: 199px; }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-list .ranking-guild a.guild-link { min-height: 44px; color: #b9c8d9; font-size: .8125rem; }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-list .ranking-guild a.guild-link:is(:hover, :focus-visible) { color: #f3dec0; text-decoration: underline; text-underline-offset: 4px; }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-list > li.has-guild > a { border-end-start-radius: 0; border-end-end-radius: 0; }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-method { padding: 25px; border-color: #a28a5b47; border-radius: 6px; background: #101b28; }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-method h2 { font: 500 1.3rem/1.3 Georgia, serif; margin-block-end: 10px; }
:is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-method p { font-size: .875rem; line-height: 1.75; }
.page-pvp_leaderboard .pvp-ranking-context > span { border-color: #c78d8759; color: #e5c4be; background: #34252b; }
.page-pvp_leaderboard .pvp-bracket-tabs a { border-radius: 4px; background: #111c29; }
.page-pvp_leaderboard .pvp-bracket-tabs a[aria-current] { border-color: #b87f79; color: #f0c8be; background: #35292f; box-shadow: inset 0 -2px #c79488; }
.page-pvp_leaderboard .pvp-bracket-tabs a:is(:hover, :focus-visible) { border-color: #d5aaa0; color: #f5dbd2; }
.page-pvp_leaderboard .pvp-ranking-record { min-width: 0; font-size: .8125rem; overflow-wrap: anywhere; }
.page-pvp_leaderboard .pvp-ranking-record small { color: #b3c0d0; }

@media (min-width: 1400px) {
  .page-guild .guild-layout { grid-template-columns: minmax(0, 1fr) 290px; gap: 30px; }
}

@media (min-width: 621px) and (max-width: 900px) {
  .page-pvp_leaderboard .gs-leaderboard-list > li > a { grid-template-columns: 70px 50px minmax(0, 1fr) auto 18px; }
  .page-pvp_leaderboard .gs-leaderboard-rank { font-size: .9375rem; }
  .page-pvp_leaderboard .gs-leaderboard-list .ranking-guild { padding-inline-start: 167px; }
}

@media (max-width: 800px) {
  .page-guilds .guild-entry .entry-hero { min-height: 215px; }
  .page-guild .guild-hero { grid-template-columns: minmax(0, 1fr) 125px; gap: 24px; }
  .page-guild .guild-insight-grid { gap: 14px; }
  .page-guild .guild-insight { padding: 20px; }
  .page-guild .guild-summary dd { font-size: 2.1rem; }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-count { padding-inline-start: 20px; }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-count strong { font-size: 2.4rem; }
}

@media (max-width: 620px) {
  .page-guilds .guild-entry { padding: 23px 18px; background-size: auto 290px; }
  .page-guilds .guild-entry .entry-hero { min-height: 0; padding-block-end: 22px; }
  .page-guilds .guild-search-panel { padding: 20px 15px; }
  .page-guilds .guild-card-grid { gap: 14px; }
  .page-guilds .guild-card { padding: 21px; }
  .page-guild .guild-hero { grid-template-columns: minmax(0, 1fr); padding: 27px 22px 0; gap: 20px; }
  .page-guild .guild-hero h1 { font-size: clamp(2.15rem, 8vw, 2.8rem); }
  .page-guild .guild-summary > div { padding: 20px 12px; }
  .page-guild .guild-summary > div:first-child { padding-inline-start: 0; }
  .page-guild .guild-summary > div:last-child { padding-inline-end: 0; }
  .page-guild .guild-summary dd { font-size: 1.9rem; }
  .page-guild .guild-insights header h2 { font-size: 1.5rem; }
  .page-guild .guild-insight { padding: 18px 15px; }
  .page-guild .guild-insight > strong { font-size: 1.75rem; }
  .page-guild .guild-member-filters { padding: 18px; }
  .page-guild .guild-roster-table thead th { font-size: .75rem; padding-block: 14px; }
  .page-guild .guild-roster-table tbody th > a { min-height: 84px; padding: 15px 10px; gap: 9px; }
  .page-guild .guild-member-portrait { width: 38px; height: 38px; }
  .page-guild .guild-member-identity strong { font-size: 1rem; }
  :is(.page-leaderboard, .page-pvp_leaderboard) .ranking-switch > a { padding-inline: 14px; font-size: .875rem; }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-intro { min-height: 0; padding: 28px 22px; gap: 25px; }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-intro h1 { font-size: clamp(2.1rem, 8vw, 2.7rem); }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-intro p:last-child { font-size: .9375rem; }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-count { padding: 0; border: 0; }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-count strong { font-size: 2rem; }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-filters { padding: 18px; gap: 14px; }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-list > li > a {
    min-height: 84px;
    grid-template-columns: minmax(32px, max-content) 44px minmax(0, 1fr) auto;
  }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-list > li > a > .ui-icon { display: none; }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-portrait { width: 44px; height: 44px; }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-list .ranking-guild { padding-inline: 14px; }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-rank { font-size: .875rem; }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-identity strong { font-size: 1rem; }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-identity small { font-size: .75rem; }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-score strong { font-size: 1.45rem; }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-method { padding: 22px; }
  .page-pvp_leaderboard .pvp-ranking-record { font-size: .75rem; }
}

@media (max-width: 400px) {
  .page-guild .guild-insight-grid { gap: 10px; }
  .page-guild .guild-insight { padding: 15px 12px; }
  .page-guild .guild-member-portrait { width: 30px; height: 30px; }
  .page-guild .guild-roster-table tbody th > a { gap: 7px; padding-inline: 8px; }
  .page-guild .guild-member-identity strong { font-size: .9375rem; }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-list > li > a {
    grid-template-columns: minmax(30px, max-content) 36px minmax(0, 1fr) auto;
    gap: 7px;
    padding-inline: 9px;
  }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-portrait { width: 36px; height: 36px; }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-rank { font-size: .8125rem; }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-score strong { font-size: 1.25rem; }
}

@media (prefers-reduced-motion: reduce) {
  .page-guilds .guild-card,
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-list > li > a { transition: none; }
}

@media (forced-colors: active) {
  .page-guilds :is(.guild-entry, .guild-search-panel, .guild-card, .guild-search-empty, .reading-panel),
  .page-guild :is(.guild-hero, .guild-insight, .guild-member-filters, .guild-roster-table-wrap, .guild-composition, .guild-roster-empty),
  :is(.page-leaderboard, .page-pvp_leaderboard) :is(.ranking-switch, .gs-leaderboard-intro, .gs-leaderboard-filters, .gs-leaderboard-method, .ranking-guild) {
    background: Canvas;
    border-color: CanvasText;
    box-shadow: none;
  }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-intro::after { display: none; }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-list > li > a,
  .page-pvp_leaderboard .pvp-bracket-tabs a { background: Canvas; border-color: CanvasText; box-shadow: none; }
  :is(.page-leaderboard, .page-pvp_leaderboard) .ranking-switch > a[aria-current],
  .page-pvp_leaderboard .pvp-bracket-tabs a[aria-current] { background: Canvas; color: LinkText; outline: 2px solid Highlight; }
  :is(.page-leaderboard, .page-pvp_leaderboard) .gs-leaderboard-list > li:is([data-rank="1"], [data-rank="2"], [data-rank="3"]) .gs-leaderboard-rank {
    background: Canvas;
    color: CanvasText;
    border-color: CanvasText;
  }
  .page-guild .guild-roster-table tbody tr:is(:hover, :focus-within) { background: Canvas; }
  .page-guild .guild-roster-table tbody th > a:focus-visible,
  :is(.page-leaderboard, .page-pvp_leaderboard) :is(.ranking-switch > a, .pvp-bracket-tabs > a, .gs-leaderboard-list > li > a):focus-visible { outline-color: Highlight; }
}