*{box-sizing:border-box}:root{--ink:#172131;--bg:hsl(31 28% 97%);--panel:hsl(31 52% 92%);--line:hsl(31 26% 79%);--accent:hsl(31 88% 32%);color-scheme:light}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.65 system-ui,sans-serif}a{color:var(--accent)}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,main,footer{max-width:76rem;margin:auto;padding:1rem clamp(1rem,4vw,3rem)}header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-weight:800}.hero{background:var(--panel);padding:clamp(2rem,7vw,6rem);margin-bottom:3rem}.hostname{font: .9rem monospace;letter-spacing:.07em}h1,h2,h3{line-height:1.1}h1{font:800 clamp(2.2rem,7vw,5.4rem)/1.05 'Archivo Narrow',system-ui;margin:.3em 0}h2{font-size:1.65rem}.button{display:inline-block;padding:.65rem 1rem;border:1px solid;border-radius:.25rem}.cards{display:grid;gap:1rem}.card{padding:1.5rem;border:1px solid var(--line);border-radius:.8rem;text-decoration:none;color:inherit}.card:hover{background:var(--panel)}.card span{color:var(--accent);font-weight:650}article{max-width:53rem;margin:2.5rem auto;min-height:48vh}article p{font-size:1.2rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel);padding:1.25rem;border:1px solid var(--line)}footer{border-top:1px solid var(--line);margin-top:3rem;font-size:.9rem}.hero{border-left:8px solid var(--accent)}.cards{gap:0}.card{border-radius:0;border-width:0 0 1px}@media(max-width:700px){.cards{grid-template-columns:1fr}.card:nth-child(2){margin-top:0}}