:root { color-scheme: light; --bg:#eee9e2; --ink:#1b1a1a; --muted:#69635c; --line:rgba(70,63,56,.2); }
* { box-sizing:border-box; }
html { background:var(--bg); }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 85% 10%,rgba(239,194,187,.2),transparent 28rem),var(--bg); font-family:"Manrope",Arial,sans-serif; }
.legal-header { position:sticky; top:0; z-index:5; display:flex; align-items:center; justify-content:space-between; min-height:72px; padding:12px clamp(20px,4vw,72px); border-bottom:1px solid var(--line); background:rgba(238,233,226,.88); backdrop-filter:blur(18px); }
.legal-brand { display:flex; align-items:center; gap:14px; color:inherit; text-decoration:none; font-family:"Oranienbaum",serif; font-size:26px; letter-spacing:.16em; text-transform:uppercase; }
.legal-brand img { width:38px; height:38px; }
.legal-back { color:inherit; font-size:12px; text-transform:uppercase; text-underline-offset:4px; }
.legal-page { padding:clamp(44px,7vw,100px) 20px 100px; }
.legal-document { width:min(100%,900px); margin:auto; padding:clamp(28px,5vw,72px); border:1px solid var(--line); border-radius:24px; background:rgba(251,248,244,.72); box-shadow:0 30px 90px rgba(65,50,38,.08); }
.legal-kicker { margin:0 0 18px !important; color:var(--muted); font-size:11px !important; letter-spacing:.18em; text-transform:uppercase; }
.legal-document h1 { margin:0 0 18px; font-family:"Oranienbaum",serif; font-size:clamp(42px,7vw,78px); font-weight:400; line-height:.98; letter-spacing:.045em; text-transform:uppercase; }
.legal-subtitle { max-width:740px; margin:0 0 28px !important; color:var(--muted); font-size:16px !important; }
.legal-revision { margin:0 0 34px !important; color:var(--muted); font-size:13px !important; }
.legal-document h2 { margin:40px 0 15px; padding-top:26px; border-top:1px solid var(--line); font-family:"Oranienbaum",serif; font-size:30px; font-weight:400; letter-spacing:.04em; }
.legal-document p { margin:0 0 13px; font-size:15px; line-height:1.7; }
.legal-document ul { margin:0 0 18px; padding-left:24px; }
.legal-document li { margin:0 0 8px; font-size:15px; line-height:1.65; }
.legal-lead { margin-top:18px !important; }
@media(max-width:620px){ .legal-header{min-height:60px}.legal-brand{font-size:21px}.legal-back{font-size:10px}.legal-document{padding:28px 20px;border-radius:18px}.legal-document h1{font-size:42px}.legal-document h2{font-size:25px}.legal-document p{font-size:14px;line-height:1.65} }

/* LILA_LEGAL_READABILITY_R11_20260716 */

.legal-document {
  overflow-wrap: anywhere;
}

.legal-document h1 {
  max-width: 100%;
  font-size: clamp(36px, 4.7vw, 58px) !important;
  line-height: 1.08 !important;
  letter-spacing: .035em !important;
  overflow-wrap: anywhere;
}

.legal-document h2 {
  font-size: 26px !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere;
}

.legal-document p,
.legal-document a {
  overflow-wrap: anywhere;
}

.legal-requisites {
  display: grid;
  gap: 7px;
  margin: 0 0 18px;
  padding: 18px 20px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(238, 233, 226, .48);
}

.legal-requisites p {
  margin: 0 !important;
}

@media (max-width: 620px) {
  .legal-header {
    gap: 12px;
  }

  .legal-brand {
    flex: 0 1 auto;
    min-width: 0;
    font-size: 18px;
  }

  .legal-brand img {
    width: 32px;
    height: 32px;
  }

  .legal-back {
    max-width: 118px;
    text-align: right;
    line-height: 1.3;
  }

  .legal-document h1 {
    font-size: 32px !important;
    line-height: 1.1 !important;
  }

  .legal-document h2 {
    margin-top: 32px;
    padding-top: 20px;
    font-size: 21px !important;
  }

  .legal-requisites {
    padding: 15px 16px;
  }

  .legal-document li {
    font-size: 14px;
  }
}
