/* /doc/ and /doc/copy-paste/ — build/page_doc.py. */

/* --- hub: /doc/ --------------------------------------------------------- */
.fbw .fbw-doc-hero + .brxe-section { padding-top: 0; }

.fbw .fbw-doc-lists { display: flex; flex-direction: column; gap: var(--space-l); }
.fbw .fbw-doc-subhead { margin: 0 0 var(--space-xs); }
.fbw .fbw-doc-subhead h2 { margin: 0; font-size: var(--h5); line-height: 1.25; letter-spacing: -0.01em; }
.fbw .fbw-doc-subhead p { margin: var(--space-xs) 0 0; color: var(--text-color); font-size: var(--text-m); line-height: 1.5; } /* revisión 2026-10-19: the lead (26 px) was bigger than its H2 (21 px) */
.fbw .fbw-doc-group__head { margin-top: var(--space-m); }

.fbw .fbw-doc-group { padding: 0; }
.fbw .fbw-doc-list {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: var(--space-xs) var(--space-m);
}
.fbw .fbw-doc-list li { border-bottom: 1px solid var(--fbw-line-soft); }
.fbw .fbw-doc-list a.fbw-link {
  display: block; padding: var(--space-xs) 0; text-decoration: none; color: var(--heading-color);
  border-bottom: none; /* the <li> draws the hairline, not the link's own underline */
}
.fbw .fbw-doc-list a.fbw-link:hover { color: var(--heading-color); text-decoration: underline;
  text-decoration-color: var(--border-color-strong); text-decoration-thickness: 1px; text-underline-offset: 4px; }

@media (max-width: 720px) { .fbw .fbw-doc-list { grid-template-columns: 1fr; } }

/* --- /doc/copy-paste/ ---------------------------------------------------- */
.fbw kbd {
  display: inline-block; padding: 0.05em 0.45em; font-family: inherit; font-size: 0.85em; line-height: 1.5;
  background: var(--base-ultra-light); border: 1px solid var(--fbw-line-soft); border-radius: 0.35em;
}

.fbw .fbw-callout {
  display: flex; gap: var(--space-s); align-items: flex-start; padding: var(--space-m) var(--space-l);
  background: var(--base-ultra-light); border-radius: var(--radius); margin-bottom: var(--space-m);
}
.fbw .fbw-callout .fbw-icon { color: var(--base-ultra-dark); margin-top: 0.1em; }
.fbw .fbw-callout p { margin: 0; }
.fbw .fbw-callout strong { color: var(--heading-color); }