:root { color-scheme: light; }
* { box-sizing: border-box; }
body {
  margin: 0;
  font: 16px/1.5 "Segoe UI", system-ui, sans-serif;
  color: #12202c;
  background: #f4f1ea;
}
header, footer, main { max-width: 920px; margin: 0 auto; padding: 1.25rem 1.5rem; }
header { display: flex; justify-content: space-between; align-items: center; }
.brand { display: flex; gap: .6rem; align-items: center; font-weight: 700; letter-spacing: .04em; }
.logo { width: 36px; height: 36px; }
nav a { margin-left: 1rem; color: #1a3a5c; text-decoration: none; }
nav a:hover { text-decoration: underline; }
.hero { padding: 2.5rem 0 1rem; }
.eyebrow { text-transform: uppercase; letter-spacing: .12em; font-size: .75rem; color: #6b5a3a; }
h1 { font-size: 2rem; margin: .3rem 0 1rem; }
.lead { max-width: 38rem; color: #334155; }
.grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
article, .files { background: #fff; border: 1px solid #e2d9c7; border-radius: 10px; padding: 1rem 1.1rem; }
.ok { color: #1f7a3a; font-weight: 650; }
footer { color: #6b7280; font-size: .9rem; }
.files { list-style: none; padding: 1rem 1.2rem; }
.files a { color: #1a3a5c; }