/* /{年}/holidays の「休みの数と連休」の表（P5 ①）。表を出す年だけ templates/yearly_holidays.html が読み込む。
   既存の .holidays-table（祝日一覧）とは別の class にして、その表を数える既存の試験・CSS と混ざらないようにする。
   同じ section に付く .overlapping-days（taian.css の `.overlapping-days table td…`）より特異度が高くなるよう、
   セレクタは .hcount-section から始める。 */
.hcount-section .hcount-table{width:100%;border-collapse:collapse;margin:1rem 0}
.hcount-section .hcount-table th{background:#f5f5f5;padding:10px 12px;text-align:left;font-size:.9rem;border-bottom:2px solid #ddd}
.hcount-section .hcount-table td{padding:10px 12px;border-top:none;border-bottom:1px solid #eee;font-size:.95rem;border-left:none;border-right:none}
.hcount-section .hcount-table td:first-child{width:auto;border-right:none}
.hcount-section .hcount-table td:last-child{font-weight:700;color:#1565c0}
.hcount-section .hcount-nw{white-space:nowrap}
.hcount-section .hcount-csv{display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;width:100%;max-width:320px;margin:8px 0;background:#fff3e0;border:1px solid #ffb74d;border-radius:8px;padding:0 18px;color:#a05a00;font-weight:600;font-size:.9rem;cursor:pointer}
.hcount-section .hcount-csv[hidden]{display:none}
.hcount-section .hcount-notes{list-style:none;margin:6px 0 0;padding:0;font-size:.85rem;line-height:1.7;color:#444}
.hcount-section .hcount-notes li{padding:2px 0}
@media screen and (max-width:600px){
  .hcount-section .hcount-table th,.hcount-section .hcount-table td{padding:8px 6px;font-size:.85rem}
  .hcount-section .hcount-table td:first-child{width:40%}
}