/* Страницы документов Falcon Freight: спокойный текст для чтения,
   те же цвета и шрифты, что на главной. */

/* fonts:start (шрифты лежат у нас в fonts/, лицензия OFL-1.1) */
@font-face { font-family: "Sofia Sans Extra Condensed"; font-style: normal; font-weight: 800; font-display: swap; src: url("fonts/sofia-sans-extra-condensed-cyrillic-ext-800-normal.woff2") format("woff2"); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; }
@font-face { font-family: "Sofia Sans Extra Condensed"; font-style: normal; font-weight: 800; font-display: swap; src: url("fonts/sofia-sans-extra-condensed-cyrillic-800-normal.woff2") format("woff2"); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: "Sofia Sans Extra Condensed"; font-style: normal; font-weight: 800; font-display: swap; src: url("fonts/sofia-sans-extra-condensed-latin-800-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: "Sofia Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/sofia-sans-cyrillic-ext-400-normal.woff2") format("woff2"); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; }
@font-face { font-family: "Sofia Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/sofia-sans-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: "Sofia Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/sofia-sans-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: "Sofia Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/sofia-sans-cyrillic-ext-600-normal.woff2") format("woff2"); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; }
@font-face { font-family: "Sofia Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/sofia-sans-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: "Sofia Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/sofia-sans-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: "Sofia Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/sofia-sans-cyrillic-ext-700-normal.woff2") format("woff2"); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; }
@font-face { font-family: "Sofia Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/sofia-sans-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: "Sofia Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/sofia-sans-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; }
/* fonts:end */

:root {
  --navy: #0B1F3A;
  --paper: #F3F0E9;
  --orange: #F28C28;
  --rust: #9A4409;
  --sky: #2560CF;
  --display: "Sofia Sans Extra Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;
  --text: "Sofia Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--paper);
  color: var(--navy);
  font: 400 1.0625rem/1.6 var(--text);
  -webkit-font-smoothing: antialiased;
  text-size-adjust: 100%;
}

a { color: inherit; text-underline-offset: 3px; }
a:focus-visible { outline: 3px solid var(--sky); outline-offset: 3px; }

.doc-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 20px;
  border-bottom: 6px solid var(--orange);
}
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.brand-mark { display: block; width: auto; height: 30px; }
.brand-arc { fill: var(--rust); }
.brand-name { font: 800 1.5rem/1 var(--display); letter-spacing: .05em; text-transform: uppercase; }
.ico { display: block; flex: none; width: 22px; height: 22px; }
.wa { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: .9375rem; text-decoration: none; white-space: nowrap; }
.wa:hover span { text-decoration: underline; }

.doc { max-width: 44rem; margin: 0 auto; padding: 28px 20px 40px; }
.doc h1 {
  margin: 0 0 .25rem;
  font: 800 clamp(2.25rem, 9vw, 3.5rem) / .95 var(--display);
  letter-spacing: .012em;
  text-transform: uppercase;
  text-wrap: balance;
}
.doc-date { margin: 0 0 1rem; color: #3B4A63; font-size: .9375rem; }
.doc-draft {
  margin: 0 0 1.25rem;
  padding: 10px 14px;
  border-left: 6px solid var(--orange);
  background: #E9E4D8;
  font-weight: 600;
}
.doc-lead { margin: 0 0 .75rem; }
.doc-nav { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 1.25rem 0 0; font-weight: 600; font-size: .9375rem; }
.doc section { margin-top: 1.75rem; }
.doc h2 { margin: 0 0 .5rem; font: 700 1.25rem/1.3 var(--text); }
.doc p { margin: 0 0 .6rem; }
.doc ul { margin: 0 0 .6rem; padding-left: 1.2em; }
.doc li { margin-bottom: .3rem; }

.doc-foot { padding: 18px 20px 28px; background: var(--navy); color: var(--paper); font-size: .875rem; }
.doc-foot a { text-decoration: none; }

@media (min-width: 900px) {
  .doc-top { padding: 20px 6vw; }
  .brand-mark { height: 36px; }
  .wa { font-size: 1.0625rem; }
  .doc { padding-top: 44px; }
}