/* layout.css - grid and responsive layout rules */
header{display:flex;justify-content:space-between;align-items:center}
nav a{color:var(--muted);text-decoration:none;margin-left:14px;font-size:0.95rem}
h1{margin:6px 0 4px;font-size:2.1rem}
.byline{color:var(--muted);margin-bottom:18px}
.hero{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}
@media(max-width:880px){.hero{grid-template-columns:1fr}.wrap{margin:20px;padding:18px}}
/* ------------------------------------------------------------------------------------------- */