:root { color-scheme: light dark; --bg:#f6f7f9; --paper:#fff; --ink:#111827; --muted:#5b6472; --line:#e5e7eb; --brand:#15803d; }
@media (prefers-color-scheme: dark) { :root { --bg:#0b0f14; --paper:#161b22; --ink:#e6edf3; --muted:#9aa4b2; --line:#30363d; --brand:#4ade80; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; -webkit-text-size-adjust:100%; }
.wrap { max-width: 720px; margin: 0 auto; padding: 20px 16px 48px; }
header { display:flex; align-items:center; gap:10px; margin-bottom: 14px; }
header img { width:36px; height:36px; border-radius:9px; }
header a.home { color: var(--brand); font-weight: 800; text-decoration: none; font-size: 1.05rem; }
article { background: var(--paper); border:1px solid var(--line); border-radius: 14px; padding: 22px 20px; }
h1 { font-size: 1.6rem; line-height:1.25; margin: 0 0 4px; }
.eff { color: var(--muted); font-size: .9rem; margin: 0 0 18px; }
h2 { font-size: 1.1rem; margin: 26px 0 6px; padding-top: 14px; border-top: 1px solid var(--line); }
p, li { margin: 6px 0; }
ul { padding-left: 1.2em; }
a { color: var(--brand); }
.summary { background: color-mix(in srgb, var(--brand) 10%, transparent); border:1px solid color-mix(in srgb, var(--brand) 35%, transparent); border-radius: 10px; padding: 12px 14px; }
.summary ul { margin: 4px 0 0; }
footer { text-align:center; color: var(--muted); font-size: .85rem; margin-top: 18px; }
footer a { color: inherit; }