/* Сайт serp-x.ru: общее для страниц из макета - шрифт, сглаживание, форма заявки. Цвета - токены страниц макета. */
html { -webkit-text-size-adjust: 100%; }
body { font-family: "Onest", "Segoe UI", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; }

.sx-form { display: grid; gap: 16px; background: #fff; border: 1px solid var(--line, #e2e7f1); border-radius: 18px; padding: clamp(20px, 4vw, 32px); box-shadow: 0 18px 40px -30px rgba(11, 20, 48, .35); }
.sx-form label { display: grid; gap: 7px; font-weight: 600; font-size: 15px; color: var(--ink, #0e1630); }
.sx-form label span { font-weight: 400; color: var(--muted, #5d6782); }
.sx-form input:not([type="checkbox"]), .sx-form textarea { width: 100%; box-sizing: border-box; border: 1px solid var(--line, #e2e7f1); border-radius: 12px; padding: 12px 14px; font: inherit; font-weight: 400; color: var(--ink, #0e1630); background: #fff; }
.sx-form textarea { resize: vertical; min-height: 96px; }
.sx-form input:focus, .sx-form textarea:focus { outline: 2px solid rgba(255, 138, 31, .35); border-color: var(--orange, #ff8a1f); }
.sx-form .sx-check { display: flex; gap: 10px; align-items: flex-start; font-weight: 400; }
.sx-form .sx-check input { margin-top: 4px; }
.sx-form .sx-check a { color: var(--orange-deep, #d9650b); }
.sx-form button { border: 0; background: var(--orange, #ff8a1f); color: #fff; font: inherit; font-weight: 700; font-size: 17px; padding: 14px 22px; border-radius: 12px; cursor: pointer; justify-self: start; }
.sx-form button:hover { background: var(--orange-deep, #d9650b); }
.sx-form button:disabled { opacity: .6; cursor: default; }
.sx-error { color: #c4321c; font-size: 15px; }
.sx-error:empty { display: none; }
.sx-done { font-size: 18px; color: var(--ink, #0e1630); }
.sx-done b { display: block; font-size: 24px; margin-bottom: 8px; }
.sx-form .sx-label { font-weight: 600; }
.sx-form .sx-label i { font-style: normal; font-weight: 400; color: var(--muted, #5d6782); }

/* Ссылки «Ещё в разделе» - текстом столбцами, без капсул (владелец 30.10.2026: «мне не нравятся эти капсулы плашки»). */
.t-rel { text-decoration: none; transition: color .15s ease; }
.t-rel:hover { color: var(--orange-deep, #e46f00) !important; text-decoration: underline; text-underline-offset: 3px; }
/* Раздел «Подробно» (релевантность страниц, 0.17.0): текст по теме запроса страницы перед частыми вопросами. */
.t-article { max-width: 820px; margin: 0 0 72px; }
.t-article h3 { margin: 34px 0 0; font-size: clamp(19px, 1.6vw, 22px); line-height: 1.3; font-weight: 800; color: var(--ink, #0e1630); letter-spacing: -0.01em; text-wrap: balance; }
.t-article p { margin: 14px 0 0; font-size: clamp(16px, 1.2vw, 17.5px); line-height: 1.65; color: var(--text, #2b3452); text-wrap: pretty; }
.t-article ul, .t-article ol { margin: 14px 0 0; padding-left: 22px; display: grid; gap: 8px; font-size: clamp(16px, 1.2vw, 17.5px); line-height: 1.6; color: var(--text, #2b3452); }
.t-article li::marker { color: var(--orange-deep, #d9650b); }
.t-article b { color: var(--ink, #0e1630); }