:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #f4f8f7; color: #123435; }
body { margin: 0; line-height: 1.8; }
main { width: min(860px, calc(100% - 32px)); margin: 32px auto; }
header, section, article { background: #fff; border: 1px solid #dce9e6; border-radius: 20px; padding: 20px 24px; margin-bottom: 14px; }
header { background: linear-gradient(135deg, #0a3b3c, #136562); color: #fff; }
.brand { font-weight: 800; color: #55e3c7; }
h1, h2 { line-height: 1.35; }
h2 { color: #0b5c59; font-size: 1.15rem; }
a { color: #0b6e69; }
hr { border: 0; border-top: 1px solid #cbdeda; margin: 36px 0; }
@media (max-width: 540px) { main { width: min(100% - 20px, 860px); margin: 14px auto; } header, section, article { padding: 17px; border-radius: 16px; } }