:root{ --text:#111827; --muted:#6b7280; --brand:#1E40AF; --maxw:1000px; }
*{box-sizing:border-box}
html,body{margin:0;padding:0;font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:#fff}
a{color:var(--brand);text-decoration:none}
.container{max-width:var(--maxw);margin:auto;padding:24px}
.header{border-bottom:1px solid #e5e7eb;background:#f9fafb}
nav a{margin-right:12px;font-weight:600}
h1{font-size:clamp(24px,3.2vw,34px);margin:16px 0 8px}
.lead{color:var(--muted);margin:0 0 12px}
footer{border-top:1px solid #e5e7eb;color:var(--muted);padding:16px 0;margin-top:40px;text-align:center}
<link rel="stylesheet" href="../assets/css/base.css">
<link rel="stylesheet" href="../assets/css/header.css">
<link rel="stylesheet" href="../assets/css/site.css">