:root{
  --brand:#1F8F3A;
  --text:#0b2220;
  --bg:#f6fbf7;
  --card:#ffffff;
  --muted:#4a6b5a;
  --border:#e5efe7;
  --border-dashed:#d7e7da;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif;
  color:var(--text);
  background:linear-gradient(180deg,var(--bg),#eef6ef);
}
.wrapper{max-width:980px;margin:0 auto;padding:24px;}
.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:16px;
  padding:28px;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}
header.site{
  display:flex;align-items:center;gap:16px;margin-bottom:12px;
}
.brandmark{width:253px;height:253px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:var(--brand)}
.brandmark img{width:100%;height:100%;object-fit:contain;display:block}
.brandmark .fallback{color:#fff;font-weight:700;font-size:20px;letter-spacing:.5px}
h1{margin:8px 0 6px;font-size:clamp(24px,4vw,34px);line-height:1.1}
.lead{margin:0;font-size:clamp(14px,2.5vw,18px);color:#254}
nav.tabs{
  margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;
}
nav.tabs a{
  display:inline-block;padding:10px 14px;border-radius:10px;
  border:1px solid var(--border);text-decoration:none;color:var(--text);background:#fff;
}
nav.tabs a.active{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:600}
.panel{
  border:1px dashed var(--border-dashed);
  border-radius:12px;padding:16px;background:#fafdfb;margin-top:16px;
}
.grid{display:grid;gap:16px;grid-template-columns:1fr;margin-top:12px}
@media(min-width:640px){.grid{grid-template-columns:1fr 1fr}}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
footer.site{margin-top:20px;font-size:14px;color:var(--muted)}
.chip{display:inline-block;background:rgba(31,143,58,.08);color:var(--brand);
  border:1px solid rgba(31,143,58,.25);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}
main{margin-top:12px}