/* China public holidays and working days: only what site.css and the interior theme lack.
   Period cards, day lists and the source list. Calculator panels use the shared .calc classes. */
.hol-periods{display:grid;gap:14px;margin:14px 0 24px}
@media (min-width:760px){.hol-periods{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hol-period{min-width:0;background:#fff;border:1px solid #071b3826;border-left:3px solid #0077ef;border-radius:5px;padding:14px 16px}
.article-body .hol-period h4{margin:0 0 4px;font-family:Georgia,"Times New Roman",serif;font-size:19px;font-weight:400;line-height:1.25;color:#0c1539}
.hol-period h4 span[lang="zh"]{color:#4b607c;font-size:15px;white-space:nowrap}
.article-body .hol-when{margin:0 0 10px;font-size:14px;font-weight:700;color:#0c1539}
.hol-days{display:grid;gap:9px;margin:0}
.hol-days>div{display:grid;gap:2px;min-width:0}
.hol-days dt{color:#4b607c;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}
.hol-days dd{margin:0;font-size:14.5px;line-height:1.5;color:#0c1539}
.hol-basis{display:block;margin-top:4px;font-size:13px;line-height:1.55;color:#33465f}
.article-body .hol-note,.article-body .hol-src{font-size:13.5px;line-height:1.6;color:#33465f}
.article-body .hol-note{margin:10px 0 0;padding-top:8px;border-top:1px dotted #071b3833}
.article-body .hol-year-summary{font-size:15px;font-weight:700;color:#0c1539}
.article-body .hol-year h3{margin-top:30px}
.hol-checked{white-space:nowrap}
.article-body .hol-sources{gap:12px}
.article-body .hol-sources li{font-size:14.5px;line-height:1.5}
.hol-sources span[lang="zh"]{display:block;margin-top:2px;font-size:13px;color:#4b607c}
.hol-meta{display:block;margin-top:2px;font-size:13px;line-height:1.55;color:#33465f}
.article-body .hol-rules li{font-size:14.5px}
.calc .hol-out-list{margin:6px 0 0;padding-left:18px;gap:4px}
.calc .hol-out-list li{font-size:14px;line-height:1.5}
.calc input[aria-invalid="true"]{border-color:#bd741f;outline:2px solid #bd741f40;outline-offset:0}
@media (max-width:420px){
  .hol-period{padding:12px 13px}
  .article-body .hol-period h4{font-size:17px}
}
@media (forced-colors:active){.hol-period{border-left-width:3px}}

/* The interior theme sets every p and li in .article-body to 16px Arial with a (0,3,2) selector
   that loads after this file, which made the result headline the smallest line in its card and
   cancelled the sizes above. These rules carry an id or four class-level parts to win. */
.buy-page .article-inner .article-body p.hol-note,.buy-page .article-inner .article-body p.hol-src{font-size:13.5px;line-height:1.6}
.buy-page .article-inner .article-body p.hol-when{font-size:14px;line-height:1.5}
.buy-page .article-inner .article-body p.hol-year-summary{font-size:15px;line-height:1.5}
.buy-page .article-inner .article-body .hol-sources li{font-size:14.5px;line-height:1.5}
.buy-page .article-inner .article-body .hol-rules li{font-size:14.5px;line-height:1.6}
.buy-page .article-inner .article-body .calc .hol-out-list li{font-size:14px;line-height:1.5}
.buy-page .article-inner .article-body .calc :is(p.calc-note,p.calc-warn){font-size:14px;line-height:1.6}
:is(#hol-wd,#hol-ot,#hol-al) .calc-big{font-family:Georgia,"Times New Roman",serif;font-size:40px;line-height:1.1;letter-spacing:-.02em}
:is(#hol-wd,#hol-ot,#hol-al) .calc-big span{font-size:15px;letter-spacing:0}
:is(#hol-wd,#hol-ot,#hol-al) .calc-h3{margin:22px 0 4px;font:800 12px/1.4 Arial,"Helvetica Neue",sans-serif;letter-spacing:.1em;text-transform:uppercase}
@media (max-width:560px){:is(#hol-wd,#hol-ot,#hol-al) .calc-big{font-size:32px}}

/* site.css resets every input with appearance:none and gives checkboxes no checked state, so a
   ticked box looked exactly like an empty one. Restore the native checkbox in these calculators only. */
:is(#hol-ot,#hol-al) input[type="checkbox"]{-webkit-appearance:checkbox;appearance:auto;width:22px;height:22px;margin:0;padding:0;flex:0 0 auto;accent-color:var(--blue,#2d6bff);cursor:pointer}
:is(#hol-ot,#hol-al) .calc-check{cursor:pointer}

/* The hours hint sits right under the hours field, between two .calc-head rows, which cancels the
   shared ".calc-head+.calc-head" separator; restore it for the row that follows. */
#hol-ot>#hol-ot-hint+.calc-head{border-top:1px dotted #071b3826;margin-top:16px;padding-top:16px}

/* A field's error message, written under the field inside its label: undo the label's small
   uppercase style. "Error:" in the text says it is an error without relying on colour. */
.calc .calc-year .hol-err{display:block;width:0;min-width:100%;color:#774000;font-size:13.5px;font-weight:400;line-height:1.45;letter-spacing:normal;text-transform:none}

/* Links to the three calculators, which sit below both years of period cards. */
.article-body .jump-to-calc.hol-jump{display:flex;flex-wrap:wrap;gap:8px}
.hol-jump .hol-jump-need{font-weight:400;color:#33465f}