/* API Help docs — extends pay-go look */
.pg-card-docs {
  max-width: 820px;
  text-align: right;
  padding: 32px 28px 28px;
}

.pg-card-docs .pg-logo {
  display: block;
  margin: 0 auto 12px;
}

.pg-card-docs .pg-title,
.pg-card-docs .pg-sub {
  text-align: center;
}

.help-toc {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 20px 0 8px;
}

.help-toc a {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 8px;
  background: var(--pg-accent-soft);
  color: var(--pg-accent);
  font-size: 0.78rem;
  text-decoration: none;
  border: 1px solid #c5dbf0;
  transition: background 0.15s ease, color 0.15s ease;
}

.help-toc a:hover {
  background: var(--pg-accent);
  color: #fff;
}

.help-sec {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid var(--pg-line);
  text-align: right;
}

.help-sec h2 {
  margin: 0 0 10px;
  font-size: 1.05rem;
  color: var(--pg-ink);
  font-family: 'Shabnam-Bold-FD', Tahoma, sans-serif;
}

.help-sec h3 {
  margin: 18px 0 8px;
  font-size: 0.92rem;
  color: var(--pg-accent);
}

.help-sec p,
.help-sec li {
  font-size: 0.86rem;
  line-height: 1.75;
  color: var(--pg-muted);
}

.help-sec ul,
.help-sec ol {
  margin: 8px 0 12px;
  padding-right: 20px;
  padding-left: 0;
}

.help-sec code,
.help-inline {
  font-family: Consolas, Monaco, "Courier New", monospace;
  font-size: 0.8rem;
  direction: ltr;
  unicode-bidi: embed;
  background: #f0f4f8;
  color: #0d47a1;
  padding: 1px 6px;
  border-radius: 4px;
}

.help-table-wrap {
  overflow-x: auto;
  margin: 12px 0;
  border: 1px solid var(--pg-line);
  border-radius: 10px;
}

.help-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
  direction: rtl;
}

.help-table th,
.help-table td {
  padding: 9px 12px;
  border-bottom: 1px solid var(--pg-line);
  text-align: right;
  vertical-align: top;
}

.help-table th {
  background: #f5f8fb;
  color: var(--pg-ink);
  font-weight: 600;
  white-space: nowrap;
}

.help-table tr:last-child td {
  border-bottom: none;
}

.help-table .ltr {
  direction: ltr;
  text-align: left;
  font-family: Consolas, Monaco, "Courier New", monospace;
  font-size: 0.78rem;
}

.help-flow {
  background: #f7fafc;
  border: 1px dashed var(--pg-line);
  border-radius: 10px;
  padding: 14px 16px;
  margin: 12px 0;
  direction: ltr;
  text-align: left;
  font-family: Consolas, Monaco, "Courier New", monospace;
  font-size: 0.75rem;
  line-height: 1.65;
  color: #334155;
  overflow-x: auto;
  white-space: pre;
}

.help-pre {
  background: #1a2332;
  color: #e2e8f0;
  border-radius: 10px;
  padding: 14px 16px;
  margin: 12px 0;
  direction: ltr;
  text-align: left;
  font-family: Consolas, Monaco, "Courier New", monospace;
  font-size: 0.74rem;
  line-height: 1.6;
  overflow-x: auto;
  white-space: pre;
}

.help-pre .cmt { color: #7dd3a0; }
.help-pre .str { color: #f6c177; }
.help-pre .kw { color: #7eb6ff; }

.help-note {
  background: #fff8e1;
  border: 1px solid #ffe082;
  border-radius: 10px;
  padding: 10px 14px;
  margin: 12px 0;
  font-size: 0.82rem;
  color: #6d4c00;
  line-height: 1.7;
}

.help-badge {
  display: inline-block;
  font-size: 0.68rem;
  padding: 2px 7px;
  border-radius: 4px;
  background: var(--pg-accent-soft);
  color: var(--pg-accent);
  font-family: Consolas, Monaco, monospace;
  direction: ltr;
  vertical-align: middle;
  margin-left: 4px;
}

.help-badge.get { background: #e8f5e9; color: #2e7d32; }
.help-badge.post { background: #fff3e0; color: #e65100; }

.help-back {
  display: inline-block;
  margin-top: 8px;
  font-size: 0.8rem;
  color: var(--pg-accent);
  text-decoration: none;
}

.help-back:hover {
  text-decoration: underline;
}

@media (max-width: 600px) {
  .pg-card-docs {
    padding: 24px 16px 20px;
  }
  .help-toc a {
    font-size: 0.72rem;
    padding: 5px 9px;
  }
}