@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
:root {
  --bg: #f6fff7;
  --text: #0f2a16;
  --muted: #2f3f32;
  --card: #ffffff;
  --border: #d5e8d5;
  --accent: #3bb273;
  --accent-strong: #1f8a4d;
}
body { margin:0; font-family:'Roboto', sans-serif; background:var(--bg); color:var(--text); line-height:1.6; }
a { color: var(--accent-strong); text-decoration:none; }
a:hover { text-decoration:underline; }
.site-header,.site-footer { background:#fff; border-bottom:1px solid var(--border); padding:16px 22px; }
.site-footer { border-top:1px solid var(--border); border-bottom:none; }
.logo { font-weight:700; color:var(--accent-strong); }
.top-nav a { margin-right:14px; font-weight:600; }
.hero { padding:30px 22px; }
.hero-wide { background: rgba(31,138,77,0.05); border-bottom:1px solid var(--border); }
.block { padding:18px 22px; border-bottom:1px solid var(--border); background: var(--card); }
.card-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap:12px; padding: 0 22px 22px; }
.card { background: var(--card); border:1px solid var(--border); padding:12px; border-radius:8px; }
.faq-bottom { padding:22px; }
.faq-item { border:1px solid var(--border); padding:12px; margin-bottom:10px; border-radius:8px; background:#fff; }
.table { display:flex; flex-direction:column; gap:6px; }
.row { display:grid; grid-template-columns: 1fr 1.2fr 1fr; gap:10px; padding:10px; border:1px solid var(--border); border-radius:6px; background:#fff; }
.row.head { background: rgba(31,138,77,0.08); font-weight:700; }
@media (max-width:900px){ .row { grid-template-columns:1fr; } }