/* Общее оформление юридических документов сайта bsh24.ru
   Используется страницами /agreement и /privacy.
   Правки здесь применяются сразу ко всем документам. */

:root{
  --bg:#f7f5f0; --surface:#ffffff; --ink:#1c1b18; --ink-soft:#4a4741;
  --line:#ded9ce; --line-soft:#ebe6dc; --accent:#1f5c46; --accent-soft:#eaf1ed;
  --shadow:0 1px 2px rgba(28,27,24,.05), 0 12px 32px rgba(28,27,24,.06);
  --maxw:46rem;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#15161a; --surface:#1c1e23; --ink:#e8e6e1; --ink-soft:#a9a59d;
    --line:#33363d; --line-soft:#26292f; --accent:#6fbf9c; --accent-soft:#1e2a26;
    --shadow:0 1px 2px rgba(0,0,0,.3), 0 12px 32px rgba(0,0,0,.35);
  }
}
:root[data-theme="dark"]{
  --bg:#15161a; --surface:#1c1e23; --ink:#e8e6e1; --ink-soft:#a9a59d;
  --line:#33363d; --line-soft:#26292f; --accent:#6fbf9c; --accent-soft:#1e2a26;
  --shadow:0 1px 2px rgba(0,0,0,.3), 0 12px 32px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  /* Тот же шрифт, что и на контентных страницах (page.css), — чтобы сайт
     читался как одно целое. Когда появится брендбук, менять в двух файлах. */
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:clamp(16px,1rem + .2vw,18px); line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* ── Выключка по формату ───────────────────────────────── */
/* hyphens:auto обязателен: без переносов justify в русском тексте
   разрывает строки большими пробелами. Работает за счёт lang="ru". */
p.cl,
ul.dash li,
.callout p,
h2.sec ~ p{
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
  -webkit-hyphens:auto;
  overflow-wrap:break-word;
}

/* Служебные и короткие строки не выключаем — растягивать в них нечего. */
.meta, .meta *,
.sub,
nav.toc, nav.toc *,
.reqs dl, .reqs dt, .reqs dd,
footer.doc, footer.doc p{
  text-align:left;
  hyphens:manual;
}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 1.15rem 4rem}

header.doc{padding:2.75rem 0 1.5rem; border-bottom:1px solid var(--line); margin-bottom:2rem}
.org{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:.78rem; letter-spacing:.11em; text-transform:uppercase;
  color:var(--accent); font-weight:600; margin:0 0 .9rem;
}
/* Начертание плотнее прежнего: у Georgia обычный вес держал крупный кегль,
   у гротеска на этом размере он выглядит вялым. */
h1{font-size:clamp(1.5rem,5.2vw,2.1rem); line-height:1.18; margin:0 0 .7rem; font-weight:800; letter-spacing:-.022em}
.sub{margin:0; color:var(--ink-soft); font-size:.98rem}
.meta{
  display:flex; flex-wrap:wrap; gap:.4rem 1.4rem; margin:1.4rem 0 0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:.82rem; color:var(--ink-soft);
}
.meta b{color:var(--ink); font-weight:600}

.callout{
  background:var(--accent-soft); border-left:3px solid var(--accent);
  border-radius:0 8px 8px 0; padding:1rem 1.1rem; margin:0 0 2.2rem; font-size:.95rem;
}
.callout p{margin:0}
.callout p + p{margin-top:.6rem}

nav.toc{
  background:var(--surface); border:1px solid var(--line-soft);
  border-radius:10px; padding:1.1rem 1.25rem; margin:0 0 2.6rem; box-shadow:var(--shadow);
}
nav.toc h2{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:.75rem; letter-spacing:.1em; text-transform:uppercase;
  color:var(--ink-soft); margin:0 0 .75rem; font-weight:600;
}
nav.toc ol{margin:0; padding:0; list-style:none; counter-reset:toc}
nav.toc li{counter-increment:toc; font-size:.93rem; padding:.16rem 0}
nav.toc li::before{
  content:counter(toc) "."; color:var(--ink-soft);
  display:inline-block; min-width:1.7em;
  font-family:ui-monospace,Consolas,monospace; font-size:.85em;
}
nav.toc a{color:var(--ink); text-decoration:none; border-bottom:1px solid transparent}
nav.toc a:hover{border-bottom-color:var(--accent); color:var(--accent)}

h2.sec{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:1.02rem; font-weight:700; letter-spacing:.01em;
  margin:2.7rem 0 .9rem; padding-top:.3rem; scroll-margin-top:1rem;
}
h2.sec .n{color:var(--accent); font-family:ui-monospace,Consolas,monospace; font-size:.95em}
p{margin:0 0 .85rem}
p.cl{margin:0 0 .8rem}
p.cl > b.num{
  font-family:ui-monospace,Consolas,monospace; font-size:.86em;
  color:var(--ink-soft); font-weight:400; margin-right:.15rem;
}
ul.dash{list-style:none; margin:.2rem 0 1rem; padding:0}
ul.dash li{padding:.15rem 0 .15rem 1.15rem; position:relative}
ul.dash li::before{content:"—"; position:absolute; left:0; color:var(--ink-soft)}
a{color:var(--accent)}
strong{font-weight:700}
.note{font-size:.92rem; color:var(--ink-soft)}

.reqs{
  margin:2.8rem 0 0; padding:1.35rem 1.45rem; background:var(--surface);
  border:1px solid var(--line-soft); border-radius:10px; box-shadow:var(--shadow); font-size:.93rem;
}
.reqs h2{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:.75rem; letter-spacing:.1em; text-transform:uppercase;
  color:var(--ink-soft); margin:0 0 .9rem; font-weight:600;
}
.reqs dl{display:grid; grid-template-columns:auto 1fr; gap:.35rem 1.1rem; margin:0}
.reqs dt{color:var(--ink-soft); white-space:nowrap}
.reqs dd{margin:0}
@media (max-width:30rem){
  .reqs dl{grid-template-columns:1fr; gap:0}
  .reqs dt{margin-top:.6rem; font-size:.85rem}
}

footer.doc{
  margin-top:3rem; padding-top:1.3rem; border-top:1px solid var(--line);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:.8rem; color:var(--ink-soft);
}
footer.doc a{color:var(--ink-soft)}

@media print{
  body{background:#fff; color:#000; font-size:11pt}
  nav.toc, .callout{break-inside:avoid}
  h2.sec{break-after:avoid}
  .wrap{max-width:none; padding:0}
}

/* ── Режим «только чтение» ─────────────────────────────────
   Текст документов не выделяется мышью и не тянется в другое окно.
   Затрагивает только выделение: разметка страницы не меняется, поэтому
   скринридеры читают документ как раньше, а печать работает как работала. */
body{
  -webkit-user-select:none; -ms-user-select:none; user-select:none;
  -webkit-touch-callout:none;     /* на iOS долгий тап не поднимает «Скопировать» */
}
/* Ссылки остаются кликабельными — запрет выделения на это не влияет,
   но курсор поверх обычного текста возвращаем к стрелке, чтобы не было
   ощущения сломанного выделения. */
.wrap p, .wrap li, .wrap dd, .wrap dt, .wrap h1, .wrap h2, .wrap h3{cursor:default}