:where(body.site-shell, body.system-state-page) :where(a, button, input, select, textarea, summary, [tabindex]) {
  border-radius: 6px;
}

body:is(.site-shell, .system-state-page) {
  --block-edge: var(--control-border);
  --block-highlight: var(--control-border);
  --block-wash: #eef4ff;
  --block-glow: rgba(0, 73, 200, .14);
}

:root[data-theme=dark] body:is(.site-shell, .system-state-page),
body.site-shell .theme--dark-blue {
  --block-edge: var(--control-border);
  --block-highlight: var(--control-border);
  --block-wash: #263e60;
  --block-glow: rgba(175, 199, 255, .16);
}

body:is(.site-shell, .system-state-page) :is(.hero-slider, .home-panel, .join-union, .organization-carousel,
.home-services, .home-contacts, .prototype-page__content,
.prototype-page__aside, .sidebar-panel, .content-panel, .services-intro, .services-panel,
.services-contact, .contacts-panel, .contacts-location, .contacts-hours,
.contacts-related, .structure-intro, .structure-panel, .history-intro,
.history-panel, .person-featured, .related-links, .faq-list,
.faq-aside > section, .popular-faq, .quiz-card, .quiz-result-card,
.quiz-sidebar > section, .charter-section, .charter-toc, .charter-empty,
.account-panel, .quiz-overview > section, .qr-panel, .grading-card,
.how-it-works, .quiz-callout, .search-state, .search-query-panel,
.search-filter-disclosure, .prototype-card, .service-catalogue__card,
.contact-card, .structure-card, .person-card, .legal-answer, .system-state,
.quick-link, .service-grid > a, .organization-card, .governance-node,
.search-result, .content-card, .document-card, .media-card, .card,
.district-card, .empty-state, .faq-item, .popular-faq a:not(:where(.popular-faq--related a)), .portal-search,
.prototype-form, .search-page > form, .hero-slide__brand-badge):not(:where(.home-shell .hero-slider)) {
  border-color: var(--block-edge);
  transition: border-color 140ms ease, box-shadow 140ms ease;
}
body:is(.site-shell, .system-state-page) :is(.hero-slider, .home-panel, .join-union, .organization-carousel,
.home-services, .home-contacts, .prototype-page__content,
.prototype-page__aside, .sidebar-panel, .content-panel, .services-intro, .services-panel,
.services-contact, .contacts-panel, .contacts-location, .contacts-hours,
.contacts-related, .structure-intro, .structure-panel, .history-intro,
.history-panel, .person-featured, .related-links, .faq-list,
.faq-aside > section, .popular-faq, .quiz-card, .quiz-result-card,
.quiz-sidebar > section, .charter-section, .charter-toc, .charter-empty,
.account-panel, .quiz-overview > section, .qr-panel, .grading-card,
.how-it-works, .quiz-callout, .search-state, .search-query-panel,
.search-filter-disclosure, .prototype-card, .service-catalogue__card,
.contact-card, .structure-card, .person-card, .legal-answer, .system-state,
.quick-link, .service-grid > a, .organization-card, .governance-node,
.search-result, .content-card, .document-card, .media-card, .card,
.district-card, .empty-state, .faq-item, .popular-faq a:not(:where(.popular-faq--related a)), .portal-search,
.prototype-form, .search-page > form, .hero-slide__brand-badge):not(:where(.home-shell .hero-slider)):hover {
  border-color: var(--block-highlight);
  box-shadow: inset 0 0 0 1px var(--block-highlight);
}
body:is(.site-shell, .system-state-page) :is(.hero-slider, .home-panel, .join-union, .organization-carousel,
.home-services, .home-contacts, .prototype-page__content,
.prototype-page__aside, .sidebar-panel, .content-panel, .services-intro, .services-panel,
.services-contact, .contacts-panel, .contacts-location, .contacts-hours,
.contacts-related, .structure-intro, .structure-panel, .history-intro,
.history-panel, .person-featured, .related-links, .faq-list,
.faq-aside > section, .popular-faq, .quiz-card, .quiz-result-card,
.quiz-sidebar > section, .charter-section, .charter-toc, .charter-empty,
.account-panel, .quiz-overview > section, .qr-panel, .grading-card,
.how-it-works, .quiz-callout, .search-state, .search-query-panel,
.search-filter-disclosure, .prototype-card, .service-catalogue__card,
.contact-card, .structure-card, .person-card, .legal-answer, .system-state,
.quick-link, .service-grid > a, .organization-card, .governance-node,
.search-result, .content-card, .document-card, .media-card, .card,
.district-card, .empty-state, .faq-item, .popular-faq a:not(:where(.popular-faq--related a)), .portal-search,
.prototype-form, .search-page > form, .hero-slide__brand-badge):not(:where(.home-shell .hero-slider)):focus-within {
  border-color: var(--block-highlight);
  box-shadow: inset 0 0 0 1px var(--block-highlight);
}
body:is(.site-shell, .system-state-page) .prototype-page__content > .content-panel {
  border-color: transparent;
}
body:is(.site-shell, .system-state-page) .prototype-page__content > .content-panel:is(:hover, :focus-within) {
  box-shadow: none;
}
body:is(.site-shell, .system-state-page) .hero-slider:not(:where(.home-shell .hero-slider))::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 20;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px var(--block-edge);
}
body:is(.site-shell, .system-state-page) .hero-slider:not(:where(.home-shell .hero-slider)):is(:hover, :focus-within)::after {
  box-shadow: inset 0 0 0 2px var(--block-highlight);
}
body:is(.site-shell, .system-state-page) :is(a.quick-link, .service-grid > a, a.organization-card,
a.governance-node:not(.governance-node--primary), a.media-card,
a.content-card, a.document-card, a.service-catalogue__card,
.popular-faq a:not(:where(.popular-faq--related a)), .structure-navigation a, .hero-slide__brand-badge,
.sidebar-nav a:not(.is-current), .charter-toc a,
.system-state__links a,
a.breadcrumb__step, .filter-chips a:not(.is-active)) {
  border-color: var(--block-edge);
}
body:is(.site-shell, .system-state-page) :is(a.quick-link, .service-grid > a, a.organization-card,
a.governance-node:not(.governance-node--primary), a.media-card,
a.content-card, a.document-card, a.service-catalogue__card,
.popular-faq a:not(:where(.popular-faq--related a)), .structure-navigation a, .hero-slide__brand-badge,
.sidebar-nav a:not(.is-current), .charter-toc a,
.system-state__links a,
a.breadcrumb__step, .filter-chips a:not(.is-active)):hover {
  background-color: var(--block-wash);
  border-color: var(--block-highlight);
  box-shadow: inset 0 0 0 1px var(--block-highlight), 0 3px 12px var(--block-glow);
  transform: none;
}
body:is(.site-shell, .system-state-page) .notice:not(:where(.form-error-summary)) {
  box-shadow: inset 0 0 0 1px var(--block-edge);
}
body:is(.site-shell, .system-state-page) .notice:not(:where(.form-error-summary)):is(:hover, :focus-within) {
  box-shadow: inset 0 0 0 2px var(--block-highlight);
}
body:is(.site-shell, .system-state-page) .home-shell :is(.compact-list .content-card, .document-card),
body:is(.site-shell, .system-state-page) .prototype-list > li {
  border-color: var(--block-edge);
}
body:is(.site-shell, .system-state-page) .home-shell :is(.compact-list .content-card, .document-card):is(:hover, :focus-within),
body:is(.site-shell, .system-state-page) .prototype-list > li:is(:hover, :focus-within) {
  background-color: var(--block-wash);
  box-shadow: inset 0 0 0 2px var(--block-highlight);
}
body:is(.site-shell, .system-state-page) .contacts-strip > div {
  border-color: var(--block-edge);
}
body:is(.site-shell, .system-state-page) :is(input:not([type=checkbox]):not([type=radio]), select, textarea,
.search-input, .site-header__actions .icon-button,
.site-header__actions .theme-switch,
.carousel-arrow, .hero-slider__controls > button) {
  border-color: var(--block-edge);
}
body:is(.site-shell, .system-state-page) :is(input:not([type=checkbox]):not([type=radio]), select, textarea,
.search-input, .site-header__actions .icon-button,
.site-header__actions .theme-switch,
.carousel-arrow, .hero-slider__controls > button):hover {
  border-color: var(--block-highlight);
}
body:is(.site-shell, .system-state-page) :is(.carousel-arrow, .hero-slider__controls > button):hover {
  background-color: var(--block-wash);
  box-shadow: inset 0 0 0 1px var(--block-highlight);
}
body:is(.site-shell, .system-state-page) :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--block-highlight);
  outline-offset: 3px;
}
body:is(.site-shell, .system-state-page) #main-content:focus {
  outline: none;
}
body:is(.site-shell, .system-state-page) :is(a.breadcrumb__step, .structure-navigation a):focus-visible,
body:is(.site-shell, .system-state-page) :is(.content-card, .document-card, .legal-answer, .faq-item, .contacts-strip) :focus-visible {
  outline-offset: -3px;
}
body:is(.site-shell, .system-state-page) :is(button:disabled, input:disabled, select:disabled, textarea:disabled,
[aria-disabled=true]):hover {
  border-color: var(--block-edge);
  box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
  body.site-shell #main-content *, body.site-shell .site-header *,
  body.system-state-page * {
    transition: none;
  }
}