:root{--brand:#0e1b2e;--accent:#f0b429;--bg:#f7f8fb;--card:#fff;--text:#1b1f2a;--muted:#6b7280}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg)}
.nav{background:var(--brand);color:#fff;padding:14px 20px;display:flex;gap:18px;align-items:center}
.nav .logo{font-weight:700;letter-spacing:.3px}
.nav a{color:#fff;text-decoration:none;opacity:.9}
.nav a:hover{opacity:1;text-decoration:underline}
.container{max-width:1200px;margin:24px auto;padding:0 16px}
h1{margin:0 0 14px 0;font-size:22px}
.card{background:var(--card);border:1px solid #e5e7eb;border-radius:10px;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.actions{margin:10px 0 18px;display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-block;padding:8px 12px;border-radius:8px;border:1px solid transparent;text-decoration:none;font-weight:600;font-size:14px}
.btn-primary{background:var(--accent);color:#2b2b2b}
.btn-outline{background:#fff;color:var(--brand);border-color:var(--brand)}
table{border-collapse:collapse;width:100%}
th,td{border:1px solid #e5e7eb;padding:6px 8px;font-size:14px}
th{background:#f3f4f6;position:sticky;top:0;z-index:1}
tr:nth-child(even):not(.yellow):not(.green) td{background:#fafafa}
tr.yellow td{background:#fff7b3 !important}
tr.green  td{background:#c6f3d5 !important}
.footer{color:var(--muted);font-size:12px;margin-top:10px}

/* --- Разделители групп --- */
tr.culture-sep td {
  border-top: 3px solid #cbd5e1; /* заметнее обычного (1px #e5e7eb) */
}

tr.region-sep td {
  border-top: 4px solid var(--brand); /* ещё более выраженный разделитель */
  /* опционально подсветить фоном первый ряд новой области:
  background: #f8fafc;
  */
}