* { scrollbar-width: none; }
*::-webkit-scrollbar { display: none; }

:root { color-scheme: dark; }
:focus { outline: none; }
:focus-visible { outline: 2px solid #3a3a38; outline-offset: 3px; }

body {
  margin: 0;
  background: #0a0a0a;
  color: #f4f4ef;
  font-family: "General Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

.wrap { max-width: 720px; margin: 0 auto;
  padding: 34px 22px calc(80px + min(env(safe-area-inset-bottom, 0px), 34px)); }

.legal-top {
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  margin-bottom: 30px;
}
a.back {
  color: #8c8c88; text-decoration: none; font-size: 13.5px;
  display: inline-flex; align-items: center; gap: 7px; transition: color .16s;
}
a.back:hover { color: #f4f4ef; }
a.back::before { content: "\2190"; font-size: 15px; }
[dir="rtl"] a.back::before { content: "\2192"; }

.lang-switch { flex: none; position: relative; }
#langbtn {
  appearance: none; border: none; cursor: pointer; display: inline-flex; align-items: center;
  gap: 7px; height: 40px; background: #141414; border-radius: 12px; padding: 0 13px;
  font-family: inherit; font-size: 12px; letter-spacing: .06em; color: #f4f4ef;
  transition: background .18s;
}
#langbtn:hover, #langbtn:focus-visible { background: #1a1a1a; }
.lang-chev { flex-shrink: 0; transition: transform .2s cubic-bezier(.2,0,0,1); }
#langbtn[aria-expanded="true"] .lang-chev { transform: rotate(180deg); }
#langlist {
  position: absolute; top: calc(100% + 8px); inset-inline-end: 0; min-width: 158px;
  display: flex; flex-direction: column; gap: 2px; padding: 5px;
  max-height: 60vh; overflow-y: auto; -webkit-overflow-scrolling: touch;
  border-radius: 14px; background: #141414; box-shadow: 0 22px 40px -18px rgba(0,0,0,.9);
  z-index: 60; transition: opacity .18s, transform .18s;
  opacity: 0; transform: translateY(-6px); pointer-events: none; visibility: hidden;
}
#langlist[data-open="1"] { opacity: 1; transform: translateY(0); pointer-events: auto; visibility: visible; }
#langlist button {
  appearance: none; border: none; cursor: pointer; text-align: start; width: 100%;
  font-family: inherit; font-size: 12.5px; letter-spacing: .03em;
  padding: 11px 13px; border-radius: 10px; background: transparent; color: #8c8c88;
  transition-property: background, color; transition-duration: .16s;
}
#langlist button:hover { background: #1a1a1a; color: #cfccc3; }
#langlist button[aria-selected="true"] { background: #1f1f1f; color: #f4f4ef; }

h1 { font-size: 25px; letter-spacing: -0.02em; line-height: 1.2; margin: 0 0 4px; }
h2 {
  font-size: 17px; letter-spacing: -0.01em; line-height: 1.3;
  margin: 34px 0 10px; color: #f4f4ef;
}
h2:first-of-type { margin-top: 22px; }

p, li { font-size: 14.5px; line-height: 1.75; color: #cfccc3; }
p { margin: 0 0 14px; }
p b, li b { color: #f4f4ef; }

.date { font-size: 12.5px; font-style: normal; color: #8c8c88; margin: 0 0 22px; }
.date + p { font-size: 15.5px; line-height: 1.7; color: #f4f4ef; margin-bottom: 26px; }

ul { margin: 0 0 16px; padding-inline-start: 0; list-style: none; }
li { margin-bottom: 9px; padding-inline-start: 18px; position: relative; }
li::before {
  content: ""; position: absolute; inset-inline-start: 4px; top: 0.62em;
  width: 5px; height: 5px; border-radius: 50%; background: #8c8c88;
}

a { color: #ffffff; text-underline-offset: 3px; }
em { color: #a9a69d; font-style: normal; }

.wrap > [data-lang] > * { max-width: 62ch; }
.wrap > [data-lang] { display: none; }
.wrap > [data-lang].on { display: block; }

footer {
  margin-top: 46px; color: #5c5c5e; font-size: 12px;
  max-width: none;
}
footer a { color: #8c8c88; text-decoration: none; }
footer a:hover { color: #cfccc3; }

@media (max-width: 560px) {
  .wrap { padding-top: 24px; }
  h1 { font-size: 22px; }
  h2 { font-size: 16px; margin-top: 28px; }
}

*{font-weight:var(--ui-weight,650)!important;font-synthesis:none}