/* ===== «Твій район» → громади ОТГ (Малин / Овруч / Олевськ) =====
 * Оверрайд блоку districts на головній korosten.today. Базові класи
 * .block / .sec-head / .list-card / .i беруться з parent home.css —
 * тут лише сітка колонок і шапка громади. */

.otg .otg-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  align-items: start;
}

.otg .otg-col{
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

/* Шапка громади — клікабельна, у стилі district-картки parent-теми. */
.otg .otg-head{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 16px;
  background: var(--ink);
  color: var(--paper);
  border-radius: var(--radius);
  text-decoration: none;
  transition: transform .15s, background .15s;
}
.otg .otg-head:hover{ transform: translateY(-2px); background: var(--red); }

.otg .otg-name{
  font-family: 'Unbounded';
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -.01em;
  overflow-wrap: break-word;
  word-break: keep-all;
  hyphens: manual;
}
.otg .otg-count{
  font-family: 'Manrope';
  font-weight: 700;
  font-size: 12px;
  color: rgba(250,247,240,.7);
  white-space: nowrap;
}

/* Список новин громади росте на повну висоту колонки. */
.otg .otg-col .list-card{ flex: 1 1 auto; }

.otg .otg-empty{
  color: var(--muted);
  font-size: 13px;
  padding: 18px 0;
  margin: 0;
}

@media (max-width: 900px){
  .otg .otg-grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px){
  .otg .otg-grid{ grid-template-columns: 1fr; }
}