:root{--bg:#fbfaf7;--ink:#1d2430;--mut:#667085;--acc:#0b6e6e;--line:#e6e2d9}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 Georgia,'Times New Roman',serif}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}
.top{border-bottom:1px solid var(--line);background:#fff}.top .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 20px}
.brand{font:700 22px system-ui,sans-serif;color:var(--acc);text-decoration:none}
nav a{font:15px system-ui,sans-serif;margin-left:16px;color:var(--ink);text-decoration:none}nav a:hover{color:var(--acc)}
h1{font:700 34px/1.2 system-ui,sans-serif;margin:32px 0 8px}h2{font:600 22px/1.3 system-ui,sans-serif}
.lead{color:var(--mut);font-size:19px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:24px 0 48px}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 18px}.card h2{margin:4px 0 8px;font-size:19px}.card a{color:var(--ink);text-decoration:none}.card a:hover{color:var(--acc)}
.cat{font:600 12px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--acc);margin:0}.date{font:14px system-ui,sans-serif;color:var(--mut);margin:0}
.post{padding-bottom:40px}.disclosure{font:14px system-ui,sans-serif;color:var(--mut);background:#f3f1ea;border-radius:8px;padding:8px 12px}
a{color:var(--acc)}footer{border-top:1px solid var(--line);margin-top:40px;padding:20px 0;font:14px system-ui,sans-serif;color:var(--mut)}