/* Account policy guide: distinct meanings should not share one blue treatment. */
.accounts-policy-page {
  --account-paper: #090e13;
  --account-panel: #0d141b;
  --account-line: #303943;
  --account-text: #f4f6f8;
  --account-muted: #aab4bd;
  --account-green: #63d69a;
  --account-green-rgb: 99, 214, 154;
  --account-gold: #efc56d;
  --account-gold-rgb: 239, 197, 109;
  --account-violet: #bd91f2;
  --account-violet-rgb: 189, 145, 242;
  --account-rose: #ef7898;
  --account-rose-rgb: 239, 120, 152;
  --account-cyan: #66d5dc;
  background:
    linear-gradient(180deg, #080d12 0 18%, #0d0b13 18% 38%, #0d100d 38% 60%, #110c10 60% 80%, #080d12 80% 100%);
}

.accounts-policy-page main {
  width: min(1240px, calc(100% - 32px));
  margin-bottom: 72px;
}

.accounts-policy-page :is(h1, h2, h3, p, strong, small, span, a, blockquote) {
  min-width: 0;
  overflow-wrap: anywhere;
}

.accounts-policy-page .league-breadcrumbs {
  margin-bottom: 14px;
  border-color: #3e4650;
  border-left-color: var(--account-gold);
  background: rgba(9, 14, 19, .9);
}

.accounts-policy-page .accounts-hero {
  min-height: 0;
  overflow: hidden;
  border: 1px solid #4a3c57;
  border-bottom: 0;
  background:
    linear-gradient(90deg, rgba(5, 9, 13, .98) 0%, rgba(8, 12, 18, .94) 48%, rgba(24, 12, 29, .72) 100%),
    url("/league/assets/vex-social-20260718.jpg") 84% 34% / cover no-repeat;
  box-shadow: inset 5px 0 var(--account-violet);
}

.accounts-policy-page .accounts-hero::before {
  height: 4px;
  background: linear-gradient(90deg, var(--account-green) 0 34%, var(--account-gold) 34% 66%, var(--account-rose) 66% 100%);
}

.accounts-policy-page .accounts-hero .conduct-hero-copy {
  min-height: 420px;
  padding: clamp(42px, 6vw, 72px) clamp(24px, 5vw, 60px) 40px;
}

.accounts-policy-page .accounts-hero .eyebrow { color: var(--account-gold); }
.accounts-policy-page .accounts-hero h1 {
  max-width: 820px;
  color: #fff;
  font-size: clamp(2.9rem, 6vw, 5rem);
  line-height: .98;
}
.accounts-policy-page .accounts-hero .conduct-lead {
  max-width: 780px;
  color: #c4ccd2;
  font-size: clamp(1rem, 1.6vw, 1.2rem);
  line-height: 1.65;
}
.accounts-policy-page .accounts-hero .conduct-lead strong { color: #f5d994; }

.accounts-policy-page .conduct-hero-actions { gap: 10px; }
.accounts-policy-page .conduct-hero-actions a {
  display: inline-grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-height: 50px;
  padding: 7px 15px 7px 7px;
  border: 1px solid rgba(var(--account-gold-rgb), .48);
  border-radius: 6px;
  color: #f7dfa9;
  background: rgba(50, 38, 17, .62);
}
.accounts-policy-page .conduct-hero-actions a i {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
}
.accounts-policy-page .conduct-hero-actions a.is-secondary {
  border-color: rgba(var(--account-violet-rgb), .48);
  color: #e0c6ff;
  background: rgba(42, 26, 60, .62);
}
.accounts-policy-page .conduct-hero-actions a:is(:hover, :focus-visible) {
  border-color: currentColor;
  background: rgba(67, 50, 21, .78);
}
.accounts-policy-page .conduct-hero-actions a.is-secondary:is(:hover, :focus-visible) { background: rgba(57, 34, 80, .8); }

.accounts-policy-page .conduct-source-strip { gap: 8px; }
.accounts-policy-page .conduct-source-strip span {
  border: 0;
  border-bottom: 2px solid var(--account-gold);
  border-radius: 0;
  color: #aeb7bf;
  background: transparent;
}
.accounts-policy-page .conduct-source-strip span:nth-child(2) { border-color: var(--account-green); }
.accounts-policy-page .conduct-source-strip span:nth-child(3) { border-color: var(--account-violet); }
.accounts-policy-page .conduct-source-strip span:nth-child(4) { border-color: var(--account-rose); }
.accounts-policy-page .conduct-source-strip strong { color: #fff; }

.accounts-policy-page .accounts-hero > .accounts-hero-verdict {
  border-color: #343b43;
  background: #343b43;
}
.accounts-policy-page .accounts-hero-verdict article {
  min-height: 128px;
  border-top-width: 4px;
  background: #0b1117;
}
.accounts-policy-page .accounts-hero-verdict article.is-allowed { background: #0c1815; }
.accounts-policy-page .accounts-hero-verdict article.is-warning { background: #19160e; }
.accounts-policy-page .accounts-hero-verdict article.is-danger { background: #1a0f15; }

.accounts-policy-page .conduct-jump {
  margin: 26px 0 38px;
  border-top-color: var(--account-gold);
}
.accounts-policy-page .conduct-jump > header span { color: var(--account-gold); }
.accounts-policy-page .conduct-jump-grid a { --jump-tone: var(--account-green); }
.accounts-policy-page .conduct-jump-grid a:nth-child(4n+2) { --jump-tone: var(--account-gold); }
.accounts-policy-page .conduct-jump-grid a:nth-child(4n+3) { --jump-tone: var(--account-violet); }
.accounts-policy-page .conduct-jump-grid a:nth-child(4n+4) { --jump-tone: var(--account-rose); }

.accounts-policy-page :is(.accounts-definition, .accounts-regions, .accounts-examples, .accounts-linking) {
  margin: 30px 0;
  overflow: hidden;
  border: 1px solid var(--account-line);
  border-radius: 7px;
  background: var(--account-panel);
}
.accounts-policy-page :is(.accounts-definition, .accounts-regions, .accounts-examples, .accounts-linking) > :is(header, div:first-child) {
  padding: clamp(24px, 4vw, 42px);
}
.accounts-policy-page :is(.accounts-definition, .accounts-regions, .accounts-examples, .accounts-linking) h2 {
  color: #fff;
  font-size: clamp(1.9rem, 4vw, 3rem);
}
.accounts-policy-page :is(.accounts-definition, .accounts-regions, .accounts-examples, .accounts-linking) :is(header, div:first-child) > p:last-child {
  color: var(--account-muted);
  font-size: .98rem;
}

.accounts-policy-page .accounts-definition {
  border-color: #514263;
  background: #110f18;
  box-shadow: inset 5px 0 var(--account-violet);
}
.accounts-policy-page .accounts-definition > header { background: rgba(var(--account-violet-rgb), .06); }
.accounts-policy-page .accounts-definition .eyebrow { color: #d4aaf8; }
.accounts-policy-page .accounts-definition-grid article.is-alt {
  border-color: rgba(var(--account-green-rgb), .35);
  background: #0d1a16;
}
.accounts-policy-page .accounts-definition-grid article.is-smurf {
  border-color: rgba(var(--account-rose-rgb), .38);
  background: #1b1016;
}
.accounts-policy-page .accounts-definition-icon { border-radius: 50%; }

.accounts-policy-page .accounts-regions {
  border-color: #65542e;
  background: #15130d;
  box-shadow: inset 5px 0 var(--account-gold);
}
.accounts-policy-page .accounts-regions > header { background: rgba(var(--account-gold-rgb), .06); }
.accounts-policy-page .accounts-regions .eyebrow { color: var(--account-gold); }
.accounts-policy-page .accounts-region-board > article {
  border-color: #66542e;
  background: #1b170e;
}
.accounts-policy-page .accounts-region-board > article:last-child {
  border-color: #4d3c67;
  background: #171220;
}
.accounts-policy-page .accounts-region-board > article:last-child .accounts-region-badge { color: var(--account-violet); }
.accounts-policy-page .accounts-region-owner img {
  border-radius: 50%;
  box-shadow: 0 0 0 7px rgba(var(--account-gold-rgb), .08), 0 0 30px rgba(var(--account-violet-rgb), .18);
}
.accounts-policy-page .accounts-region-rules article {
  border-color: #4a422e;
  border-left: 3px solid var(--account-gold);
  background: #0e1215;
}
.accounts-policy-page .accounts-region-rules article:nth-child(2) { border-left-color: var(--account-green); }
.accounts-policy-page .accounts-region-rules article:nth-child(3) { border-left-color: var(--account-violet); }
.accounts-policy-page .accounts-region-rules article:nth-child(4) { border-left-color: var(--account-rose); }
.accounts-policy-page .accounts-regions > aside { border-color: #5b4b2b; background: #1a160d; }

.accounts-policy-page .accounts-examples {
  border-color: #38443e;
  background: #0d1411;
  box-shadow: inset 5px 0 var(--account-green);
}
.accounts-policy-page .accounts-examples:nth-of-type(5) {
  border-color: #4f4260;
  background: #110f18;
  box-shadow: inset 5px 0 var(--account-violet);
}
.accounts-policy-page .accounts-examples > header { background: rgba(var(--account-green-rgb), .05); }
.accounts-policy-page .accounts-examples:nth-of-type(5) > header { background: rgba(var(--account-violet-rgb), .05); }
.accounts-policy-page .accounts-examples .eyebrow { color: var(--account-green); }
.accounts-policy-page .accounts-examples:nth-of-type(5) .eyebrow { color: var(--account-violet); }
.accounts-policy-page .accounts-example-grid article {
  border-radius: 6px;
  background: #0d1a16;
}
.accounts-policy-page .accounts-example-grid article.is-risk { background: #1b1016; }

.accounts-policy-page .accounts-sources {
  border-color: #62532f;
  border-radius: 7px;
  background: #15130d;
  box-shadow: inset 5px 0 var(--account-gold);
}
.accounts-policy-page .accounts-sources > header { background: rgba(var(--account-gold-rgb), .06); }
.accounts-policy-page .accounts-sources > header .eyebrow { color: var(--account-gold); }
.accounts-policy-page .accounts-sources > div { background: #544829; }
.accounts-policy-page .accounts-sources article {
  border-top-color: var(--account-gold);
  background: #1a170f;
}
.accounts-policy-page .accounts-sources article:nth-child(2) { border-top-color: var(--account-green); background: #0e1814; }
.accounts-policy-page .accounts-sources article:nth-child(3) { border-top-color: var(--account-rose); background: #1a1015; }
.accounts-policy-page .accounts-sources article:nth-child(4) { border-top-color: var(--account-violet); background: #15111d; }
.accounts-policy-page .accounts-sources a { color: #f0ce83; }

.accounts-policy-page .accounts-linking {
  border-color: #63384a;
  background: #170e14;
  box-shadow: inset 5px 0 var(--account-rose);
}
.accounts-policy-page .accounts-linking .eyebrow { color: #ff9db4; }
.accounts-policy-page .accounts-link-diagram article { border-color: #51405d; background: #14101b; }
.accounts-policy-page .accounts-link-diagram article i { color: var(--account-violet); }

.accounts-policy-page .accounts-check {
  border-color: #385d4c;
  border-radius: 7px;
  background: #0d1713;
  box-shadow: inset 5px 0 var(--account-green);
}
.accounts-policy-page .accounts-check > header { background: rgba(var(--account-green-rgb), .05); }
.accounts-policy-page .accounts-check > header .eyebrow { color: var(--account-green); }
.accounts-policy-page .conduct-check-grid label { border-color: #385044; background: #101a16; }
.accounts-policy-page .conduct-check-grid label:nth-child(2) { border-left: 3px solid var(--account-gold); }
.accounts-policy-page .conduct-check-grid label:nth-child(3) { border-left: 3px solid var(--account-violet); }
.accounts-policy-page .conduct-check-grid label:nth-child(4) { border-left: 3px solid var(--account-rose); }

.accounts-policy-page .accounts-copy {
  border: 1px solid #544368;
  border-radius: 7px;
  background: #12101a;
  box-shadow: inset 5px 0 var(--account-violet);
}
.accounts-policy-page .accounts-copy > div:first-child { background: rgba(var(--account-violet-rgb), .05); }
.accounts-policy-page .accounts-copy .eyebrow { color: var(--account-violet); }
.accounts-policy-page .accounts-copy .conduct-reply { background: #0c1116; }
.accounts-policy-page .accounts-copy .conduct-reply-options article {
  border-color: #3c3548;
  border-left: 3px solid var(--account-violet);
  background: #12101a;
}
.accounts-policy-page .accounts-copy .conduct-reply-options article:nth-child(2) { border-left-color: var(--account-gold); }
.accounts-policy-page .accounts-copy .conduct-reply-options article:nth-child(3) { border-left-color: var(--account-green); }
.accounts-policy-page .accounts-copy .conduct-reply-options article:nth-child(4) { border-left-color: var(--account-rose); }
.accounts-policy-page .accounts-copy blockquote { border-color: #4a3a5c; background: #090d12; }

.accounts-policy-page .accounts-authority {
  border: 1px solid #694052;
  border-radius: 7px;
  background: #170f14;
  box-shadow: inset 5px 0 var(--account-rose);
}
.accounts-policy-page .accounts-authority .eyebrow { color: #ff9ab1; }
.accounts-policy-page .accounts-authority > aside { background: #211019; }

.accounts-policy-page .conduct-faq {
  border: 1px solid #45404d;
  border-radius: 7px;
  background: #101117;
  box-shadow: inset 5px 0 var(--account-gold);
}
.accounts-policy-page .conduct-faq > header .eyebrow { color: var(--account-gold); }
.accounts-policy-page .conduct-faq details { border-color: #3a3b43; background: #11151a; }
.accounts-policy-page .conduct-faq details[open] { border-color: #66542f; background: #17150f; }
.accounts-policy-page .conduct-faq summary::after { color: var(--account-gold); }

@media (max-width: 900px) {
  .accounts-policy-page .accounts-hero .conduct-hero-copy { min-height: 0; }
  .accounts-policy-page .accounts-hero h1 { font-size: clamp(2.65rem, 9vw, 4rem); }
}

@media (max-width: 680px) {
  .accounts-policy-page main { width: min(100% - 18px, 1240px); }
  .accounts-policy-page .accounts-hero {
    background:
      linear-gradient(180deg, rgba(5, 9, 13, .75), rgba(5, 9, 13, .98) 44%),
      url("/league/assets/vex-social-20260718.jpg") 68% top / auto 260px no-repeat;
  }
  .accounts-policy-page .accounts-hero .conduct-hero-copy { padding: 190px 18px 24px; }
  .accounts-policy-page .accounts-hero h1 { font-size: clamp(2.35rem, 12vw, 3.15rem); }
  .accounts-policy-page .conduct-hero-actions { display: grid; grid-template-columns: 1fr; }
  .accounts-policy-page .conduct-hero-actions a { width: 100%; }
  .accounts-policy-page .conduct-source-strip { display: grid; grid-template-columns: 1fr 1fr; }
  .accounts-policy-page .accounts-hero-verdict article { min-height: 106px; }
  .accounts-policy-page :is(.accounts-definition, .accounts-regions, .accounts-examples, .accounts-linking, .accounts-sources, .accounts-check, .accounts-copy, .accounts-authority, .conduct-faq) {
    border-radius: 5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .accounts-policy-page * { scroll-behavior: auto !important; }
}