:root {
  --zel: #2f7d4f;
  --temn: #1c2b22;
  --fon: #f6f8f5;
  --seryy: #6b7770;
  --liniya: #dde5df;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
  color: var(--temn);
  background: var(--fon);
  line-height: 1.6;
}
header {
  display: flex; justify-content: space-between; align-items: center;
  padding: 14px 22px; background: #fff; border-bottom: 1px solid var(--liniya);
  position: sticky; top: 0; z-index: 10;
}
.logo { font-weight: 700; font-size: 19px; color: var(--zel); text-decoration: none; }
nav a { margin-left: 18px; color: var(--temn); text-decoration: none; font-size: 15px; }
nav a:hover { color: var(--zel); }
main { max-width: 820px; margin: 0 auto; padding: 28px 22px 60px; }
h1 { font-size: 26px; margin-top: 8px; }
footer { text-align: center; color: var(--seryy); font-size: 13px; padding: 24px; border-top: 1px solid var(--liniya); }

.statyi { list-style: none; padding: 0; }
.statyi li { padding: 16px 0; border-bottom: 1px solid var(--liniya); }
.statyi a { color: var(--temn); text-decoration: none; font-size: 18px; }
.statyi a:hover { color: var(--zel); }
.statyi p { margin: 6px 0; color: var(--seryy); }
.statyi small, article small { color: var(--seryy); font-size: 13px; }
.pusto { color: var(--seryy); padding: 40px 0; text-align: center; }
.admin-hint { background: #eaf5ee; padding: 10px 14px; border-radius: 8px; }
.admin-hint a { color: var(--zel); }

.razdely { margin: 16px 0 22px; display: flex; flex-wrap: wrap; gap: 8px; }
.razdely a {
  padding: 6px 14px; border: 1px solid var(--liniya); border-radius: 20px;
  color: var(--temn); text-decoration: none; font-size: 14px; background: #fff;
}
.razdely a.akt { background: var(--zel); color: #fff; border-color: var(--zel); }

table.docs { width: 100%; border-collapse: collapse; }
table.docs th, table.docs td { text-align: left; padding: 10px 8px; border-bottom: 1px solid var(--liniya); font-size: 15px; }
table.docs th { color: var(--seryy); font-weight: 600; font-size: 13px; }
table.docs a { color: var(--zel); }

.vhod-box { max-width: 340px; margin: 40px auto; text-align: center; }
.vhod-box input, .vhod-box button {
  width: 100%; padding: 12px; margin: 8px 0; font-size: 16px;
  border: 1px solid var(--liniya); border-radius: 8px;
}
.vhod-box button { background: var(--zel); color: #fff; border: none; cursor: pointer; }
.podskazka { color: var(--seryy); font-size: 14px; }
.oshibka { color: #c0392b; }
.chernovik { background: #fff4e0; padding: 6px 12px; border-radius: 6px; display: inline-block; font-size: 14px; }
article .telo { margin-top: 18px; white-space: pre-wrap; }