:root{ --bg:#0e0f11; --card:#191b1e; --cell:#131518; --text:#f5f6f7; --dim:#9ba1a8;
       --dim2:#6b7178; --green:#32d74b; --green-text:#8bf0a3; --line:rgba(255,255,255,0.08); }
*{ box-sizing:border-box; }
body{ margin:0; background:var(--bg); color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',Roboto,sans-serif;
  font-size:16px; line-height:1.6; padding:0 20px calc(70px + env(safe-area-inset-bottom)); }
.wrap{ max-width:640px; margin:0 auto; padding-top:calc(34px + env(safe-area-inset-top)); }
.logo{ display:block; height:30px; width:auto; margin-bottom:34px; }
h1{ font-size:29px; font-weight:700; letter-spacing:-0.6px; margin:0 0 8px; line-height:1.2; }
.updated{ color:var(--dim2); font-size:13px; margin:0 0 30px; }
h2{ font-size:18px; font-weight:700; letter-spacing:-0.2px; margin:32px 0 10px; }
p{ margin:0 0 14px; color:var(--dim); }
ul{ margin:0 0 14px; padding-left:20px; color:var(--dim); }
li{ margin-bottom:7px; }
b,strong{ color:var(--text); font-weight:600; }
a{ color:var(--green-text); }
.card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:18px 20px; margin:24px 0; }
.card p:last-child{ margin-bottom:0; }
.back{ display:inline-block; margin-top:36px; color:var(--green-text); text-decoration:none; font-weight:600; }
.foot{ margin-top:44px; padding-top:20px; border-top:1px solid var(--line); font-size:13px; color:var(--dim2); }
.foot a{ margin-right:14px; }