/* Páginas de documentación (/fuentes, /metodologia) */
body.qh-doc { display: block; height: auto; }
.qh-doc-main { max-width: 880px; margin: 0 auto; padding: 16px 16px 48px; line-height: 1.55; }
.qh-doc-main h1 { font-size: 26px; margin: 12px 0 8px; }
.qh-doc-main h2 { font-size: 20px; margin: 28px 0 8px; }
.qh-doc-main h3 { font-size: 16px; margin: 20px 0 6px; }
.qh-doc-main a { color: var(--qh-accent); overflow-wrap: anywhere; }
.qh-doc-main code { font-size: 12px; overflow-wrap: anywhere; }
.qh-ds { background: var(--qh-card); border: 1px solid var(--qh-line); border-radius: 8px; padding: 12px 14px; margin: 10px 0; }
.qh-ds h3 { display: inline; font-size: 15px; margin: 0; }
.qh-ds dl, .qh-terms { display: grid; grid-template-columns: minmax(120px, 200px) 1fr; gap: 4px 12px; font-size: 14px; margin: 10px 0 0; }
.qh-ds dt, .qh-terms dt { color: var(--qh-muted); font-weight: 600; }
.qh-ds dd, .qh-terms dd { margin: 0; }
.qh-terms { grid-template-columns: minmax(140px, 260px) 1fr; }
.qh-method { background: var(--qh-card); border: 1px solid var(--qh-line); border-radius: 8px; padding: 4px 16px 16px; margin: 16px 0; }
.qh-method.official { border-left: 5px solid var(--qh-official); }
.qh-method.calc { border-left: 5px solid var(--qh-calc); }
.qh-method .qh-badge { margin-left: 0; }
.qh-formula { font-size: 22px; font-weight: 700; text-align: center; padding: 12px; margin: 10px 0;
  background: var(--qh-bg); border-radius: 8px; font-variant-numeric: tabular-nums; }
.qh-small { font-size: 13px; color: var(--qh-muted); }
.qh-callout { border: 1px solid var(--qh-line); background: var(--qh-bg); border-radius: 8px; padding: 10px 14px; margin-top: 14px; }
.qh-callout ul { margin: 6px 0 0; padding-left: 20px; }
@media (max-width: 640px) {
  .qh-ds dl, .qh-terms { grid-template-columns: 1fr; }
  .qh-ds dd, .qh-terms dd { margin-bottom: 6px; }
}