/* styles.css - clean responsive layout */
:root{--accent:#2b7cff;--bg:#f7f9fc;--card:#ffffff;--text:#0f1724}
*{box-sizing:border-box}body{font-family:Inter,system-ui,Arial,sans-serif;margin:0;background:var(--bg);color:var(--text)}
.container{max-width:980px;margin:0 auto;padding:20px}
.header{background:var(--card);padding:28px;border-bottom:1px solid #e6eef8;display:flex;align-items:center;gap:16px}
.logo{height:56px;width:auto}
h1{margin:0;font-size:1.6rem}
.tag{color:#475569}
nav{margin-left:auto}
nav a{margin-left:12px;color:var(--accent);text-decoration:none}
main{padding:20px}
section{background:var(--card);padding:18px;margin:18px 0;border-radius:8px;box-shadow:0 1px 2px rgba(15,23,36,0.04)}
pre{background:#0b1220;color:#dbeafe;padding:12px;border-radius:6px;overflow:auto}
table{width:100%;border-collapse:collapse}
table th,table td{padding:8px;border-bottom:1px solid #eef2f7;text-align:left}
footer{color:#64748b;text-align:center;padding:12px 0;font-size:0.9rem}
@media(max-width:640px){.header{flex-direction:column;align-items:flex-start}nav{margin-left:0}}