.discipline-page { background: #fff; }
.discipline-page .inner-banner-photo img { left: 0; top: -77.65%; width: 100%; height: 317.84%; object-fit: cover; }
.discipline-content { padding-top: 30px; padding-bottom: 68px; }
.discipline-row { position: relative; height: 90px; }
.discipline-row-link { position: relative; display: block; height: 100%; overflow: hidden; background: #fff; box-shadow: inset 0 -1px #d9d9d9; color: var(--text); transition: color .16s linear; }
.discipline-row-link::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(#00683df2, #00683df2), url('../img/index/hospital-panorama.png'); background-position: center; background-size: cover; opacity: 0; transition: opacity .16s linear; pointer-events: none; }
.discipline-row-link > * { z-index: 1; }
.discipline-row-link:hover, .discipline-row-link:focus-visible { color: #fff; }
.discipline-row-link:hover::before, .discipline-row-link:focus-visible::before { opacity: 1; }
.discipline-clock { position: absolute; left: 2.19%; top: 40%; }
.discipline-clock img { display: block; }
.discipline-clock img:first-child { transition: opacity .16s linear; }
.discipline-clock-white { position: absolute; inset: 0; opacity: 0; transition: opacity .16s linear; }
.discipline-row-link:hover .discipline-clock img:first-child, .discipline-row-link:focus-visible .discipline-clock img:first-child { opacity: 0; }
.discipline-row-link:hover .discipline-clock-white, .discipline-row-link:focus-visible .discipline-clock-white { opacity: 1; }
.discipline-row time { position: absolute; left: 4.19%; top: 30px; font-size: 18px; line-height: 30px; letter-spacing: 1.6px; white-space: nowrap; }
.discipline-row time span { display: inline; }
.discipline-divider { position: absolute; left: 13.51%; top: 30px; width: 3px; height: 30px; background: var(--green); transition: background-color .16s linear; }
.discipline-row-link:hover .discipline-divider, .discipline-row-link:focus-visible .discipline-divider { background: #fff; }
.discipline-row h3 { position: absolute; left: 15.23%; right: 4%; top: 30px; overflow: hidden; font-size: 18px; font-weight: 400; line-height: 30px; letter-spacing: .8px; white-space: nowrap; text-overflow: ellipsis; }
.discipline-content .news-pagination { margin-top: 40px; }
@media (prefers-reduced-motion: reduce) { .discipline-row-link, .discipline-row-link::before, .discipline-clock img, .discipline-divider { transition: none; } }
@media (max-width: 767px) {
	.discipline-page .inner-banner-photo img { left: -25%; top: -15%; width: 200%; max-width: none; height: auto; object-fit: cover; }
	.discipline-content { width: min(calc(100% - 32px), 540px); padding-top: 24px; padding-bottom: 44px; }
	.discipline-row { height: auto; min-height: 90px; }
	.discipline-row-link { display: grid; grid-template-columns: 18px minmax(0, 1fr); column-gap: 12px; align-items: start; padding: 19px 12px; }
	.discipline-clock { position: relative; left: auto; top: auto; grid-column: 1; grid-row: 1; margin-top: 2px; }
	.discipline-row time { position: relative; left: auto; top: auto; grid-column: 2; grid-row: 1; font-size: 13px; line-height: 22px; letter-spacing: .6px; }
	.discipline-row time span { display: inline; }
	.discipline-divider { position: relative; left: auto; top: auto; grid-column: 1; grid-row: 2; width: 3px; height: 24px; margin: 7px auto 0; }
	.discipline-row h3 { position: relative; left: auto; right: auto; top: auto; grid-column: 2; grid-row: 2; margin-top: 6px; font-size: 16px; line-height: 24px; white-space: normal; }
	.discipline-content .news-pagination { margin-top: 30px; }
}