/* 日めくり時計（道具が主役 tool-wide）。SP は全画面でない間、ボタンの列を時刻の直下に置き、暦の行をその下へ（暦の行は祝日名で長さが変わり 375 で折り返すため、下端に置くと全画面のボタンが初画面の外に出る・門 G27）。箱は中身に合わせて伸ばす。全画面では下端のまま */
.bc.ds .ds-himekuri-clock{--hc-bg:var(--bc-bg);--hc-fg:var(--bc-text);--hc-sub:var(--bc-muted);position:relative;display:flex;container-type:size;height:min(72svh,60rem);min-height:22.5rem;flex-direction:column;align-items:center;justify-content:center;gap:var(--bc-space-2);overflow:hidden;padding:var(--bc-space-5) var(--bc-space-3) 5rem;background:var(--hc-bg);color:var(--hc-fg);text-align:center}
.bc.ds .ds-himekuri-clock[data-theme=dark]{--hc-bg:var(--bc-text);--hc-fg:var(--bc-bg);--hc-sub:var(--bc-muted)}
.bc.ds .ds-himekuri-clock__label{position:absolute;top:var(--bc-space-2);left:var(--bc-space-3);margin:0;color:var(--hc-sub);font-size:1rem}
.bc.ds .ds-himekuri-clock__year,.bc.ds .ds-himekuri-clock__date,.bc.ds .ds-himekuri-clock__holiday,.bc.ds .ds-himekuri-clock__time,.bc.ds .ds-himekuri-clock__today{margin:0}
.bc.ds .ds-himekuri-clock__year,.bc.ds .ds-himekuri-clock__today{color:var(--hc-sub);font-size:clamp(1rem,3cqw,1.5rem)}
.bc.ds .ds-himekuri-clock__date{font-size:clamp(1.5rem,7cqw,4rem);font-weight:700;line-height:1.2}
.bc.ds .ds-himekuri-clock__weekday,.bc.ds .ds-himekuri-clock__ampm{margin-left:.4em}
.bc.ds .ds-himekuri-clock__holiday{color:var(--bc-brand-strong);font-size:clamp(1.1rem,4cqw,2rem);font-weight:700}
.bc.ds .ds-himekuri-clock__time{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:clamp(3rem,19cqw,10rem);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.05;white-space:nowrap}
.bc.ds .ds-himekuri-clock__koyomi{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--bc-space-2) var(--bc-space-4);max-width:62rem;margin:var(--bc-space-3) 0 0;padding:0;list-style:none;color:var(--hc-sub)}
.bc.ds .ds-himekuri-clock__koyomi li{white-space:nowrap}.bc.ds .ds-himekuri-clock__koyomi b{margin-left:.3em;color:var(--hc-fg)}
.bc.ds .ds-himekuri-clock__bar{position:absolute;bottom:var(--bc-space-3);display:flex;justify-content:center;gap:var(--bc-space-2)}
.bc.ds .ds-himekuri-clock__bar .bc-btn{min-width:5.75rem;min-height:var(--bc-target)}
.bc.ds .ds-himekuri-clock__settings{position:absolute;inset:0;z-index:2;overflow:auto;padding:var(--bc-space-3);background:var(--hc-bg);color:var(--hc-fg);text-align:left}
.bc.ds .ds-himekuri-clock__settings-inner{max-width:42rem;margin:auto}.bc.ds .ds-himekuri-clock__settings fieldset{margin:0 0 var(--bc-space-3);padding:0;border:0}
.bc.ds .ds-himekuri-clock__settings legend{margin-bottom:var(--bc-space-1);color:var(--hc-sub)}
.bc.ds .ds-himekuri-clock__choices{display:flex;flex-wrap:wrap;gap:var(--bc-space-1)}
.bc.ds .ds-himekuri-clock__choices label{display:inline-flex;align-items:center;gap:var(--bc-space-1);min-height:var(--bc-target);padding:0 var(--bc-space-2);border:1px solid var(--bc-border);border-radius:var(--bc-radius-input);cursor:pointer}
.bc.ds .ds-himekuri-clock__choices input{width:1.25rem;height:1.25rem;accent-color:var(--bc-brand)}
.bc.ds .ds-himekuri-clock__close-wrap{position:sticky;bottom:0;padding:var(--bc-space-2) 0;background:var(--hc-bg)}
.bc.ds .ds-himekuri-clock__close-wrap .bc-btn{width:100%;min-height:3rem}
.bc.ds .ds-himekuri-clock[data-mode=big] .ds-himekuri-clock__year,.bc.ds .ds-himekuri-clock[data-mode=big] .ds-himekuri-clock__koyomi{display:none}
.bc.ds .ds-himekuri-clock[data-mode=big] .ds-himekuri-clock__date{font-size:clamp(2.5rem,19cqw,11rem)}
.bc.ds .ds-himekuri-clock[data-mode=big] .ds-himekuri-clock__weekday,.bc.ds .ds-himekuri-clock[data-mode=big] .ds-himekuri-clock__ampm{display:block;margin:0}
.bc.ds .ds-himekuri-clock.hc-dim{filter:brightness(.45)}
.bc.ds .ds-himekuri-clock.tt-pseudo-fs{position:fixed;inset:0;z-index:2147483000;height:100svh;max-height:none}
.bc.ds .ds-himekuri-clock:fullscreen{height:100vh;max-height:none}.bc.ds .ds-himekuri-clock.hc-idle .ds-himekuri-clock__bar{opacity:.15;pointer-events:none}
.bc.ds .ds-himekuri-clock.hc-idle:is(:fullscreen,.tt-pseudo-fs){cursor:none}
@media(max-width:699px){.bc.ds .ds-himekuri-clock{container-type:inline-size;height:auto;min-height:24rem;padding-inline:var(--bc-space-2)}.bc.ds .ds-himekuri-clock__koyomi li{flex-shrink:0;max-width:100%;white-space:normal}.bc.ds .ds-himekuri-clock__date{font-size:clamp(1.5rem,8cqw,3rem)}.bc.ds .ds-himekuri-clock__time{font-size:clamp(2.75rem,22cqw,7rem)}.bc.ds .ds-himekuri-clock__koyomi{gap:var(--bc-space-1) var(--bc-space-2)}}
@media(max-width:699px){.bc.ds .ds-himekuri-clock:not(:fullscreen):not(.tt-pseudo-fs){padding-bottom:var(--bc-space-4)}.bc.ds .ds-himekuri-clock:not(:fullscreen):not(.tt-pseudo-fs) .ds-himekuri-clock__bar{position:static}.bc.ds .ds-himekuri-clock:not(:fullscreen):not(.tt-pseudo-fs) .ds-himekuri-clock__koyomi{order:1}.bc.ds .ds-himekuri-clock:not(:fullscreen):not(.tt-pseudo-fs) .ds-himekuri-clock__label{position:static}}
@media(prefers-reduced-motion:reduce){.bc.ds .ds-himekuri-clock{scroll-behavior:auto}}
.bc.ds .ds-himekuri-clock{--hc-size:1}
.bc.ds .ds-himekuri-clock[data-size=m]{--hc-size:.84}.bc.ds .ds-himekuri-clock[data-size=xl]{--hc-size:1.12}
.bc.ds .ds-himekuri-clock__year,.bc.ds .ds-himekuri-clock__today{font-size:calc(clamp(1rem,3cqw,1.5rem)*var(--hc-size))}
.bc.ds .ds-himekuri-clock__date{font-size:calc(clamp(1.5rem,7cqw,4rem)*var(--hc-size))}
.bc.ds .ds-himekuri-clock__time{font-size:calc(clamp(3rem,19cqw,10rem)*var(--hc-size))}
.bc.ds .ds-himekuri-clock__holiday{font-size:calc(clamp(1.1rem,4cqw,2rem)*var(--hc-size))}
.bc.ds .ds-himekuri-clock__choices label:has(input:checked){border:2px solid var(--bc-brand)}
.bc.ds .ds-himekuri-clock__choices label:has(input:checked) span{font-weight:700}
.bc.ds .ds-himekuri-clock__choices label:has(input:focus-visible){outline:3px solid var(--bc-brand);outline-offset:2px}
.bc.ds .ds-himekuri-clock__time .hc-sec{font-size:.42em;color:var(--hc-sub);margin-left:.08em;font-weight:600}
.bc.ds .ds-himekuri-clock[data-mode=big] .ds-himekuri-clock__time{font-size:calc(clamp(2rem,11cqw,6rem)*var(--hc-size))}
@media(max-width:699px){.bc.ds .ds-himekuri-clock__date{font-size:calc(clamp(1.5rem,8cqw,3rem)*var(--hc-size))}.bc.ds .ds-himekuri-clock__time{font-size:calc(clamp(2.75rem,22cqw,7rem)*var(--hc-size))}.bc.ds .ds-himekuri-clock[data-mode=big] .ds-himekuri-clock__date{font-size:calc(clamp(2.5rem,22cqw,8rem)*var(--hc-size))}.bc.ds .ds-himekuri-clock[data-mode=big] .ds-himekuri-clock__time{font-size:calc(clamp(2rem,18cqw,6rem)*var(--hc-size))}}

/* 紙の板（10/20 ユーザー「本番の今の見た目のほうが良い」）。旧型 .hc（templates/time_himekuri_clock.html）の生成り色・太い欧文系の数字・画面いっぱいの背景・暦の行を写す。tool_shell(paper=true) が .ds-tool--paper を付ける */
.bc.ds .ds-tool--paper{max-width:none;padding:0;border:0;background:transparent}
.bc.ds .ds-tool--paper .ds-himekuri-clock{--hc-bg:#faf8f3;--hc-fg:#1f2328;--hc-sub:#5b616b;--hc-sun:#c62828;--hc-sat:#1565c0;--hc-edge:#8f8a7d;box-shadow:0 0 0 100vmax var(--hc-bg);clip-path:inset(0 -100vmax);background:var(--hc-bg);color:var(--hc-fg);font-family:"Helvetica Neue",Arial,"Hiragino Sans","Noto Sans JP",sans-serif;padding:2.5rem 1rem 4.75rem}
.bc.ds .ds-tool--paper .ds-himekuri-clock[data-theme=dark]{--hc-bg:#1c1f24;--hc-fg:#e8eaed;--hc-sub:#a8b0ba;--hc-sun:#ff8a80;--hc-sat:#8ab4f8;--hc-edge:#6b7380}
.bc.ds .ds-tool--paper .ds-himekuri-clock__holiday,.bc.ds .ds-tool--paper .is-sun{color:var(--hc-sun)}
.bc.ds .ds-tool--paper .is-sat{color:var(--hc-sat)}
.bc.ds .ds-tool--paper .ds-himekuri-clock__time{font-family:inherit;letter-spacing:-.01em;margin-top:.04em;line-height:1.02}
.bc.ds .ds-tool--paper .hc-sec{font-size:.42em;color:var(--hc-sub);margin-left:.08em;font-weight:600}
.bc.ds .ds-tool--paper .ds-himekuri-clock__bar .bc-btn{min-width:92px;border:1px solid var(--hc-edge);border-radius:22px;background:transparent;color:var(--hc-sub);font-weight:600}
.bc.ds .ds-tool--paper .ds-himekuri-clock__bar .bc-btn:hover{border-color:var(--hc-sub);color:var(--hc-fg);background:transparent}
.bc.ds .ds-tool--paper .ds-himekuri-clock__settings{background:var(--hc-bg);color:var(--hc-fg)}
@media(max-width:699px){
 .bc.ds .ds-tool--paper .ds-himekuri-clock:not(:fullscreen):not(.tt-pseudo-fs){margin-inline:calc(50% - 50vw);padding-inline:1rem}
 .bc.ds .ds-tool--paper .ds-himekuri-clock__time{font-size:calc(28.6cqw*var(--hc-size))}
}
@media(min-width:700px){
 .bc.ds .ds-tool--paper .ds-himekuri-clock{height:clamp(22.5rem,calc(100svh - 9rem),75rem)}
 .bc.ds .ds-tool--paper .ds-himekuri-clock__year,.bc.ds .ds-tool--paper .ds-himekuri-clock__today{font-size:max(1rem,calc(min(2.6cqw,3.6cqh)*var(--hc-size)))}
 .bc.ds .ds-tool--paper .ds-himekuri-clock__date{font-size:max(1.4rem,calc(min(5.6cqw,8cqh)*var(--hc-size)));line-height:1.2}
 .bc.ds .ds-tool--paper .ds-himekuri-clock__holiday{font-size:max(1.1rem,calc(min(3.2cqw,4.4cqh)*var(--hc-size)))}
 .bc.ds .ds-tool--paper .ds-himekuri-clock__time{font-size:calc(min(24cqw,37cqh)*var(--hc-size))}
 .bc.ds .ds-tool--paper .ds-himekuri-clock__koyomi{font-size:max(1rem,calc(min(2.3cqw,3.4cqh)*var(--hc-size)))}
 .bc.ds .ds-tool--paper .ds-himekuri-clock[data-mode=big] .ds-himekuri-clock__date{font-size:calc(min(13cqw,19cqh)*var(--hc-size))}
 .bc.ds .ds-tool--paper .ds-himekuri-clock[data-mode=big] .ds-himekuri-clock__time{font-size:calc(min(11cqw,16cqh)*var(--hc-size))}
}

/* 主役を本番より下げない（10/21 ユーザー差し戻し）。導入文は板の下へ回した。ここでは板の中の上の余白を詰める。
   PC は内容を板の中央でなく上から積む（全画面・フルスクリーンの間は従来どおり中央）。SP は見出し札を目に見えない読み上げ用に回し、「今日は」と年を 1 行にする（PC も同じ） */
@media(min-width:700px){
 .bc.ds .ds-tool--paper .ds-himekuri-clock:not(:fullscreen):not(.tt-pseudo-fs){justify-content:flex-start;padding-top:var(--bc-space-2);gap:0}
 .bc.ds .ds-tool--paper .ds-himekuri-clock:not(:fullscreen):not(.tt-pseudo-fs) .ds-himekuri-clock__today,.bc.ds .ds-tool--paper .ds-himekuri-clock:not(:fullscreen):not(.tt-pseudo-fs) .ds-himekuri-clock__year{display:inline}
}
@media(max-width:699px){
 .bc.ds .ds-tool--paper .ds-himekuri-clock:not(:fullscreen):not(.tt-pseudo-fs){padding-top:var(--bc-space-3);gap:var(--bc-space-1)}
 .bc.ds .ds-tool--paper .ds-himekuri-clock:not(:fullscreen):not(.tt-pseudo-fs) .ds-himekuri-clock__label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .bc.ds .ds-tool--paper .ds-himekuri-clock:not(:fullscreen):not(.tt-pseudo-fs) .ds-himekuri-clock__today,.bc.ds .ds-tool--paper .ds-himekuri-clock:not(:fullscreen):not(.tt-pseudo-fs) .ds-himekuri-clock__year{display:inline}
}