/* Shared styling for the public legal + support pages (PorchPay) */
:root{
  --ink:#10231c; --mut:#5d7269; --line:#E6EEDD;
  --brand:#54A32F; --brand-ink:#3E7D22; --accent:#FFB020; --bg:#F7FBF3; --card:#fff;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'Space Grotesk','Segoe UI',system-ui,-apple-system,sans-serif;
  background:var(--bg);color:var(--ink);line-height:1.65;
}
header{background:var(--brand);color:#fff;padding:28px 20px}
header .wrap{max-width:760px;margin:0 auto}
header .logo{font-size:22px;font-weight:700;letter-spacing:-.4px;display:flex;align-items:center;gap:8px}
header p{opacity:.9;font-size:14px;margin-top:4px}
main{max-width:760px;margin:0 auto;padding:28px 20px 80px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px;margin-bottom:18px}
h1{font-size:26px;letter-spacing:-.5px;margin-bottom:6px}
h2{font-size:17px;margin:24px 0 8px;color:var(--brand-ink)}
h2:first-child{margin-top:0}
p,li{font-size:15px;margin-bottom:10px}
ul,ol{padding-left:22px}
.updated{font-size:13px;color:var(--mut);margin-bottom:18px}
.callout{background:#EFF8E7;border-left:4px solid var(--brand);padding:14px 16px;border-radius:0 10px 10px 0;margin:16px 0;font-size:14.5px}
.warn{background:#FFF6E5;border-left-color:var(--accent)}
a{color:var(--brand);font-weight:600}
table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}
th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--mut);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.4px}
footer{border-top:1px solid var(--line);padding:20px;text-align:center;font-size:13px;color:var(--mut)}
footer a{margin:0 8px}
.btn{display:inline-block;background:var(--brand);color:#fff;padding:13px 22px;border-radius:12px;
  font-weight:700;text-decoration:none;font-size:15px;border:none;cursor:pointer}
.btn.danger{background:#C62828}