/* brief.css - page layer for /brief-van-sinterklaas/ on top of /assets/polyatic.css and the stage of
   /letter-from-santa/santa.css: the two-sender switch on the mat, the stationery chips, the kinds. */
.ls-mode.bv-sender{grid-template-columns:repeat(2,minmax(0,1fr))}
.bv-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}
.bv-sender button.active{background:var(--signal);color:var(--signal-ink)}
.bv-sender button:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.bv-designs{gap:.375rem}
.bv-designs .chip{padding:.375rem .6875rem;font-size:.8125rem}
.bv-designs .chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.bv-kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.bv-kinds button{height:auto;min-height:3rem;line-height:1.2;padding:.375rem .5rem}
.ls-form input.bv-second{margin-top:.375rem}
.ls-langs{margin:1.5rem .125rem 0;font-size:.875rem;color:var(--muted)}
/* "Verlanglijstje voor je kind": the child's own sheets, a second stage under the letter tool */
.vl{margin:2.25rem 0 0}
.vl-head h2{font-size:1.375rem;letter-spacing:-.025em;margin:0 0 .375rem}
.vl-head p{color:var(--muted);margin:0 0 1rem;max-width:62ch;text-wrap:pretty}
.vl-dl .btn{height:auto;min-height:3.25rem;padding:.4rem .625rem;line-height:1.2}
.vl-dl .btn small{display:block;font-weight:500;opacity:.8;margin:.125rem 0 0}