.clock-mode-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.clock-mode-grid .toggle-card>span { display:flex; flex-direction:column; gap:5px; justify-content:center; min-height:75px; padding:10px 6px; text-align:center; }
.clock-mode-grid strong { font-size:13px; line-height:1.25; }
.clock-mode-grid small { color:var(--muted); font-size:10px; font-weight:400; line-height:1.35; }
.print-size-field { grid-column:1/-1; }
.hour-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
.builder-status:empty { display:none; }
.builder-status.is-error { background:#fef2f2; border-color:#fecaca; color:#991b1b; }
.clock-sheet-preview { display:flex; flex-direction:column; gap:20px; padding:0; background:transparent; border:0; border-radius:0; min-height:0; }
.clock-sheet-preview svg { display:block; width:100%; height:auto; background:#fff; border:1px solid #d9e1ee; box-shadow:0 3px 12px #1220330a; }
.clock-sheet-preview svg text { font-family:Arial,Helvetica,sans-serif; }
.clock-sheet-preview .page-caption { font-size:12px; color:var(--muted); }
.preview-card { min-width:0; }
.no-script { padding:20px; border:1px solid #fbbf24; border-radius:12px; background:#fffbeb; color:#78350f; }
.seo-note a { color:var(--primary-dark); font-weight:700; }
@media(max-width:640px) {
  .hero { margin-bottom:22px; }
  .hero h1 { font-size:clamp(27px,7vw,36px); }
  .hero .subtitle { font-size:14px; }
  .clock-mode-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
  .clock-mode-grid .toggle-card>span { min-height:76px; padding:9px 4px; }
  .clock-mode-grid strong { font-size:12px; }
  .clock-mode-grid small { font-size:9px; }
  .quick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .quick-grid .field-label { font-size:11px; }
  .quick-grid select { font-size:13px; padding-left:9px; padding-right:22px; }
  .hour-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .clock-sheet-preview { padding:0; }
  .preview-card { padding:12px; }
}
@media print {
  @page { size:letter portrait; margin:0; }
  html,body { margin:0!important; padding:0!important; width:8.5in; background:#fff!important; }
  body>.wrap { margin:0!important; padding:0!important; width:8.5in; max-width:none!important; }
  .topbar,.hero,.shell-head,.controls-panel,.preview-intro,.seo-note,.site-footer,noscript,.page-caption { display:none!important; }
  main,.generator-shell,.builder-body,.preview-card,#worksheetPreview { display:block!important; margin:0!important; padding:0!important; width:8.5in!important; max-width:none!important; min-height:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; background:#fff!important; }
  #worksheetPreview svg.worksheet-sheet { display:block!important; width:8.5in!important; height:11in!important; max-width:none!important; margin:0!important; padding:0!important; border:0!important; box-shadow:none!important; break-inside:avoid; page-break-inside:avoid; break-after:page; page-break-after:always; }
  #worksheetPreview svg.worksheet-sheet:last-child { break-after:auto; page-break-after:auto; }
}