/* Hüquqi sənəd səhifəsi — uzun mətn üçün oxunaqlılıq.
   Rəngləri sayt dizayn sisteminin dəyişənlərindən götürür ki, açıq/tünd
   mövzu dəyişəndə burada ayrıca düzəliş lazım olmasın. */

.container--reading { max-width: 78ch; }

.legal-crumb {
  font-size: .8125rem;
  line-height: 1.9;
  margin: 0 0 28px;
  opacity: .72;
}
.legal-crumb a { text-decoration: none; }
.legal-crumb a:hover { text-decoration: underline; }

.legal-doc { font-size: 1rem; line-height: 1.72; }

.legal-doc h1 { font-size: 1.85rem; line-height: 1.22; margin: 0 0 18px; }
.legal-doc h2 { font-size: 1.35rem; line-height: 1.3; margin: 40px 0 12px; }
.legal-doc h3 { font-size: 1.1rem; margin: 28px 0 8px; }
.legal-doc h4,
.legal-doc h5 { font-size: 1rem; margin: 22px 0 6px; }

.legal-doc p { margin: 0 0 14px; }
.legal-doc ul,
.legal-doc ol { margin: 0 0 16px; padding-inline-start: 1.35rem; }
.legal-doc li { margin: 0 0 6px; }

.legal-doc hr {
  border: 0;
  border-top: 1px solid currentColor;
  opacity: .14;
  margin: 30px 0;
}

.legal-doc blockquote {
  margin: 16px 0;
  padding: 12px 16px;
  border-inline-start: 3px solid currentColor;
  opacity: .88;
}

.legal-meta,
.legal-note {
  font-size: .8125rem;
  margin: 0 0 6px;
  opacity: .66;
}
.legal-note { margin-bottom: 26px; }

.legal-msg { padding: 40px 0; opacity: .7; }

/* Geniş cədvəl öz içində sürüşür — səhifənin özü heç vaxt üfüqi sürüşmür. */
.legal-tablewrap { overflow-x: auto; margin: 18px 0; }
.legal-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 30rem;
  font-size: .9375rem;
}
.legal-table th,
.legal-table td {
  border: 1px solid currentColor;
  border-color: color-mix(in srgb, currentColor 18%, transparent);
  padding: 9px 11px;
  text-align: start;
  vertical-align: top;
}
.legal-table th { font-weight: 600; }

@media (max-width: 640px) {
  .legal-doc { font-size: .9375rem; }
  .legal-doc h1 { font-size: 1.5rem; }
  .legal-doc h2 { font-size: 1.2rem; }
}

/* Hüquqi mətndə link linkə oxşamalıdır — burada keçid çox vaxt hüququn özünü
   həyata keçirən addımdır (silmə səhifəsi, digər sənəd), naviqasiya bəzəyi yox. */
.container--reading a { text-decoration: underline; text-underline-offset: 2px; }
.container--reading .legal-crumb a { text-decoration: none; }