/* Biblioteca «¿Qué puedes hacer con Gutter?» — solo estilos propios; el resto lo pone style.css */
.bib-wrap{max-width:820px;}
.bib-buscar{margin:26px 0 0;max-width:640px;}
.bib-buscar input{width:100%;font:inherit;font-size:17px;padding:15px 18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ink);}
.bib-buscar input:focus{outline:2px solid var(--magenta);outline-offset:1px;}
.bib-res{max-width:640px;margin-top:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px 6px;}
.bib-res ul{list-style:none;margin:0;padding:0;}
.bib-res li a{display:flex;justify-content:space-between;gap:14px;padding:11px 14px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:15px;}
.bib-res li a:hover{background:var(--surface-soft,#f1f0e9);}
.bib-res li a span{color:var(--ink-faint,#8A8D86);font-size:12.5px;white-space:nowrap;flex-shrink:0;}
.bib-cuenta,.bib-vacio{margin:6px 14px;font-size:13px;color:var(--ink-soft);}
.bib-pasos{--cols:3;}
.bib-num{display:inline-flex;width:30px;height:30px;border-radius:50%;background:#FDE9F1;color:#A30E52;font-weight:700;align-items:center;justify-content:center;margin-bottom:10px;}
.bib-cats .bib-cat{display:flex;flex-direction:column;gap:8px;}
.bib-cats .bib-cat h3{margin:0;}
.bib-cats .bib-cat p{margin:0;font-size:14.5px;color:var(--ink-soft);line-height:1.55;flex:1;}
.bib-n{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--magenta);}
.bib-lista{columns:2;column-gap:40px;}
.bib-grupo{break-inside:avoid;margin:0 0 26px;}
.bib-grupo h3{font-size:17px;margin:0 0 8px;}
.bib-grupo h3 a{color:var(--ink);text-decoration:none;}
.bib-grupo ul{list-style:none;margin:0;padding:0;}
.bib-grupo li{padding:5px 0;font-size:14.5px;line-height:1.45;}
.bib-grupo li a{color:var(--ink-soft);}
.bib-migas{font-size:13.5px;margin:0 0 14px;}
.bib-toc{margin:26px 0 0;padding:18px 22px;background:var(--surface);border:1px solid var(--border);border-radius:12px;}
.bib-toc ul{list-style:none;margin:8px 0 0;padding:0;}
.bib-toc li{padding:4px 0;font-size:15px;}
.bib-art{padding:34px 0 8px;border-top:1px solid var(--border);}
.bib-art:first-of-type{border-top:none;padding-top:8px;}
.bib-art h2{font-size:24px;line-height:1.3;margin:0 0 14px;scroll-margin-top:90px;}
.bib-art p{font-size:16.5px;line-height:1.7;color:var(--ink-soft);margin:0 0 14px;}
.bib-dices,.bib-ojo{margin:16px 0;padding:14px 18px;border-radius:12px;font-size:15px;}
.bib-dices{background:#EAF6FC;border:1px solid #CFE8F6;}
.bib-ojo{background:#FFF6E0;border:1px solid #F2E0B0;}
.bib-dices ul,.bib-ojo ul{margin:6px 0 0;padding-left:20px;}
.bib-dices li{font-style:italic;padding:2px 0;color:var(--ink);}
.bib-ojo li{padding:2px 0;color:var(--ink-soft);}
.bib-otros{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;margin:14px 0 0;}
.bib-otros a{font-size:15px;}
@media (max-width:720px){.bib-pasos{--cols:1;}.bib-lista{columns:1;}.bib-art h2{font-size:21px;}}