/* hours.css - the holding page at hours.rrccok.org. Same look as the member check-in page; no script, same-origin only. */
:root { color-scheme: light; }
* { box-sizing: border-box; }
body {
  margin: 0;
  color: #24354d;
  background: #f2f5f9;
  font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-text-size-adjust: 100%;
}
.hs-header {
  padding: calc(9px + env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px)) 9px max(16px, env(safe-area-inset-left, 0px));
  background: #fff;
  border-bottom: 1px solid #dce4ee;
}
.hs-header img { display: block; width: auto; height: 36px; max-width: 100%; margin-inline: auto; }
.hs-main {
  max-width: 640px;
  margin-inline: auto;
  padding: 14px max(12px, env(safe-area-inset-right, 0px)) max(24px, env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px));
}
.hs-card {
  padding: clamp(16px, 4vw, 28px);
  border: 1px solid #dce4ee;
  border-top: 4px solid #b8232a;
  border-radius: 14px;
  background: #fff;
}
h1 { margin: 0 0 4px; color: #1f2a44; font-size: clamp(22px, 6.8vw, 30px); line-height: 1.2; }
p { margin: 12px 0 0; overflow-wrap: anywhere; }
.hs-org { margin-top: 0; color: #4a5a72; font-weight: 600; }
a { color: #1f4f8f; text-decoration: underline; text-underline-offset: 2px; }
a:focus-visible { outline: 3px solid #1f4f8f; outline-offset: 2px; border-radius: 4px; }
.hs-links { display: flex; flex-wrap: wrap; gap: 4px 20px; margin-top: 18px; padding-top: 14px; border-top: 1px solid #dce4ee; }
.hs-links a { display: inline-flex; align-items: center; min-height: 44px; }