.current-situation-document {
  overflow-x: hidden;
}

.current-situation-page {
  width: 100%;
}

.current-situation-copy {
  width: min(calc(100% - 2rem), var(--max));
  margin-inline: auto;
}

.current-situation-intro {
  max-width: 64rem;
  padding-block: clamp(2rem, 5vw, 4.5rem);
}

.current-situation-intro h1 {
  max-width: 19ch;
  margin-bottom: 1.25rem;
}

.current-situation-intro .lead {
  max-width: 62ch;
  margin-bottom: 1rem;
  color: var(--ink-soft);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
}

.current-situation-summary,
.current-situation-attributions {
  max-width: 82ch;
  color: var(--ink-soft);
}

.current-situation-summary {
  margin-bottom: 1rem;
}

.current-situation-attributions {
  margin-bottom: 0;
  font-size: 0.94rem;
}

.current-situation-attributions a {
  white-space: nowrap;
}

.current-situation-explorer,
.current-situation-frame-shell {
  width: 100%;
}

.current-situation-frame-shell {
  position: relative;
  overflow: hidden;
  min-height: 38rem;
  background: #071c2d;
  border-block: 1px solid var(--line);
}

.current-situation-frame {
  display: block;
  width: 100%;
  height: calc(100vh - 5rem);
  height: calc(100svh - 5rem);
  height: calc(100dvh - 5rem);
  min-height: 38rem;
  border: 0;
  background: #071c2d;
}

.current-situation-fallback {
  position: absolute;
  inset: 50% auto auto 50%;
  width: min(28rem, calc(100% - 2rem));
  padding: 1rem;
  color: #fff;
  background: #08233f;
  border: 1px solid #6ebed7;
  border-radius: var(--radius-sm);
  text-align: center;
  transform: translate(-50%, -50%);
}

.current-situation-fallback a {
  color: #fff;
}

.current-situation-after-map {
  padding-block: clamp(2rem, 5vw, 4.5rem);
}

.current-situation-disclosure {
  margin: 0;
}

.current-situation-visually-hidden {
  position: absolute !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  white-space: nowrap !important;
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
}

@media (max-width: 44rem) {
  .current-situation-copy {
    width: min(calc(100% - 1.25rem), var(--max));
  }

  .current-situation-intro {
    padding-block: 1.75rem 2rem;
  }

  .current-situation-frame-shell,
  .current-situation-frame {
    min-height: 32rem;
  }

  .current-situation-frame {
    height: calc(100vh - 4.25rem - env(safe-area-inset-bottom));
    height: calc(100svh - 4.25rem - env(safe-area-inset-bottom));
    height: calc(100dvh - 4.25rem - env(safe-area-inset-bottom));
  }
}

@media (prefers-color-scheme: dark) {
  .current-situation-frame-shell {
    border-color: var(--line);
  }
}

@media (forced-colors: active) {
  .current-situation-frame-shell,
  .current-situation-frame,
  .current-situation-fallback {
    border: 1px solid CanvasText;
  }
}