:root { color-scheme:light dark; --bg:#f7f4ea; --card:#fffdfa; --ink:#10271f; --muted:#68746f; --line:#dfe4df; --accent:#98d8c3; }
    @media (prefers-color-scheme:dark) { :root { --bg:#0d1512; --card:#15211c; --ink:#f2f6f3; --muted:#aab5b0; --line:#304139; --accent:#6cb9a1; } }
    * { box-sizing:border-box; }
    body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.68 -apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC",sans-serif; }
    main { width:min(860px,calc(100% - 32px)); margin:0 auto; padding:48px 0 72px; }
    header,.card { background:var(--card); border:1px solid var(--line); border-radius:24px; }
    header { padding:34px; background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 34%,var(--card)),var(--card) 58%); }
    .eyebrow { color:var(--muted); font-size:14px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
    h1 { margin:8px 0; font-size:clamp(32px,6vw,52px); line-height:1.1; letter-spacing:-.035em; }
    h2 { margin:0 0 14px; font-size:23px; }
    h3 { margin:0; font-size:17px; }
    p { margin:7px 0; }
    .meta,.answer { color:var(--muted); }
    .card { margin-top:18px; padding:26px 30px; }
    .item { padding:18px 0; border-top:1px solid var(--line); }
    .item:first-of-type { border-top:0; padding-top:0; }
    .item:last-child { padding-bottom:0; }
    .actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
    .button { display:inline-block; padding:11px 15px; border-radius:999px; background:var(--ink); color:var(--bg); font-weight:700; text-decoration:none; }
    a { color:var(--ink); text-decoration-color:var(--accent); text-underline-offset:3px; }
    footer { color:var(--muted); margin-top:28px; text-align:center; font-size:14px; }