@font-face {
  font-family: "Open Sans";
  src: url("../fonts/opensans.woff") format("woff");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/opensans-semibold.woff") format("woff");
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/opensans-bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
}

:root {
  --shell-width: 1030px;
  --content-width: 860px;
  --content-gutter: 85px;
  --panel-top-padding: 42px;
  --space-sm: 22px;
  --space-lg: 32px;
  --table-grid-color: #7f7f7f;
  --table-header-fill: #c5d8e5;
  --source-blue: #3c94ff;
  --source-light-blue: #67ccf8;
  --source-lowvision-blue: #3c6eff;
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  scrollbar-gutter: stable;
  background: #fff url("../images/1236.jpg") repeat center top fixed;
}

body {
  min-width: 1280px;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  margin: 0;
  color: #000;
  background: transparent;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.375;
  text-rendering: optimizeLegibility;
}

body > main {
  flex: 1 0 auto;
}

body > .site-header,
body > .site-footer {
  flex-shrink: 0;
}

a {
  color: #0000ff;
}

.site-header,
main,
.site-footer {
  width: var(--shell-width);
  margin-left: auto;
  margin-right: auto;
}

.site-header {
  height: 281px;
  background: #fff;
}

.utility-bar {
  position: relative;
  height: 92px;
  background: rgba(60, 148, 255, 0.8);
  color: #fff;
  font-size: 16px;
  line-height: 19px;
}

.utility-addresses {
  position: absolute;
  top: 6px;
  left: 120px;
  z-index: 30;
}


.utility-address:first-child {
  width: 202px;
}

.utility-address:nth-child(2) {
  width: 285px;
}

.utility-address__label {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  padding: 0;
  border: 0;
  appearance: none;
  background: transparent;
  color: #fff;
  font: inherit;
  line-height: 19px;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}



.utility-address__menu {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  width: 299px;
  padding: 7px 6px;
  background: #fff;
  color: #000;
  box-shadow: 0 0 8px rgba(127, 127, 127, 0.5);
  font-size: 16px;
  line-height: 19px;
  z-index: 60;
}


.utility-phones {
  position: absolute;
  top: 16px;
  left: 420px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 148px;
}

.utility-phone {
  height: 22px;
  white-space: nowrap;
}

.booking-link,
.lowvision-link {
  position: absolute;
  top: 26px;
  width: 140px;
  height: 40px;
  color: #fff;
  text-decoration: none;
  text-align: center;
}

.booking-link {
  left: 588px;
  padding-top: 10px;
  background: var(--source-blue) url("../images/talon_by_button.jpg") repeat left top;
  line-height: 19px;
}

.lowvision-link {
  left: 747px;
  width: 139px;
  padding-top: 1px;
  background: var(--source-lowvision-blue);
  line-height: 19px;
}



.language-slot {
  position: absolute;
  top: 26px;
  left: 955px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

.brand-area {
  position: relative;
  height: 132px;
  background: #fff;
}

.brand-logo {
  position: absolute;
  top: 18px;
  left: 85px;
  width: 71px;
  height: 96px;
}

.brand-title {
  position: absolute;
  top: 31px;
  left: 0;
  width: 100%;
  min-height: 62px;
  padding-top: 24px;
  color: var(--source-blue);
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.primary-nav {
  position: relative;
  display: flex;
  gap: 0;
  width: auto;
  height: 57px;
  margin-left: 111px;
  background: #fff;
  align-items: flex-start;
}

.primary-nav > a,
.nav-dropdown__label {
  display: block;
  height: 40px;
  border: 0;
  background: var(--source-blue);
  color: #fff;
  font: inherit;
  line-height: 19px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.primary-nav > a:not(.nav-electronic) {
  padding-top: 10px;
}

.nav-electronic {
  padding-top: 1px;
}


.primary-nav > a {
  position: relative;
}


.primary-nav > a:hover,
.primary-nav > a:focus-visible,
.nav-dropdown:hover > .nav-dropdown__label,
.nav-dropdown:focus-within > .nav-dropdown__label {
  background: #fff;
  color: var(--source-blue);
  outline: none;
}

.nav-home { width: 85px; }
.nav-about { width: 78px; margin-left: 15px; }
.nav-services { width: 75px; margin-left: 16px; }
.nav-window { width: 105px; margin-left: 15px; }
.nav-info { width: 140px; margin-left: 15px; }
.nav-contacts { width: 101px; margin-left: 16px; }
.nav-electronic { width: 132px; margin-left: 15px; }

.utility-address,
.nav-dropdown {
  position: relative;
  height: 40px;
}


.nav-dropdown__label {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  padding: 0;
  appearance: none;
  line-height: 19px;
}

.utility-address__text,
.nav-dropdown__text {
  position: absolute;
  top: 10px;
  left: 0;
  right: 14px;
  line-height: 19px;
  text-align: center;
}


.utility-address__label::after,
.nav-dropdown__label::after {
  content: "";
  position: absolute;
  top: 13px;
  right: 0;
  width: 14px;
  height: 14px;
  background: url("../images/arrowmenudown.png") no-repeat center;
}


.nav-dropdown__menu {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  width: 299px;
  background: #fff;
  box-shadow: 0 0 8px rgba(127, 127, 127, 0.5);
  z-index: 50;
}

.nav-dropdown__menu a {
  display: block;
  min-height: 33px;
  padding: 7px 8px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  text-decoration: none;
  white-space: nowrap;
}

.nav-dropdown__menu a:hover,
.nav-dropdown__menu a:focus-visible {
  font-weight: 700;
  outline: none;
}

.utility-address:hover .utility-address__menu,
.utility-address:focus-within .utility-address__menu,
.nav-dropdown:hover > .nav-dropdown__menu,
.nav-dropdown:focus-within > .nav-dropdown__menu {
  display: block;
}

.nav-dropdown.is-dismissed > .nav-dropdown__menu,
.utility-address.is-dismissed > .utility-address__menu {
  display: none;
}

main {
  margin-top: 31px;
}

.content-panel {
  width: 100%;
  padding-top: var(--panel-top-padding);
  padding-right: var(--content-gutter);
  padding-bottom: var(--space-lg);
  padding-left: var(--content-gutter);
  background: #fff;
}


.content-panel > :last-child {
  margin-bottom: 0;
}


.content-image {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto var(--space-lg);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
}


.page-context {
  width: var(--content-width);
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: left;
}

.page-title {
  margin: 0 0 var(--space-lg);
  font-size: 30px;
  font-weight: 400;
  line-height: 42px;
}


.content-stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.content-stack--large {
  gap: var(--space-lg);
}

.content-stack > * {
  margin-top: 0;
  margin-bottom: 0;
}

.content-prose {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
}

.content-heading {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
}


.article-date {
  font-size: 9px;
  font-weight: 400;
  line-height: 11px;
  color: #7f7f7f;
}

.article-prose {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: justify;
}



.news-list.directory-list {
  margin-bottom: var(--space-lg);
}

.news-item__title {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
}

.pagination {
  display: flex;
  justify-content: center;
  gap: var(--space-sm);
  font-size: 16px;
  line-height: 22px;
}

.pagination a {
  color: #0000ff;
  font-weight: 400;
  text-decoration: none;
}

.pagination__current {
  color: #000;
  font-weight: 700;
}

.pagination__ellipsis {
  color: #000;
  font-weight: 400;
}

.contact-org {
  margin: 0 0 var(--space-sm);
}

.capsule-list {
  margin: 0 0 var(--space-sm) 42px;
  padding: 0;
  list-style: none;
}

.content-stack > .capsule-list {
  margin-bottom: 0;
}

.capsule-list li {
  position: relative;
  min-height: 32px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}

.capsule-list li::before {
  content: "";
  position: absolute;
  top: 13px;
  left: -22px;
  width: 9px;
  height: 4px;
  border-radius: 999px;
  background: var(--source-light-blue);
}

.contact-superior {
  margin: 0 0 var(--space-lg);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.map-embed {
  width: var(--content-width);
  height: 542px;
  background: #ddd;
}

.map-embed iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}


.form-embed {
  width: 640px;
  margin-right: auto;
  margin-left: auto;
}

.form-embed iframe {
  display: block;
  width: 100%;
  border: 0;
}

.site-footer {
  height: 59px;
  margin-top: 31px;
  padding-top: 21px;
  background: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
}


body[data-nav-active="about-structure"] .nav-dropdown__menu--about a[href="struktura_polikliniki.html"],
body[data-nav-active="about-admin"] .nav-dropdown__menu--about a[href="rukovodstvo.html"],
body[data-nav-active="about-hours"] .nav-dropdown__menu--about a[href="rezhim_raboty.html"],
body[data-nav-active="about-phones"] .nav-dropdown__menu--about a[href="spisok_telefonov.html"],
body[data-nav-active="about-book"] .nav-dropdown__menu--about a[href="kniga_zamechaniy_i_predlozheniy.html"],
body[data-nav-active="about-vacancies"] .nav-dropdown__menu--about a[href="vakansii.html"],
body[data-nav-active="window-reception"] .nav-dropdown__menu--window a[href="grafik_priema_grazhdan.html"],
body[data-nav-active="window-procedures"] .nav-dropdown__menu--window a[href="perechen_administrativnyh_procedur.html"],
body[data-nav-active="info-health-days"] .nav-dropdown__menu--info a[href="edinye_dni_zdorovya.html"],
body[data-nav-active="info-health-schools"] .nav-dropdown__menu--info a[href="shkoly_zdorovya.html"],
body[data-nav-active="info-covid"] .nav-dropdown__menu--info a[href="vse_o_covid-19.html"],
body[data-nav-active="info-cyber"] .nav-dropdown__menu--info a[href="vse_o_kiberpresrupnosti.html"],
body[data-nav-active="info-union"] .nav-dropdown__menu--info a[href="profsoyuznaya_informatsiya.html"],
body[data-nav-active="info-questionnaire"] .nav-dropdown__menu--info a[href="anketirovanie.html"],
body[data-nav-active="info-news"] .nav-dropdown__menu--info a[href="news.html"] {
  font-weight: 700;
}


.structure-intro {
  margin: 0 0 var(--space-sm);
}

.structure-intro p,
.structure-section-label,
.structure-superior {
  margin: 0;
}


.structure-list {
  margin: 0 0 var(--space-sm) 42px;
}

.structure-section-label,
.structure-superior {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.structure-superior {
  margin-bottom: var(--space-lg);
}

.structure-diagram {
  width: var(--content-width);
  height: 566px;
  object-fit: contain;
}


.staff-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
  width: var(--content-width);
  margin: 0 0 var(--space-lg);
}

.staff-card {
  display: grid;
  grid-template-columns: 261px 505px;
  column-gap: 75px;
  width: 841px;
  min-height: 297px;
  align-items: center;
}

.staff-photo {
  width: 261px;
  height: 297px;
  overflow: hidden;
  border: 5px solid #d6c8ff;
  background: transparent;
}

.staff-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.staff-copy {
  width: 505px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
}

.staff-copy p {
  margin: 0;
}

.staff-name,
.staff-label {
  font-weight: 700;
}

.administration-resources {
  width: var(--content-width);
  margin: 0;
}

.administration-resource {
  margin: 0 0 var(--space-sm);
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

.administration-heading {
  margin: 0 0 var(--space-sm);
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

.administration-directory {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
}

.administration-entry p {
  margin: 0;
}




.work-hours-context {
  margin: 0 0 var(--space-lg);
}

.work-hours-table col {
  width: 33.333333%;
}


body[data-nav-active="contacts"] .nav-contacts::after,
body[data-nav-active="services"] .nav-services::after,
body[data-nav-active="electronic"] .nav-electronic::after,
body[data-nav-active="about-structure"] .nav-about::after,
body[data-nav-active="about-admin"] .nav-about::after,
body[data-nav-active="about-hours"] .nav-about::after,
body[data-nav-active="about-phones"] .nav-about::after,
body[data-nav-active="about-book"] .nav-about::after,
body[data-nav-active="about-vacancies"] .nav-about::after,
body[data-nav-active="window-procedures"] .nav-window::after,
body[data-nav-active="window-reception"] .nav-window::after,
body[data-nav-active="info-health-days"] .nav-info::after,
body[data-nav-active="info-health-schools"] .nav-info::after,
body[data-nav-active="info-cyber"] .nav-info::after,
body[data-nav-active="info-union"] .nav-info::after,
body[data-nav-active="info-questionnaire"] .nav-info::after,
body[data-nav-active="info-news"] .nav-info::after,
body[data-nav-active="home"] .nav-home::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 3px;
  background: #0071bc;
}



.phone-list-context {
  margin: 0 0 var(--space-lg);
}


.semantic-table {
  width: var(--content-width);
  margin-bottom: var(--space-lg);
  border-collapse: collapse;
  font-weight: 400;
}

.semantic-table th,
.semantic-table td {
  border: 2px solid var(--table-grid-color);
}

.semantic-table thead th {
  background: var(--table-header-fill);
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}

.semantic-table--standard {
  table-layout: fixed;
  font-size: 16px;
  line-height: 19px;
}

.semantic-table--standard thead th {
  height: 29px;
  padding: 4px 10px;
}

.semantic-table--standard tbody th,
.semantic-table--standard tbody td {
  height: 45px;
  padding: 2px 16px;
  vertical-align: middle;
}

.semantic-table--standard tbody th[scope="row"] {
  padding-left: 18px;
  font-weight: 400;
  text-align: left;
}

.semantic-table--standard tbody td {
  text-align: center;
}

.semantic-table--standard .semantic-table__section th {
  height: 45px;
  padding: 12px 10px;
  font-weight: 700;
  text-align: center;
}

.phone-list-table col:first-child { width: 33.2558%; }
.phone-list-table col:nth-child(2),
.phone-list-table col:nth-child(3) { width: 33.3721%; }

.phone-list-table tbody td:last-child {
  white-space: nowrap;
}

.phone-list-table tbody td strong {
  font-weight: 700;
  white-space: nowrap;
}


.admin-procedures-intro {
  width: var(--content-width);
  margin: 0 0 var(--space-lg);
}

.admin-procedures-intro h2,
.admin-procedures-intro p {
  margin: 0;
}

.admin-procedures-intro h2 {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.admin-procedures-intro p {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
}

.table-scroll {
  width: var(--content-width);
  margin: 0 0 var(--space-lg);
  overflow-x: auto;
}

.table-scroll > .semantic-table {
  margin-bottom: 0;
}

.admin-procedures-table {
  table-layout: fixed;
  font-size: 15px;
  line-height: 18px;
}

.admin-procedures-table col:nth-child(1) { width: 17.5%; }
.admin-procedures-table col:nth-child(2) { width: 19.5%; }
.admin-procedures-table col:nth-child(3) { width: 16.5%; }
.admin-procedures-table col:nth-child(4) { width: 21.5%; }
.admin-procedures-table col:nth-child(5) { width: 25%; }

.admin-procedures-table thead th {
  padding: 8px 5px;
  font-size: 13px;
  line-height: 15px;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: manual;
}

.admin-procedures-table tbody td {
  padding: 10px 8px;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: manual;
}

.responsible-name {
  text-decoration: underline;
}

.admin-procedures-nowrap {
  white-space: nowrap;
}


.admin-procedures-docs {
  width: var(--content-width);
  margin: 0 0 var(--space-lg);
}

.admin-procedures-docs h2 {
  margin: 0 0 var(--space-sm);
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.admin-procedures-links {
  margin-bottom: 0;
}

.admin-procedures-links li {
  line-height: 22px;
}

.admin-procedures-rating {
  width: var(--content-width);
  margin: 0 0 var(--space-lg);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
}

.admin-procedures-rating p {
  margin: 0;
}

.admin-procedures-qr {
  width: 340px;
  height: 340px;
  margin-right: auto;
  margin-left: auto;
  object-fit: contain;
}



.reception-intro {
  width: var(--content-width);
  margin: 0 0 var(--space-lg);
  font-size: 16px;
  line-height: 22px;
}

.reception-intro h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

.reception-intro p {
  margin: 0;
}

.source-accordion {
  width: var(--content-width);
  margin: 0;
}

.source-accordion__item,
.source-accordion__heading {
  margin: 0;
  padding: 0;
}

.source-accordion__trigger {
  display: block;
  width: 100%;
  min-height: 38px;
  padding: 10px;
  border: 1px solid #fff;
  border-radius: 10px;
  background: #a3bc6f;
  color: #fff;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  cursor: pointer;
  outline: none;
  transition: background-color 120ms linear, color 120ms linear;
}

.source-accordion__trigger:hover,
.source-accordion__trigger:active,
.source-accordion__trigger:focus-visible {
  background: #d1d1d1;
  color: #545454;
  font-weight: 700;
}

.source-accordion__trigger[aria-expanded="true"] {
  background: #63a9ff;
  color: #000;
  font-weight: 700;
}

.source-accordion__panel {
  height: 0;
  overflow: hidden;
  background: #fff;
  transition: height 500ms ease;
}

.source-accordion__panel[hidden] {
  display: block;
}

.source-accordion__content {
  width: 100%;
  padding: 20px;
  font-size: 16px;
  line-height: 22px;
}

.source-accordion__content--centered {
  text-align: center;
}

.reception-schedule-content {
  padding: 20px 0 0;
}

.reception-schedule-title {
  margin: 0 20px var(--space-sm);
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
}

.reception-table {
  width: var(--content-width);
  table-layout: fixed;
  font-size: 16px;
  line-height: 19px;
}

.reception-table col {
  width: 25%;
}

.reception-table thead th {
  padding: 8px 6px;
}

.reception-table tbody td {
  padding: 8px 10px;
  text-align: center;
  vertical-align: middle;
}

.reception-panel-link {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

@media (prefers-reduced-motion: reduce) {
  .source-accordion__panel,
  .source-accordion__trigger {
    transition-duration: 0.01ms;
  }
}



.directory-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.directory-row {
  position: relative;
  min-height: 45px;
  margin: 0;
  border-bottom: 1px solid var(--table-header-fill);
  background: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.directory-row:last-child {
  border-bottom: 0;
}


.directory-list--links .directory-row::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  width: 9px;
  height: 4px;
  border-radius: 4px;
  background: var(--source-light-blue);
  transform: translateY(-50%);
  pointer-events: none;
}

.directory-list--links .directory-row__link {
  display: flex;
  align-items: center;
  min-height: 45px;
  width: 100%;
  padding: 10px 22px 10px 34px;
}


.directory-list--calendar .directory-row__link,
.directory-list--calendar .directory-row__text {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  align-items: center;
  column-gap: var(--space-sm);
  min-height: 45px;
  width: 100%;
  padding: 10px 22px;
}

.directory-date {
  color: #000;
  font-weight: 600;
  line-height: 22px;
}

.directory-list--calendar .directory-row__text,
.directory-list--calendar .directory-row__text .directory-entry {
  color: #000;
}





.directory-list--calendar .directory-row__link {
  text-decoration: none;
}
.directory-list--calendar .directory-row__link .directory-entry {
  color: #0000ff;
  text-decoration: underline;
}


.article-video--compact {
  display: block;
  margin-inline: auto;
  max-width: 100%;
}


.home-hero { width: 1030px; height: 470px; position: relative; overflow: hidden; background: #fff; }
.home-slides, .home-slide { position: absolute; inset: 0; width: 100%; height: 100%; }
.home-slide { display: block; object-fit: cover; object-position: center; opacity: 0; transition: opacity 2000ms ease; pointer-events: none; }
.home-slide.is-active { opacity: 1; }
.home-slide-arrow { position: absolute; top: 202px; width: 45px; height: 45px; box-sizing: border-box; border: 0; border-radius: 50%; background: rgba(255,255,255,.71); color: #999; font: bold 18px/25px Helvetica, Arial, sans-serif; opacity: .5; cursor: pointer; z-index: 3; }
.home-slide-arrow--prev { left: 9px; }
.home-slide-arrow--next { right: 9px; }
.home-slide-arrow:hover,.home-slide-arrow:focus-visible { opacity: .9; }
.home-emergency { position: absolute; top: 16px; right: 16px; width: 323px; min-height: 24px; box-sizing: border-box; border-radius: 10px; background: rgba(0,0,0,.69); color: #fff; text-align: center; font-size: 16px; line-height: 24px; z-index: 4; }

.home-emergency:hover, .home-emergency:focus-visible { background: rgba(20,20,20,.69); color: #00ffff; }
.home-emergency:focus-visible { outline: 2px solid #00ffff; outline-offset: 2px; }


.home-notice-backdrop { position: fixed; inset: 0; z-index: 100; background: rgba(0,0,0,.12); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.home-notice-backdrop[hidden] { display: none; }
.home-notice { position: absolute; top: 71px; left: 198px; width: 634px; min-height: 339px; box-sizing: border-box; padding: 15px 20px; border-radius: 20px; background: rgba(0,10,14,.85); color: #f4f4f4; font-size: 30px; line-height: 42px; font-weight: 700; text-align: center; z-index: 101; }
.home-notice p { margin: 0; }

.home-notice__close { position: absolute; top: 9px; right: 9px; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 0; padding: 0; border-radius: 50%; background: rgba(0,0,0,.26); color: #fff; font: 28px/1 Arial, sans-serif; cursor: pointer; }
.home-notice__close:hover { background: rgba(255,255,255,.18); }
.home-notice__close:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }



.home-overview { background: #fff; padding: 22px 85px; color: #000; font-size: 16px; line-height: 22px; }
.home-overview__heading { margin: 0 0 var(--space-sm); font-size: 16px; line-height: 22px; font-weight: 700; text-align: center; }
.home-overview__groups { display: grid; gap: var(--space-lg); }
.home-overview__group { display: grid; align-items: start; column-gap: var(--space-sm); }
.home-overview__group--intro { grid-template-columns: 304px minmax(0,1fr); }
.home-overview__group--access { grid-template-columns: minmax(0,1fr) 304px; }
.home-overview__group--services { display: block; }
.home-overview__group > img { display: block; width: 304px; height: 228px; object-fit: cover; }
.home-overview__copy { min-width: 0; }
.home-overview__prose { margin: 0 0 var(--space-sm); font-size: 16px; line-height: 22px; text-align: left; }
.home-overview__copy > :last-child { margin-bottom: 0; }
.home-overview__list { margin: 0 0 var(--space-sm) 42px; text-align: left; }
.home-overview__group--services .home-overview__prose:first-child { margin-bottom: var(--space-sm); }
.home-partners { width: 1030px; display: flex; align-items: center; justify-content: center; column-gap: 9px; row-gap: var(--space-sm); flex-wrap: wrap; background: #fff; padding: var(--space-sm) 30px 0; box-sizing: border-box; }
.home-partners a { display: inline-flex; align-items: center; justify-content: center; min-height: 65px; }
.home-partners img { max-width: 183px; max-height: 65px; width: auto; height: auto; object-fit: contain; }
@media (prefers-reduced-motion: reduce) { .home-slide { transition: none; } }



.home-patient { width: 1030px; box-sizing: border-box; padding: 22px 85px 32px; background: #fff; color: #000; font-size: 16px; line-height: 22px; text-align: center; }
.home-patient p { margin: 0 0 var(--space-sm); }
.home-patient__title { font-weight: 700; text-align: center; }
.home-patient__red { color: #f00; font-weight: 700; text-align: center; }
.home-patient__center { text-align: center; }
.home-patient__emphasis { font-weight: 700; text-align: center; }
.home-patient__list { margin: 0 0 var(--space-sm) 42px; text-align: left; }
.home-patient__list li { text-align: left; }
.home-patient > :last-child { margin-bottom: 0; }
.home-useful { background: #fff; width: 1030px; box-sizing: border-box; padding: 22px 85px 32px; }
.home-useful__title { margin: 0 0 var(--space-sm); font-size: 16px; line-height: 22px; font-weight: 700; text-align: center; text-transform: uppercase; }
.home-useful__list { margin: 0 0 0 42px; font-size: 16px; line-height: 24px; }


.home-patient p.home-patient__joined { margin-bottom: 0; }
.home-patient p.home-patient__large-gap { margin-bottom: var(--space-lg); }


.home-overview p.home-overview__joined { margin-bottom: 0; }
.home-overview .home-overview__list { margin-bottom: var(--space-sm); }




body[data-nav-active="home"] .site-header {
  margin-bottom: var(--space-lg);
}
body[data-nav-active="home"] main > section:not(:last-child) {
  margin-bottom: var(--space-lg);
}
body[data-nav-active="home"] main > section.home-partners {
  margin-bottom: 0;
}
body[data-nav-active="home"] .site-footer {
  margin-top: 0;
  padding-top: var(--space-sm);
}




.extremism-page .page-title { margin-bottom: var(--space-lg); }
.extremism-copy { display: grid; gap: var(--space-sm); margin-bottom: var(--space-lg); }
.extremism-heading { margin: 0; font-size: 16px; line-height: 22px; font-weight: 700; }
.extremism-prose { margin: 0; font-size: 16px; line-height: 22px; font-weight: 400; text-align: justify; }
.extremism-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-bottom: var(--space-lg); }
.extremism-tile { margin: 0; text-align: center; }
.extremism-tile a { display: block; width: 286px; max-width: 100%; }
.extremism-tile img { display: block; width: 286px; max-width: 100%; height: auto; aspect-ratio: 1; }
.extremism-tile figcaption { padding-top: var(--space-sm); font-size: 14px; line-height: 17px; font-style: italic; }
.extremism-actions { display: flex; justify-content: space-between; gap: var(--space-sm); }
.extremism-action { display: flex; align-items: center; justify-content: center; flex: 0 0 245px; min-height: 69px; padding: 0 9px; box-sizing: border-box; background: #97b363; color: #fff; font-size: 16px; line-height: 22px; letter-spacing: 1px; font-weight: 400; text-decoration: none; text-align: center; }
.extremism-action:hover { background: #3c94ff; color: #fff; }
.extremism-action:focus-visible { outline: 2px solid #000; outline-offset: 2px; background: #3c94ff; color: #fff; }

@media (min-width: 1280px) {
  body[data-nav-active="home"] > main {
    margin-top: 0;
  }
}