/* Help center (docs/help-center.md). Visual reference: design/help-center.html. */
.help-sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* Header */
.help-header {display:flex;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box;height:64px;padding:0 32px;border-bottom:1px solid #dfe6e9;background:#fff;}
.help-brand {display:flex;align-items:center;gap:12px;min-width:0;color:#405767;font-size:14px;font-weight:700;text-decoration:none;}
.help-brand img {display:block;flex:0 0 auto;}
.help-brand span {border-left:1px solid #e3e8eb;padding-left:12px;white-space:nowrap;}
.help-header-end {display:flex;align-items:center;gap:16px;}
.help-back-link {color:#5a6f7f;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;}
.help-back-link:hover {color:#275f8d;}
.help-sign-in {padding:9px 14px;text-decoration:none;}

/* Frame */
.help-main {display:block;min-height:calc(100vh - 140px);min-height:calc(100svh - 140px);}
.help-wrap {box-sizing:border-box;width:min(1080px,100%);margin:0 auto;padding:0 32px;}
.help-footer {padding:22px 32px;border-top:1px solid #e3e8eb;color:#6f7f8e;font-size:12px;text-align:center;}
.help-footer p {margin:0;}
.help-footer a, .help-main a {color:#2f6597;}
.help-main h1 {font-size:30px;font-weight:600;line-height:1.2;letter-spacing:-.4px;}
.help-main h2 {font-size:21px;font-weight:600;letter-spacing:-.3px;}
.help-main h3 {font-size:16px;font-weight:600;}
.help-main mark {border-radius:3px;padding:0 2px;background:#fbe7c2;color:inherit;}
.help-crumbs {display:flex;flex-wrap:wrap;gap:6px;margin:26px 0 14px;color:#6f7f8e;font-size:12px;}
.help-main .help-crumbs a {color:#6f7f8e;text-decoration:none;}
.help-main .help-crumbs a:hover {color:#2f6597;text-decoration:underline;}
.help-page-title {margin-bottom:18px;}
.help-page-title p {margin:8px 0 0;color:#6f7f8e;}
.help-after-list {margin:24px 0 40px;}

/* Search */
.help-search {display:flex;gap:8px;max-width:640px;margin-top:22px;}
.help-search input {box-sizing:border-box;flex:1;width:auto;min-width:0;min-height:48px;margin:0;border:0;border-radius:8px;padding:12px 14px;font-size:15px;}
.help-search button {min-height:48px;border:0;border-radius:8px;padding:0 18px;background:#f0d39b;color:#15243a;font-size:14px;box-shadow:none;}
.help-search-inline {margin:0 0 20px;}
.help-search-inline input {border:1px solid #d3dde2;}
.help-result-count {margin:0 0 12px;color:#6f7f8e;font-size:13px;}
.help-result-topic {color:#6f7f8e;font-size:12px;}
.help-empty {border:1px dashed #d3dde2;border-radius:10px;padding:24px;background:#fff;text-align:center;}
.help-empty p {margin:6px 0 0;color:#6f7f8e;}

/* Context note: opened from the header "?" */
.help-context-note {display:flex;align-items:flex-start;gap:10px;margin:20px 0 0;border:1px solid #cfe0ef;border-radius:9px;padding:11px 13px;background:#eef4fa;color:#2c5577;font-size:13px;}
.help-context-note > i {display:grid;width:22px;height:22px;flex:0 0 22px;place-items:center;border-radius:50%;background:#d5e6f5;font-style:normal;font-weight:700;}
.help-context-note p {margin:1px 0 0;}

/* Home */
.help-hero {padding:44px 0 40px;background:#15243a;color:#fff;}
.help-main .help-hero h1 {color:#fff;font-size:34px;}
.help-hero p {margin:8px 0 0;color:#c6d1db;}
.help-eyebrow {margin:0 0 6px;color:#9fb0bf;font-size:10px;font-weight:700;letter-spacing:1.3px;}
.help-hero .help-eyebrow {margin:0 0 6px;color:#9fb0bf;}
.help-section {margin-top:34px;}
.help-section-head {display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px;}
.help-section-head p {margin:4px 0 0;color:#6f7f8e;font-size:13px;}
.help-topics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.help-topic-card {display:flex;flex-direction:column;gap:8px;border:1px solid #e3e8eb;border-radius:10px;padding:18px;background:#fff;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s;}
.help-main .help-topic-card {color:inherit;text-decoration:none;}
.help-topic-card:hover {border-color:#b9cddd;box-shadow:0 8px 22px #15243a12;}
.help-topic-card-head {display:flex;align-items:center;gap:10px;}
.help-topic-card-head i {display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:9px;background:#eef4fa;color:#2f6597;font-size:16px;font-style:normal;}
.help-topic-card-text {color:#6f7f8e;font-size:13px;}
.help-topic-card small {margin-top:auto;color:#8795a0;font-size:12px;font-weight:600;}
.help-topic-card.suggested {border-color:#e9d3ad;}
.help-topic-card.suggested .help-topic-card-head i {background:#fcf0dc;color:#a8702c;}
.help-two-col {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;margin:34px 0 40px;}
.help-panel {border:1px solid #e3e8eb;border-radius:10px;padding:18px;background:#fff;}
.help-link-list {margin:10px 0 0;padding:0;list-style:none;}
.help-link-list li + li {border-top:1px solid #eef2f3;}
.help-main .help-link-list a {display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 0;color:#405767;font-weight:600;text-decoration:none;}
.help-link-list a:hover strong {color:#2f6597;text-decoration:underline;}
.help-link-list small {flex:0 0 auto;color:#8795a0;font-size:12px;font-weight:500;}
.help-card {display:flex;flex-direction:column;gap:12px;border:1px solid #e9d3ad;border-radius:10px;padding:18px;background:#fffaf1;}
.help-card p {margin:4px 0 0;color:#6d5a3c;font-size:13px;}
.help-card .button {align-self:flex-start;text-decoration:none;}

/* Topic and search lists */
.help-article-list {margin:0;padding:0;list-style:none;border:1px solid #e3e8eb;border-radius:10px;background:#fff;}
.help-article-list li + li {border-top:1px solid #eef2f3;}
.help-main .help-article-list a {display:grid;gap:3px;padding:15px 18px;color:inherit;text-decoration:none;}
.help-article-list a:hover strong {color:#2f6597;text-decoration:underline;}
.help-article-list strong {color:#405767;font-size:15px;}
.help-article-list span {color:#6f7f8e;font-size:13px;}
.help-roles {display:flex;flex-wrap:wrap;gap:5px;margin-top:4px;}
.help-roles em {border-radius:10px;padding:1px 8px;background:#eef2f4;color:#5a6f7f;font-size:11px;font-style:normal;font-weight:600;}

/* Article */
.help-article-layout {display:grid;grid-template-columns:230px minmax(0,1fr);gap:36px;align-items:start;padding-bottom:40px;}
.help-topic-nav {position:sticky;top:16px;}
.help-topic-nav details {border:1px solid #e3e8eb;border-radius:10px;background:#fff;}
.help-topic-nav summary {padding:12px 14px;color:#405767;font-size:13px;font-weight:700;list-style:none;cursor:pointer;}
.help-topic-nav summary::-webkit-details-marker {display:none;}
.help-topic-nav summary::after {content:"⌄";float:right;margin-left:8px;color:#8795a0;}
.help-topic-nav details[open] summary::after {content:"⌃";}
.help-topic-nav ul {margin:0;padding:0 6px 8px;list-style:none;}
.help-main .help-topic-nav a {display:block;border-radius:6px;padding:7px 8px;color:#5a6f7f;font-size:13px;text-decoration:none;}
.help-main .help-topic-nav a:hover {background:#f3f6f7;}
.help-main .help-topic-nav a[aria-current] {background:#eef4fa;color:#275f8d;font-weight:700;}
.help-article {max-width:720px;}
.help-context-note + .help-article-head {margin-top:18px;}
.help-summary {margin:10px 0 0;color:#6f7f8e;font-size:16px;}
.help-article-head .help-roles {margin-top:12px;}
.help-article-body {margin-top:24px;border-top:1px solid #e3e8eb;padding-top:6px;color:#33485a;font-size:15px;line-height:1.6;}
.help-main .help-article-body h2 {margin:26px 0 10px;font-size:19px;}
.help-article-body ol, .help-article-body ul {margin:0;padding-left:22px;}
.help-article-body li {margin:8px 0;padding-left:4px;}
.help-article-body strong {color:#1e2d3d;}
.help-ui {border-radius:4px;padding:1px 6px;background:#eef2f4;color:#33485a;font-size:13px;font-weight:700;}
.help-good-to-know {margin-top:24px;border-left:3px solid #f0d39b;border-radius:0 9px 9px 0;padding:12px 16px;background:#fffaf1;}
.help-main .help-good-to-know h2 {margin:0 0 6px;font-family:"DM Sans",sans-serif;font-size:13px;letter-spacing:.2px;}
.help-good-to-know ul {padding-left:18px;}
.help-good-to-know li {margin:6px 0;font-size:14px;}
.help-related {margin-top:30px;}
.help-main .help-related h2 {font-family:"DM Sans",sans-serif;font-size:14px;}
.help-article .help-card {flex-direction:row;align-items:center;justify-content:space-between;margin-top:26px;}
.help-article .help-card .button {align-self:center;}

/* Contact support */
.help-muted {color:#6f7f8e;}
.help-two-col-flush {margin-top:0;}
.help-padded {padding-top:30px;padding-bottom:40px;}
.help-contact-layout {display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;padding-bottom:40px;}
.help-contact-form {display:grid;gap:16px;}
.help-field {display:grid;gap:5px;}
.help-field > span {color:#405767;font-size:12px;font-weight:700;}
.help-field input, .help-field select, .help-field textarea {box-sizing:border-box;width:100%;min-height:42px;margin:0;border:1px solid #d3dde2;border-radius:7px;padding:9px 11px;font-size:14px;}
.help-field textarea {min-height:150px;resize:vertical;}
.help-field [aria-invalid="true"] {border-color:#b4483a;}
.help-field-error {color:#b4483a;font-size:12px;}
.help-form-alert {margin:0;border:1px solid #efd4ce;border-radius:8px;padding:10px 12px;background:#fff8f6;color:#9b4f45;font-size:13px;}
.help-form-actions {display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.help-form-actions .button, .help-form-actions button {text-decoration:none;}
.help-context-box {border:1px solid #e3e8eb;border-radius:10px;padding:16px;background:#fff;}
.help-main .help-context-box h2 {font-family:"DM Sans",sans-serif;font-size:14px;}
.help-context-box p {margin:4px 0 10px;color:#6f7f8e;font-size:12px;}
.help-context-box dl {display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 12px;margin:0;font-size:13px;}
.help-context-box dt {color:#8795a0;}
.help-context-box dd {margin:0;overflow-wrap:anywhere;color:#405767;font-weight:600;}
.help-sent {border:1px solid #c9e1d3;border-radius:10px;padding:26px;background:#fff;}
.help-sent > i {display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#e3f4e9;color:#307b50;font-size:18px;font-style:normal;font-weight:700;}
.help-main .help-sent h1 {margin-top:12px;font-size:26px;}
.help-sent p {color:#6f7f8e;}

/* Glossary */
.help-glossary {margin:0;border:1px solid #e3e8eb;border-radius:10px;background:#fff;}
.help-glossary div {display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;padding:13px 18px;}
.help-glossary div + div {border-top:1px solid #eef2f3;}
.help-glossary dt {color:#1e2d3d;font-weight:700;}
.help-glossary dd {margin:0;color:#4a5f70;}

/* Tablet */
@media (max-width:1000px) {
    .help-topics {grid-template-columns:repeat(2,minmax(0,1fr));}
    .help-article-layout {grid-template-columns:200px minmax(0,1fr);gap:26px;}
    .help-contact-layout {grid-template-columns:minmax(0,1fr) 260px;}
}

/* Phone */
@media (max-width:760px) {
    .help-header {height:58px;padding:0 16px;}
    .help-brand span {font-size:13px;}
    .help-back-link {display:none;}
    .help-wrap {padding:0 16px;}
    .help-hero {padding:30px 0 28px;}
    .help-main .help-hero h1 {font-size:27px;}
    .help-main h1 {font-size:25px;}
    .help-search button {padding:0 14px;}
    .help-topics {grid-template-columns:1fr;gap:10px;}
    .help-topic-card {padding:15px;}
    .help-two-col {grid-template-columns:1fr;}
    .help-article-layout {grid-template-columns:1fr;gap:16px;}
    .help-topic-nav {position:static;}
    .help-article .help-card {flex-direction:column;align-items:stretch;}
    .help-article .help-card .button, .help-card .button {align-self:stretch;min-height:44px;box-sizing:border-box;text-align:center;}
    .help-glossary div {grid-template-columns:1fr;gap:2px;}
    .help-contact-layout {grid-template-columns:1fr;}
    .help-form-actions .button, .help-form-actions button {flex:1 1 100%;min-height:44px;box-sizing:border-box;text-align:center;}
    .help-footer {padding:20px 16px;}
}

@media (max-width:380px) {
    .help-search {flex-direction:column;}
}

@media (max-width:330px) {
    .help-brand span {display:none;}
}