/* The existing fixed header carries the countdown while scrolling.
   Its ResizeObserver also includes this bar in menu anchor offsets. */
.access-window {
  margin: 0;
  padding: 5px 16px;
  border-block: 1px solid rgba(255, 255, 255, .07);
  background: rgba(255, 255, 255, .025);
  color: #fff;
}
.access-window-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
}
.access-window-label {
  flex: none;
  margin: 0;
  color: #fff;
  font: 400 13px/1.5 var(--serif, "Noto Serif JP", serif);
  letter-spacing: .05em;
}
.access-window-clock {
  display: grid;
  grid-template-columns: repeat(3, 46px);
  gap: 4px;
}
.access-window-unit {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  padding: 3px 3px 2px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-top-color: rgba(200, 164, 93, .28);
  border-radius: 2px;
  background: rgba(255, 255, 255, .025);
}
.access-window-unit b {
  color: #f2e6c6;
  font: 500 24px/1 ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
}
.access-window-unit small {
  color: #fff;
  font: 400 9px/1.3 var(--sans, sans-serif);
}
body[data-has-access-window] .hero-layout {
  padding-top: max(158px, calc(12vh + 42px));
}
body[data-has-access-window] .conditions-hero-inner { padding-top: 158px; }
body[data-has-access-window] .global-nav.is-open { top: 100%; }
.access-ended-page { display: grid; min-height: 100vh; min-height: 100svh; margin: 0; padding: 24px; place-items: center; box-sizing: border-box; background: #101010; color: #fff; font-family: "Noto Serif JP", "Yu Mincho", serif; }
.access-ended-content { width: 100%; max-width: 700px; text-align: center; }
.access-ended-brand { margin: 0 0 28px; color: #c8a45d; font: 500 17px/1.6 Georgia, serif; letter-spacing: .12em; }
.access-ended-content h1 { margin: 0; font-size: clamp(27px, 5.5vw, 40px); font-weight: 600; line-height: 1.8; }
.access-ended-summary { margin: 20px 0 0; color: #ddd; font-size: 15px; line-height: 1.9; }
.access-ended-support { margin-top: 30px; padding-top: 26px; border-top: 1px solid rgba(200,164,93,.3); text-align: left; }
.access-ended-support h2 { margin: 0 0 16px; color: #dfc891; font-size: clamp(19px,4.8vw,23px); font-weight: 500; line-height: 1.65; }
.access-ended-support > p { margin: 0 0 12px; color: #eee; font-size: 15px; line-height: 1.85; }
.access-ended-line { display: grid; grid-template-columns: minmax(0,1fr) 144px; align-items: center; gap: 24px; margin-top: 22px; }
.access-ended-line-copy { min-width: 0; container-type: inline-size; }
.access-ended-button { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 12px 16px; box-sizing: border-box; border: 1px solid transparent; border-radius: 3px; text-align: center; text-decoration: none; font: 600 15px/1.6 "Noto Sans JP",sans-serif; transition: filter .15s; }
.access-ended-button:hover { filter: brightness(1.07); }
.access-ended-button:focus-visible, .access-ended-qr:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.access-ended-line-button { background: linear-gradient(110deg,#0a7b3f,#098344 55%,#0a7b3f); color: #fff; border-color: #3aaf70; }
.access-ended-line-id { margin: 12px 0 6px; color: #fff; font: 400 14px/1.6 "Noto Sans JP",sans-serif; text-align: center; }
.access-ended-line-id strong { font-weight: 600; }
.access-ended-line-note { margin: 0; color: #c5c5c5; font: 400 12px/1.75 "Noto Sans JP",sans-serif; font-size: min(12px, 3.35cqi); white-space: nowrap; }
.access-ended-qr { display: block; width: 144px; padding: 7px; box-sizing: border-box; border-radius: 3px; background: #fff; }
.access-ended-qr img { display: block; width: 100%; height: auto; }
.access-ended-contact { margin-top: 26px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.12); }
.access-ended-contact h2 { margin: 0 0 16px; color: #e2e2e2; font-size: 15px; font-weight: 400; line-height: 1.8; }
.access-ended-email-button { width: min(100%,320px); margin: 0 auto; background: linear-gradient(110deg,#c9cdd0,#e3e5e6 55%,#c5cbd0); color: #20252a; border-color: #d1d5d8; }
.access-ended-email-button > [aria-hidden="true"] { flex-shrink: 0; font-size: 26px; line-height: 24px; transform: translateY(-2px); }
.access-ended-contact p { margin: 12px 0 0; color: #bbb; font: 400 12px/1.9 "Noto Sans JP",sans-serif; }
.access-ended-contact p a { color: #d7d7d7; text-underline-offset: 3px; }
@media (max-width: 480px) {
  .access-ended-page { padding: 32px 20px; }
  .access-ended-brand { margin-bottom: 18px; }
  .access-ended-content h1 { font-size: 26px; line-height: 1.65; }
  .access-ended-line { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .access-ended-qr { width: 128px; margin-inline: auto; }
}
@media (max-width: 760px) {
  .access-window { padding: 5px 10px; }
  .access-window-inner { flex-direction: row; gap: 10px; }
  .access-window-label { font-size: 12px; line-height: 1.4; }
  .access-window-clock { grid-template-columns: repeat(3, 38px); gap: 3px; }
  .access-window-unit { padding: 3px 2px 2px; gap: 0; }
  .access-window-unit b { font-size: 22px; }
  .access-window-unit small { font-size: 8px; }
  body[data-has-access-window] .hero-layout { padding-top: 146px; }
  body[data-has-access-window] .conditions-hero { padding-top: 0; }
  body[data-has-access-window] .conditions-hero-inner { padding-top: 146px; }
}

/* Keep the navigation background separate from the translucent timer. */
body[data-has-access-window] .site-header,
body[data-has-access-window] .site-header.is-scrolled {
  background: transparent;
  backdrop-filter: none;
  border-bottom: 0;
}
body[data-has-access-window] .site-header::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: var(--header-main-height, 78px);
  z-index: -1;
  background: rgba(12, 12, 11, .92);
  backdrop-filter: blur(12px);
  pointer-events: none;
}
.access-window {
  width: 100%;
  padding: 4px 10px;
  background: rgba(12, 12, 11, .64);
  backdrop-filter: blur(12px);
  border: 0;
}
.access-window-inner {
  width: 100%;
  max-width: 720px;
  padding: 4px 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
}
.access-window-unit b { color: #fff; }
.access-window .access-window-unit { background: transparent; }
@media (max-width: 760px) {
  .access-window-inner { padding: 3px 8px; gap: 8px; }
}

@media (max-width: 600px) {
  body[data-page="home"][data-has-access-window] .hero { padding-top: 0; }
  body[data-page="home"][data-has-access-window] .hero-layout {
    padding-top: calc(var(--nav-scroll-offset, 122px) - 8px);
  }
}

/* Match the modest size increase in the home page's inline clock. */
body[data-page="home"] .free-enrollment-countdown .access-window-unit b { font-size: clamp(27px, 3.3vw, 38px); }