@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/onest-cyrillic-400-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/onest-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/onest-cyrillic-600-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/onest-latin-600-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/unbounded-cyrillic-700-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/unbounded-latin-700-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: light only;
  font-family: "Onest", "Helvetica Neue", Arial, sans-serif;
  color: #151f27;
  background: #fbf9f4;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-size: 16px; line-height: 1.65; }
a { color: #2540de; text-underline-offset: 0.2em; overflow-wrap: anywhere; }
a:hover { text-decoration-thickness: 2px; }
:focus-visible { outline: 3px solid #2540de; outline-offset: 4px; }

.site-header,
main { width: min(100%, 1200px); margin-inline: auto; padding-inline: clamp(16px, 4vw, 36px); }
.site-header { padding-block: 24px; }
.wordmark { font-family: "Unbounded", sans-serif; font-size: 24px; font-weight: 700; color: #151f27; text-decoration: none; }
.wordmark span { color: #d95e24; }
.document-nav { display: flex; flex-wrap: wrap; gap: 12px 24px; padding-block: 12px 24px; }
.bottom-nav { padding-block: 28px 48px; }
.document { min-width: 0; padding: clamp(20px, 4vw, 48px); border: 1px solid #e4dfd4; border-radius: 24px; background: #fff; overflow-wrap: anywhere; }
.document h1 { margin: 0 0 32px; font-family: "Unbounded", sans-serif; font-weight: 700; font-size: clamp(22px, 3vw, 36px); line-height: 1.35; text-wrap: balance; }
.document h2 { margin: 40px 0 16px; font-size: clamp(20px, 2vw, 24px); font-weight: 600; line-height: 1.4; }
.document p { margin: 0 0 16px; }
.document ul,
.document ol { margin: 0 0 20px; padding-left: 24px; }
.document li { padding-left: 4px; margin-bottom: 8px; }
.document strong { font-weight: 600; }
.table-scroll { max-width: 100%; overflow-x: auto; margin-block: 20px 24px; border: 1px solid #cdc6b8; border-radius: 12px; }
table { width: 100%; border-collapse: collapse; }
th,
td { min-width: 150px; padding: 14px 16px; border-bottom: 1px solid #e4dfd4; border-right: 1px solid #e4dfd4; vertical-align: top; text-align: left; }
th { font-weight: 600; background: #f2efe7; }
th:last-child,
td:last-child { border-right: 0; }
tbody tr:last-child td { border-bottom: 0; }
.document td p,
.document th p { margin: 0; }
.document td p + p,
.document th p + p { margin-top: 8px; }

@media (max-width: 480px) {
  .document { border-radius: 16px; }
  .document-nav { gap: 10px 20px; }
}