/* 休市 screen: one centred column, the shutter illustration on top. */
.closed { overflow: auto; min-height: 0; background: var(--paper); }
.cl-wrap {
  max-width: 640px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center;
  padding: 28px max(16px, env(safe-area-inset-right, 0px)) calc(40px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));
}
.cl-scene { width: 100%; max-width: 560px; height: auto; }
.cl-title { margin: 8px 0 0; font-size: clamp(28px, 7vw, 40px); font-weight: 900; letter-spacing: .08em; }
.cl-text { margin: 0; max-width: 32em; font-size: 16px; text-wrap: balance; }
.cl-count { margin: 0; padding: 6px 14px; border: 2px solid var(--ink); border-radius: 999px; background: var(--paper-2); font-size: 14px; }
.cl-count b { font-family: var(--mono); font-size: 16px; }
.cl-go { margin-top: 8px; }

/* once closed, the header keeps only the plaque and the closing tag */
body.is-closed .modes { display: none; }
.close-tag { margin-left: auto; font-variant-numeric: tabular-nums; min-width: 0; }
body.is-closed .close-tag { background: var(--ink); color: var(--yellow); border-color: var(--ink); }