.bragin-top-nav .is-active{color:var(--text)}
.help-main{padding:118px 0 92px;min-height:80vh}
.help-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:58px;width:min(1180px,calc(100% - 44px));margin:0 auto;align-items:start}
.help-sidebar{position:sticky;top:88px;display:grid;gap:14px;max-height:calc(100vh - 108px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:4px 5px 10px;margin:-4px -5px 0}
.help-sidebar::-webkit-scrollbar{display:none}
.help-ask{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 12px;align-items:center;gap:13px;min-height:104px;padding:18px;border:1px solid rgba(105,255,207,.68);border-radius:20px;background:linear-gradient(135deg,#25c982,#23985f);color:#fff;box-shadow:0 18px 48px rgba(27,183,119,.28);overflow:visible;isolation:isolate;animation:helpAskGlow 1.55s ease-in-out infinite;transition:transform .18s ease,box-shadow .18s ease}
.help-ask::before,.help-ask::after{content:"";position:absolute;inset:-2px;border:2px solid rgba(105,255,207,.48);border-radius:22px;pointer-events:none;z-index:-1;animation:helpPulse 1.8s ease-out infinite}
.help-ask::after{animation-delay:.9s}
.help-ask:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 26px 70px rgba(27,183,119,.4)}
.help-ask__icon{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:rgba(255,255,255,.16);color:#fff;font-size:21px;font-weight:900}
.help-ask span:nth-child(2){display:grid;gap:5px}.help-ask strong{color:#fff;font-size:15px}.help-ask small{color:rgba(255,255,255,.82);font-size:11px;line-height:1.45}
.help-ask i{width:9px;height:9px;border-top:2px solid rgba(255,255,255,.9);border-right:2px solid rgba(255,255,255,.9);transform:rotate(45deg)}
@keyframes helpPulse{0%{transform:scale(1);opacity:.9}72%,100%{transform:scale(1.11);opacity:0}}
@keyframes helpAskGlow{0%,100%{box-shadow:0 16px 42px rgba(27,183,119,.24),0 0 0 0 rgba(85,230,181,.14)}50%{box-shadow:0 26px 68px rgba(27,183,119,.42),0 0 34px 6px rgba(85,230,181,.2)}}

.help-categories{display:grid;gap:10px}
.help-category{display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;align-items:start;width:100%;min-height:104px;padding:17px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(22,11,35,.68);color:var(--text);text-align:left;font:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.help-category:hover{transform:translateY(-2px);border-color:rgba(216,180,254,.22);background:rgba(33,15,50,.78)}
.help-category.is-active{border-color:rgba(216,180,254,.36);background:linear-gradient(145deg,rgba(74,31,108,.74),rgba(27,13,42,.86));box-shadow:0 18px 48px rgba(50,15,75,.24)}
.help-category__icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(216,180,254,.15);border-radius:12px;background:rgba(168,85,247,.09);color:var(--purple-soft);font-size:16px;font-weight:950;transition:.18s}
.help-category.is-active .help-category__icon{border-color:rgba(216,180,254,.32);background:rgba(168,85,247,.22);color:#fff;transform:scale(1.04)}
.help-category>span:last-child{display:grid;gap:7px}.help-category strong{font-size:13px;line-height:1.35}.help-category small{color:var(--muted);font-size:10.5px;line-height:1.55}

.help-content{min-width:0}
.help-content__head{padding:8px 0 25px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:5px}
.help-title-row{display:grid;grid-template-columns:54px minmax(0,1fr);gap:17px;align-items:start}
.help-title-icon{display:grid;width:54px;height:54px;place-items:center;margin-top:3px;border:1px solid rgba(216,180,254,.18);border-radius:17px;background:rgba(168,85,247,.09);color:var(--purple-soft);font-size:22px;font-weight:950}
.help-title-row .eyebrow{margin-bottom:9px}.help-title-row h1{margin:0;font-size:clamp(36px,4.4vw,58px);line-height:1.02;letter-spacing:-.045em}.help-title-row p:not(.eyebrow){max-width:650px;margin:14px 0 0;color:var(--muted);font-size:13px;line-height:1.7}
.help-search{position:relative;display:block;width:min(100%,620px);margin:28px 0 0 71px}
.help-search input{width:100%;height:48px;padding:0 50px 0 16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;outline:0;background:rgba(19,9,31,.62);color:var(--text);font:inherit;font-size:13px;transition:.18s}
.help-search input::placeholder{color:#81738f}.help-search input:focus{border-color:rgba(216,180,254,.36);background:rgba(26,12,40,.82);box-shadow:0 14px 36px rgba(32,8,51,.2)}
.help-search__icon{position:absolute;top:50%;right:17px;width:15px;height:15px;border:2px solid #9988aa;border-radius:50%;transform:translateY(-55%);pointer-events:none}
.help-search__icon::after{content:"";position:absolute;right:-5px;bottom:-3px;width:6px;height:2px;border-radius:3px;background:#9988aa;transform:rotate(45deg)}

.help-list{display:grid}
.help-question{border-bottom:1px solid rgba(255,255,255,.08);transition:opacity .18s ease,transform .18s ease}
.help-question[hidden]{display:none}
.help-question__trigger{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;gap:10px;align-items:center;width:100%;min-height:82px;padding:0;border:0;background:transparent;color:var(--text);text-align:left;font:inherit;cursor:pointer}
.help-question__trigger:hover>span:nth-child(2){color:#e8d5fa}
.help-question__mark{display:grid;width:22px;height:22px;place-items:center;border:1px solid rgba(216,180,254,.18);border-radius:50%;color:#8f7ca2;font-size:11px;font-weight:900;transition:.18s}
.help-question__trigger:hover .help-question__mark,.help-question.is-open .help-question__mark{border-color:rgba(216,180,254,.38);color:var(--purple-soft);background:rgba(168,85,247,.07)}
.help-question__trigger>span:nth-child(2){font-size:16px;font-weight:820;line-height:1.42;transition:color .18s}
.help-question__chevron{position:relative;width:28px;height:28px;border-radius:50%;transition:.18s}
.help-question__chevron::before,.help-question__chevron::after{content:"";position:absolute;top:50%;width:8px;height:1.5px;border-radius:3px;background:#756682;transition:transform .22s ease,background .18s}
.help-question__chevron::before{left:7px;transform:rotate(45deg)}.help-question__chevron::after{right:7px;transform:rotate(-45deg)}
.help-question.is-open .help-question__chevron::before{transform:rotate(-45deg)}.help-question.is-open .help-question__chevron::after{transform:rotate(45deg)}.help-question.is-open .help-question__chevron::before,.help-question.is-open .help-question__chevron::after{background:var(--purple-soft)}
.help-question__panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .28s cubic-bezier(.2,.7,.2,1),opacity .22s ease}
.help-question__panel>div{min-height:0;overflow:hidden}
.help-question.is-open .help-question__panel{grid-template-rows:1fr;opacity:1}
.help-question__answer{padding:0 40px 25px 38px;color:var(--muted);font-size:13px;line-height:1.72}
.help-question__answer p{margin:0 0 12px}.help-question__answer p:last-child{margin-bottom:0}.help-question__answer ol{display:grid;gap:7px;margin:0 0 13px;padding-left:19px}.help-question__answer a{color:#dfc2fa;text-decoration:underline;text-decoration-color:rgba(216,180,254,.32);text-underline-offset:3px}.help-question__answer a:hover{color:#fff}.help-question__answer code{padding:2px 5px;border:1px solid rgba(216,180,254,.12);border-radius:6px;background:rgba(168,85,247,.06);color:#ead9fb;font:700 .94em/1.4 ui-monospace,Consolas,monospace}

.help-empty{display:grid;justify-items:center;gap:10px;padding:64px 20px;text-align:center}.help-empty[hidden]{display:none}.help-empty__icon{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(216,180,254,.16);border-radius:50%;color:var(--purple-soft);font-weight:900}.help-empty strong{font-size:18px}.help-empty p{margin:0;color:var(--muted);font-size:13px}.help-empty a{margin-top:5px;padding:10px 15px;border:1px solid rgba(85,230,181,.25);border-radius:11px;background:rgba(85,230,181,.09);color:#92f2d1;font-size:12px;font-weight:850}

@media(max-width:920px){.help-layout{grid-template-columns:245px minmax(0,1fr);gap:32px}.help-search{margin-left:0}.help-category{min-height:92px;padding:14px}.help-category small{display:none}}
@media(max-width:720px){.help-main{padding-top:92px}.help-layout{grid-template-columns:1fr;width:calc(100% - 30px);gap:28px}.help-sidebar{position:static}.help-categories{grid-template-columns:1fr 1fr}.help-category{min-height:90px}.help-category small{display:block}.help-content__head{padding-top:0}.help-title-row{grid-template-columns:44px minmax(0,1fr);gap:12px}.help-title-icon{width:44px;height:44px;border-radius:14px}.help-title-row h1{font-size:clamp(32px,9vw,46px)}.help-search{width:100%;margin-top:22px}.help-question__trigger>span:nth-child(2){font-size:14px}}
@media(max-width:480px){.help-categories{grid-template-columns:1fr}.help-ask{min-height:94px}.help-category{min-height:78px}.help-question__trigger{grid-template-columns:24px minmax(0,1fr) 24px;min-height:76px}.help-question__answer{padding:0 26px 22px 34px}}


.help-title-icon,
.help-category__icon,
.help-question__mark,
.help-question__trigger:hover>span:nth-child(2),
.help-question__trigger:hover .help-question__mark,
.help-question.is-open .help-question__mark,
.help-question__answer a,
.help-question__answer code,
.help-empty__icon{color:#fff}
.help-question__answer a{text-decoration-color:rgba(255,255,255,.38)}
.help-category strong,.help-question__trigger>span:nth-child(2){color:#fff}
.help-search__icon{border-color:#fff;opacity:.72}
.help-search__icon::after{background:#fff}
.help-question:not([hidden]){animation:helpItemIn .26s cubic-bezier(.2,.75,.25,1) both;animation-delay:calc(var(--help-order,0)*28ms)}
@keyframes helpItemIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){.help-sidebar{position:static;max-height:none;overflow:visible}}

.help-content .eyebrow{color:#fff}


/* v5: fixed desktop help navigation */
@media (min-width: 721px) {
  .help-layout {
    display: block;
    width: min(1180px, calc(100% - 44px));
    margin-inline: auto;
  }

  .help-sidebar {
    position: fixed !important;
    z-index: 20;
    top: 104px;
    left: max(22px, calc((100vw - 1180px) / 2));
    width: 300px;
    max-height: calc(100vh - 126px);
    margin: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }

  .help-content {
    width: auto;
    min-width: 0;
    margin-left: 356px;
  }
}

@media (min-width: 721px) and (max-width: 1224px) {
  .help-sidebar {
    left: 22px;
    width: 280px;
  }

  .help-content {
    margin-left: 328px;
  }
}

@media (max-width: 720px) {
  .help-layout {
    display: grid;
  }

  .help-sidebar {
    position: static !important;
    width: auto;
    max-height: none;
    overflow: visible;
  }

  .help-content {
    margin-left: 0;
  }
}


/* v7: desktop two-pane layout.
   The left menu never moves; only the right column scrolls. */
@media (min-width: 721px) {
  html {
    height: 100%;
    overflow: hidden;
  }

  body.bragin-help-page {
    height: 100%;
    overflow: hidden !important;
  }

  body.bragin-help-page .help-main {
    box-sizing: border-box;
    height: 100vh;
    min-height: 0;
    padding: 92px 0 0;
    overflow: hidden;
  }

  body.bragin-help-page .help-layout {
    display: grid !important;
    grid-template-columns: 300px minmax(0, 1fr) !important;
    gap: 58px;
    width: min(1180px, calc(100% - 44px));
    height: calc(100vh - 92px);
    margin: 0 auto;
    align-items: start;
    overflow: hidden;
  }

  body.bragin-help-page .help-sidebar {
    position: static !important;
    top: auto !important;
    left: auto !important;
    z-index: auto;
    width: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 4px 5px 18px;
    overflow: visible !important;
    overscroll-behavior: auto !important;
    scrollbar-width: auto !important;
  }

  body.bragin-help-page .help-content {
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    height: 100%;
    margin-left: 0 !important;
    padding: 4px 14px 80px 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }
}

@media (min-width: 721px) and (max-width: 920px) {
  body.bragin-help-page .help-layout {
    grid-template-columns: 245px minmax(0, 1fr) !important;
    gap: 32px;
  }
}

/* Mobile returns to a normal single scrolling page. */
@media (max-width: 720px) {
  html {
    height: auto;
    overflow: auto;
  }

  body.bragin-help-page {
    height: auto;
    overflow: auto !important;
  }

  body.bragin-help-page .help-main {
    height: auto;
    min-height: 80vh;
    overflow: visible;
  }

  body.bragin-help-page .help-layout {
    height: auto;
    overflow: visible;
  }

  body.bragin-help-page .help-content {
    height: auto;
    overflow: visible;
  }
}


/* v26 — no legacy design visible behind the handbook */
body.bragin-help-page{background:#08050d!important}
body.bragin-help-page>.page-glow,body.bragin-help-page>.site-header{display:none!important}
body.bragin-help-page .help-main{position:relative;z-index:1;background:#08050d!important}
body.bragin-help-page .help-layout{position:relative;z-index:1}