.docsPage {
  --doc-header-offset: var(--header-h);
  --docs-bg-top: #171a1f;
  --docs-bg-bottom: #111419;
  --docs-gold-rgb: 244, 177, 63;
  isolation: isolate;
  min-height: 100vh;
  padding: calc(var(--doc-header-offset) + 36px) 10px 80px;
  background:
    radial-gradient(circle at 50% 7%, rgba(var(--docs-gold-rgb), .075), transparent 31rem),
    radial-gradient(circle at 88% 42%, rgba(88, 101, 242, .045), transparent 36rem),
    linear-gradient(180deg, var(--docs-bg-top) 0%, var(--docs-bg-bottom) 100%);
}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.docsMobileBar, .docsNavOverlay { display: none; }

.docsLayout {
  display: grid;
  grid-template-columns: 313px 59px minmax(0, 1fr);
  align-items: start;
  width: min(1520px, 100%);
  margin: 0 auto;
  min-height: calc(100vh - var(--header-h));
}

.docsSidebarWrap {
  grid-column: 1;
  grid-row: 1;
  position: sticky;
  top: calc(var(--doc-header-offset) + 36px);
  display: grid;
  grid-template-columns: 294px 16px 3px;
  align-items: stretch;
  min-height: min(720px, calc(100vh - var(--doc-header-offset) - 36px));
}

.docsSeparator {
  grid-column: 3;
  grid-row: 1;
  width: 3px;
  min-height: 100%;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    rgba(var(--docs-gold-rgb), .56) 0%,
    rgba(var(--docs-gold-rgb), .32) 72%,
    rgba(var(--docs-gold-rgb), .08) 100%
  );
}

.docsNav {
  grid-column: 1;
  grid-row: 1;
  padding: 4px 0 28px;
  background: linear-gradient(180deg, transparent 72%, rgba(17, 20, 25, .2) 90%, transparent 100%);
}

.docsNav__body { min-width: 0; }
.docsNav__head { display: flex; align-items: center; justify-content: space-between; padding: 0 7px 13px; }
.docsNav__head strong { color: rgba(255, 255, 255, .84); font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.docsNav__close { display: none; border: 0; color: #fff; background: transparent; cursor: pointer; }

.docsSearch { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 8px; margin-bottom: 22px; padding: 0 10px; border: 1px solid rgba(255, 255, 255, .075); border-radius: 7px; background: rgba(20, 23, 28, .56); }
.docsSearch:focus-within { border-color: rgba(240, 190, 105, .36); }
.docsSearch__icon { color: rgba(240, 190, 105, .58); font-size: 16px; }
.docsSearch input { width: 100%; min-width: 0; padding: 9px 0; border: 0; outline: 0; color: #fff; background: transparent; font-size: 13px; }
.docsSearch input::placeholder { color: rgba(255, 255, 255, .38); }

.docsNav nav { display: grid; gap: 28px; }
.docsNav__group { display: grid; gap: 1px; }
.docsNav__group[hidden], .docsNav__link[hidden] { display: none; }
.docsNav__title { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 9px 7px; color: rgba(232, 205, 157, .56); font-size: 10px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.docsNav__chevron { flex: 0 0 auto; color: rgba(var(--docs-gold-rgb), .52); font-size: 12px; line-height: 1; }
.docsNav__link { position: relative; display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: center; gap: 8px; padding: 7px 8px 7px 12px; border-radius: 5px; color: rgba(255, 255, 255, .66); transition: color .16s ease, background-color .16s ease; }
.docsNav__link strong { font-size: 12px; font-weight: 620; line-height: 1.3; }
.docsNav__icon { display: inline-grid; width: 22px; place-items: center; font-size: 14px; line-height: 1; filter: saturate(.78); }
.docsNav__link:hover, .docsNav__link.is-active { color: #fff; background: rgba(255, 255, 255, .04); }
.docsNav__link.is-active { box-shadow: inset 2px 0 rgba(var(--docs-gold-rgb), .7); }
.docsSearchEmpty { padding: 10px 9px 0; color: rgba(255, 255, 255, .45); font-size: 12px; }

.docsContent { grid-column: 3; grid-row: 1; width: 100%; max-width: 1040px; min-width: 0; min-height: 660px; margin: 0; padding: 4px 0 78px; }
.docsIntro { padding-bottom: 0; }
.docsIntro h1 { font-size: clamp(34px, 3.2vw, 42px); line-height: 1.12; letter-spacing: -.035em; }
.docsIntro p { max-width: 680px; margin-top: 11px; color: rgba(255, 255, 255, .66); font-size: 16px; line-height: 1.75; }

.docsSection { padding: 0; scroll-margin-top: calc(var(--doc-header-offset) + 36px); }
.docsIntro[hidden], .docsSection[hidden] { display: none; }
.docsIntro:not([hidden]), .docsSection:not([hidden]) { animation: docsPanelIn .18s ease-out; }
@keyframes docsPanelIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.docsSection__index { display: block; margin-bottom: 8px; color: rgba(240, 190, 105, .63); font-size: 10px; font-weight: 850; letter-spacing: .14em; }
.docsSection h2 { font-size: clamp(30px, 3vw, 40px); line-height: 1.16; letter-spacing: -.03em; }
.docsStatusBadge { display: inline-flex; margin-top: 14px; padding: 4px 9px; border: 1px solid rgba(240, 190, 105, .2); border-radius: 999px; color: #efc270; background: rgba(240, 190, 105, .06); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.docsSection h3 { scroll-margin-top: calc(var(--header-h) + 22px); margin-top: 46px; padding-top: 2px; color: #f3f3f5; font-size: clamp(20px, 1.8vw, 23px); line-height: 1.35; }
.docsLead, .docsSection > p { max-width: 860px; margin-top: 13px; color: rgba(255, 255, 255, .69); font-size: 16px; line-height: 1.82; }

.docsCommandStack { display: grid; margin-top: 18px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .08); border-radius: 7px; background: rgba(255, 255, 255, .028); }
.docsCommandStack .docsCommand { margin-top: 0; border: 0; border-radius: 0; background: transparent; }
.docsCommandStack .docsCommand + .docsCommand { border-top: 1px solid rgba(255, 255, 255, .08); }
.docsCommand { display: grid; grid-template-columns: 86px minmax(0, 1fr) auto; align-items: center; gap: 9px 14px; margin-top: 18px; padding: 12px 14px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 7px; background: rgba(255, 255, 255, .028); }
.docsCommand__label { color: rgba(255, 255, 255, .45); font-size: 9px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.docsCommand code, .inlineCommand, .docsParams code, .docsParam code { color: #f3c570; font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace; font-weight: 700; }
.docsCommand code { min-width: 0; overflow-wrap: anywhere; font-size: 14px; }
.docsPermission { padding: 4px 8px; border: 1px solid rgba(88, 101, 242, .19); border-radius: 999px; color: #adb5ff; background: rgba(88, 101, 242, .065); font-size: 10px; font-weight: 700; }
.docsParams { display: grid; gap: 7px; margin-top: 8px; padding-left: 100px; color: rgba(255, 255, 255, .58); font-size: 13px; }
.docsCommand--option { margin-top: 16px; }
.docsParams--commandHelp { margin-top: 14px; }

.docsFlow { display: grid; gap: 32px; max-width: 900px; margin-top: 26px; counter-reset: docs-flow-step; }
.docsFlow__item { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: start; gap: 0 14px; counter-increment: docs-flow-step; }
.docsFlow__item > * { grid-column: 2; min-width: 0; }
.docsFlow__item::before { content: counter(docs-flow-step); grid-column: 1; grid-row: 1; display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid rgba(var(--docs-gold-rgb), .38); border-radius: 50%; color: rgba(240, 190, 105, .88); background: rgba(11, 12, 16, .5); font-size: 10px; font-weight: 800; line-height: 1; }
.docsFlow__item h4 { grid-column: 2; color: #f1f1f3; font-size: 15px; font-weight: 760; line-height: 1.4; }
.docsFlow__item p { grid-column: 2; margin-top: 6px; color: rgba(255, 255, 255, .68); font-size: 14px; line-height: 1.7; }
.docsFlow__item .docsIllustration { grid-column: 2; }
.docsFlow__item .docsFlow__more { margin-top: 0; color: rgba(255, 255, 255, .53); font-size: 13px; }

@media (min-width: 1500px) {
  .docsLayout { grid-template-columns: 313px 59px minmax(0, 1fr); }
}

.docsIllustration { width: min(100%, 360px); margin: 20px auto 24px; }
.docsIllustration--wide { width: min(100%, 640px); }
.docsIllustration img { width: 100%; height: auto; border: 1px solid rgba(255, 255, 255, .085); border-radius: 8px; background: rgba(9, 11, 15, .45); box-shadow: 0 12px 28px rgba(0, 0, 0, .16); }
.docsIllustration figcaption { margin-top: 7px; color: rgba(255, 255, 255, .48); font-size: 11px; line-height: 1.55; text-align: center; }
.docsLastUpdated { margin: 52px 0 0 auto; color: rgba(255, 255, 255, .4); font-size: 11px; line-height: 1.5; text-align: right; }

.docsUi { display: inline-flex; max-width: 100%; align-items: center; padding: 1px 6px; border: 1px solid transparent; border-radius: 5px; font-size: .9em; font-weight: 700; line-height: 1.45; vertical-align: .05em; white-space: normal; }
.docsUi--button { border-color: rgba(88, 101, 242, .3); color: #d0d4ff; background: rgba(88, 101, 242, .15); box-shadow: inset 0 1px rgba(255, 255, 255, .055); }
.docsUi--channel { border-color: rgba(102, 170, 232, .22); color: #acd4f5; background: rgba(65, 126, 184, .1); }
.docsUi--channel::before { content: "#"; margin-right: 3px; color: rgba(172, 212, 245, .65); font-weight: 800; }
.docsUi--tag { border-color: rgba(var(--docs-gold-rgb), .2); color: #edc67e; background: rgba(var(--docs-gold-rgb), .07); }
.docsUi--status { border-color: rgba(177, 119, 224, .2); color: #d5b4ed; background: rgba(143, 78, 194, .08); }

.docsStartHints { display: grid; gap: 9px; max-width: 680px; margin-top: 18px; list-style: none; }
.docsStartHints li { position: relative; padding-left: 22px; color: rgba(255, 255, 255, .69); font-size: 14px; line-height: 1.65; }
.docsStartHints li::before { content: ""; position: absolute; top: .68em; left: 4px; width: 6px; height: 6px; border-radius: 50%; background: rgba(var(--docs-gold-rgb), .72); }

.docsSupport { display: grid; grid-template-columns: 34px minmax(0, 1fr) 86px; align-items: center; column-gap: 16px; max-width: 900px; margin-top: 36px; padding: 19px 20px; border: 1px solid rgba(88, 101, 242, .18); border-left: 2px solid rgba(88, 101, 242, .72); border-radius: 7px; background: linear-gradient(105deg, rgba(88, 101, 242, .075), rgba(255, 255, 255, .018)); }
.docsSupport__icon { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(137, 149, 255, .25); border-radius: 50%; color: #c2c7ff; background: rgba(88, 101, 242, .1); font-size: 14px; font-weight: 800; }
.docsSupport h3 { margin: 0; padding: 0; color: #fff; font-size: 15px; line-height: 1.4; }
.docsSupport p { margin-top: 5px; color: rgba(255, 255, 255, .66); font-size: 13px; line-height: 1.65; }
.docsSupport a { display: inline-flex; align-items: center; gap: 6px; margin-top: 9px; color: #aeb5ff; font-size: 12px; font-weight: 750; text-decoration: underline; text-decoration-color: rgba(174, 181, 255, .3); text-underline-offset: 3px; }
.docsSupport a:hover { color: #d2d6ff; text-decoration-color: currentColor; }
.docsSupport__logo { display: grid; width: 86px; height: 86px; place-items: center; }
.docsSupport__logo img { display: block; width: 84px; height: 84px; object-fit: contain; }

.docsNote { margin-top: 20px; padding: 12px 15px; border-left: 2px solid rgba(105, 118, 245, .7); background: rgba(88, 101, 242, .04); }
.docsSection > .docsNote { margin-top: 28px; }
#associations > .docsFlow + .docsNote { margin-top: 64px; }
#associations > .docsNote + .docsNote { margin-top: 20px; }
#logs > .docsFlow + .docsNote { margin-top: 48px; }
#logs > .docsNote + .docsNote { margin-top: 20px; }
#logs > .docsNote + .docsIllustration { margin-top: 28px; }
#guerres > .docsFlow + .docsIllustration { margin-top: 48px; }
#guerres .docsReminderRule + .docsIllustration { margin-top: 28px; }
#moderation > .docsFlow + #moderation-sensibilite { margin-top: 56px; }
#moderation > .docsNote + .docsNote { margin-top: 20px; }
#moderation > .docsNote + .docsIllustration { margin-top: 28px; }
.docsNote strong { display: block; margin-bottom: 3px; color: #bac0ff; font-size: 13px; }
.docsNote p { color: rgba(255, 255, 255, .67); font-size: 14px; line-height: 1.7; }
.docsNote--premium { border-left-color: #b881e8; background: linear-gradient(90deg, rgba(137, 72, 190, .08), transparent); }
.docsNote--premium strong { color: #d4a6f1; }
.docsNote--important { border-left-color: #e3ad5a; background: linear-gradient(90deg, rgba(227, 173, 90, .07), transparent); }
.docsNote--important strong { color: #f2c46f; }
.docsLink { color: #8995ff; text-decoration: underline; text-decoration-color: rgba(137, 149, 255, .36); text-underline-offset: 3px; }
.docsLink:hover { color: #b6bdff; }
.docsSection > .docsReminderIntro { margin-top: 18px; }
.docsReminderSummary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; max-width: 680px; margin-top: 24px; }
.docsReminderOption { display: grid; gap: 4px; padding: 12px 14px; border: 1px solid rgba(255, 255, 255, .075); border-radius: 7px; background: rgba(255, 255, 255, .022); }
.docsReminderOption strong { color: rgba(255, 255, 255, .67); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.docsReminderOption span { color: rgba(255, 255, 255, .82); font-size: 13px; font-weight: 650; }
.docsReminderOption--premium { border-color: rgba(184, 129, 232, .18); background: rgba(137, 72, 190, .045); }
.docsReminderOption--premium strong { color: #d4a6f1; }
.docsSection > .docsReminderRule { max-width: 680px; margin-top: 20px; color: rgba(255, 255, 255, .54); font-size: 13px; line-height: 1.65; }

.docsGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 19px; }
.docsCard { padding: 13px 14px; border: 1px solid rgba(255, 255, 255, .075); border-radius: 7px; background: rgba(255, 255, 255, .022); }
.docsCard h3 { margin-top: 0; padding-top: 0; color: #fff; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
.docsCard p { margin-top: 6px; color: rgba(255, 255, 255, .62); font-size: 12px; line-height: 1.6; }
.docsCard--premium { border-color: rgba(240, 190, 105, .17); }
.docsCard--premium h3 { color: #f2c36f; }
.docsSensitivity .docsCard:nth-child(1) { border-color: rgba(73, 190, 130, .18); }
.docsSensitivity .docsCard:nth-child(2) { border-color: rgba(240, 190, 105, .18); }
.docsSensitivity .docsCard:nth-child(3) { border-color: rgba(235, 126, 74, .18); }

.docsList { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 22px; margin: 13px 0 0; list-style: none; color: rgba(255, 255, 255, .68); font-size: 14px; }
.docsList li { padding: 9px 2px; border-bottom: 1px solid rgba(255, 255, 255, .065); }
.docsParamGrid { display: grid; margin-top: 19px; border-top: 1px solid rgba(255, 255, 255, .075); }
.docsParam { display: grid; grid-template-columns: minmax(148px, .55fr) auto minmax(0, 1.45fr); align-items: center; gap: 9px 14px; padding: 12px 2px; border-bottom: 1px solid rgba(255, 255, 255, .075); }
.docsParam code { font-size: 13px; }
.docsParam p { grid-column: 3; margin: 0; color: rgba(255, 255, 255, .61); font-size: 13px; line-height: 1.6; }
.docsParam small { justify-self: start; padding: 2px 6px; border: 1px solid rgba(88, 101, 242, .18); border-radius: 999px; color: #aeb5ff; font-size: 9px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }

@media (max-width: 1180px) {
  .docsPage { padding-inline: 28px; }
  .docsLayout { grid-template-columns: 296px 38px minmax(0, 1fr); }
  .docsSidebarWrap { grid-template-columns: 280px 14px 2px; }
  .docsSeparator { width: 2px; }
}

@media (max-width: 940px) {
  .docsPage { padding: var(--header-h) 0 60px; }
  .docsMobileBar { position: sticky; z-index: 35; top: var(--header-h); display: block; padding: 10px var(--safe-pad); border-bottom: 1px solid rgba(255, 255, 255, .06); background: rgba(10, 10, 15, .94); backdrop-filter: blur(12px); }
  .docsMobileToggle { display: inline-flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid rgba(240, 190, 105, .18); border-radius: 7px; color: #f1c16c; background: rgba(227, 173, 90, .055); font-size: 12px; font-weight: 750; cursor: pointer; }
  .docsNavOverlay { position: fixed; z-index: 58; inset: var(--header-h) 0 0; display: block; visibility: hidden; background: rgba(3, 3, 6, .7); opacity: 0; transition: opacity .2s ease, visibility .2s ease; }
  .docsNavOverlay.is-open { visibility: visible; opacity: 1; }
  .docsLayout { display: block; width: min(100% - (var(--safe-pad) * 2), 780px); min-height: 0; border: 0; background: transparent; }
  .docsSidebarWrap { position: static; display: block; min-height: 0; }
  .docsSeparator { display: none; }
  .docsNav { position: fixed; z-index: 59; inset: var(--header-h) auto 0 0; display: block; width: min(300px, 88vw); height: calc(100vh - var(--header-h)); height: calc(100dvh - var(--header-h)); overflow-x: hidden; overflow-y: auto; padding: 20px 16px 28px; border-right: 1px solid rgba(255, 255, 255, .09); background: rgba(16, 16, 22, .98); transform: translateX(-102%); transition: transform .22s ease; }
  .docsNav__body { display: block; }
  .docsNav.is-open { transform: translateX(0); }
  .docsNav__close { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 6px; }
  .docsNav__close:hover { background: rgba(255, 255, 255, .05); }
  .docsNav__link strong { font-size: 13px; }
  .docsNav nav { gap: 22px; }
  .docsContent { width: 100%; min-height: 560px; padding: 32px 0 58px; }
}

@media (max-width: 580px) {
  .docsIntro h1 { font-size: 34px; }
  .docsSection { padding-block: 0; }
  .docsSection h2 { font-size: clamp(27px, 8.5vw, 34px); }
  .docsCommand { grid-template-columns: 1fr; gap: 6px; }
  .docsPermission { justify-self: start; }
  .docsParams { padding-left: 0; }
  .docsGrid, .docsSensitivity, .docsList, .docsReminderSummary { grid-template-columns: 1fr; }
  #associations > .docsFlow + .docsNote { margin-top: 48px; }
  #logs > .docsFlow + .docsNote { margin-top: 40px; }
  #logs > .docsNote + .docsNote { margin-top: 18px; }
  #logs > .docsNote + .docsIllustration { margin-top: 24px; }
  #guerres > .docsFlow + .docsIllustration { margin-top: 40px; }
  #guerres .docsReminderRule + .docsIllustration { margin-top: 24px; }
  #moderation > .docsFlow + #moderation-sensibilite { margin-top: 48px; }
  #moderation > .docsNote + .docsNote { margin-top: 18px; }
  #moderation > .docsNote + .docsIllustration { margin-top: 24px; }
  .docsParam { grid-template-columns: 1fr; gap: 5px; padding-block: 13px; }
  .docsParam p { grid-column: 1; }
  .docsFlow { gap: 28px; }
  .docsFlow__item { grid-template-columns: 27px minmax(0, 1fr); column-gap: 10px; }
  .docsFlow__item::before { width: 25px; height: 25px; font-size: 9px; }
  .docsSupport { grid-template-columns: 28px minmax(0, 1fr) 58px; column-gap: 12px; padding: 16px; }
  .docsSupport__icon { width: 26px; height: 26px; font-size: 12px; }
  .docsSupport__logo { width: 58px; height: 58px; }
  .docsSupport__logo img { width: 56px; height: 56px; }
}

@media (prefers-reduced-motion: reduce) {
  .docsNav, .docsNavOverlay, .docsNav__link { transition: none; }
  .docsIntro:not([hidden]), .docsSection:not([hidden]) { animation: none; }
}

/* Séparation discrète des deux formats d’événement */
.docsEvents { width: 100%; max-width: 920px; margin-inline: auto; }
.docsEvents__intro { max-width: 780px; }
.docsEvents__intro .docsLead { max-width: 740px; margin-top: 16px; }
.docsEvents__beta { display: flex; align-items: baseline; gap: 10px; max-width: 740px; margin-top: 22px; padding: 11px 14px; border-left: 2px solid rgba(var(--docs-gold-rgb), .68); border-radius: 0 6px 6px 0; color: rgba(255, 255, 255, .62); background: linear-gradient(90deg, rgba(var(--docs-gold-rgb), .07), transparent 88%); font-size: 13px; line-height: 1.65; }
.docsEvents__beta strong { flex: 0 0 auto; color: #efc270; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }

.docsEventBlock { max-width: 820px; margin-top: 54px; }
.docsEventBlock__heading { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 14px; margin-bottom: 20px; }
.docsEventBlock__icon { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(var(--docs-gold-rgb), .17); border-radius: 12px; background: rgba(var(--docs-gold-rgb), .055); font-size: 21px; }
.docsEventBlock__eyebrow { display: block; margin-bottom: 2px; color: rgba(240, 190, 105, .62); font-size: 9px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.docsEventBlock__heading h3 { margin: 0; padding: 0; font-size: clamp(21px, 2vw, 25px); line-height: 1.25; }
.docsEventBlock__heading .docsStatusBadge { align-self: center; margin: 0; }
.docsEventBlock > p { max-width: 760px; color: rgba(255, 255, 255, .7); font-size: 15px; line-height: 1.8; }

.docsEventPath { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; max-width: 820px; margin: 4px 0 0; padding: 0; list-style: none; }
.docsEventStep { position: relative; min-width: 0; min-height: 142px; padding: 16px 14px 14px; border: 1px solid rgba(255, 255, 255, .075); border-radius: 9px; background: linear-gradient(145deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .014)); }
.docsEventStep:not(:last-child)::after { content: ""; position: absolute; z-index: 1; top: 50%; left: calc(100% + 5px); width: 14px; height: 1px; background: rgba(var(--docs-gold-rgb), .48); }
.docsEventStep:not(:last-child)::before { content: ""; position: absolute; z-index: 2; top: calc(50% - 4px); left: calc(100% + 17px); border-width: 4px 0 4px 6px; border-style: solid; border-color: transparent transparent transparent rgba(var(--docs-gold-rgb), .72); }
.docsEventStep__number { display: grid; width: 24px; height: 24px; place-items: center; margin-bottom: 12px; border: 1px solid rgba(var(--docs-gold-rgb), .32); border-radius: 50%; color: #efc270; background: rgba(var(--docs-gold-rgb), .06); font-size: 9px; font-weight: 850; }
.docsEventStep h4 { color: rgba(255, 255, 255, .9); font-size: 13px; font-weight: 780; line-height: 1.3; }
.docsEventStep p { margin-top: 7px; color: rgba(255, 255, 255, .61); font-size: 12px; line-height: 1.55; }
.docsEventStep small { display: inline-flex; margin-top: 8px; color: #efc270; font-size: 10px; font-weight: 780; }
.docsEventPath--registration { grid-template-columns: repeat(2, minmax(0, 260px)); justify-content: center; gap: 48px; }
.docsEventPath--registration .docsEventStep { min-height: 138px; }
.docsEventPath--registration .docsEventStep:first-child::after { top: 50%; left: calc(100% + 10px); width: 28px; }
.docsEventPath--registration .docsEventStep:first-child::before { top: calc(50% - 4px); left: calc(100% + 37px); }
.docsEventStep--priority small { padding: 3px 7px; border-radius: 999px; background: rgba(var(--docs-gold-rgb), .065); letter-spacing: .015em; }

.docsTournamentFlow { max-width: 620px; margin: 30px auto 0; }
.docsTournamentFlow > h4 { margin-bottom: 18px; color: rgba(255, 255, 255, .88); font-size: 14px; font-weight: 780; text-align: center; }
.docsTournamentTree { --tournament-gap: 18px; display: grid; grid-template-rows: auto 46px auto; width: 100%; }
.docsTournamentTree__start { justify-self: center; display: grid; width: min(100%, 240px); grid-template-columns: 30px minmax(0, 1fr); align-items: center; gap: 2px 10px; padding: 13px 15px; border: 1px solid rgba(var(--docs-gold-rgb), .2); border-radius: 9px; background: rgba(var(--docs-gold-rgb), .045); }
.docsTournamentTree__start > span { grid-row: 1 / 3; font-size: 20px; }
.docsTournamentTree__start strong { color: rgba(255, 255, 255, .9); font-size: 13px; }
.docsTournamentTree__start small { color: rgba(255, 255, 255, .47); font-size: 10px; }
.docsTournamentTree__branch { position: relative; height: 46px; color: rgba(var(--docs-gold-rgb), .5); }
.docsTournamentTree__stem, .docsTournamentTree__bar, .docsTournamentTree__drop { position: absolute; display: block; background: currentColor; }
.docsTournamentTree__stem { top: 0; left: calc(50% - .5px); width: 1px; height: 16px; }
.docsTournamentTree__bar { top: 15px; right: calc((100% - var(--tournament-gap)) / 4); left: calc((100% - var(--tournament-gap)) / 4); height: 1px; }
.docsTournamentTree__drop { top: 15px; width: 1px; height: 28px; }
.docsTournamentTree__drop--win { left: calc((100% - var(--tournament-gap)) / 4); }
.docsTournamentTree__drop--loss { right: calc((100% - var(--tournament-gap)) / 4); }
.docsTournamentTree__drop::after { content: ""; position: absolute; bottom: -1px; left: -3px; width: 7px; height: 7px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); }
.docsTournamentTree__outcomes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--tournament-gap); align-items: stretch; }
.docsTournamentOutcome { display: grid; min-width: 0; min-height: 108px; align-content: center; padding: 14px 15px; border: 1px solid rgba(255, 255, 255, .07); border-radius: 9px; background: rgba(255, 255, 255, .022); text-align: center; }
.docsTournamentOutcome strong { font-size: 12px; font-weight: 820; text-transform: uppercase; letter-spacing: .06em; }
.docsTournamentOutcome p { margin-top: 5px; color: rgba(255, 255, 255, .66); font-size: 12px; line-height: 1.5; }
.docsTournamentOutcome small { display: block; margin-top: 7px; color: rgba(255, 255, 255, .42); font-size: 9px; }
.docsTournamentOutcome--win { color: #78d5a2; border-color: rgba(89, 199, 140, .15); }
.docsTournamentOutcome--loss { color: #e78f86; border-color: rgba(222, 105, 94, .14); }

.docsEventEffects { max-width: 760px; margin-top: 24px; padding: 18px 20px; border: 1px solid rgba(255, 255, 255, .065); border-radius: 9px; background: linear-gradient(135deg, rgba(255, 255, 255, .028), rgba(88, 101, 242, .018)); }
.docsEventEffects h4 { color: rgba(255, 255, 255, .89); font-size: 13px; font-weight: 780; letter-spacing: .015em; }
.docsEventEffects p { margin-top: 7px; color: rgba(255, 255, 255, .64); font-size: 13px; line-height: 1.68; }
.docsEventEffects .docsEventEffects__future { margin-top: 9px; color: rgba(255, 255, 255, .48); font-size: 12px; }
.docsEventEffects__link { display: inline-flex; align-items: center; gap: 6px; margin-top: 13px; color: #9ca6ff; font-size: 12px; font-weight: 750; text-decoration: underline; text-decoration-color: rgba(156, 166, 255, .28); text-underline-offset: 3px; }
.docsEventEffects__link:hover { color: #c2c8ff; text-decoration-color: currentColor; }

.docsEventDivider { display: flex; max-width: 820px; align-items: center; gap: 15px; margin: 48px 0 0; color: rgba(199, 166, 107, .62); }
.docsEventDivider::before, .docsEventDivider::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(199, 166, 107, .35), transparent); }
.docsEventDivider + .docsEventBlock { margin-top: 48px; }

.docsEventRewards { max-width: 820px; margin-top: 48px; }
.docsEventRewards .docsEventBlock__heading { grid-template-columns: 44px minmax(0, 1fr); margin-bottom: 16px; }
.docsEventRewards > p { max-width: 720px; color: rgba(255, 255, 255, .69); font-size: 14px; line-height: 1.72; }
.docsEventRewards__status { display: inline-flex; margin-top: 16px; padding: 7px 10px; border: 1px solid rgba(var(--docs-gold-rgb), .2); border-radius: 999px; color: #efc270; background: rgba(var(--docs-gold-rgb), .055); font-size: 10px; font-weight: 800; letter-spacing: .025em; }
.docsRewardsGrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; max-width: 820px; margin-top: 20px; }
.docsRewardCard { min-width: 0; padding: 14px 13px; border: 1px solid rgba(255, 255, 255, .07); border-radius: 9px; background: rgba(255, 255, 255, .022); }
.docsRewardCard > span { display: block; margin-bottom: 10px; font-size: 18px; }
.docsRewardCard h4 { color: rgba(255, 255, 255, .88); font-size: 12px; font-weight: 790; line-height: 1.35; }
.docsRewardCard p { margin-top: 6px; color: rgba(255, 255, 255, .56); font-size: 11px; line-height: 1.55; }

@media (max-width: 940px) {
  .docsEvents { max-width: 820px; }
  .docsEventPath { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 24px; }
  .docsEventStep:nth-child(2)::after { top: calc(100% + 6px); left: 50%; width: 1px; height: 16px; }
  .docsEventStep:nth-child(2)::before { top: calc(100% + 20px); left: calc(50% - 4px); border-width: 6px 4px 0; border-color: rgba(var(--docs-gold-rgb), .72) transparent transparent; }
  .docsEventStep:nth-child(3) { grid-column: 2; grid-row: 2; }
  .docsEventStep:nth-child(4) { grid-column: 1; grid-row: 2; }
  .docsEventStep:nth-child(3)::after { right: calc(100% + 5px); left: auto; }
  .docsEventStep:nth-child(3)::before { right: calc(100% + 17px); left: auto; border-width: 4px 6px 4px 0; border-color: transparent rgba(var(--docs-gold-rgb), .72) transparent transparent; }
  .docsEventPath--registration { grid-template-columns: repeat(2, minmax(0, 260px)); }
  .docsEventPath--registration .docsEventStep:nth-child(2) { grid-column: auto; grid-row: auto; }
  .docsEventPath--registration .docsEventStep:nth-child(2)::after, .docsEventPath--registration .docsEventStep:nth-child(2)::before { content: none; }
  .docsRewardsGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 580px) {
  .docsEvents__intro .docsLead { margin-top: 13px; }
  .docsEvents__beta { display: grid; gap: 3px; margin-top: 18px; padding: 10px 12px; }
  .docsEventBlock { margin-top: 40px; }
  .docsEventBlock__heading { grid-template-columns: 38px minmax(0, 1fr); gap: 11px; margin-bottom: 16px; }
  .docsEventBlock__icon { width: 38px; height: 38px; border-radius: 10px; font-size: 18px; }
  .docsEventBlock__heading .docsStatusBadge { grid-column: 2; justify-self: start; margin-top: 3px; }
  .docsEventBlock__heading h3 { font-size: 21px; }
  .docsEventBlock > p { font-size: 14px; line-height: 1.72; }
  .docsEventPath { grid-template-columns: 1fr; gap: 28px; }
  .docsEventStep:nth-child(3), .docsEventStep:nth-child(4) { grid-column: auto; grid-row: auto; }
  .docsEventStep { min-height: 0; padding: 14px; }
  .docsEventStep:not(:last-child)::after, .docsEventStep:nth-child(2)::after { top: calc(100% + 5px); left: 50%; width: 1px; height: 16px; }
  .docsEventStep:not(:last-child)::before, .docsEventStep:nth-child(2)::before { top: calc(100% + 19px); left: calc(50% - 4px); border-width: 6px 4px 0; border-color: rgba(var(--docs-gold-rgb), .72) transparent transparent; }
  .docsEventPath--registration { grid-template-columns: 1fr; }
  .docsEventPath--registration .docsEventStep:first-child::after { top: calc(100% + 5px); left: 50%; width: 1px; height: 16px; }
  .docsEventPath--registration .docsEventStep:first-child::before { top: calc(100% + 19px); left: calc(50% - 4px); border-width: 6px 4px 0; border-color: rgba(var(--docs-gold-rgb), .72) transparent transparent; }
  .docsTournamentFlow { margin-top: 26px; }
  .docsTournamentTree { --tournament-gap: 10px; grid-template-rows: auto 40px auto; }
  .docsTournamentTree__branch { height: 40px; }
  .docsTournamentTree__drop { height: 22px; }
  .docsTournamentTree__outcomes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .docsTournamentOutcome { min-height: 118px; padding: 12px 8px; }
  .docsTournamentOutcome p { font-size: 11px; }
  .docsTournamentOutcome small { font-size: 8px; }
  .docsEventEffects { margin-top: 20px; padding: 15px 14px; }
  .docsEventDivider { gap: 10px; margin-top: 36px; }
  .docsEventDivider + .docsEventBlock { margin-top: 36px; }
  .docsEventRewards { margin-top: 36px; }
  .docsEventRewards .docsEventBlock__heading { grid-template-columns: 38px minmax(0, 1fr); }
  .docsEventRewards__status { display: flex; width: fit-content; max-width: 100%; border-radius: 8px; line-height: 1.45; }
  .docsRewardsGrid { grid-template-columns: 1fr; }
}