:root { --dvor-radius: 18px; }
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
.dvor-brand { gap: 10px; }
.dvor-brand .wp-block-site-title { margin: 0; }
.dvor-brand .wp-block-site-title a { text-decoration: none; }
.dvor-brand__mark {
  flex: 0 0 36px;
  width: 36px;
  margin: 0;
}
.dvor-brand__mark img {
  display: block;
  width: 36px;
  height: 36px;
}
.dvor-section,
.dvor-anchor { scroll-margin-top: 24px; }
.dvor-card {
  border: 1px solid #E2E7EA;
  border-radius: var(--dvor-radius);
  padding: 24px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(36,48,56,.05);
  height: 100%;
}
.dvor-card h3 { margin-top: 0; }
.dvor-card > :last-child,
.dvor-note > :last-child,
.dvor-alert > :last-child { margin-bottom: 0; }
.dvor-kicker {
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .78rem;
  font-weight: 700;
  color: #2E7D78;
}
.dvor-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 28px;
  background: linear-gradient(135deg,#F3F8F7 0%,#EEF3F5 100%);
  padding: clamp(32px,6vw,72px);
}
.dvor-hero > * { position: relative; z-index: 1; }
.dvor-hero--branded::after {
  position: absolute;
  z-index: 0;
  top: 50%;
  right: clamp(-64px, -3vw, -24px);
  width: clamp(250px, 34vw, 410px);
  aspect-ratio: 1;
  background: url('../../dvor_logo.svg') center / contain no-repeat;
  content: '';
  opacity: .075;
  transform: translateY(-50%);
  pointer-events: none;
}
.dvor-hero--branded > * { max-width: min(720px, 68%); }
.dvor-actions .wp-block-button__link { width: 100%; text-align: left; }
.dvor-actions .wp-block-button { width: 100%; }
.dvor-page-intro { max-width: 760px; }
.dvor-section {
  padding-top: clamp(34px, 6vw, 72px);
  border-top: 1px solid #E2E7EA;
}
.dvor-section:first-of-type { border-top: 0; }
.dvor-section-heading { max-width: 760px; margin-bottom: 24px; }
.dvor-step-list { padding-left: 1.35rem; }
.dvor-step-list li { margin-bottom: .65rem; padding-left: .25rem; }
.dvor-compact-list { padding-left: 1.2rem; }
.dvor-compact-list li { margin-bottom: .35rem; }
.dvor-phone {
  display: inline-block;
  font-size: clamp(1.3rem, 3vw, 1.7rem);
  font-weight: 700;
  line-height: 1.25;
  text-decoration-thickness: .08em;
  text-underline-offset: .16em;
}
.dvor-subtle { color: #66737B; }
.dvor-toc a { text-decoration: none; }
.dvor-toc a:hover { text-decoration: underline; }
.dvor-card--accent { background: #F3F8F7; border-color: #CFE1DF; }
.dvor-card--warning { background: #FFF9EE; border-color: #E8CF9E; }
.dvor-link-list .wp-block-button__link { min-width: 150px; text-align: center; }
.dvor-number-grid .dvor-card { position: relative; }
.dvor-eyebrow {
  color: #66737B;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.dvor-emergency {
  background: #243038;
  border: 0;
  color: #FFFFFF;
}
.dvor-emergency a { color: #FFFFFF; }
.dvor-emergency .dvor-eyebrow { color: #B8D9D6; }
.dvor-service-link {
  margin-top: auto;
  padding-top: 1.25rem;
}
.dvor-addresses {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  list-style: none;
}
.dvor-addresses li {
  padding: 7px 11px;
  border: 1px solid #DCE3E6;
  border-radius: 999px;
  background: #FFFFFF;
  font-size: .9rem;
}
.dvor-contact-grid .dvor-card {
  display: flex;
  flex-direction: column;
}
.dvor-fact {
  padding: 18px;
  border-radius: 14px;
  background: #E7F2F1;
  font-weight: 600;
}
.dvor-fact strong {
  display: block;
  margin-bottom: 3px;
  font-size: 1.25rem;
}
.dvor-courtyard-map__figure {
  width: min(100%, 480px);
  margin: 0 auto;
}
.dvor-courtyard-map__svg {
  display: block;
  width: 100%;
  height: auto;
}
.dvor-courtyard-map__figure { position: relative; }
.dvor-courtyard-map__svg { filter: opacity(.78); }
.dvor-courtyard-map__house {
  position: absolute;
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 3px solid #66737B;
  border-radius: 50%;
  background: #FFFFFF;
  color: #243038;
  font-size: .9rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transform: translate(-50%, -50%);
  transition: color .18s ease, border-color .18s ease, background-color .18s ease, transform .18s ease;
}
.dvor-courtyard-map__house:hover,
.dvor-courtyard-map__house:focus-visible {
  border-color: #2E7D78;
  background: #2E7D78;
  color: #FFFFFF;
  outline: none;
  transform: translate(-50%, -50%) scale(1.12);
}
.dvor-courtyard-map__house--1 { top: 77.5%; left: 77.5%; }
.dvor-courtyard-map__house--2 { top: 78%; left: 31%; }
.dvor-courtyard-map__house--3 { top: 45%; left: 12%; }
.dvor-courtyard-map__house--4 { top: 15.5%; left: 28%; }
.dvor-courtyard-map__house--5 { top: 11%; left: 59%; }
.dvor-courtyard-map__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.dvor-courtyard-map__list li {
  margin-bottom: 10px;
}
.dvor-courtyard-map__list a {
  color: #243038;
  font-weight: 600;
  text-decoration-thickness: .07em;
  text-underline-offset: .16em;
}
.dvor-houses__list button:focus-visible {
  outline: 3px solid rgba(46, 125, 120, .3);
  outline-offset: 3px;
}
.dvor-houses__layout {
  display: grid;
  grid-template-columns: minmax(260px, .9fr) minmax(280px, 1.1fr);
  align-items: start;
  gap: clamp(28px, 6vw, 72px);
}
.dvor-houses__figure {
  position: sticky;
  top: 24px;
  width: min(100%, 420px);
}
.dvor-houses__figure .dvor-courtyard-map__house {
  padding: 0;
  cursor: pointer;
  font-family: inherit;
}
.dvor-courtyard-map__house.is-active {
  border-color: #2E7D78;
  background: #2E7D78;
  color: #FFFFFF;
}
.dvor-houses__panel {
  padding: clamp(24px, 4vw, 38px);
  border-radius: var(--dvor-radius);
  background: #F5F7F8;
}
.dvor-houses__panel h2 { margin-top: 6px; }
.dvor-houses__actions {
  display: grid;
  gap: 14px;
  margin-top: 24px;
}
.dvor-houses__service {
  padding: 20px;
  border: 1px solid #DCE3E6;
  border-radius: 14px;
  background: #FFFFFF;
}
.dvor-houses__service h3 { margin: 0 0 6px; }
.dvor-houses__service p { margin: 0 0 16px; color: #526069; }
.dvor-houses__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
}
.dvor-houses__text-link {
  color: #2E7D78;
  font-weight: 700;
  text-underline-offset: .16em;
}
.dvor-houses__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 22px;
  margin-top: 30px;
}
.dvor-houses__list li { margin: 0; }
.dvor-houses__list button {
  padding: 3px 0;
  border: 0;
  background: transparent;
  color: #243038;
  cursor: pointer;
  font: inherit;
  font-weight: 600;
  text-align: left;
  text-decoration: underline;
  text-decoration-thickness: .07em;
  text-underline-offset: .16em;
}
.dvor-houses__list button.is-active { color: #2E7D78; }
.dvor-houses__fallback {
  margin-top: 28px;
  padding: 20px;
  border-radius: 14px;
  background: #F5F7F8;
}
.dvor-note {
  border-left: 4px solid #2E7D78;
  padding: 16px 18px;
  background: #F5F9F8;
  border-radius: 0 12px 12px 0;
}
.dvor-alert {
  border-left: 4px solid #C9861A;
  padding: 16px 18px;
  background: #FFF7E8;
  border-radius: 0 12px 12px 0;
}
header.wp-block-template-part { border-bottom: 1px solid #E6EAEC; }
footer.wp-block-template-part { border-top: 1px solid #E6EAEC; margin-top: 64px; }
@media (max-width: 700px) {
  body .wp-block-navigation__responsive-container.is-menu-open {
    box-sizing: border-box;
    padding: 24px 20px !important;
    padding-right: max(20px, env(safe-area-inset-right)) !important;
    padding-left: max(20px, env(safe-area-inset-left)) !important;
  }
  body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close,
  body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
  }
  .dvor-card { padding: 18px; }
  .dvor-hero { padding: 28px 22px; border-radius: 20px; }
  .dvor-hero--branded::after {
    top: auto;
    right: -58px;
    bottom: -76px;
    width: 240px;
    opacity: .05;
    transform: none;
  }
  .dvor-hero--branded > * { max-width: 100%; }
  .dvor-link-list .wp-block-button,
  .dvor-link-list .wp-block-button__link { width: 100%; }
  .dvor-houses__layout { grid-template-columns: 1fr; }
  .dvor-houses__figure { position: relative; top: auto; }
  .dvor-houses__list { grid-template-columns: 1fr; }
}