/* /advertising/ и /help/* (plan 2.0, task 23). Крошки, заголовок и лид —
   на песочной полосе .page-hero (как у статических страниц), текст ниже —
   колонкой чтения. */
.sp-page { padding-block: 0 var(--space-7); }
.sp-page > .prose { max-width: 72ch; }
.sp-page > .prose > h2:first-child { margin-top: 0; }
.sp-page .prose h2 { color: var(--color-ink); }
.sp-form { max-width: 40rem; margin-top: var(--space-7); }
.sp-form > h2 { margin: 0 0 var(--space-3); font-size: clamp(22px, 1.6vw + 12px, 30px); line-height: 1.15; }
.sp-form > p { margin: 0 0 var(--space-5); color: var(--color-graphite); }
.sp-form form { display: grid; gap: 16px; }
.sp-form .input { width: 100%; box-sizing: border-box; }
.sp-kind { border: 0; padding: 0; margin: 0; display: grid; gap: 8px; }
.sp-check { display: flex; gap: 10px; align-items: flex-start; min-height: 48px; cursor: pointer; }
.sp-check input { width: 22px; height: 22px; margin-top: 2px; flex: none; accent-color: var(--color-ink); }
.sp-error { color: var(--color-alarm); margin: 4px 0 0; }
.sp-field--error .input { border-color: var(--color-alarm); }
.sp-alert { border: 1px solid var(--color-alarm); border-radius: var(--radius-tile); padding: 12px 16px; }
.sp-alert p { margin: 0; }
.sp-card { margin-top: 16px; }
.sp-links { display: grid; gap: 12px; padding-left: 20px; }
.sp-form .pp-btn { justify-self: start; min-height: 48px; }
/* Телефон: крошка-родитель «‹ Помощь» — зона нажатия 44 px. */
@media (max-width: 767px) {
  main > .wrap > .crumbs > a:last-of-type { display: inline-flex; align-items: center; min-height: var(--hit-min); }
}