/* brief.css - page layer for /brief-vom-weihnachtsmann/ on top of /assets/polyatic.css and the stage of
   /letter-from-santa/santa.css: the two-sender switch on the mat, the four letter kinds, the stationery
   chips, the greeting choice and the child's own Wunschzettel section. */
.ls-mode.bw-sender{grid-template-columns:repeat(2,minmax(0,1fr))}
.bw-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}
.bw-sender button.active{background:var(--signal);color:var(--signal-ink)}
.bw-sender button:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.bw-kinds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;max-width:30rem}
.bw-kinds button{padding:.25rem .25rem;min-height:2.25rem;line-height:1.15;font-size:.78rem}
.bw-designs{gap:.375rem}
.bw-designs .chip{padding:.375rem .6875rem;font-size:.8125rem}
.bw-designs .chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.bw-anrede,.bw-grund{flex-wrap:wrap}
.bw-anrede button,.bw-grund button{height:auto;min-height:2.75rem;line-height:1.2;padding:.375rem .5rem}
.ls-form input.bw-second{margin-top:.375rem}
.bw-kindnote{margin:.125rem 0 .75rem;font-size:.875rem;color:var(--muted)}
.bw-kindnote b{color:var(--ink)}
.ls-langs{margin:1.5rem .125rem 0;font-size:.875rem;color:var(--muted)}
/* "Wunschzettel für dein Kind": the child's own sheets, a second stage under the letter tool */
.wz{margin:2.25rem 0 0}
.wz-head h2{font-size:1.375rem;letter-spacing:-.025em;margin:0 0 .375rem}
.wz-head p{color:var(--muted);margin:0 0 1rem;max-width:62ch;text-wrap:pretty}
.wz-dl .btn{height:auto;min-height:3.25rem;padding:.4rem .625rem;line-height:1.2}
.wz-dl .btn small{display:block;font-weight:500;opacity:.8;margin:.125rem 0 0}