/* ТЗ-126 В11 (ТЗ 2.6) — отделы компании; оформление — решение владельца 23.09 (STATUS п. 191.6).

   ОТДЕЛЬНЫЙ ФАЙЛ, а не кусок about.css: блок выводится на ДВУХ страницах,
   «О компании» и «Контакты», а они подключают разные стили. */
.otdely__h2 { margin: 0 0 24px; }

/* руководитель — заметный блок над сеткой */
.otdely__glavnyj {
	display: flex; align-items: center; justify-content: space-between; gap: 24px;
	margin: 0 0 24px; padding: 24px 28px;
	background: #001160; color: #fff; border-radius: 8px;
}
.otdely__glavnyj-name { font-size: 22px; font-weight: 700; margin: 0 0 6px; }
.otdely__glavnyj-opisanie { font-size: 15px; opacity: .85; max-width: 560px; }
.otdely__glavnyj-kontakty { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; flex-shrink: 0; }
.otdely__glavnyj .otdely__contact { color: #fff; }

.otdely__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 20px;
}
.otdely__item {
	display: flex; flex-direction: column;
	padding: 22px 22px 20px;
	border: 1px solid #e3e3e3; border-top: 4px solid #001960;   /* ТЗ-127 ч. 7 п. 5: было оранжевым */
	border-radius: 6px; background: #fff;
	transition: box-shadow .2s;
}
.otdely__item:hover { box-shadow: 0 6px 20px rgba(0, 17, 96, .08); }
.otdely__name { margin: 0 0 6px; font-weight: 700; font-size: 18px; color: #001160; }
.otdely__text { margin: 0 0 12px; font-size: 15px; color: #555; }
.otdely__povody-zag { font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: #999; margin: 0 0 6px; }
.otdely__povody { margin: 0 0 14px; padding: 0 0 0 18px; font-size: 15px; color: #333; }
.otdely__povody li { margin: 0 0 3px; list-style: disc; }
.otdely__contacts { display: flex; flex-direction: column; gap: 6px; margin: auto 0 14px; }
.otdely__contact { color: #001960; text-decoration: none; word-break: break-word; font-weight: 600; }
.otdely__contact:hover { text-decoration: underline; }
.otdely__button { align-self: flex-start; }

@media (max-width: 760px) {
	.otdely__glavnyj { flex-direction: column; align-items: flex-start; padding: 20px; }
	.otdely__glavnyj-kontakty { align-items: flex-start; }
}
@media (max-width: 640px) {
	.otdely__list { grid-template-columns: 1fr; gap: 12px; }
	.otdely__item { padding: 16px; }
}