:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #17221d; background: #f7f4ee; }
* { box-sizing: border-box; }
body { margin: 0; background: #f7f4ee; line-height: 1.6; }
a { color: #245c48; font-weight: 700; }
.shell { width: min(880px, calc(100% - 32px)); margin: 32px auto; }
.header, .card { background: #fffdf8; border: 1px solid #ddd6c9; border-radius: 14px; }
.header { padding: 28px; display: flex; gap: 22px; align-items: center; }
.logo { width: 88px; height: 88px; border-radius: 18px; object-fit: contain; }
h1 { margin: 0 0 4px; font-size: clamp(28px, 5vw, 42px); line-height: 1.15; }
.subtitle, .updated { margin: 0; color: #657067; }
.card { margin-top: 18px; padding: clamp(22px, 4vw, 40px); }
h2 { margin-top: 30px; margin-bottom: 8px; font-size: 21px; }
h2:first-child { margin-top: 0; }
ul { padding-left: 22px; }
.nav { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 18px; }
.footer { color: #657067; text-align: center; padding: 24px 8px 36px; font-size: 14px; }
@media (max-width: 560px) { .shell { margin-top: 16px; } .header { align-items: flex-start; padding: 20px; } .logo { width: 64px; height: 64px; } }