.mc-page { padding: 22px 0 64px; }
.mc-page .page-title { margin-bottom: 8px; }
.mc-intro { max-width: 72ch; margin: 0 0 8px; }
.mc-place { margin: 0 0 24px; }
.mc-card { margin: 18px 0; padding: clamp(16px, 3vw, 26px); overflow: hidden; }
.mc-card h3 { margin: 0 0 6px; }
.mc-card p { margin: 0 0 16px; }
.mc-frame { display: block; width: 100%; border: 0; background: #fff; color-scheme: light; }
.mc-frame-eight { min-height: 260px; }
.mc-frame-hourly { min-height: 390px; }
.mc-frame-general, .mc-frame-warnings { max-width: 565px; }
.mc-frame-general { height: 388px; }
.mc-frame-warnings { height: 560px; }
.mc-links { display: flex; flex-wrap: wrap; gap: 10px; }
.mc-links a { display: inline-flex; align-items: center; min-height: 44px; padding: 9px 14px; border: 1px solid currentColor; border-radius: 10px; color: inherit; text-decoration: none; }
.mc-links a:hover, .mc-links a:focus-visible { background: color-mix(in srgb, currentColor 10%, transparent); }
.mc-source { margin-top: 22px; font-size: .88rem; opacity: .8; }
.mc-error { padding: 18px; }
@media (max-width: 640px) {
  .mc-card { padding: 14px; }
  .mc-frame-eight { min-height: 270px; }
  .mc-frame-hourly { min-height: 380px; }
  .mc-frame-general { height: 660px; }
  .mc-frame-warnings { height: 560px; }
  .mc-links { display: grid; }
  .mc-links a { width: 100%; }
}