:root { color-scheme: light dark; font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { margin: 0; background: #f4f8f6; color: #13231f; }
main { max-width: 760px; margin: 0 auto; padding: 48px 22px 80px; }
nav { display: flex; gap: 18px; flex-wrap: wrap; margin-bottom: 42px; }
a { color: #007b68; }
h1, h2 { line-height: 1.2; }
h1 { font-size: clamp(2rem, 7vw, 3.4rem); letter-spacing: -.04em; }
h2 { margin-top: 2.2rem; }
.card { background: rgba(255,255,255,.78); border: 1px solid rgba(0,75,62,.12); border-radius: 24px; padding: 24px; box-shadow: 0 16px 50px rgba(0,60,50,.08); }
.meta { color: #60706b; }
.warning { border-left: 4px solid #df3a4b; padding-left: 14px; }
footer { margin-top: 50px; color: #60706b; font-size: .9rem; }
@media (prefers-color-scheme: dark) { body { background:#071713; color:#ecf7f3; } .card { background:rgba(18,45,38,.82); } a { color:#5edbc3; } .meta, footer { color:#a7bbb5; } }