:root { color-scheme: light; }
body {
  margin: 0;
  font-family: "Segoe UI", Arial, sans-serif;
  color: #0b0f14;
  background: #ffffff;
}
.top { max-width: 1100px; margin: 0 auto; padding: 32px 20px 8px; }
.top__back { color: #35404d; text-decoration: none; font-size: 14px; }
.top h1 { font-size: 30px; margin: 14px 0 6px; }
.top__lead { color: #35404d; max-width: 760px; line-height: 1.5; }
.schemes { max-width: 1100px; margin: 0 auto; padding: 12px 20px 40px; }
.scheme { margin: 34px 0 0; }
.scheme h2 { font-size: 21px; margin: 0 0 4px; }
.scheme__about { color: #4a5663; margin: 0 0 12px; font-size: 14px; }
.scheme__count { color: #6b7683; font-size: 13px; }
.scheme__frame {
  overflow: auto;
  max-height: 78vh;
  border: 1px solid #e2e6ea;
  border-radius: 12px;
  background: #fafbfc;
  padding: 8px;
}
.scheme__frame img { display: block; max-width: none; }
.foot { max-width: 1100px; margin: 0 auto; padding: 0 20px 40px; color: #6b7683; font-size: 13px; }
code { background: #f2f4f6; padding: 1px 5px; border-radius: 4px; }
@media (max-width: 640px) {
  .top h1 { font-size: 24px; }
  .scheme__frame { max-height: none; }
}