/* FormStat site — clean, mobile-first, teal branding */
:root{
  --teal:#0B6E5F; --teal-dark:#085a4b; --teal-deep:#073f34;
  --ink:#152a3d; --body:#3c4f63; --muted:#6b7f93;
  --line:#e3eaf1; --bg:#eef2f6; --card:#ffffff; --teal-tint:#e3f3ee;
  --radius:14px; --maxw:860px;
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--bg);color:var(--body);line-height:1.65;font-size:16px}
a{color:var(--teal);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 16px}
/* header */
.sitehead{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-deep) 100%);
  color:#fff;padding:14px 0;position:sticky;top:0;z-index:50;
  box-shadow:0 2px 10px rgba(0,0,0,.15)}
.sitehead .wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.brand{font-size:20px;font-weight:800;color:#fff;display:flex;align-items:center;gap:8px}
.brand:hover{text-decoration:none}
nav.mainnav{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}
nav.mainnav a{color:#e8f5f1;font-size:14px;font-weight:600;padding:8px 10px;border-radius:8px}
nav.mainnav a:hover{background:rgba(255,255,255,.14);text-decoration:none}
/* hero */
.hero{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-deep) 100%);
  color:#fff;padding:44px 0 40px;text-align:center}
.hero h1{margin:0 0 10px;font-size:30px;line-height:1.25;color:#fff}
.hero p{margin:0 auto 20px;max-width:620px;color:#d9efe9;font-size:16px}
.btn{display:inline-block;background:#fff;color:var(--teal-dark);font-weight:800;
  padding:13px 28px;border-radius:12px;font-size:16px;border:0;cursor:pointer}
.btn:hover{text-decoration:none;filter:brightness(.96)}
.btn.teal{background:var(--teal);color:#fff}
.btn.ghostb{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7);
  margin-left:8px}
/* cards & sections */
.section{padding:30px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:22px;margin:0 0 16px;box-shadow:0 1px 3px rgba(21,42,61,.06)}
.card h2{margin:0 0 8px;color:var(--ink);font-size:20px}
.card h3{margin:14px 0 6px;color:var(--ink);font-size:17px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:640px){.grid2{grid-template-columns:1fr}}
.feat{font-size:15px}
.feat b{color:var(--teal-dark)}
.stepnum{display:inline-block;background:var(--teal-tint);color:var(--teal-dark);
  font-weight:800;border-radius:50%;width:28px;height:28px;line-height:28px;
  text-align:center;margin-right:8px;font-size:14px}
/* article list */
.postlist{list-style:none;margin:0;padding:0}
.postlist li{background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius);padding:18px;margin-bottom:12px}
.postlist h3{margin:0 0 6px;font-size:18px}
.postlist p{margin:0;color:var(--muted);font-size:14px}
/* article body */
.article{background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius);padding:26px;margin:20px 0}
.article h1{color:var(--ink);font-size:26px;line-height:1.3;margin:0 0 6px}
.article .meta{color:var(--muted);font-size:13px;margin-bottom:16px}
.article h2{color:var(--teal-dark);font-size:20px;margin:26px 0 8px}
.article h3{color:var(--ink);font-size:17px;margin:20px 0 6px}
.article table{border-collapse:collapse;width:100%;margin:12px 0;font-size:14px}
.article th,.article td{border:1px solid var(--line);padding:8px 10px;text-align:left}
.article th{background:var(--teal-tint);color:var(--teal-dark)}
.cta{background:var(--teal-tint);border:1px solid #bfe3d6;border-radius:var(--radius);
  padding:18px;margin:24px 0;text-align:center}
/* footer */
.sitefoot{background:var(--teal-deep);color:#bcd9d2;padding:26px 0;margin-top:30px;
  font-size:14px}
.sitefoot a{color:#e8f5f1}
.sitefoot .wrap{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.sitefoot .by{margin-left:auto}
/* ad placeholders (replace comments with AdSense code after approval) */
.adslot{background:#f7faf9;border:1px dashed var(--line);border-radius:10px;
  color:var(--muted);font-size:12px;text-align:center;padding:14px;margin:18px 0}