:root{--bg:#020617;--surface:#0b1422;--ink:#fff;--muted:#b8c4d4;--accent:#67c7ff;--line:#253449}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:var(--accent);text-underline-offset:4px}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip{position:absolute;left:1rem;top:-5rem;padding:.5rem;background:var(--accent);color:var(--bg)}.skip:focus{top:1rem}.nav,.page,.foot{width:min(100% - 40px,1060px);margin-inline:auto}.nav{display:flex;justify-content:space-between;gap:1rem;padding:1.3rem 0;border-bottom:1px solid var(--line)}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}.page{padding:4rem 0 5rem}.eyebrow{margin:0;color:var(--accent);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{font-size:clamp(2.7rem,7vw,5.3rem);line-height:1.04;letter-spacing:-.055em;max-width:900px;margin:.9rem 0 1.2rem}.lead{font-size:clamp(1.08rem,2vw,1.28rem);color:var(--muted);max-width:740px;margin:0 0 3rem}figure{margin:0 0 3.2rem}figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:6px;background:var(--surface)}figcaption{font-size:.85rem;color:var(--muted);margin:.7rem 0 0}.row{display:grid;grid-template-columns:minmax(160px,240px) minmax(0,1fr);gap:2rem;border-top:1px solid var(--line);padding:2rem 0}h2{font-size:1rem;color:var(--accent);margin:0}p{margin:0;max-width:700px}.row p,.row li{color:var(--muted)}.row strong{color:var(--ink)}ul{margin:0;padding-left:1.2rem}li+li{margin-top:.65rem}.status{color:var(--muted);font-size:.86rem;margin-top:1.5rem}.foot{border-top:1px solid var(--line);padding:2rem 0 3rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--muted);font-size:.88rem}@media(max-width:700px){.page{padding:2.8rem 0 3rem}.lead{margin-bottom:2.5rem}figure{overflow-x:auto;margin-bottom:2.5rem}figure::before{content:'Desliza para ver el diagrama →';display:block;color:var(--muted);font-size:.82rem;padding-bottom:.5rem}figure img{width:900px;max-width:none}figcaption{position:sticky;left:0;max-width:calc(100vw - 40px)}.row{grid-template-columns:1fr;gap:.8rem}}