/* One sheet, no external assets, no fonts to fetch — these pages exist to be
   reachable by a crawler and by Google's review, so nothing here may depend on
   a network request that could fail. */
:root {
  --ground:#f6f7f9; --bg:#ffffff; --line:#e5e7eb;
  --ink:#16181d; --ink-mid:#4b5159; --ink-dim:#6b7280; --accent:#c9123f;
}
@media (prefers-color-scheme: dark) {
  :root {
    --ground:#141414; --bg:#1c1c1c; --line:#2e2e2e;
    --ink:#ececec; --ink-mid:#a6a6a6; --ink-dim:#8f8f8f; --accent:#ff2d63;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--ground); color: var(--ink);
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.wrap { max-width: 680px; margin: 0 auto; padding: 3.5rem 1.5rem 5rem; }
header { border-bottom: 1px solid var(--line); padding-bottom: 1.4rem; margin-bottom: 2rem; }
.mark { display: inline-block; width: 10px; height: 10px; border-radius: 3px;
        background: var(--accent); margin-right: .55rem; vertical-align: 1px; }
h1 { font-size: 1.5rem; font-weight: 600; letter-spacing: -.015em; margin: 0 0 .3rem; }
h2 { font-size: 1.05rem; font-weight: 600; margin: 2.2rem 0 .6rem; letter-spacing: -.01em; }
p, li { color: var(--ink-mid); }
p { margin: 0 0 1rem; }
ul { padding-left: 1.15rem; margin: 0 0 1rem; }
li { margin-bottom: .4rem; }
a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }
.lede { color: var(--ink); font-size: 1.05rem; }
.meta { font-size: .82rem; color: var(--ink-dim); }
.card { background: var(--bg); border: 1px solid var(--line); border-radius: 12px;
        padding: 1.1rem 1.3rem; margin: 1.4rem 0; }
.card p:last-child, .card ul:last-child { margin-bottom: 0; }
footer { border-top: 1px solid var(--line); margin-top: 3rem; padding-top: 1.2rem;
         font-size: .85rem; color: var(--ink-dim); }
footer a { color: var(--ink-mid); }
code { font: .88em ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--ink); }