:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #181445;
  background: #f7f8fc;
}

body { margin: 0; }
main { max-width: 820px; margin: 0 auto; padding: 48px 24px 80px; }
a { color: #3d39db; }
h1 { font-size: clamp(2rem, 5vw, 3.4rem); margin-bottom: 8px; }
h2 { margin-top: 36px; }
p, li { color: #4e5265; line-height: 1.75; }
.meta { color: #737686; }
.card { background: white; border: 1px solid #e7e8ef; border-radius: 20px; padding: 24px; margin-top: 28px; }
.language { display: none; }
.language.active { display: block; }
.switcher { display: flex; gap: 10px; flex-wrap: wrap; }
.switcher button { border: 1px solid #d8d9e3; border-radius: 999px; background: white; padding: 8px 14px; cursor: pointer; }
.switcher button.active { background: #3d39db; color: white; border-color: #3d39db; }