/* carta.css - page layer for /carta-do-papai-noel/ on top of /assets/polyatic.css and the stage of
   /letter-from-santa/santa.css: the four letter kinds on the mat, the paper chips and the girl/boy choice. */
.pn-kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;max-width:34rem}
.pn-kinds button{padding:.25rem .375rem;min-height:2.25rem;line-height:1.15;font-size:.8125rem}
@media (min-width:34rem){.pn-kinds{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pn-designs{gap:.375rem}
.pn-designs .chip{padding:.375rem .6875rem;font-size:.8125rem}
.pn-designs .chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.pn-choice{flex-wrap:wrap}
.pn-choice button{height:auto;min-height:2.75rem;line-height:1.2;padding:.375rem .5rem}
.ls-form input.pn-second{margin-top:.375rem}
.pn-kindnote{margin:.125rem 0 .75rem;font-size:.875rem;color:var(--muted)}
.pn-kindnote b{color:var(--ink)}
.ls-langs{margin:1.5rem .125rem 0;font-size:.875rem;color:var(--muted)}
/* "A cartinha do seu filho para o Papai Noel": the child's own sheets, a second stage under the letter */
.ct{margin:2.25rem 0 0}
.ct-head h2{font-size:1.375rem;letter-spacing:-.025em;margin:0 0 .375rem}
.ct-head p{color:var(--muted);margin:0 0 1rem;max-width:62ch;text-wrap:pretty}
.ct-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;max-width:34rem}
.ct-tabs button,.ct-kidtabs button{padding:.25rem .375rem;min-height:2.25rem;line-height:1.15;font-size:.8125rem}
.ct-kidtabs{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.375rem}
.ct-kidtabs[hidden]{display:none}
.ct-dl .btn{height:auto;min-height:3.25rem;padding:.4rem .625rem;line-height:1.2}
.ct-dl .btn small{display:block;font-weight:500;opacity:.8;margin:.125rem 0 0}
.ct-kid{border:1px solid var(--line);border-radius:.75rem;padding:.5rem .75rem .75rem;margin:0 0 .75rem;min-width:0}
.ct-kid legend{font-size:.8125rem;font-weight:650;color:var(--muted);padding:0 .25rem}
.ct-kid .pn-choice{margin-top:.5rem}
.ct-rm{margin-top:.5rem;font-size:.8125rem;height:auto;min-height:2.25rem}
.ct-add{align-self:flex-start}