/* アナログ時計 — choiwaza が提供しない差分のみ */
.tool-head { margin-top: 8px; }
.tool-title {
  font-family: var(--cwz-font-body, system-ui, sans-serif);
  color: var(--cwz-text, #1a1a1a);
  font-size: 1.5rem;
  margin: 0 0 8px;
}
.tool-lead {
  color: var(--cwz-text, #444);
  opacity: 0.8;
  line-height: 1.7;
  margin: 0;
}

#choiwaza-header { margin-bottom: 40px; }
#choiwaza-footer { margin-top: 48px; }
.cwz-card { margin-top: 24px; }

.clock-area {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.clock-face {
  width: min(320px, 78vw);
  height: auto;
  display: block;
}

.clock-dial {
  fill: var(--cwz-bg, #fafafa);
  stroke: var(--cwz-border, #e0e0e0);
  stroke-width: 2;
}

.tick {
  stroke: var(--cwz-text, #666);
  stroke-linecap: round;
}
.tick-minute { stroke-width: 1; opacity: 0.45; }
.tick-hour { stroke-width: 2.5; opacity: 0.85; }

.numeral {
  font-family: var(--cwz-font-body, system-ui, sans-serif);
  font-size: 13px;
  font-weight: 600;
  fill: var(--cwz-text, #1a1a1a);
}

.hand {
  stroke-linecap: round;
  stroke: var(--cwz-text, #1a1a1a);
}
.hand-hour { stroke-width: 6; }
.hand-minute { stroke-width: 4; }
.hand-second {
  stroke-width: 1.5;
  stroke: var(--cwz-accent, #4c8bf5);
}

.clock-pin {
  fill: var(--cwz-accent, #4c8bf5);
}

.clock-digital { text-align: center; }
.clock-time {
  font-family: var(--cwz-font-mono, ui-monospace, monospace);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--cwz-accent, #4c8bf5);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}
.clock-date {
  font-size: 0.85rem;
  color: var(--cwz-text, #666);
  opacity: 0.8;
  margin-top: 4px;
}

/* スクリーンリーダー専用（視覚的には非表示） */
.clock-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}