/* Kit commun : bandeau date, heure et fête du jour (feuille séparée, jamais en cache périmé) */
.kd{box-sizing:border-box;position:relative;z-index:1;width:100%;max-width:100%;min-height:2.7rem;margin:0;padding:0;color:var(--kd-fg);background:var(--kd-bg);font:600 .88rem/1.4 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:0;text-align:center}
.kd *,.kd *::before,.kd *::after{box-sizing:border-box;min-width:0}
.kd:not(.kd-on){visibility:hidden}
.kd p{margin:0}
.kd-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.15rem 1rem;max-width:100%;padding:.55rem 1rem}
.kd-date,.kd-fete{overflow-wrap:break-word}
.kd-time{font-variant-numeric:tabular-nums;font-weight:800}
.kd-time small{margin-left:.35em;font-size:.8em;font-weight:600}
.kd-f2{font-family:Georgia,"Times New Roman",serif}
.kd-f3 .kd-time{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700}
.kd-f4 .kd-date{text-transform:uppercase;letter-spacing:.06em;font-size:.84em}
.kd-f5{font-family:"Trebuchet MS","Segoe UI",system-ui,sans-serif;font-weight:700}
.kd-l1 .kd-in>*+*::before{content:"•";margin-right:1rem;color:var(--kd-ac)}
.kd-l2 .kd-in{display:grid;grid-template-columns:1fr auto 1fr;gap:.2rem 1.2rem;justify-items:center;width:min(100%,72rem);margin:0 auto}
.kd-l2 .kd-date{justify-self:start;text-align:left}
.kd-l2 .kd-fete{justify-self:end;text-align:right}
.kd-l3{background:transparent;padding:.5rem .75rem;min-height:3.2rem}
.kd-l3 .kd-in{display:inline-flex;width:auto;border-radius:2rem;background:var(--kd-bg);color:var(--kd-fg);padding:.45rem 1.15rem;gap:.1rem .9rem}
.kd-l3 .kd-in>*+*::before{content:"|";margin-right:.9rem;color:var(--kd-ac)}
.kd-l4{text-align:left;border-bottom:3px solid var(--kd-ac)}
.kd-l4 .kd-in{justify-content:flex-start;gap:0;padding:0}
.kd-l4 .kd-time{order:-1;align-self:stretch;display:flex;align-items:center;padding:.55rem 1rem;background:var(--kd-ac);color:var(--kd-ac2)}
.kd-l4 .kd-date,.kd-l4 .kd-fete{padding:.55rem 1rem}
.kd-l5{background:transparent;min-height:4.6rem;padding:.5rem 1rem 0;text-align:right}
.kd-l5 .kd-in{display:inline-grid;gap:.1rem;justify-items:start;width:auto;max-width:min(100%,24rem);padding:.5rem .9rem;text-align:left;border:2px solid var(--kd-ac);border-radius:.7rem;background:var(--kd-bg);color:var(--kd-fg)}
.kd-l5 .kd-time{order:-1;font-size:1.35rem;line-height:1.2}
.kd-l6{background:transparent;padding:.5rem 0}
.kd-l6 .kd-in{width:min(100%,64rem);margin:0 auto;padding:.5rem 2rem;background:var(--kd-bg);color:var(--kd-fg);clip-path:polygon(0 0,100% 0,calc(100% - .8rem) 50%,100% 100%,0 100%,.8rem 50%)}
.kd-l7{min-height:4.6rem;border-bottom:4px double var(--kd-ac)}
.kd-l7 .kd-in{flex-direction:column;gap:.1rem;padding:.65rem 1rem .75rem}
.kd-l7 .kd-time{order:-1;font-size:1.6rem;line-height:1.15;letter-spacing:.02em}
.kd-l8{text-align:left;border-left:.45rem solid var(--kd-ac);border-bottom:1px solid var(--kd-ac)}
.kd-l8 .kd-in{justify-content:flex-start}
.kd-l9{background:transparent;min-height:4.8rem;padding:.5rem .75rem}
.kd-l9 .kd-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:.5rem;width:min(100%,60rem);margin:0 auto;padding:0}
.kd-l9 .kd-in>*{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem;padding:.4rem .7rem;border:2px solid var(--kd-ac);border-radius:.55rem;background:var(--kd-bg);color:var(--kd-fg)}
.kd-l9 .kd-in>*::before{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.kd-l9 .kd-date::before{content:"Date"}
.kd-l9 .kd-time::before{content:"Heure de Paris";display:block}
.kd-l9 .kd-fete::before{content:"Fête du jour"}
.kd-l10{background:linear-gradient(90deg,var(--kd-bg),var(--kd-bg2,var(--kd-bg)))}
@media (max-width:46rem){
  .kd-l1 .kd-in>*+*::before,.kd-l3 .kd-in>*+*::before{display:none}
  .kd-l2 .kd-in{grid-template-columns:minmax(0,1fr)}
  .kd-l2 .kd-date,.kd-l2 .kd-fete{justify-self:center;text-align:center}
  .kd-l4 .kd-in{flex-direction:column;align-items:stretch}
  .kd-l4 .kd-time{justify-content:center}
  .kd-l4 .kd-date,.kd-l4 .kd-fete{text-align:center;padding:.3rem 1rem}
  .kd-l5{text-align:center}
  .kd-l6 .kd-in{padding:.5rem 1.6rem}
}
@media print{.kd{display:none!important}}
