.help-hero {
  overflow: hidden;
  background: linear-gradient(110deg, #f5fbff, #e3f3ff 66%, #d1eaff);
}
.help-hero-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
  gap: 24px;
  padding-block: 30px;
}
.help-breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  color: var(--muted);
  font-size: 14px;
  margin-bottom: 22px;
}
.help-breadcrumbs a:hover {
  color: var(--blue);
}
.help-hero h1 {
  font-size: clamp(30px, 3.2vw, 46px);
  line-height: 1.3;
  margin-bottom: 12px;
  color: #09143a;
}
.help-lead {
  font-size: 21px;
  margin-bottom: 4px;
}
.help-hero-art {
  width: 100%;
  border-radius: 22px;
  mix-blend-mode: multiply;
}
.help-search {
  display: flex;
  gap: 8px;
  padding: 7px;
  margin-top: 23px;
  background: #fff;
  border: 1px solid #cbdfff;
  border-radius: 12px;
  box-shadow: 0 5px 18px #3375cf12;
}
.help-search input {
  min-width: 0;
  flex: 1;
  border: 0;
  padding: 10px 12px;
  color: var(--ink);
  font: inherit;
  background: transparent;
}
.help-search input:focus-visible {
  outline: 2px solid #80afff;
  border-radius: 6px;
}
.help-search .button {
  min-height: 44px;
  padding: 8px 26px;
}
.hot-searches {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  margin-top: 14px;
  font-size: 13px;
}
.hot-searches button {
  border: 0;
  border-radius: 16px;
  padding: 4px 10px;
  background: #dfedff;
}
.hot-searches button:hover {
  background: #cbdfff;
}
.guide-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 12px;
  padding-block: 24px;
}
.guide-card {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 22px 8px;
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: 0 4px 12px #247cff06;
  transition: border-color .2s, transform .2s;
}
.guide-card:hover {
  border-color: #78aaff;
  transform: translateY(-3px);
}
.guide-card img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  margin-bottom: 14px;
}
.guide-card h2 {
  font-size: 15px;
  line-height: 1.5;
}
.guide-card p {
  color: var(--muted);
  font-size: 12px;
  margin: 6px 0 15px;
}
.guide-card span {
  color: var(--blue);
  font-size: 13px;
  font-weight: 600;
}
.help-layout {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  padding-bottom: 40px;
}
.help-sidebar {
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #f5faff;
}
.category-button, .category-link {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 14px 15px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  text-align: left;
  font-size: 15px;
}
.category-button span {
  width: 18px;
  color: #48628d;
}
.category-button:hover, .category-link:hover {
  color: var(--blue);
  background: #e8f2ff;
}
.category-button.selected {
  color: var(--blue);
  background: #e2f0ff;
  font-weight: 600;
}
.sidebar-support {
  padding: 20px 12px;
  margin-top: 24px;
  border-top: 1px solid var(--border);
  background: #fff;
  border-radius: 8px;
}
.sidebar-support img {
  margin-bottom: 12px;
}
.sidebar-support h2 {
  font-size: 19px;
}
.sidebar-support p {
  font-size: 14px;
  color: var(--muted);
  margin: 10px 0 16px;
}
.sidebar-support .button {
  width: 100%;
  font-size: 14px;
  padding-inline: 8px;
}
.help-content h2 {
  font-size: 25px;
  line-height: 1.4;
  color: #0b1838;
}
.help-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.text-button {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--blue);
  font-size: 14px;
}
.section-intro {
  color: var(--muted);
  font-size: 14px;
  margin-top: 8px;
  margin-bottom: 16px;
}
.search-status:empty {
  display: none;
}
.search-status {
  color: var(--muted);
  margin-bottom: 12px;
  font-size: 14px;
}
.article-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.help-article {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 3px 12px #1269e406;
}
.article-cover {
  position: relative;
  overflow: hidden;
}
.article-cover img {
  width: 100%;
  transition: transform .2s;
}
.article-cover:hover img {
  transform: scale(1.04);
}
.article-cover span {
  position: absolute;
  bottom: 7px;
  left: 10px;
  padding: 2px 10px;
  border-radius: 14px;
  background: #fff;
  color: var(--blue);
  font-size: 11px;
  font-weight: 600;
}
.article-copy {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 14px;
}
.article-copy h3 {
  font-size: 16px;
  line-height: 1.5;
}
.article-copy h3 a:hover {
  color: var(--blue);
}
.article-copy p {
  color: var(--muted);
  margin: 8px 0 16px;
  font-size: 14px;
  line-height: 1.65;
}
.article-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
  font-size: 12px;
  color: #526d99;
}
.article-meta a {
  color: var(--blue);
}
.hot-topics, #faq {
  margin-top: 28px;
}
.topics-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.topic-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
}
.topic-card:hover {
  background: #f2f8ff;
}
.topic-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #e7f2ff;
}
.topic-icon img {
  width: 27px;
  height: 27px;
  object-fit: contain;
}
.topic-card strong {
  display: block;
  font-size: 14px;
}
.topic-card small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}
.help-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 16px;
  margin-top: 18px;
}
.help-faq-grid .qa-card {
  height: 100%;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #fff;
}
.help-faq-grid .qa-card h3 {
  font-size: 16px;
}
.help-faq-grid .qa-answer p {
  font-size: 14px;
  line-height: 1.85;
}
.help-support {
  background: linear-gradient(110deg, #e9f5ff, #f5faff);
  padding-block: 26px;
}
.support-row {
  display: flex;
  align-items: center;
  gap: 22px;
}
.support-row > img {
  width: 70px;
  height: 70px;
  object-fit: contain;
}
.support-row > div {
  flex: 1;
}
.support-row h2 {
  font-size: 24px;
  margin-bottom: 7px;
}
.support-row p {
  font-size: 14px;
  color: var(--muted);
}
.empty-results {
  padding: 32px;
  text-align: center;
  background: #f5faff;
  border-radius: 12px;
}
.empty-results p {
  margin: 10px 0 20px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.help-document {
  padding-block: 36px 60px;
}
.help-document h1 {
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.5;
  margin-bottom: 16px;
}
.document-summary {
  font-size: 20px;
  color: var(--muted);
  margin-bottom: 12px;
}
.muted {
  color: var(--muted);
  font-size: 14px;
}
.document-toc {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 20px;
  margin-top: 24px;
  background: #edf5ff;
  border-radius: 10px;
  color: var(--blue);
}
.help-document section {
  margin-top: 32px;
}
.help-document h2 {
  font-size: 24px;
  margin-bottom: 10px;
}
.help-document section p {
  line-height: 1.9;
}
.document-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 36px;
}
@media (max-width: 1100px) {
  .guide-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .help-layout {
    grid-template-columns: 185px minmax(0, 1fr);
    gap: 18px;
  }
  .article-grid, .topics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .help-hero-grid {
    grid-template-columns: 1fr;
    padding-block: 22px;
  }
  .help-hero-art {
    max-width: 460px;
    justify-self: center;
  }
  .help-lead {
    font-size: 18px;
  }
  .guide-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .help-layout {
    grid-template-columns: 1fr;
  }
  .help-layout .help-sidebar{display: none;}
  .category-list {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: thin;
  }
  .category-button, .category-link {
    flex-shrink: 0;
    white-space: nowrap;
    width: auto;
    padding: 10px;
  }
  .category-button span {
    display: none;
  }
  .sidebar-support {
    display: none;
  }
  .help-faq-grid {
    grid-template-columns: 1fr;
  }
  .support-row {
    flex-wrap: wrap;
  }
  .support-row > div {
    flex-basis: calc(100% - 92px);
  }
  .support-row h2 {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .article-grid, .topics-grid {
    grid-template-columns: 1fr;
  }
  .help-heading {
    flex-wrap: wrap;
  }
  .help-search .button {
    padding-inline: 18px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .guide-card, .article-cover img {
    transition: none;
  }
}

.document-figure {
  margin: 24px 0 28px;
}
.document-figure img {
  display: block;
  width: 100%;
  aspect-ratio: 1792 / 1024;
  height: auto;
  border: 1px solid #d7e5f8;
  border-radius: 18px;
  object-fit: cover;
}
.document-figure figcaption {
  margin-top: 10px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
}
@media (max-width: 600px) {
  .document-figure {
    overflow-x: auto;
    padding-bottom: 8px;
  }
  .document-figure img {
    min-width: 680px;
  }
  .document-figure figcaption {
    min-width: 0;
  }
}

.document-table-wrap {
  margin-block: 28px;
  overflow-x: auto;
}
.document-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  line-height: 1.8;
}
.document-table caption {
  text-align: left;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 12px;
}
.document-table th, .document-table td {
  padding: 14px;
  border: 1px solid #d7e5f8;
  vertical-align: top;
  text-align: left;
}
.document-table th {
  background: #eef5ff;
}
.document-sources {
  margin-block: 24px;
  padding: 20px;
  border-radius: 12px;
  background: #f4f8ff;
}
.document-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 290px;
  gap: 32px;
  align-items: start;
}
.document-main {
  min-width: 0;
}
.document-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 22px;
  color: #60759a;
  font-size: 14px;
}
.document-main .document-figure {
  margin-top: 0;
}
.document-inline-toc {
  display: block;
  padding: 18px 20px;
  border: 1px solid #cfe1fb;
  background: #f7fbff;
}
.document-inline-toc strong,
.document-related-links strong {
  display: block;
  margin-bottom: 10px;
  color: #10295b;
  font-size: 16px;
}
.document-inline-toc ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 24px;
  padding-left: 20px;
  margin: 0;
}
.document-inline-toc li::marker,
.document-side-toc li::marker {
  color: var(--blue);
  font-weight: 700;
}
.document-inline-toc a {
  display: inline;
  font-size: 14px;
  line-height: 1.7;
}
.document-main > section h2 {
  display: flex;
  align-items: center;
  gap: 12px;
}
.section-number {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(140deg, #1672ff, #0054dc);
  font-size: 16px;
  line-height: 1;
}
.document-sidebar {
  display: grid;
  gap: 14px;
  position: sticky;
  top: 92px;
}
.document-sidebar .sidebar-panel {
  margin: 0;
  padding: 18px;
  border: 1px solid #d7e5f8;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 7px 22px #17549e0a;
}
.document-sidebar h2 {
  margin: 0 0 12px;
  color: #10295b;
  font-size: 17px;
}
.document-side-toc ol {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 22px;
}
.document-side-toc a {
  display: block;
  color: #31537f;
  font-size: 14px;
  line-height: 1.55;
}
.document-side-toc a:hover {
  color: var(--blue);
}
.document-side-related {
  display: grid;
  gap: 12px;
}
.document-related-card {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}
.document-related-card img {
  width: 72px;
  height: 50px;
  border: 1px solid #d7e5f8;
  border-radius: 7px;
  object-fit: contain;
  background: #f6faff;
}
.document-related-card span {
  min-width: 0;
}
.document-related-card strong,
.document-related-card small {
  display: block;
}
.document-related-card strong {
  color: #19375f;
  font-size: 13px;
  line-height: 1.45;
}
.document-related-card small {
  margin-top: 3px;
  color: #7183a0;
  font-size: 12px;
}
.document-support {
  background: linear-gradient(145deg, #eff7ff, #fff) !important;
}
.document-support p {
  margin: 0 0 14px;
  color: #60759a;
  font-size: 14px;
  line-height: 1.7;
}
.document-support .button {
  width: 100%;
  padding-inline: 10px;
  font-size: 14px;
}
.document-related-links {
  display: grid;
  grid-template-columns: 1fr;
}
.document-related-links a {
  padding: 10px 12px;
  border: 1px solid #d7e5f8;
  border-radius: 8px;
  background: #fff;
}
.document-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.document-tags h2 {
  width: 100%;
}
.document-tags span {
  padding: 6px 10px;
  border-radius: 8px;
  color: #1764d8;
  background: #edf5ff;
  font-size: 12px;
  line-height: 1.2;
}
.help-document { padding-block: 36px 60px; }
.help-document .help-breadcrumbs { margin-bottom: 13px; font-size: 13px; }
.document-layout { grid-template-columns: minmax(0, 1fr) 304px; gap: 32px; }
.document-main h1 { font-size: clamp(31px, 3.2vw, 44px); line-height: 1.28; letter-spacing: -.3px; margin-bottom: 10px; }
.document-main .eyebrow { margin-bottom: 8px; padding: 3px 10px; border-radius: 12px; font-size: 13px; }
.document-summary { max-width: 900px; margin-bottom: 13px; color: #38527d; font-size: 17px; line-height: 1.65; }
.document-meta { min-height: 34px; gap: 9px; margin-bottom: 14px; color: #637798; font-size: 12px; }
.document-meta strong { color: #203d69; font-size: 13px; }
.document-avatar, .document-author-avatar { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; color:#fff; background:linear-gradient(135deg,#0d8cff,#003eb7); font-weight:800; }
.document-meta .official-badge { padding: 1px 6px; border-radius: 9px; color: #fff; background: #126eff; font-size: 11px; }
.document-meta .reading-time { color: #637798; }
.document-share { display:flex; gap:8px; margin-left:auto; }
.document-share span { display:grid; place-items:center; width:28px; height:28px; border:1px solid #d4e3f8; border-radius:50%; color:#145fc7; font-size:12px; font-weight:700; }
.document-main .document-figure { margin: 0 0 12px; }
.document-figure img { aspect-ratio: 28 / 11; border-radius: 7px; object-position: center; }
.document-figure figcaption { display:none; }
.document-opening { margin: 12px 0 14px; color:#405b86; font-size:15px; line-height:1.8; }
.document-inline-toc { margin-top: 0; padding: 13px 17px 12px; border:1px solid #cfe4ff; border-radius:8px; background:#fbfdff; }
.document-inline-toc strong { padding-left: 23px; position:relative; margin-bottom:8px; color:#153464; font-size:14px; }
.document-inline-toc strong::before { position:absolute; left:0; top:1px; width:16px; height:14px; border-radius:3px; content:""; background:#0873f9; }
.document-inline-toc ol { grid-template-columns: repeat(4,minmax(0,1fr)); gap:4px 20px; padding-left:18px; }
.document-inline-toc a { font-size:13px; line-height:1.6; }
.document-main > section { margin-top: 22px; }
.document-main > section h2, .article-detail-section h2 { gap: 10px; font-size:22px; margin-bottom:7px; }
.section-number { width:28px; height:28px; font-size:15px; }
.document-main > section p { color:#405a83; font-size:15px; line-height:1.82; }
.document-table-wrap { margin: 11px 0 0; }
.document-table { font-size:13px; line-height:1.45; }
.document-table caption { padding:0; font-size:0; }
.document-table th, .document-table td { padding:7px 12px; border-color:#d9e7fa; }
.document-table th { width:27%; background:#f6faff; color:#274a78; }
.article-download-panel { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:12px; padding:15px 18px; border:1px solid #cae1ff; border-radius:8px; background:#f5faff; }
.article-download-panel strong, .article-download-panel span { display:block; }
.article-download-panel strong { color:#164f9f; font-size:15px; }
.article-download-panel span { color:#6680a7; font-size:12px; }
.article-download-panel .button { min-height:42px; padding:8px 20px; font-size:14px; }
.article-detail-section { margin-top:22px; }
.article-step-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:12px; }
.article-step-card { position:relative; padding:13px; overflow:hidden; border:1px solid #dce9f9; border-radius:7px; background:#fff; }
.article-step-card .step-badge { display:grid; place-items:center; width:27px; height:27px; margin-bottom:8px; border-radius:50%; color:#fff; background:#006df0; font-size:14px; font-weight:700; }
.article-step-card h3 { color:#153463; font-size:14px; }
.article-step-card p { min-height:40px; margin:4px 0 8px; color:#6480aa; font-size:12px; line-height:1.55; }
.article-step-card img { width:100%; aspect-ratio:1.5; object-fit:cover; object-position:right center; border:1px solid #e2edfb; border-radius:4px; }
.article-prepare, .article-summary-section { padding-top:3px; }
.document-author-card { display:flex; align-items:center; gap:13px; margin-top:28px !important; padding:14px 16px; border:1px solid #dceafa; border-radius:8px; background:#f6faff; }
.document-author-avatar { width:46px; height:46px; flex:0 0 auto; }
.document-author-card small,.document-author-card strong,.document-author-card p { display:block; }
.document-author-card small { color:#6c83a6; font-size:12px; }
.document-author-card strong { color:#173867; font-size:14px; }
.document-author-card p { color:#7187a6; font-size:12px; }
.document-pager { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin-top:14px; }
.document-pager a { padding:11px 14px; border:1px solid #dceafa; border-radius:7px; background:#fff; }
.document-pager span,.document-pager strong { display:block; }
.document-pager span { color:#7288a8; font-size:12px; }
.document-pager strong { color:#17417c; font-size:13px; line-height:1.45; }
.document-sidebar { gap:12px; top:70px; }
.document-sidebar .sidebar-panel { padding:15px; border-radius:7px; box-shadow:none; }
.document-sidebar h2 { margin-bottom:10px; padding-left:22px; position:relative; font-size:16px; }
.document-sidebar h2::before { position:absolute; left:0; top:3px; width:15px; height:14px; border-radius:3px; content:""; background:#0873f9; }
.document-side-toc ol { gap:0; padding-left:22px; }
.document-side-toc li { padding:6px 0; border-top:1px solid #e1ebf8; }
.document-side-toc a { font-size:13px; }
.document-side-related { gap:10px; }
.document-related-card { grid-template-columns:52px minmax(0,1fr); }
.document-related-card img { width:52px; height:38px; object-fit:cover; }
.document-related-card strong { font-size:12px; }
.document-related-card small { font-size:11px; }
.document-subscribe p { margin:0 0 10px; color:#6d82a2; font-size:12px; line-height:1.55; }
.document-subscribe > div { display:flex; gap:6px; }
.document-subscribe input { min-width:0; flex:1; padding:8px; border:1px solid #d5e4f7; border-radius:4px; font:inherit; font-size:12px; }
.document-subscribe button { padding:7px 12px; border:0; border-radius:4px; color:#fff; background:#066ef1; font-size:12px; font-weight:700; }
.document-support { padding:16px !important; }
.document-support .button { min-height:42px; }
@media (max-width: 900px) { .document-layout { grid-template-columns:minmax(0,1fr) 250px; gap:20px; } .document-inline-toc ol { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 760px) { .document-meta { align-items:flex-start; } .document-share { width:100%; margin-left:0; } .document-inline-toc ol,.article-step-cards,.document-pager { grid-template-columns:1fr; } .article-download-panel { align-items:flex-start; flex-direction:column; } }
.article-format-steps .article-section {
  padding: 4px 0 4px 20px;
  border-left: 2px solid #cce0ff;
}
.article-format-diagnosis .article-section {
  padding: 20px;
  border: 1px solid #d8e7f9;
  border-radius: 12px;
  background: #fbfdff;
}
.diagnostic-hint {
  margin-top: 14px;
  padding: 11px 13px;
  border-radius: 8px;
  color: #31537f;
  background: #edf6ff;
  font-size: 14px;
}
.document-checklist {
  display: grid;
  gap: 8px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
.document-checklist li {
  position: relative;
  padding-left: 25px;
  color: #416087;
  font-size: 14px;
  line-height: 1.6;
}
.document-checklist li::before {
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #e6f1ff;
  color: var(--blue);
  content: "✓";
  text-align: center;
  font-size: 11px;
  line-height: 16px;
}
.article-format-comparison .article-section:nth-of-type(even) {
  padding: 20px;
  border-radius: 12px;
  background: #f7fbff;
}
.article-format-timeline .article-section {
  position: relative;
  padding: 0 0 6px 36px;
}
.article-format-timeline .article-section::before {
  position: absolute;
  left: 15px;
  top: 34px;
  bottom: -30px;
  width: 2px;
  background: #cfe2ff;
  content: "";
}
.article-format-timeline .article-section:last-of-type::before {
  display: none;
}
.article-format-rules .article-section {
  padding: 18px 20px;
  border-radius: 12px;
  background: #f8fbff;
}
.article-format-rules .article-section:nth-of-type(3n) {
  background: #f3f9ff;
}
.article-format-faq .article-section {
  padding: 20px;
  border: 1px solid #d7e5f8;
  border-radius: 12px;
}
.article-format-faq .section-number {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  font-size: 0;
}
.article-format-faq .section-number::after {
  font-size: 14px;
}
.faq-answer-note {
  margin-top: 14px;
  color: #60759a;
  font-size: 14px;
}
.article-format-commands .article-section {
  padding: 20px;
  border: 1px solid #d7e5f8;
  border-radius: 12px;
}
.document-command {
  overflow-x: auto;
  margin: 16px 0 0;
  padding: 13px 15px;
  border-radius: 8px;
  color: #d9e7ff;
  background: #10234a;
  font: 13px/1.7 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.article-format-template .article-section {
  padding: 20px;
  border: 1px solid #d7e5f8;
  border-radius: 12px;
  background: #fff;
}
.document-template {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 14px;
  padding: 11px 13px;
  border-radius: 8px;
  background: #edf6ff;
  color: #31537f;
  font-size: 14px;
}
@media (max-width: 600px) {
  .document-table {
    min-width: 600px;
  }
}
@media (max-width: 980px) {
  .document-layout {
    grid-template-columns: minmax(0, 1fr) 250px;
    gap: 22px;
  }
}
@media (max-width: 760px) {
  .document-layout {
    display: block;
  }
  .document-sidebar {
    position: static;
    margin-top: 32px;
  }
  .document-inline-toc ol {
    grid-template-columns: 1fr;
  }
}

.platform-note a {
    color: #0063ff;
    text-decoration: underline
}


.step-card-heading {
    display: flex;
    gap: 10px;
    align-items: center
}

.step-card-heading .step-badge {
    margin: 0;
    flex-shrink: 0
}


.installer-demo {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #dce9fb;
    border-radius: 5px;
    background: linear-gradient(140deg, #f4faff, #fff);
    padding: 0 8px 10px;
    min-height: 126px
}

.installer-title {
    align-self: stretch;
    font-size: 9px;
    padding: 5px 0;
    border-bottom: 1px solid #e4edfa;
    color: #173d8a
}

.installer-demo strong {
    font-size: 12px;
    margin-top: 18px
}

.installer-demo small {
    font-size: 9px;
    color: #6175a0;
    margin: 6px 0 12px
}

.installer-action {
    font-size: 10px;
    padding: 3px 20px;
    background: #0063ff;
    color: white;
    border-radius: 3px
}


.article-checklist {
    padding-left: 22px;
    margin: 12px 0 0;
    color: #465d8b;
    font-size: 13px;
    line-height: 1.8
}

.article-checklist li+li {
    margin-top: 5px
}

.article-troubleshooting {
    margin: 12px 0 0;
    padding: 12px 16px;
    background: #f7fbff;
    border: 1px solid #dce9fb;
    border-radius: 6px
}

.article-troubleshooting dt {
    font-size: 13px;
    font-weight: 650;
    color: #193864
}

.article-troubleshooting dt:not(:first-child) {
    margin-top: 10px
}

.article-troubleshooting dd {
    margin: 3px 0 0;
    color: #465d8b;
    font-size: 13px;
    line-height: 1.7
}