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

:root {
  --om-pine: #1f4e3d;
  --om-pine-soft: #2e6b55;
  --om-lemon: #e9c46a;
  --om-ink: #1b2a24;
  --om-mute: #5c6d66;
  --om-line: #dfe7e2;
  --om-bg: #f6f8f4;
  --om-card: #ffffff;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--om-card);
  color: var(--om-ink);
  font: 14px/1.75 Verdana, Geneva, sans-serif;
}

a { color: var(--om-pine-soft); }

.OmTop {
  padding: 16px 20px;
  text-align: center;
  background: var(--om-card);
  border-bottom: 6px solid var(--om-pine);
}

.OmTopBrand {
  font-size: 21px;
  font-weight: 700;
  letter-spacing: .1em;
  text-decoration: none;
  color: var(--om-pine);
}

.OmDocHead {
  max-width: 820px;
  margin: 0 auto;
  padding: 40px 20px 26px;
}

.OmDocHead h1 {
  font-size: clamp(24px, 3.8vw, 34px);
  line-height: 1.25;
  color: var(--om-pine);
}

.OmDocHead p {
  margin-top: 6px;
  font-size: 12px;
  color: var(--om-mute);
}

.OmSummary {
  margin-top: 20px;
  padding: 16px 18px;
  background: #fbf3dc;
  border-left: 5px solid var(--om-lemon);
}

.OmStripes { width: 100%; }

.OmStripe { padding: 26px 20px; }

.OmStripe:nth-child(odd) { background: var(--om-bg); }

.OmStripeIn { max-width: 820px; margin: 0 auto; }

.OmStripe h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  font-size: 17px;
  color: var(--om-pine);
}

.OmStripe h2 span {
  flex: none;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--om-pine);
  font-size: 13px;
  color: var(--om-lemon);
}

.OmStripe p + p,
.OmStripe p + ul,
.OmStripe ul + p { margin-top: 8px; }

.OmStripe ul { padding-left: 20px; }

.OmFooter {
  margin-top: auto;
  padding: 24px 20px;
  text-align: center;
  background: var(--om-pine);
  color: #cfe0d8;
}

.OmFooterInner { max-width: 880px; margin: 0 auto; }

.OmFooterNav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px 22px;
  margin-bottom: 12px;
}

.OmFooterNav a { font-size: 12px; color: var(--om-lemon); text-decoration: none; }

.OmFooterContacts { margin-bottom: 10px; font-size: 12px; line-height: 1.7; }

.OmFooterContacts a { color: #fff; }

.OmFooterCopy { font-size: 12px; margin-bottom: 8px; }

.OmFooterLegal {
  max-width: 760px;
  margin: 0 auto;
  font-size: 11px;
  line-height: 1.7;
  color: #9fbbb0;
}