:root {
  color-scheme: light;
  font: 400 17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  background: #f7f5ef;
  color: #17140f;
}

* { box-sizing: border-box; }
body { margin: 0; }
main { width: min(calc(100% - 40px), 860px); margin: 0 auto; padding: 64px 0 96px; }
h1, h2, p { margin: 0; }
h1 { max-width: 780px; margin-top: 34px; font-size: clamp(42px, 7vw, 72px); line-height: 1; }
h2 { margin-top: 42px; font-size: clamp(24px, 4vw, 32px); line-height: 1.15; }
p { margin-top: 16px; color: #5f5a51; }
a { color: #d85600; text-underline-offset: 3px; }
.back { color: #17140f; font-weight: 700; }
.date { font-size: 15px; }
.sources { display: flex; flex-wrap: wrap; gap: 10px 24px; }

@media (prefers-color-scheme: dark) {
  :root { color-scheme: dark; background: #0d0d0d; color: #f4f0e8; }
  p { color: #aaa39a; }
  .back { color: #f4f0e8; }
  a { color: #ff7417; }
}

@media (max-width: 640px) {
  main { width: calc(100% - 28px); padding: 32px 0 72px; }
  h1 { margin-top: 26px; font-size: 42px; }
  h2 { margin-top: 34px; }
}