:root{--indigo:#1c1259;--indigo-2:#2a1f7a;--cyan:#00e5ff;--amarillo:#ffd600;--texto:#1b1f2a;--gris:#f0f4f8;--linea:rgb(0 229 255/.35)}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 "Source Sans 3",system-ui,sans-serif;color:var(--texto);background:#fff}
header{background:linear-gradient(135deg,var(--indigo),var(--indigo-2));color:#fff;padding:1.4rem 1rem}
header .in,main{max-width:900px;margin:0 auto;padding:0 1rem}header a{color:var(--cyan);text-decoration:none}
h1{font-family:Oxanium,system-ui,sans-serif;font-weight:700;margin:.2rem 0 .3rem;font-size:1.6rem}
.meta{opacity:.85;font-size:.95rem}.meta a{color:var(--amarillo)}
main{padding:1.5rem 1rem 3rem}h2{font-family:Oxanium,system-ui,sans-serif;color:var(--indigo);border-bottom:2px solid var(--linea);padding-bottom:.25rem;margin-top:2rem}
.lista{list-style:none;padding:0;margin:0}.lista li{padding:.9rem 0;border-bottom:1px solid #e3e8ef}
.lista a.t{font-family:Oxanium,system-ui,sans-serif;font-weight:600;color:var(--indigo);text-decoration:none;font-size:1.05rem}
.lista .m{color:#5b6472;font-size:.9rem;margin:.1rem 0 .3rem}.lista p{margin:0;color:#3a4150}
.caps{list-style:none;padding:0}.caps li{display:grid;grid-template-columns:5.5rem 1fr;gap:.6rem;padding:.55rem 0;border-bottom:1px solid #eef1f5}
.caps a{font-family:ui-monospace,monospace;color:var(--indigo-2);text-decoration:none;background:var(--gris);padding:.1rem .4rem;border-radius:4px;height:fit-content}
.caps b{display:block}.caps span{color:#3a4150}
.tags span{display:inline-block;background:var(--gris);border-radius:999px;padding:.15rem .6rem;margin:.15rem .2rem 0 0;font-size:.85rem}
input#q{width:100%;padding:.6rem .8rem;font:inherit;border:1px solid #c9d2dd;border-radius:6px;margin:1rem 0}
footer{color:#5b6472;font-size:.85rem;text-align:center;padding:1rem}