:root {--cms-primary:#6401ee;--cms-secondary:#413f9a;--cms-hover:#4d00b8;--cms-soft:#f2edff;--cms-success:#16804a;--cms-warning:#b45309;--cms-danger:#c42b35;}
a:hover,a:focus {color:var(--cms-primary)}
.m-nav {background:var(--cms-primary)}
.m-nav .u-yja:hover,.m-nav .u-yjnav.u-active .u-yja {background:var(--cms-hover);color:#fff}
.m-bannerbg {background-image:none;background-color:var(--cms-secondary)}
.m-tabstyle1 .u-active a,.m-pagination .active a,.m-pagination .active span {background:var(--cms-primary);color:#fff;border-color:var(--cms-primary)}
.m-tabstyle1 .u-active a {background-image:none}
.m-titstyle1 .u-tit,.m-titstyle2 .u-tit {color:var(--cms-primary)}
.btn-primary {background-color:var(--cms-primary);border-color:var(--cms-primary)}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active {background-color:var(--cms-hover);border-color:var(--cms-hover)}
.btn-primary[disabled],.btn-primary.disabled {opacity:.55}
a:focus-visible,button:focus-visible {outline:3px solid var(--cms-secondary);outline-offset:3px}
.cms-help {padding:30px 0 48px;background:#f7f9fc;min-height:50vh}
.help-hero {padding:28px 32px;margin-bottom:24px;border-radius:16px;background:var(--cms-soft);border-left:5px solid var(--cms-primary)}
.help-hero h1 {font-size:30px;font-weight:700;color:var(--cms-secondary);margin-bottom:12px}
.help-search {display:flex;gap:12px;max-width:650px;margin-top:18px}
.help-search input {flex:1;min-width:0}
.help-layout {display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px}
.container.help-layout::before,.container.help-layout::after {display:none}
.help-sidebar,.help-paper {background:#fff;border:1px solid #e4e9f0;border-radius:12px;padding:24px}
.help-sidebar {align-self:start}
.help-sidebar h2 {font-size:18px;color:var(--cms-secondary);margin-bottom:12px}
.help-sidebar a {display:block;padding:10px 8px;border-radius:6px;color:#344054}
.help-sidebar a:hover,.help-sidebar a.active {background:var(--cms-soft);color:var(--cms-primary)}
.help-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.help-card {display:block;background:#fff;border:1px solid #e4e9f0;border-radius:12px;padding:24px;color:#344054;overflow-wrap:anywhere}
.help-card:hover {border-color:var(--cms-primary);box-shadow:0 6px 18px #16223b0c}
.help-card h2 {font-size:19px;font-weight:600;color:var(--cms-primary);margin-bottom:10px}
.help-card p {line-height:1.8;color:#667085}
.help-paper h1 {font-size:28px;font-weight:700;color:var(--cms-secondary);margin:18px 0}
.help-body {line-height:1.9;font-size:16px;overflow-wrap:anywhere}
.help-body img {max-width:100%;height:auto}
.help-body table {display:block;overflow:auto;max-width:100%}
.help-body h2,.help-body h3 {font-size:22px;margin:24px 0 12px;color:var(--cms-primary)}
.help-body ul,.help-body ol {padding-left:24px}.help-body li {list-style:inherit}
.help-faq {margin-bottom:24px}.help-faq h2 {font-size:22px;color:var(--cms-secondary);margin-bottom:12px}
.help-faq details {padding:16px 20px;background:#fff;border:1px solid #e4e9f0;border-radius:8px;margin-bottom:8px}
.help-faq summary {cursor:pointer;color:var(--cms-primary);font-weight:600}
.help-faq p {margin:12px 0;line-height:1.8}
.help-empty {padding:30px;background:#fff;border-radius:12px}
.cms-pin {display:inline-block;color:var(--cms-primary);background:var(--cms-soft);font-size:12px;padding:1px 5px;margin-right:4px}
@media(max-width:767px) {.help-layout {grid-template-columns:1fr}.help-cards {grid-template-columns:1fr}.help-hero {padding:22px}.help-sidebar {padding:14px}.help-sidebar a {display:inline-block}.help-paper {padding:18px}.help-paper h1 {font-size:23px}}

/* Configurable menus must fit any number of selected categories. */
.m-nav {height:auto}
.g-nav > ul {display:flex;flex-wrap:wrap}
.g-nav li.u-yjnav {float:none;width:auto;flex:1 1 auto}
@media(max-width:767px) {.g-nav > ul {display:block}.g-nav li.u-yjnav {width:100%}}

.m-nav .u-webhome {padding:0 15px;line-height:50px;font-size:18px;font-weight:600;color:#fff}
.m-nav .navbar-toggle .icon-bar {background-color:#fff}
.m-nav .navbar-toggle:hover,.m-nav .navbar-toggle:focus {background-color:var(--cms-secondary)}
.cms-help-header .m-banner {height:180px;padding-top:60px}
@media(max-width:767px) {.cms-help-header .m-banner {height:150px;padding-top:30px}}
