/* Guías: índice, autor y "Sigue leyendo" (24-oct-2026). Solo lo cargan las páginas de guía. */
.prose h2[id] { scroll-margin-top: 110px; }
.toc { background: var(--white, #fff); border: 1px solid var(--border); border-radius: var(--r-sm, 8px); margin: 0 0 28px; }
.toc > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 20px; cursor: pointer; list-style: none; }
.toc > summary::-webkit-details-marker { display: none; }
.toc > summary::after { content: ''; width: 9px; height: 9px; border-right: 2px solid var(--gold); border-bottom: 2px solid var(--gold); transform: rotate(45deg); margin: -4px 4px 0 0; transition: transform .2s; flex: none; }
.toc[open] > summary::after { transform: rotate(-135deg); margin-top: 4px; }
.toc-label { font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
.toc-n { margin-left: auto; font-size: .8rem; color: #6B6864; }
.toc ol { margin: 0; padding: 12px 20px 14px 42px; border-top: 1px solid var(--border); counter-reset: none; }
.toc li { margin: 0; padding: 4px 0 4px 4px; font-size: .95rem; line-height: 1.4; }
.toc li::marker { color: var(--gold); font-weight: 600; }
.toc a { color: var(--primary); text-decoration: none; border-bottom: 1px solid transparent; }
.toc a:hover, .toc a:focus-visible { border-bottom-color: var(--gold); }
@media (min-width: 900px) { .toc ol { columns: 2; column-gap: 36px; } .toc li { break-inside: avoid; } }

.author-card { display: flex; gap: 20px; align-items: center; background: var(--bg-alt); border-radius: var(--r-md, 12px); padding: 22px 24px; margin: 40px 0 0; }
.prose .author-card img { width: 88px; height: 88px; border-radius: 50%; object-fit: cover; object-position: center top; flex: none; margin: 0; }
.author-card p { margin: 0; }
.ac-kicker { display: block; font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); margin-bottom: 4px; }
.ac-name { font-family: var(--font-display); font-weight: 600; font-size: 1.12rem; color: var(--primary); line-height: 1.3; }
.ac-name a { color: var(--primary); text-decoration: none; }
.ac-lic { font-size: .84rem; color: #6B6864; margin-top: 4px !important; }
.prose .ac-link { display: inline-block; margin-top: 8px; font-size: .9rem; font-weight: 600; }
.ac-link .ico { font-size: 12px; margin-left: 4px; }
@media (max-width: 480px) { .author-card { padding: 18px; gap: 14px; align-items: flex-start; } .prose .author-card img { width: 64px; height: 64px; } .ac-name { font-size: 1.02rem; } }

/* 3 guías relacionadas: en tablet se ven las 3 (no se oculta ninguna) */
@media (min-width: 561px) and (max-width: 860px) {
  .related--guides .rel-grid.rel-n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .related--guides .rel-grid.rel-n3 > .rel-card:nth-child(2) { display: flex; }
  .related--guides .rel-t { font-size: .92rem; padding: 12px; }
}