body { margin: 0; font-family: -apple-system, Roboto, "Segoe UI", sans-serif; background: #faf7f2; color: #222; }
main { max-width: 640px; margin: 0 auto; padding: 16px 18px 120px; }
h1 { font-size: 22px; margin: 8px 0 4px; }
.meta { color: #888; font-size: 13px; margin: 0 0 16px; }
article p { line-height: 1.7; font-size: 16px; }
.cta { position: fixed; left: 16px; right: 16px; bottom: 16px; max-width: 608px; margin: 0 auto;
       display: block; text-align: center; padding: 15px 0; border-radius: 26px;
       background: #e8336d; color: #fff; font-size: 17px; font-weight: 600; text-decoration: none; }
.cta.disabled { background: #aaa; }
details { margin-top: 24px; font-size: 12px; color: #555; }
dt { font-weight: 600; margin-top: 6px; }
dd { margin: 2px 0 0; }
.url { word-break: break-all; font-family: monospace; }
.warn { color: #c00; }