:root{--ink:#16283c;--accent:#b3792c;--paper:#fdfcf9;--card:#ffffff;--line:#e3ddd0;--muted:#5c6a76}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,'Times New Roman',serif;background:var(--paper);color:var(--ink);line-height:1.65}
a{color:#8a5f1d}header.site{background:var(--ink);color:#fff;padding:14px 20px;display:flex;flex-wrap:wrap;gap:14px;align-items:baseline}
header.site .brand{font-size:24px;font-weight:700;color:#fff;text-decoration:none;letter-spacing:.5px}
header.site .tag{color:#d8c391;font-style:italic;font-size:15px}
nav.main{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}nav.main a{color:#e8e2d2;text-decoration:none;font-size:15px}
.wrap{max-width:920px;margin:0 auto;padding:24px 20px 56px}
.hero{padding:36px 0 8px}.hero h1{font-size:40px;line-height:1.2;margin:0 0 10px}
.hero .strap{font-size:20px;color:var(--accent);font-style:italic;margin:0 0 14px}
.disc{background:#f4efe2;border:1px solid var(--line);border-radius:8px;padding:10px 14px;font-size:14px;color:var(--muted)}
h2{margin-top:38px;border-bottom:2px solid var(--accent);padding-bottom:6px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px}
.card h3{margin:0 0 6px}.card p{margin:0 0 8px;font-size:15px}
.btn{display:inline-block;background:var(--accent);color:#fff !important;padding:9px 16px;border-radius:6px;text-decoration:none;font-size:15px}
.btn.alt{background:var(--ink)}
.small{font-size:13px;color:var(--muted)}
article h1{font-size:32px;line-height:1.25}
footer.site{background:var(--ink);color:#cfd6cd;padding:26px 20px;font-size:14px}
footer.site a{color:#e8e2d2}
table{border-collapse:collapse}td,th{border:1px solid var(--line);padding:6px 10px}