/* Юридические тексты и страница отписки. Дополняет stub.css: палитра, шапка,
   подвал и переключатель языка берутся оттуда. Отдельный файл, а не блок в
   stub.css: на заглушке этих стилей нет смысла грузить. */

.page-legal .sheet{max-width:780px;margin:0 auto;padding:0 clamp(4px,2vw,16px);min-height:100vh;display:flex;flex-direction:column}
.page-legal header{padding:clamp(18px,3vw,30px) clamp(8px,2vw,16px)}
.page-legal footer{margin-top:auto;padding:clamp(28px,4vw,44px) clamp(8px,2vw,16px);text-align:left}

/* stub.css центрирует main через flex — юридическому тексту нужна обычная колонка. */
.legal{display:block;padding:clamp(8px,2vw,16px) clamp(8px,2vw,16px) clamp(24px,4vw,40px)}
.legal .eyebrow{font-size:clamp(10px,2.4vw,12px);letter-spacing:.3em;text-transform:uppercase;color:rgba(201,165,87,.9);margin-bottom:14px}
.legal h1{font-size:clamp(30px,5vw,46px);line-height:1.08}
.legal .rule{width:52px;height:1px;background:rgba(201,165,87,.5);margin:22px 0 0}
.legal p{margin:14px 0 0;max-width:38em;font-size:clamp(15px,1.6vw,16px);line-height:1.72}
.legal .meta{margin-top:20px;font-size:13px;color:rgba(239,230,212,.45)}

.legal section{margin-top:clamp(30px,4vw,42px)}
.legal h2{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(22px,3vw,28px);line-height:1.2;color:#F6EEDC}
.legal h3{margin:24px 0 0;font-family:'Manrope',system-ui,sans-serif;font-weight:600;font-size:14px;letter-spacing:.04em;color:rgba(239,230,212,.9)}
.legal ul,.legal ol{margin:14px 0 0;padding-left:20px;display:grid;gap:9px;max-width:38em}
.legal li{font-size:clamp(15px,1.6vw,16px);line-height:1.65;font-weight:300;color:rgba(239,230,212,.72)}
.legal li::marker{color:rgba(201,165,87,.6)}
.legal strong{font-weight:600;color:rgba(239,230,212,.92)}
.legal a{border-bottom:1px solid rgba(201,165,87,.28)}
.legal a:hover{border-bottom-color:rgba(201,165,87,.75)}

/* Оглавление: юридический текст читают не подряд, а ищут в нём один пункт. */
.toc{margin:clamp(28px,4vw,38px) 0 0;padding:18px 20px;border:1px solid rgba(239,230,212,.12);border-radius:3px}
.toc p{margin:0 0 10px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(239,230,212,.45)}
.toc ol{margin:0;padding-left:18px;gap:6px}
.toc li{font-size:14px;line-height:1.5}

/* Реквизиты юридического лица. Оператор сайта и получатель пожертвований —
   разные лица, и на странице они обязаны выглядеть как два разных блока. */
.entity{margin:18px 0 0;padding:16px 18px;border:1px solid rgba(201,165,87,.28);border-radius:3px;max-width:38em}
.entity p{margin:0;max-width:none;font-size:14px;line-height:1.6;color:rgba(239,230,212,.8)}
.entity p+p{margin-top:4px}
.entity .name{color:#F6EEDC;font-weight:500}
.entity .req{word-break:break-word}

/* Таблица оснований обработки. На узком экране разворачивается в карточки:
   горизонтальная прокрутка в юридическом тексте с телефона нечитаема. */
.grounds{margin:18px 0 0;display:grid;gap:14px}
.ground{padding:14px 16px;border:1px solid rgba(239,230,212,.12);border-radius:3px}
.ground dt{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(201,165,87,.75)}
.ground dd{margin:8px 0 0;font-size:15px;line-height:1.6;font-weight:300;color:rgba(239,230,212,.72)}
.ground .basis{margin-top:8px;font-size:13px;color:rgba(239,230,212,.5)}

.legal .back{margin-top:clamp(34px,5vw,48px);padding-top:clamp(22px,3vw,30px);border-top:1px solid rgba(239,230,212,.12)}
.legal .btn{display:inline-block;padding:13px 26px;border:1px solid rgba(201,165,87,.55);border-radius:2px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-soft);border-bottom-color:rgba(201,165,87,.55);transition:background-color .2s,border-color .2s}
.legal .btn:hover{background:rgba(201,165,87,.13);border-color:rgba(201,165,87,.8)}

/* Страница отписки — тот же скелет, но короткий текст по центру. */
.legal-note{text-align:center;padding-top:clamp(40px,8vw,90px)}
.legal-note .rule{margin-left:auto;margin-right:auto}
.legal-note p{margin-left:auto;margin-right:auto;max-width:34em}
.legal-note .back{border-top:none}
.legal code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;padding:1px 5px;border-radius:2px;background:rgba(239,230,212,.08);color:rgba(239,230,212,.9)}