:root{--g:#2f6f4f;--ink:#1d2421;--mut:#5b6660;--bg:#fafaf7;--ln:#e3e6e1}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--g)}.wrap{max-width:860px;margin:0 auto;padding:0 18px}
.topbar{background:var(--ink);color:#fff;font-size:13px;text-align:center;padding:6px 10px}.topbar a{color:#cfe8d9}
.hdr{display:flex;justify-content:space-between;align-items:center;padding:16px 18px}.logo{font-weight:800;font-size:22px;text-decoration:none;color:var(--ink)}.logo span{color:var(--g)}
nav a{margin-left:16px;text-decoration:none;font-weight:600}
h1{font-size:clamp(28px,6vw,40px);line-height:1.15}.hero{padding:28px 0;text-align:center}
.btn{display:inline-block;background:var(--g);color:#fff;padding:11px 18px;border-radius:8px;text-decoration:none;font-weight:700}.btn:hover{opacity:.9}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.gcard{display:block;background:#fff;border:1px solid var(--ln);border-radius:12px;padding:18px;text-decoration:none;color:inherit}.gcard span{color:var(--g);font-weight:700}
.card{display:flex;gap:16px;background:#fff;border:1px solid var(--ln);border-radius:12px;padding:18px;margin:18px 0}
.ph{flex:0 0 64px;height:64px;border-radius:10px;background:#e6efe9;color:var(--g);display:grid;place-items:center;font-size:28px;font-weight:800}
.card h3{margin:2px 0 6px}.brand{margin:0;color:var(--mut);font-size:14px;text-transform:uppercase;letter-spacing:.04em}
.note,.meta,.disc-inline{color:var(--mut);font-size:15px}.note{background:#f0f3ef;border-left:4px solid var(--g);padding:10px 14px}
.crumbs{font-size:14px;margin-top:8px}.tbl{overflow-x:auto}table{border-collapse:collapse;width:100%;background:#fff}td,th{border:1px solid var(--ln);padding:8px;text-align:left}
footer{margin-top:48px;border-top:1px solid var(--ln);padding:24px 0;font-size:14px;color:var(--mut)}
@media(max-width:560px){.card{flex-direction:column}.ph{width:48px;height:48px;font-size:22px}}