:root { font-family: Arial, Helvetica, sans-serif; color: #172b47; background: #f7f9fc; color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; }
main { width: min(1240px, calc(100% - 40px)); margin: 20px auto; }
#live-calendar { width: 100%; min-height: 640px; }
#live-calendar iframe { height: calc(100dvh - 40px) !important; min-height: 640px; }
a { color: #1d4ed8; font-size: 20px; }
a:focus-visible { outline: 3px solid #93c5fd; outline-offset: 4px; }
@media (max-width: 650px) {
  main { width: 100%; margin: 0; }
  #live-calendar iframe { height: 100dvh !important; }
}