body{margin:0;font-family:"DM Sans",system-ui,sans-serif;background:#f7f5ef;color:#101512;line-height:1.65}
.wrap{width:min(900px,calc(100% - 36px));margin:0 auto;padding:36px 0 72px}
.nav a{color:#4a5146;text-decoration:none;font-weight:700}
.nav span{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tools-menu{position:relative;display:inline-block}
.tools-menu summary{cursor:pointer;color:#4a5146;font-weight:700;list-style:none}
.tools-menu summary::-webkit-details-marker{display:none}
.tools-panel{display:none;position:absolute;top:calc(100% + 10px);left:-14px;z-index:20;min-width:230px;padding:10px;border:1px solid #dcd8cc;border-radius:8px;background:#fff;box-shadow:0 18px 42px rgba(16,21,18,.16)}
.tools-menu[open] .tools-panel,
.tools-menu:hover .tools-panel{display:grid;gap:8px}
.tools-panel a{display:block;padding:8px;border-radius:6px}
.tools-panel a:hover{background:#f1f4ec}
h1{font-size:clamp(38px,7vw,70px);line-height:.98;margin:12px 0 18px}
.meta,.eyebrow{font:700 12px/1.3 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em;color:#3f5228}
.lead{font-size:20px;color:#5f665f}
.panel,.cta{background:#fff;border:1px solid #dcd8cc;border-radius:8px;padding:22px;margin-top:18px}
h2{font-size:32px;line-height:1.1;margin:0 0 12px}
li{margin:7px 0}
.cta{background:#101512;color:#fffaf0}
.cta p{color:#dce4d8}
.btn{display:inline-flex;min-height:44px;align-items:center;padding:0 18px;border-radius:8px;text-decoration:none;font-weight:800;margin-right:10px}
.primary{background:#fffaf0;color:#101512}
.secondary{border:1px solid #73806e;color:#fffaf0}
.footer{margin-top:42px;border-top:1px solid #dcd8cc;padding-top:18px;color:#5f665f;font-size:14px}
.footer a{color:#101512}
@media(max-width:700px){.btn{width:100%;justify-content:center;margin:8px 0 0}}
