:root { color-scheme: light dark; --bg:#f6f8f5; --paper:#fff; --text:#202d28; --muted:#53645b; --accent:#236043; --line:#dce5dd; --tint:#eef5ef; }
    * { box-sizing:border-box; }
    body { margin:0; background:var(--bg); color:var(--text); font:17px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
    main { width:min(100% - 32px,820px); margin:48px auto; padding:clamp(24px,5vw,56px); background:var(--paper); border:1px solid var(--line); border-radius:20px; }
    header { border-bottom:1px solid var(--line); padding-bottom:28px; margin-bottom:28px; }
    .brand { color:var(--accent); font-weight:650; margin:0 0 8px; }
    h1 { font-size:clamp(2rem,6vw,3rem); line-height:1.15; letter-spacing:-.035em; margin:0 0 16px; }
    h2 { font-size:1.25rem; line-height:1.4; margin:34px 0 12px; }
    h3 { font-size:1.05rem; margin:22px 0 8px; }
    p { margin:0 0 16px; }
    .meta,footer { color:var(--muted); font-size:.9rem; }
    .summary { background:var(--tint); border-left:4px solid var(--accent); padding:20px 24px; border-radius:0 10px 10px 0; }
    ul { padding-left:24px; margin:12px 0 20px; }
    li { margin:7px 0; }
    a { color:var(--accent); text-underline-offset:3px; overflow-wrap:anywhere; }
    a:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
    footer { border-top:1px solid var(--line); margin-top:32px; padding-top:22px; }
    @media (prefers-color-scheme:dark) { :root { --bg:#101713; --paper:#19231d; --text:#e6eee8; --muted:#b2c3b7; --accent:#99d6ac; --line:#34463a; --tint:#24352a; } }
    @media (max-width:480px) { body { font-size:16px; } main { margin:16px auto; border-radius:12px; } .summary { padding:16px; } }
    @media print { :root { --paper:#fff; --text:#000; --muted:#333; --accent:#17452b; --line:#ccc; --tint:#fff; } body { background:#fff; font-size:11pt; } main { width:100%; margin:0; padding:0; border:0; } h2,h3 { break-after:avoid; } a { color:inherit; } }