/* 和時計（/tools/wadokei）の ds 版。今の刻と文字盤を横に並べ（SP は縦）、入力と刻の表をその下に置く。
   扇の色は旧版（time_wadokei.html）の昼＝明るい黄・夜＝紺を引き継ぐ。表の今の刻の行は JS が aria-current を付ける */
.bc.ds .ds-wadokei{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,30rem);gap:var(--bc-space-4);align-items:center}
.bc.ds .ds-wadokei__live{align-content:center}
.bc.ds .ds-wadokei__now{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;letter-spacing:.08em;min-width:5em}
.bc.ds .ds-wadokei__line{margin:0;font-variant-numeric:tabular-nums;min-height:1.6em}
.bc.ds .ds-wadokei__live .bc-field__help{margin:0}
.bc.ds .ds-wadokei__dial{display:block;width:100%;max-width:18.75rem;height:auto;margin:0}
.bc.ds .ds-wadokei__dial-group{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:var(--bc-space-3);min-width:0}
.bc.ds .ds-wadokei__solstices{display:grid;grid-template-columns:repeat(2,minmax(0,13.125rem));justify-content:space-between;column-gap:1.5rem;row-gap:var(--bc-space-3)}
.bc.ds .ds-wadokei__solstice{text-align:center;min-width:0}
.bc.ds .ds-wadokei__mini{display:block;width:100%;max-width:13.125rem;height:auto;margin:auto auto .625rem}
.bc.ds .ds-wadokei__solstice p{margin:0;font-size:.9375rem;line-height:1.4;white-space:nowrap}
.bc.ds .ds-wadokei__solstice-length{display:grid;justify-items:center}
.bc.ds .ds-wadokei__solstice-date{font-weight:700}
.bc.ds .ds-wadokei__claim{grid-column:1/-1;margin:0;text-align:center;font-size:1rem;line-height:1.6}
.bc.ds .ds-wadokei__day{fill:#f5e5b8;stroke:#73909a;stroke-width:1}
.bc.ds .ds-wadokei__day-first{fill:#c39a45}
.bc.ds .ds-wadokei__day-divider,.bc.ds .ds-wadokei__night-divider{stroke:#fff;stroke-width:1.5;fill:none}
.bc.ds .ds-wadokei__bracket{stroke:var(--bc-text);stroke-width:2;fill:none}
.bc.ds .ds-wadokei__bracket-label{fill:var(--bc-text);font-size:28px;font-weight:700}
.bc.ds .ds-wadokei__night{fill:#254755;stroke:#73909a;stroke-width:1}
.bc.ds .ds-wadokei__day-label{fill:#283e42}
.bc.ds .ds-wadokei__night-label{fill:#f3f5f6}
.bc.ds .ds-wadokei__hub{fill:#0f2f3a;stroke:#73909a}
.bc.ds .ds-wadokei__hub-title{fill:#ffe082;font-family:serif}
.bc.ds .ds-wadokei__hub-sub{fill:#dfeff4}
.bc.ds .ds-wadokei__hand path{stroke:#e17051}
.bc.ds .ds-wadokei__hand circle{fill:#ffe082}
.bc.ds .ds-wadokei__fields{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:var(--bc-space-3) var(--bc-space-5);justify-content:center}
.bc.ds .ds-wadokei__fields .bc-field{flex:0 1 16rem;min-width:0}
.bc.ds .ds-wadokei__wide{grid-column:1/-1;min-width:0}
.bc.ds .ds-wadokei__lengths{display:flex;flex-wrap:wrap;gap:var(--bc-space-2) var(--bc-space-5);margin:0 0 var(--bc-space-3);font-weight:700}
/* 刻の表は暗い板の上でも「紙」にする（10/21 ユーザー差し戻し: 昼の行が水色の地に薄い字でコントラスト 1.6 だった）。
   本番の wk-table と同じく淡い地に濃い字。見出し・昼・夜・今の刻の全セルで 4.5 以上（tests/test_ds_tools_wadokei.py が計算で固定） */
.bc.ds .ds-wadokei__wide .ds-table .bc-table-wrap{border:1px solid #b8c4ca;border-radius:var(--bc-radius-input,8px);background:#fff;color:#1f2328}
.bc.ds .ds-wadokei__wide .ds-table .bc-table.ds-wadokei__table{font-variant-numeric:tabular-nums;color:#1f2328;background:#fff}
.bc.ds .ds-wadokei__wide .ds-table .bc-table.ds-wadokei__table caption{color:#1f2328}
.bc.ds .ds-wadokei__wide .ds-table .bc-table.ds-wadokei__table th,.bc.ds .ds-wadokei__wide .ds-table .bc-table.ds-wadokei__table td{border-color:#d3dbe0;background:#fff;color:#1f2328}
.bc.ds .ds-wadokei__wide .ds-table .bc-table.ds-wadokei__table thead th{background:#e6edf0;color:#1f2328}
.bc.ds .ds-wadokei__wide .ds-table .bc-table.ds-wadokei__table tbody tr[data-night=false] :is(th,td){background:#fffbe9}
.bc.ds .ds-wadokei__wide .ds-table .bc-table.ds-wadokei__table tbody tr[data-night=true] :is(th,td){background:#e9eff3}
.bc.ds .ds-wadokei__wide .ds-table .bc-table.ds-wadokei__table tbody tr[aria-current=true] :is(th,td){background:#ffe9a6;font-weight:700}
.bc.ds .ds-wadokei__wide .ds-table .bc-table.ds-wadokei__table tbody tr[aria-current=true] th{box-shadow:inset 4px 0 #b3401f}
@media (max-width:640px){
  .bc.ds .ds-wadokei{grid-template-columns:minmax(0,1fr);gap:var(--bc-space-3)}
  .bc.ds .ds-wadokei__dial{max-width:15rem;margin:auto}
  .bc.ds .ds-wadokei__dial-group{grid-template-columns:minmax(0,1fr);gap:var(--bc-space-3)}
  .bc.ds .ds-wadokei__solstices{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--bc-space-3)}
  .bc.ds .ds-wadokei__mini{max-width:10rem}
  .bc.ds .ds-wadokei__solstice p{font-size:.98125rem}
  .bc.ds .ds-wadokei__fields .bc-field{flex:1 1 100%}
}