/* calendrier.css — /calendrier-de-l-avent-a-imprimer/: the few things this page adds on top of
   /assets/polyatic.css and the advent maker's /advent-calendar-maker/advent.css. */
.cda .cda-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.cda .cda-modes button{width:100%}
@media(min-width:640px){.cda .cda-modes{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cda .cda-two button{flex:1 1 40%}
.cda .cda-designs{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:380px){.cda .cda-designs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cda .cda-check{margin-top:.5rem}
.cda .cda-err:empty,.cda .cda-msg:empty{display:none}
.cda .cda-err{color:var(--danger,#b3282d)}
.cda .cda-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin:.6rem 0 0;padding:0;list-style:none;font-size:.85rem}
.cda .cda-tags li{border:1px solid var(--line,#d9d9d4);border-radius:999px;padding:.15rem .6rem;color:var(--muted,#555)}
/* the stage: in the village mode the built village leads, then the download, then the sheets */
.cda .cda-stage{display:flex;flex-direction:column}
.cda .cda-scene{max-width:40rem;margin:0 auto .75rem;width:100%;line-height:0}
.cda .cda-scene svg{display:block;width:100%;height:auto;border-radius:.625rem}
.cda .cda-stage.is-scene .ac-stage-h{order:0}
.cda .cda-stage.is-scene .cda-scene{order:1}
.cda .cda-stage.is-scene .cda-dl{order:2}
.cda .cda-stage.is-scene .cda-msg,.cda .cda-stage.is-scene .cda-err{order:3}
.cda .cda-stage.is-scene .cda-summary{order:4}
.cda .cda-stage.is-scene .cda-paper{order:5;max-width:18rem;margin-top:.5rem}
.cda .cda-stage.is-scene .cda-pager{order:6}