/* lettera.css - page layer for /lettera-di-babbo-natale/ on top of /assets/polyatic.css and the stage of
   /letter-from-santa/santa.css: the two-sender switch on the mat (Babbo Natale / Befana), that sender's
   letter kinds, the stationery chips and the girl/boy choice. */
.ls-mode.it-sender{grid-template-columns:repeat(2,minmax(0,1fr))}
.it-sender button{display:flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.25rem .5rem;border:0;border-radius:999px;background:transparent;
  color:var(--mat-ink);font:inherit;font-size:.875rem;font-weight:650;cursor:pointer}
.it-sender button.active{background:var(--signal);color:var(--signal-ink)}
.it-sender button:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.it-kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;max-width:30rem}
.it-kinds[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:20rem}
.it-kinds button{padding:.25rem .25rem;min-height:2.25rem;line-height:1.15;font-size:.8rem}
.it-designs{gap:.375rem}
.it-designs .chip{padding:.375rem .6875rem;font-size:.8125rem}
.it-designs .chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.it-designs .chip:disabled{opacity:.45;cursor:not-allowed}
.it-choice{flex-wrap:wrap}
.it-choice button{height:auto;min-height:2.75rem;line-height:1.2;padding:.375rem .5rem}
.ls-form input.it-second{margin-top:.375rem}
.it-kindnote{margin:.125rem 0 .75rem;font-size:.875rem;color:var(--muted)}
.it-kindnote b{color:var(--ink)}
.ls-langs{margin:1.5rem .125rem 0;font-size:.875rem;color:var(--muted)}
/* "La letterina di tuo figlio": the child's own sheets to Babbo Natale or the Befana, a second stage under the letter */
.ln{margin:2.25rem 0 0}
.ln-head h2{font-size:1.375rem;letter-spacing:-.025em;margin:0 0 .375rem}
.ln-head p{color:var(--muted);margin:0 0 1rem;max-width:62ch;text-wrap:pretty}
.ln-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;max-width:34rem}
@media (min-width:34rem){.ln-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}}
.ln-tabs button,.ln-kidtabs button{padding:.25rem .375rem;min-height:2.25rem;line-height:1.15;font-size:.8125rem}
.ln-kidtabs{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.375rem}
.ln-kidtabs[hidden]{display:none}
.ln-dl .btn{height:auto;min-height:3.25rem;padding:.4rem .625rem;line-height:1.2}
.ln-dl .btn small{display:block;font-weight:500;opacity:.8;margin:.125rem 0 0}
.ln-kid{border:1px solid var(--line);border-radius:.75rem;padding:.5rem .75rem .75rem;margin:0 0 .75rem;min-width:0}
.ln-kid legend{font-size:.8125rem;font-weight:650;color:var(--muted);padding:0 .25rem}
.ln-kid .ln-genere{margin-top:.5rem}
.ln-rm{margin-top:.5rem;font-size:.8125rem;height:auto;min-height:2.25rem}
.ln-add{align-self:flex-start}