:root {
  --bg-color: #f2f1f4;
  --paper-color: #fff;
  --text-main: #302f37;
  --text-muted: #706c7a;
  --brand: #675b78;
  --brand-light: #d7d1df;
  --accent: #473c59;
  --rule-line: #dedbe3;
}

body {
  background-image:
    linear-gradient(transparent 95%, rgba(71, 60, 89, 0.045) 5%),
    linear-gradient(90deg, transparent 95%, rgba(71, 60, 89, 0.045) 5%);
}

.site-header {
  box-shadow: 0 4px 12px rgba(71, 60, 89, 0.14);
}

.page-affiliate-note {
  border-color: var(--brand-light);
}

.spoiler-note {
  margin: 0 0 18px;
  padding: 10px 14px;
  border: 1px solid #c8becf;
  border-left: 4px solid var(--brand);
  border-radius: 8px;
  background: #f8f6fa;
  color: var(--text-main);
  font-size: 0.88rem;
  line-height: 1.65;
}