:root{--bg:#f6f3ee;--ink:#2a2420;--mut:#7d7168;--line:#e2dad0;--acc:#7a4a1e}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 "Trebuchet MS",Verdana,sans-serif}
.w{max-width:880px;margin:0 auto;padding:0 20px}
header{background:#fff;border-bottom:3px solid var(--acc)}
header .w{display:flex;justify-content:space-between;align-items:center;height:62px}
header b{font-size:18px;letter-spacing:.04em}
nav a{margin-left:20px;color:var(--mut);text-decoration:none;font-size:14px}
nav a:hover{color:var(--acc)}
.hero{padding:50px 0 24px;border-bottom:1px solid var(--line)}
h1{font-size:30px;margin:0 0 12px}h2{font-size:21px;margin-top:32px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;padding:28px 0}
.grid article{background:#fff;border:1px solid var(--line);border-left:4px solid var(--acc);padding:16px}
.grid h3{margin:0 0 6px;font-size:16px}
table{border-collapse:collapse;width:100%;margin:18px 0}th,td{border:1px solid var(--line);padding:9px 12px;text-align:left}
th{background:#fff}
footer{border-top:1px solid var(--line);margin-top:40px;padding:20px 0;color:var(--mut)}