/* Scriptify — внутренние страницы (блог, оферта, политика).
   Регистр reading оформится в issue #4; пока общие стили поверх brand-токенов. */

/* ---- Кнопки (совместимость с шаблонами до issue #4) ----------------- */

.btn--primary {
  background: var(--mark);
  color: var(--text-on-amber);
}
.btn--primary:hover {
  background: var(--amber-wash);
  color: var(--text-on-amber);
}

.btn--ghost {
  background: transparent;
  color: var(--text);
  border: 1px solid var(--line-strong);
}
.btn--ghost:hover {
  border-color: var(--accent);
  color: var(--accent);
}

/* ---- Оболочка не-лендинга -------------------------------------------- */

body:not(.page-home) main {
  max-width: var(--page-max);
  margin: 0 auto;
  padding: 0 var(--pad-inline) var(--sp-9);
}

/* ---- Блог ------------------------------------------------------------- */

.blog-card {
  display: block;
  padding: var(--sp-5) var(--sp-4);
  border-radius: var(--r-2);
  border: 1px solid var(--line);
  background: var(--bg);
  box-shadow: var(--e-1);
  transition: border-color var(--d-1) var(--ease-out);
  color: inherit;
}
.blog-card:hover {
  border-color: var(--accent);
}
.blog-card h2 {
  margin: 0 0 var(--sp-1);
  font-family: var(--font-heading);
  font-size: var(--t-base);
  font-weight: var(--w-semi);
  color: var(--text);
  text-align: left;
}
.blog-card time {
  font-size: var(--t-xs);
  color: var(--text-muted);
}
.blog-card p {
  margin: var(--sp-2) 0 0;
  color: var(--text-muted);
  font-size: var(--t-sm);
}

.article {
  max-width: var(--measure-read);
  margin: 0 auto;
  padding: var(--sp-7) 0 var(--sp-8);
}
.article h1 {
  font-family: var(--font-heading);
  font-size: var(--t-h1);
  letter-spacing: var(--ls-head);
  margin: 0 0 var(--sp-2);
  text-wrap: balance;
}
.article time {
  color: var(--text-muted);
  font-size: var(--t-sm);
}
.article__body {
  margin-top: var(--sp-6);
  font-family: var(--font-serif);
  font-size: var(--t-lg);
  line-height: var(--lh-read);
}
.article__body p {
  margin: 0 0 var(--sp-4);
}

.empty-note {
  text-align: center;
  color: var(--text-muted);
  padding: var(--sp-7);
}

/* ---- Юридические страницы --------------------------------------------- */

.legal-doc {
  max-width: 42rem;
  margin: 0 auto;
  padding: var(--sp-7) 0 var(--sp-8);
}
.legal-doc h1 {
  font-family: var(--font-heading);
  font-size: var(--t-h2);
  letter-spacing: var(--ls-head);
  margin: 0 0 var(--sp-4);
  text-wrap: balance;
}
.legal-doc h2 {
  font-size: var(--t-base);
  margin-top: var(--sp-6);
}
.legal-doc p,
.legal-doc li {
  margin: var(--sp-2) 0;
  color: var(--text-body);
}
.legal-doc__cta {
  margin-top: var(--sp-7);
  padding-top: var(--sp-5);
  border-top: 1px solid var(--line);
}