:root {
  --ink-900:#16211D; --ink-700:#3C4A45; --ink-500:#6A7A74; --ink-300:#98A49F;
  --teal-700:#0F6E56; --teal-500:#12795F; --teal-300:#9FCFC2; --teal-200:#D9E6E1;
  --page:#F3F6F5; --card:#FFFFFF;
  --font:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
* { box-sizing:border-box; }
body {
  margin:0; background:var(--page); color:var(--ink-700); font-family:var(--font);
  -webkit-font-smoothing:antialiased; display:flex; flex-direction:column;
  min-height:100vh; padding:24px 18px;
}
main { width:100%; max-width:560px; margin:auto; }
.masthead { display:flex; align-items:center; gap:9px; margin-bottom:26px; }
.mark { width:18px; height:18px; background:var(--teal-700); border-radius:5px; }
.wordmark { font-size:17px; font-weight:700; color:var(--ink-900); letter-spacing:.01em; }
.card { background:var(--card); border:1px solid var(--teal-200); border-radius:16px; padding:34px 30px; }
h1 { font-size:25px; font-weight:700; line-height:1.3; color:var(--ink-900); margin:0 0 14px; letter-spacing:-.01em; }
p { font-size:16.5px; line-height:1.7; color:var(--ink-700); margin:0 0 14px; }
p:last-child { margin-bottom:0; }
.muted { font-size:14.5px; color:var(--ink-500); }
a { color:var(--teal-500); }
.btn {
  display:inline-block; margin-top:20px; font-size:15px; font-weight:600; color:#fff;
  background:var(--teal-700); border-radius:9px; padding:13px 20px; text-decoration:none;
}
.prose { font-size:15.5px; line-height:1.75; }
.prose h2 { font-size:17px; font-weight:700; color:var(--ink-900); margin:26px 0 8px; }
.prose h2:first-child { margin-top:0; }
.prose ul { padding-left:20px; margin:0 0 14px; }
.prose li { margin-bottom:6px; }
footer { text-align:center; font-size:12.5px; line-height:1.7; color:var(--ink-300); margin-top:22px; }
@media (max-width:480px) { .card { padding:26px 20px; } h1 { font-size:22px; } }