:root { color-scheme: light; --bg:#faf7f5; --panel:#fff; --text:#211a18; --muted:#6d625f; --line:#d7cbc8; --accent:#5f4742; --soft:#f5e7ee; }
    * { box-sizing:border-box; }
    body { margin:0; background:var(--bg); color:var(--text); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.58; }
    main { max-width:900px; margin:0 auto; padding:48px 20px 72px; }
    h1,h2,h3 { line-height:1.2; }
    h1 { font-size:32px; margin:0 0 10px; }
    h2 { font-size:21px; margin:38px 0 12px; }
    h3 { font-size:17px; margin:24px 0 8px; }
    p,li { font-size:16px; }
    a { color:var(--accent); font-weight:650; }
    .meta { color:var(--muted); font-size:14px; margin:0 0 22px; }
    .panel { border:1px solid var(--line); background:var(--panel); border-radius:12px; padding:16px; margin:24px 0; }
    .callout { background:var(--soft); }
    @media (max-width:600px) { main{padding:28px 14px 48px} h1{font-size:28px} p,li,a{overflow-wrap:anywhere} }