.clock-page{max-width:960px;margin:auto;color:#183f39;overflow-wrap:anywhere}.clock-sheet{padding:clamp(12px,3vw,24px);border:2px solid #acbda9;border-radius:18px;background:#fffdf5}.clock-page button,.clock-page select,.clock-page summary,.clock-page .back{min-height:44px}.clock-page button{white-space:normal;max-width:100%;padding:10px 12px}.clock-page button:focus-visible,.clock-page select:focus-visible,.clock-page summary:focus-visible{outline:3px solid #946625;outline-offset:3px}.clock-tabs{display:flex;gap:8px;margin:12px 0}.clock-tabs button{flex:1;min-width:0}.clock-case-title{font-size:14px;padding:8px 12px;background:#edf3e8;border-left:4px solid #397958}.clock-page #clock-status:empty{margin:0}.clock-page #clock-status:not(:empty){padding:8px 10px;background:#edf3e8;border-left:4px solid #397958;font-size:14px}.clock-turn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:center}.clock-turn>div,.clock-answer{min-width:0}.clock-figure{margin:0 auto;max-width:320px}.clock-figure figcaption{font-size:14px;font-weight:700;text-align:center;margin:4px 0}.clock-diagram{display:block;width:100%;height:auto}.clock-rim{fill:#d5a957;stroke:#715b36;stroke-width:3}.clock-face{fill:#fffdf5;stroke:#183f39;stroke-width:2}.clock-ticks path{fill:none;stroke:#183f39;stroke-width:3}.clock-numerals text{fill:#183f39;font-size:24px;font-weight:700;font-family:Georgia,serif}.clock-hour{stroke:#183f39;stroke-width:10;stroke-linecap:round}.clock-minute{stroke:#8a492e;stroke-width:5;stroke-linecap:round}.clock-pin{fill:#183f39;stroke:#fffdf5;stroke-width:2}.clock-hand-legend{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:12px;line-height:1.4;margin:5px 0}.clock-hand-legend span{display:flex;align-items:center;gap:5px}.clock-hand-legend i{display:inline-block;width:16px;border-top:5px solid #183f39}.clock-hand-legend .clock-minute-key{width:25px;border-top:3px solid #8a492e}.clock-page details{margin:16px 0}.clock-page summary{padding:10px 0;cursor:pointer}.clock-figure .clock-picture-description{margin:0;font-size:13px}.clock-picture-description summary{padding:8px 0}.clock-reading-options,.clock-setting-options{display:grid;gap:8px;margin:8px 0}.clock-reading-options button{font-size:20px}.clock-step-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.clock-step-controls button{font-size:14px;line-height:1.35}.clock-answer>button{margin:5px 0}.clock-goal{padding:8px 12px;background:#f6edcf;border-left:4px solid #b4873e}.clock-goal strong{font-size:24px}.clock-proposal-status{font-size:14px;line-height:1.4;margin:10px 0}.clock-story{max-width:70ch}.clock-page .hear-button{max-width:100%;margin:6px 0}.clock-page select{display:block;width:100%;max-width:100%;padding:8px;margin:8px 0;background:white}.clock-page .back{display:inline-flex;align-items:center;margin-right:12px}.clock-record{padding:16px;border:2px solid #adbdac;border-radius:12px;background:#f3f6ed;margin:18px 0}.clock-record:focus{outline:3px solid #946625;outline-offset:3px}.clock-record h3{margin-top:0}.clock-feedback{border-left:4px solid #397958;padding-left:12px}.clock-page pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.clock-picture-fallback{padding:12px;border:1px dashed #adbdac;font-size:14px}.clock-catalog{margin:18px 0}.clock-answer .tiny{line-height:1.4}
@media(max-width:700px){.clock-sheet{padding:12px}.clock-turn{grid-template-columns:1fr;gap:8px}.clock-figure{max-width:230px}.clock-goal{margin:8px 0}.clock-record{padding:12px}.clock-tabs button{font-size:14px;padding:10px 6px}.clock-reading-options{grid-template-columns:1fr 1fr}.clock-proposal-status{margin:8px 0}.clock-hand-legend{gap:8px;font-size:12px}}
main:has(.clock-sheet) .speech-controls button,main:has(.clock-sheet) .speech-controls select,main:has(.clock-sheet) .speech-controls summary{min-height:44px}main:has(.clock-sheet) .speech-controls select{max-width:100%}