:root {
  --help-ink: #123a62;
  --help-muted: #52708d;
  --help-brand: var(--blue-0, #2b9eb3);
  --help-brand-dark: var(--blue-4, #036a7e);
  --help-aqua: #eaf8fd;
  --help-action: #176fb6;
  --help-line: #cfe7f1;
  --help-surface: #fff;
}

.help-center { background: #f7fbfe; color: var(--help-ink); min-height: 70vh; font-family: Assistant, sans-serif; }
.help-shell { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.help-hero { padding: 72px 0 64px; background: radial-gradient(circle at 16% 10%, rgba(255,255,255,.78), transparent 33%), linear-gradient(135deg, #dff4fc, #8fcfe6); color: var(--help-ink); text-align: center; }
.help-hero h1 { margin: 10px 0 12px; color: var(--help-ink); font-size: clamp(38px, 5vw, 62px); font-weight: 700; }
.help-hero p { max-width: 720px; margin: 0 auto 28px; font-size: 20px; line-height: 1.55; color: #315d7a; }
.help-eyebrow { color: var(--help-brand-dark); font-weight: 700; font-size: 14px; letter-spacing: .04em; }
.help-search { max-width: 760px; margin: 0 auto; background: #fff; padding: 8px; border: 1px solid rgba(3,106,126,.12); border-radius: 16px; display: flex; box-shadow: 0 16px 38px rgba(29,99,132,.16); }
.help-search input { flex: 1; min-width: 0; border: 0; padding: 13px 16px; font-size: 18px; outline: 0; color: var(--help-ink); }
.help-search button, .help-support-banner>a, .help-article-contact>a { border: 0; border-radius: 11px; background: var(--help-action); color: #fff; padding: 13px 24px; font-weight: 700; text-decoration: none; }
.help-audience { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.help-audience a { padding: 7px 15px; border: 1px solid rgba(3,106,126,.34); border-radius: 999px; color: #195a78; text-decoration: none; background: rgba(255,255,255,.32); }
.help-audience a.is-active { background: #fff; color: var(--help-brand-dark); }
.help-content { padding-top: 56px; padding-bottom: 72px; }
.help-section { margin-bottom: 58px; }
.help-section__heading { display: flex; justify-content: space-between; align-items: end; margin-bottom: 24px; }
.help-section__heading h2 { font-size: 32px; margin: 6px 0 0; color: var(--help-ink); }
.help-section__heading p { margin: 9px 0 0; color: var(--help-muted); font-size: 17px; }
.help-section--featured { padding: 32px; margin-bottom: 48px; border: 1px solid #d7edf5; border-radius: 24px; background: linear-gradient(135deg, #fff, #f0faff); }
.help-collection-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px; }
.help-collection-card { display: grid; grid-template-columns: 54px 1fr; gap: 18px; background: #fff; border: 1px solid var(--help-line); border-radius: 18px; padding: 26px; box-shadow: 0 8px 28px rgba(24,64,79,.06); }
.help-collection-card__icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 15px; background: var(--help-aqua); color: var(--help-brand); font-size: 22px; font-weight: 700; }
.help-collection-card h2 { font-size: 23px; margin: 0 0 7px; }
.help-collection-card h2 a, .help-collection-card li a { color: var(--help-ink); text-decoration: none; }
.help-collection-card p { color: var(--help-muted); line-height: 1.55; }
.help-collection-card ul { list-style: none; padding: 0; margin: 16px 0; }
.help-collection-card li { border-top: 1px solid #edf2f4; padding: 9px 0; }
.help-collection-card__all, .help-article-card__link { color: var(--help-brand-dark); font-weight: 700; text-decoration: none; }
.help-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.help-article-card { overflow: hidden; background: #fff; border: 1px solid var(--help-line); border-radius: 18px; box-shadow: 0 8px 28px rgba(24,64,79,.06); }
.help-article-card__media { display: block; aspect-ratio: 16/8.5; overflow: hidden; background: var(--help-aqua); }
.help-article-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.help-article-card:hover img { transform: scale(1.025); }
.help-article-card__media--fallback { display: grid; place-items: center; color: var(--help-brand-dark); background: radial-gradient(circle at 70% 25%, rgba(255,255,255,.9), transparent 31%), linear-gradient(135deg, #eaf8fd, #c9eaf6); }
.help-article-card__fallback-brand { padding: 9px 18px; border: 1px solid rgba(3,106,126,.18); border-radius: 999px; background: rgba(255,255,255,.58); font-size: 24px; font-weight: 700; letter-spacing: .01em; }
.help-article-card__body { padding: 21px; }
.help-article-card h3 { font-size: 21px; line-height: 1.32; margin: 7px 0 10px; }
.help-article-card h3 a { color: var(--help-ink); text-decoration: none; }
.help-article-card p { color: var(--help-muted); min-height: 46px; line-height: 1.5; }
.help-support-banner, .help-article-contact { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 32px; border-radius: 20px; background: linear-gradient(135deg, #0d6f92, #218ebe); color: #fff; }
.help-support-banner h2, .help-article-contact h2 { color: #fff; margin: 5px 0; }
.help-support-banner p, .help-article-contact p { color: rgba(255,255,255,.78); margin: 0; }
.help-breadcrumbs { display: flex; gap: 9px; flex-wrap: wrap; color: var(--help-muted); font-size: 14px; margin-bottom: 28px; }
.help-breadcrumbs a { color: var(--help-brand-dark); text-decoration: none; }
.help-collection-header { max-width: 800px; margin-bottom: 34px; }
.help-collection-header h1 { font-size: clamp(36px,5vw,54px); margin: 8px 0; }
.help-collection-header p { color: var(--help-muted); font-size: 19px; }
.help-article-shell { padding-top: 34px; padding-bottom: 72px; }
.help-article { background: #fff; border: 1px solid var(--help-line); border-radius: 22px; overflow: hidden; }
.help-article__header { max-width: 880px; padding: 54px 60px 32px; }
.help-article__header h1 { font-size: clamp(38px,5vw,58px); line-height: 1.08; margin: 8px 0 15px; }
.help-article__subtitle { color: var(--help-muted); font-size: 21px; line-height: 1.55; }
.help-article__cover { margin: 0; max-height: 520px; overflow: hidden; }
.help-article__cover img { width: 100%; height: 100%; object-fit: cover; }
.help-article__layout { display: grid; grid-template-columns: 220px minmax(0,760px); gap: 48px; padding: 44px 60px 64px; align-items: start; }
.help-article__layout--without-toc { grid-template-columns: minmax(0,880px); justify-content: end; }
.help-toc { position: sticky; top: 96px; border-right: 3px solid var(--help-aqua); padding-right: 16px; }
.help-toc summary { color: var(--help-ink); cursor: pointer; font-weight: 700; list-style: none; }
.help-toc summary::-webkit-details-marker { display: none; }
.help-toc ol { list-style: none; padding: 0; margin: 12px 0 0; }
.help-toc li { margin: 8px 0; }
.help-toc li.is-subsection { padding-right: 12px; font-size: 14px; }
.help-toc a { color: var(--help-muted); text-decoration: none; }
.help-article__body { font-size: 18px; line-height: 1.85; color: #243b4a; }
.help-article__body h2 { color: var(--help-ink); font-size: 30px; margin: 44px 0 14px; }
.help-article__body h3 { color: var(--help-ink); font-size: 24px; margin: 32px 0 12px; }
.help-article__body img { max-width: 100%; height: auto; border-radius: 14px; }
.help-article__body a { color: var(--help-brand-dark); text-decoration: underline; }
.help-article-contact { margin: 24px 0 56px; }
.help-empty { text-align: center; background: #fff; border: 1px dashed #bacbd1; border-radius: 18px; padding: 48px 24px; }
.help-empty a { color: var(--help-brand-dark); font-weight: 700; }

@media (max-width: 900px) {
  .help-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .help-article__layout, .help-article__layout--without-toc { grid-template-columns: 1fr; justify-content: stretch; padding: 34px 28px 48px; }
  .help-toc { position: static; border: 1px solid var(--help-line); border-radius: 14px; background: #f7fcff; padding: 15px 18px; }
  .help-toc summary::after { content: '⌄'; float: left; color: var(--help-brand-dark); font-size: 20px; line-height: .8; }
  .help-toc details[open] summary { margin-bottom: 14px; }
}
@media (max-width: 640px) {
  .help-shell { width: min(100% - 22px,1180px); }
  .help-hero { padding: 48px 0 42px; }
  .help-hero p { font-size: 17px; }
  .help-search { border-radius: 13px; }
  .help-search button { padding: 11px 15px; }
  .help-collection-grid, .help-card-grid { grid-template-columns: 1fr; }
  .help-collection-card { grid-template-columns: 42px 1fr; padding: 20px; }
  .help-collection-card__icon { width: 42px; height: 42px; border-radius: 11px; }
  .help-support-banner, .help-article-contact { align-items: stretch; flex-direction: column; }
  .help-support-banner>a, .help-article-contact>a { text-align: center; }
  .help-article__header { padding: 36px 24px 24px; }
  .help-article__header h1 { font-size: clamp(32px, 9vw, 42px); line-height: 1.16; }
  .help-article__layout, .help-article__layout--without-toc { padding: 26px 24px 42px; }
  .help-breadcrumbs__separator, .help-breadcrumbs__current { display: none; }
}
