*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6;margin:0;background:#f3f6fa;color:#1b2733}header{background:#153e75;color:white;padding:2rem max(1rem,calc((100% - 900px)/2))}header h1{margin:0 0 .3rem}nav{display:flex;gap:.8rem;flex-wrap:wrap;padding:1rem max(1rem,calc((100% - 900px)/2));background:#e0e9f5}nav a{color:#153e75;font-weight:600}main{max-width:900px;margin:1.5rem auto;padding:0 1rem}.card{background:white;border:1px solid #d9e2ec;border-radius:12px;padding:1.2rem;margin:1rem 0;box-shadow:0 2px 8px #1322380d}code{background:#eef2f7;padding:.15rem .3rem;border-radius:4px;overflow-wrap:anywhere}button,input{font:inherit;padding:.5rem;border:1px solid #9aaabc;border-radius:6px}button{background:#153e75;color:white;cursor:pointer}footer{max-width:900px;margin:2rem auto;padding:1rem;color:#5b6875}a{color:#1765ad}label{display:grid;gap:.4rem;max-width:360px;margin-bottom:1rem}