/*
 * scc-reveal — replaces DCE Dynamic Visibility "click to reveal".
 *
 * Panels collapse only when the `scc-js` class is present on <html>, which the
 * inline head snippet sets. If JS never runs, nothing is hidden and every panel
 * stays readable — a failure here degrades to "all content visible", never to
 * "content unreachable".
 */

.scc-js .scc-reveal-panel:not(.is-open) { display: none; }
.scc-js .scc-reveal-panel.is-open { animation: scc-reveal-in 220ms ease-out; }

@keyframes scc-reveal-in {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .scc-js .scc-reveal-panel.is-open { animation: none; }
}

/* Carried over from the per-page custom CSS being retired. */
[id^="load_more_"],
#aboutButton,
.active { cursor: pointer; }

/* SCC Live Popup. Matches the DCE modal it replaces: secondary-colour panel,
   43px close button, dimmed backdrop, no open animation. */
.scc-live-popup {
  padding: 0;
  border: 0;
  width: min(92vw, 640px);
  max-height: 90vh;
  overflow: auto;
  background: var(--e-global-color-secondary, #fff);
}
.scc-live-popup::backdrop { background: rgba(0, 0, 0, 0.6); }
.scc-live-popup__body { padding: 43px 16px 16px; }
/* The doubled class outranks the theme's button/[type=button] hover and focus
   colours, which otherwise turn this pink when the dialog focuses it on open. */
.scc-live-popup .scc-live-popup__close,
.scc-live-popup .scc-live-popup__close:hover,
.scc-live-popup .scc-live-popup__close:focus {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 43px;
  height: 43px;
  padding: 0;
  border: 0;
  border-radius: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  background: transparent;
  cursor: pointer;
}
.scc-live-popup .scc-live-popup__close:hover { opacity: 0.75; }
.scc-live-popup .scc-live-popup__close:focus { outline: none; }
.scc-live-popup .scc-live-popup__close:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
html:has(.scc-live-popup[open]) { overflow: hidden; }