/* 📖 Manual (js/manual.js): índice de capítulos a la izquierda, el capítulo a la derecha. Prefijo .man-* */
.man-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:20px; align-items:start; }

.man-indice { position:sticky; top:12px; background:var(--c-surface); border:1px solid var(--c-border); border-radius:12px; padding:10px; display:flex; flex-direction:column; gap:2px; max-height:calc(100vh - 140px); overflow:auto; }
.man-parte { font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--c-text-3); padding:10px 8px 4px; }
.man-parte:first-child { padding-top:4px; }
.man-cap { text-align:left; background:none; border:0; border-radius:8px; padding:7px 10px; font:inherit; font-size:13.5px; color:var(--c-text-2); cursor:pointer; }
.man-cap:hover { background:var(--c-border-soft); color:var(--c-text); }
.man-cap.active { background:rgba(var(--c-primary-rgb),.08); color:var(--c-primary); font-weight:600; }

.man-contenido { background:var(--c-surface); border:1px solid var(--c-border); border-radius:12px; padding:24px 28px 28px; color:var(--c-text); font-size:14.5px; line-height:1.6; max-width:880px; }
.man-titulo { font-size:24px; font-weight:700; margin:0 0 6px; }
.man-h2 { font-size:18px; font-weight:700; margin:26px 0 8px; padding-top:18px; border-top:1px solid var(--c-border-soft); }
.man-h3 { font-size:15.5px; font-weight:700; margin:18px 0 6px; }
.man-bloque:first-of-type .man-h2 { border-top:0; padding-top:0; }
.man-contenido p { margin:8px 0; }
.man-contenido ul, .man-contenido ol { margin:8px 0; padding-left:22px; }
.man-contenido li { margin:4px 0; }
.man-contenido li > ul, .man-contenido li > ol { margin:4px 0; }
.man-contenido code { background:var(--c-border-soft); border-radius:4px; padding:1px 5px; font-size:.92em; }
.man-contenido strong { font-weight:600; }
.man-link { color:var(--c-primary); text-decoration:underline; background:none; border:0; padding:0; font:inherit; cursor:pointer; }

.man-tabla { overflow-x:auto; margin:10px 0; }
.man-tabla table { width:100%; border-collapse:collapse; font-size:13.5px; }
.man-tabla th { text-align:left; font-weight:600; color:var(--c-text-2); background:var(--c-bg); border-bottom:1px solid var(--c-border); padding:7px 10px; }
.man-tabla td { border-bottom:1px solid var(--c-border-soft); padding:7px 10px; vertical-align:top; }

.man-nota { border-left:3px solid var(--c-border); background:var(--c-bg); border-radius:0 8px 8px 0; padding:6px 12px; margin:10px 0; }
.man-nota-org { border-left-color:var(--c-primary); background:rgba(var(--c-primary-rgb),.05); }
.man-nota-aviso { border-left-color:var(--c-accent); background:var(--c-accent-bg); }
.man-nota p { margin:4px 0; }

.man-fig { margin:14px 0 18px; }
.man-fig img { display:block; width:100%; height:auto; border:1px solid var(--c-border); border-radius:10px; box-shadow:0 2px 10px rgba(0,0,0,.06); }
.man-fig figcaption { font-size:12.5px; color:var(--c-text-3); margin-top:6px; text-align:center; }

.man-selector { display:none; }

@media (max-width:900px){
  .man-layout { grid-template-columns:1fr; gap:12px; }
  .man-indice { display:none; }
  .man-selector { display:block; width:100%; }
  .man-contenido { padding:18px 16px; }
}