/* Подстраницы modify.by. Токены, шрифты и кнопки — в /theme.css (подключается первым). */

html { background: var(--bg); }
body { background: transparent; line-height: 1.6; }
/* Та же вертикальная двухуровневость, что и на витрине: колонка с контентом
   темнее, поля по бокам светлее. */
body::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(1100px 520px at 82% -10%, var(--red-tint), transparent 60%),
    radial-gradient(820px 460px at -8% 6%, var(--kraft-tint), transparent 55%),
    linear-gradient(90deg,
      var(--bg) 0,
      var(--bg) calc(50% - 620px),
      var(--bg-deep) calc(50% - 480px),
      var(--bg-deep) calc(50% + 480px),
      var(--bg) calc(50% + 620px),
      var(--bg) 100%);
}
.site-head {
  max-width: 860px;
  margin: 0 auto;
  padding: var(--s6) var(--gutter) 0;
}
.site-logo { display: inline-block; }
.site-logo img { height: 26px; width: auto; display: block; }
.page {
  max-width: 860px;
  margin: 0 auto;
  padding: var(--s6) var(--gutter) var(--s16);
}
.back {
  display: inline-block;
  margin-bottom: var(--s6);
  color: var(--muted);
  text-decoration: none;
}
.back:hover { color: var(--text); }
h1 {
  margin: 0 0 var(--s6);
  font-size: clamp(2rem, 5vw, 3rem);
  line-height: 1.08;
  letter-spacing: -.02em;
}
h2 {
  margin: var(--s8) 0 var(--s3);
  font-size: 1.375rem;
  letter-spacing: -.015em;
}
p, li { color: var(--muted); }
strong { color: var(--text); }
a { color: var(--red-soft); }
.details, details {
  margin-top: var(--s6);
  border-top: 1px solid var(--line);
  padding-top: var(--s5);
}
summary {
  cursor: pointer;
  color: var(--text);
  font-weight: 700;
}