@font-face{font-family:'Archivo';src:url('assets/fonts/Archivo.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url('assets/fonts/IBMPlexMono-Regular.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;}

*{margin:0;padding:0;box-sizing:border-box}
body{background:#F4F3EF;color:#161616;font-family:'Archivo',system-ui,sans-serif;line-height:1.65;font-size:16.5px}
.wrap{max-width:820px;margin:0 auto;padding:48px 22px 80px}
header{border-bottom:1px solid #E9E8E2;padding:18px 22px;display:flex;justify-content:space-between;align-items:center}
header a.home{color:#2F5D3A;text-decoration:none;font-family:'Archivo',sans-serif;font-weight:700;font-size:20px}
header a.home2{color:#161616;opacity:.7;text-decoration:none;font-size:14px}
h1{font-family:'Archivo',serif;font-size:clamp(28px,5vw,40px);margin:28px 0 8px;line-height:1.15}
.updated{color:#2F5D3A;font-size:13px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:26px}
h2{font-family:'Archivo',sans-serif;font-size:20px;margin:34px 0 10px}
p,li{margin:0 0 12px}
ul{padding-left:22px;margin:0 0 14px}
.card{background:#E9E8E2;border-radius:12px;padding:18px 20px;margin:22px 0}
a{color:#2F5D3A}
footer{border-top:1px solid #E9E8E2;padding:26px 22px;text-align:center;font-size:13.5px;opacity:.85}
footer a{color:#2F5D3A;text-decoration:none;margin:0 10px}