/* Analog clock - SVG face coloured through the theme tokens. */
.ac-wrap { text-align: center; }
.ac-label { margin: 0 0 8px; font-weight: 650; color: var(--e-ink-2); overflow-wrap: anywhere; }
.ac-box { width: min(100%, 260px); margin: 0 auto; }
.ac-face { display: block; width: 100%; height: auto; }
.ac-rim { fill: var(--e-surface); stroke: var(--e-line-strong); stroke-width: 3; }
.ac-tick { stroke: var(--e-ink-3); stroke-width: 1.2; stroke-linecap: round; }
.ac-tick.ac-major { stroke: var(--e-ink); stroke-width: 3; }
.ac-num { fill: var(--e-ink); font: 600 15px var(--e-font); }
.ac-hand { stroke-linecap: round; }
.ac-hour { stroke: var(--e-ink); stroke-width: 6.5; }
.ac-min { stroke: var(--e-ink); stroke-width: 4; }
.ac-sec { stroke: var(--e-accent); stroke-width: 1.6; }
.ac-cap { fill: var(--e-accent); stroke: var(--e-bg); stroke-width: 1.5; }
.ac-digital { margin: 8px 0 0; font-size: 1.3em; font-weight: 700; font-variant-numeric: tabular-nums; }
.ac-date { margin: 2px 0 0; font-size: .82em; color: var(--e-ink-3); }
html[data-compact="1"] .ac-box { width: min(100%, 200px); }