/* Юридические страницы (оферта, политика) — 04.10.2026, по образцу lachuga.shop/offer:
   шапка с редакцией, вкладки, документ в карточке, справа тёмное оглавление, контакты, реквизиты. */
.lg { --lg-r: 28px; --lg-dark: #131313; --lg-dark-line: #262626; --lg-dark-ink: #f1eee8; --lg-dark-dim: #9b978f;
  padding: 8px 0 clamp(56px, 8vw, 104px); }
.lg .wrap { max-width: 1320px; }

.lg__head { padding: clamp(28px, 5vw, 64px) 0 28px; border-bottom: 1px solid var(--border); }
.lg__kicker { margin: 0 0 18px; font-size: .74rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
  color: var(--text-faint); }
.lg__title { margin: 0; font-size: clamp(2.4rem, 6.4vw, 5rem); line-height: 1.02; letter-spacing: -.04em; font-weight: 800; }
.lg__lead { max-width: 46rem; margin: 22px 0 0; font-size: clamp(1rem, 1.4vw, 1.12rem); line-height: 1.6; color: var(--text-dim); }
.lg__meta { display: flex; flex-wrap: wrap; gap: 14px 40px; margin: 28px 0 0; }
.lg__meta dt { font-size: .66rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--text-faint); }
.lg__meta dd { margin: 6px 0 0; font-size: .92rem; }

.lg__tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 26px 0 28px; }
.lg__tab { padding: 11px 20px; border-radius: 999px; border: 1px solid var(--border-strong); color: var(--text);
  font-size: .88rem; font-weight: 600; text-decoration: none; transition: background .15s, border-color .15s; }
.lg__tab:hover { border-color: var(--text-dim); color: var(--text); }
.lg__tab[aria-current="page"] { background: var(--text); border-color: var(--text); color: var(--bg); }

.lg__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 300px); gap: clamp(24px, 3.5vw, 48px); align-items: start; }

.lg__doc { padding: clamp(22px, 3.2vw, 40px); border-radius: var(--lg-r); background: var(--surface); border: 1px solid var(--border); }
.lg__doc p, .lg__doc li { max-width: 52rem; font-size: 1rem; line-height: 1.75; color: var(--text-dim); overflow-wrap: break-word; }
.lg__doc p { margin: 0 0 14px; }
.lg__doc b { color: var(--text); font-weight: 650; }
.lg__intro { padding-bottom: 26px; margin-bottom: 4px; border-bottom: 1px solid var(--border); }
.lg__sec { padding: 30px 0 16px; border-top: 1px solid var(--border); scroll-margin-top: calc(var(--header-h) + 20px); }
.lg__intro + .lg__sec, .lg__doc > .lg__sec:first-child { border-top: 0; }
.lg__doc > .lg__sec:first-child { padding-top: 0; }
.lg__sec h2 { margin: 0 0 18px; font-size: clamp(1.25rem, 2vw, 1.5rem); line-height: 1.25; letter-spacing: -.02em; }
.lg__n { color: var(--text); font-weight: 650; font-variant-numeric: tabular-nums; }
.lg__list { margin: 0 0 14px; padding-left: 1.3em; list-style: disc; }
.lg__list li { margin: 0 0 6px; }
.lg__list li::marker { color: var(--accent-text); }

.lg__side { position: sticky; top: calc(var(--header-h) + 16px); display: flex; flex-direction: column; gap: 14px; }
.lg__side-h { margin: 0 0 14px; font-size: .88rem; font-weight: 750; }
.lg__toc--d { padding: 22px 22px 18px; border-radius: var(--lg-r); background: var(--lg-dark); color: var(--lg-dark-ink);
  border: 1px solid var(--lg-dark-line); max-height: calc(100vh - var(--header-h) - 32px); overflow: auto; }
.lg__toc ol { margin: 0; padding: 0; list-style: none; }
.lg__toc li { margin: 0; }
.lg__toc a { display: block; padding: 7px 0; font-size: .82rem; line-height: 1.4; color: var(--lg-dark-dim); text-decoration: none; }
.lg__toc a:hover, .lg__toc a.is-on { color: var(--lg-dark-ink); }
.lg__cards { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; }
.lg__card { padding: 20px 22px; border-radius: var(--lg-r); border: 1px solid var(--border); background: var(--bg-elev); }
.lg__card p { margin: 0 0 8px; font-size: .84rem; line-height: 1.5; color: var(--text-dim); overflow-wrap: anywhere; }
.lg__card p:last-child { margin-bottom: 0; }
.lg__card a { color: var(--text); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--border-strong); }

/* оглавление на телефоне — раскрывашка над документом */
.lg__toc--m { display: none; margin-bottom: 14px; border-radius: 20px; background: var(--lg-dark); color: var(--lg-dark-ink);
  border: 1px solid var(--lg-dark-line); }
.lg__toc--m summary { padding: 18px 20px; font-size: .9rem; font-weight: 750; cursor: pointer; list-style: none; }
.lg__toc--m summary::-webkit-details-marker { display: none; }
.lg__toc--m summary::before { content: "▸"; display: inline-block; margin-right: 10px; transition: transform .15s; }
.lg__toc--m[open] summary::before { transform: rotate(90deg); }
.lg__toc--m ol { padding: 0 20px 14px; }

@media (max-width: 980px) {
  .lg__grid { grid-template-columns: 1fr; }
  .lg__side { position: static; }
  .lg__toc--d { display: none; }
  .lg__toc--m { display: block; }
}
@media (max-width: 560px) {
  .lg { --lg-r: 20px; }
  .lg__cards { grid-template-columns: 1fr; }
  .lg__title { font-size: clamp(1.8rem, 8.4vw, 2.4rem); }
  .lg__doc { padding: 20px 18px; }
  .lg__doc p, .lg__doc li { font-size: .96rem; line-height: 1.7; }
  .lg__tab { padding: 10px 16px; font-size: .84rem; }
}