:root{--ink:#0c1421;--muted:#4b5565;--bg:#fff;--soft:#f4f7fb;--accent:#245fd4;--line:#d9e0ea}
@media (prefers-color-scheme:dark){:root{--ink:#eef2f7;--muted:#b8c2d0;--bg:#0c1421;--soft:#131c2c;--accent:#6eb6ff;--line:#2b3446}}
*{box-sizing:border-box}
body{margin:0;font:1.0625rem/1.65 system-ui,sans-serif;color:var(--ink);background:var(--bg);overflow-wrap:anywhere}
a{color:var(--accent)}a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--bg);padding:.5rem 1rem;z-index:10}.skip:focus{left:1rem;top:1rem}
.top,footer{max-width:70rem;margin:0 auto;padding:1rem 1.25rem}
.top{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;text-decoration:none;color:var(--ink)}
.top ul,footer ul,.side ul,.toc ul{list-style:none;margin:0;padding:0}
.top nav li{display:inline-block}.top nav a,footer nav a{display:inline-block;padding:.5rem .25rem}
.search{margin-left:auto;position:relative;display:flex;gap:.5rem;align-items:center}
.search input{font:inherit;padding:.5rem .75rem;border:1px solid var(--line);border-radius:.5rem;background:var(--bg);color:var(--ink);min-width:14rem}
#resultados{position:absolute;right:0;top:100%;z-index:5;background:var(--bg);border:1px solid var(--line);border-radius:.5rem;min-width:100%;max-height:50vh;overflow:auto}
#resultados:empty{display:none}#resultados li{padding:.5rem .75rem}
.layout{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:2rem;max-width:70rem;margin:0 auto;padding:0 1.25rem}
@media (max-width:48rem){.layout{grid-template-columns:1fr;gap:0}}
.side{padding:1.5rem 0}.side a{display:block;padding:.5rem .75rem;border-radius:.5rem;text-decoration:none}.side a[aria-current=page]{background:var(--soft);font-weight:700}
main{padding:1.5rem 0 2rem;min-width:0}main p{max-width:68ch}
h1{font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.15;margin:0 0 .5rem}h2{font-size:1.5rem;margin:2rem 0 .5rem}.card-t{font-size:1.25rem;font-weight:700;margin:0 0 .25rem}
.meta{color:var(--muted);margin:0 0 1rem}.lead{font-size:1.2rem;color:var(--muted)}
.toc{background:var(--soft);border-radius:.75rem;padding:.75rem 1.25rem;margin:1.5rem 0;max-width:68ch}.toc a{display:inline-block;padding:.25rem 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;list-style:none;padding:0;margin:1.5rem 0}.cards li{background:var(--soft);border-radius:.75rem;padding:1rem 1.25rem}
.pager{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1rem}.pager a{padding:.5rem 0}
footer{border-top:1px solid var(--line);color:var(--muted);display:grid;gap:.5rem}footer a{color:var(--muted)}