/* Текст Пользовательского Соглашения: шапка документа, секции, пункты,
   подзаголовки, врезки, реквизиты (классы tp-*). Один файл на два места,
   где этот текст показывается: страница /terms.html и окно Соглашения
   в register.html (T-197). Окно тянет из /terms.html только <article>
   и без этого файла видело голую разметку: пункты <span class="tp-clause">
   слипались в одну строку, «Раздел N» прилипал к заголовку, реквизиты
   шли без отступов (слово Эла 07.09.2026: «АБСОЛЮТНО НЕЧИТАБЕЛЬНО»).
   Правила страницы (сетка, содержание, печать) остались в terms.html.
   Переменные --ink, --ink2, --ink3, --red, --border есть и в landing.css,
   и в style.css; --ink4 объявлена только в style.css — на /terms.html
   .tp-anchor наследует цвет, как и до переноса (и он скрыт до наведения). */

/* Красная черта над шапкой: на /terms.html её даёт landing.css (.red-bar),
   в окне регистрации landing.css нет — правило нужно своё. */
.tp-head .red-bar{width:32px;height:3px;background:var(--red);border-radius:1px;margin-bottom:.8rem}

/* Шапка документа */
.tp-head{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}
.tp-eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:.5rem}
.tp-title{font-family:'Cormorant Garamond',serif;font-size:2.6rem;font-weight:500;line-height:1.1;color:var(--ink);margin:0 0 .8rem}
@media(max-width:680px){.tp-title{font-size:2rem}}
.tp-org{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin:0 0 .35rem}
.tp-lead{font-size:.95rem;color:var(--ink2);line-height:1.6;max-width:640px;margin:0}
.tp-warning p{margin:0 0 .6rem}
.tp-warning p:last-child{margin:0}
.tp-meta{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.78rem;color:var(--ink3);margin-top:1rem}
.tp-meta strong{color:var(--ink);font-weight:600;margin-right:.3rem}

/* Preamble (предупреждение) */
.tp-warning{background:#fffaf0;border:1px solid #C5963A;border-left:3px solid #C5963A;border-radius:6px;padding:1.1rem 1.35rem;margin-bottom:2rem;font-size:.85rem;color:var(--ink2);line-height:1.6}
.tp-warning strong{color:#7a5810;font-weight:600}

/* Секции */
.tp-section{margin-bottom:2.5rem;scroll-margin-top:90px}
.tp-section h2{font-family:'Cormorant Garamond',serif;font-size:1.75rem;font-weight:500;color:var(--ink);line-height:1.2;margin:0 0 1rem;padding-top:.4rem;display:flex;align-items:baseline;gap:.75rem}
.tp-section h2 .tp-num{font-size:.78rem;font-weight:700;letter-spacing:.14em;color:var(--red);font-family:'Inter',sans-serif;text-transform:uppercase;flex-shrink:0}
.tp-section p{font-size:.9rem;color:var(--ink2);line-height:1.7;margin:0 0 .85rem}
.tp-section ul,.tp-section ol{margin:.5rem 0 1rem 0;padding-left:1.5rem;color:var(--ink2);line-height:1.7;font-size:.9rem}
.tp-section li{margin-bottom:.4rem}
.tp-section strong{color:var(--ink);font-weight:600}
.tp-section em{color:var(--ink2);font-style:italic}

/* Нумерованные подпункты */
/* T-222: в тексте есть неразрывные токены длиной 26–35 знаков —
   https://atameken.club/projects.html и адрес почты. На узком экране
   они распирают колонку: при окне 320 документ выходил 377 px, и body
   (overflow-x:hidden) обрезал текст справа, не давая его прокрутить. */
article{overflow-wrap:anywhere}
.tp-clause{display:block;font-size:.9rem;color:var(--ink2);line-height:1.7;margin:0 0 .75rem}
.tp-clause-num{display:inline-block;color:var(--ink3);font-weight:600;min-width:2.5rem;margin-right:.4rem;font-variant-numeric:tabular-nums}

/* Подсекция (заголовок 3-го уровня) */
.tp-section h3{font-family:'Inter',sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:none;color:var(--ink);margin:1.25rem 0 .55rem}

/* Аккентированный блок (NB, важное) */
.tp-note{background:#fafbfc;border-left:3px solid var(--ink3);padding:.85rem 1.15rem;margin:1rem 0;font-size:.85rem;color:var(--ink2);line-height:1.65;border-radius:0 4px 4px 0}
.tp-note-danger{border-left-color:var(--red);background:#fff5f5}
.tp-note-info{border-left-color:#1A6FC4;background:#f0f7ff}

/* Ссылка-якорь рядом с h2 (#) */
.tp-anchor{color:var(--ink4);text-decoration:none;font-size:.85rem;margin-left:.5rem;opacity:0;transition:opacity .15s}
.tp-section h2:hover .tp-anchor{opacity:1}
.tp-anchor:hover{color:var(--red)}

/* Контактная карточка в конце */
.tp-contact{background:linear-gradient(135deg,#fffaf0 0%,#fff8e9 100%);border:1px solid #C5963A;border-radius:8px;padding:1.5rem 1.85rem;margin-top:2.5rem}
.tp-contact h3{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:500;color:var(--ink);margin:0 0 1rem;letter-spacing:0;text-transform:none}
.tp-contact-grid{display:grid;grid-template-columns:max-content 1fr;gap:.55rem 1.1rem;font-size:.88rem;color:var(--ink2);line-height:1.6}
/* T-221: на телефоне реквизиты Оператора распирали страницу — две
   колонки «max-content 1fr» не сжимаются уже содержимого, и при окне
   375 страница выходила 494px. В одну колонку они читаются так же. */
@media(max-width:920px){.tp-contact-grid{grid-template-columns:1fr}}
.tp-contact-grid b{color:var(--ink);font-weight:600}