/* advent-gutscheine.css — the few additions /adventskalender-gutscheine/ makes to
   /gift-voucher-maker/voucher.css: the idea-set chips, the list of 24 doors, and a portrait sheet
   kept small enough on a phone that the download buttons stay on the first screen. */
.ag-stage .gv-paper.is-portrait{max-width:min(100%,19.5rem,calc((100svh - 19rem) * .707))}
.ag-dl{margin-top:.625rem}
.ag-banks{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.375rem}
.ag-banks button{border:1px solid var(--line);border-radius:.5rem;background:var(--surface-2);color:var(--ink);font:inherit;font-size:.875rem;font-weight:600;
  padding:.5rem .625rem;text-align:left;cursor:pointer;line-height:1.25}
.ag-banks button:hover{border-color:var(--muted)}
.ag-banks button.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.ag-banks button.active::before{content:"✓ "}
.ag-banks button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ag-mixrow{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}
.ag-mixrow .gv-hint{margin:0}
.ag-doors{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.375rem}
.ag-door{display:grid;grid-template-columns:2.25rem minmax(0,1fr) 2.25rem;align-items:center;gap:.375rem}
.ag-n{font-family:var(--mono);font-size:.875rem;font-weight:600;text-align:center;color:var(--muted)}
.ag-door.is-special .ag-n{color:var(--ink);background:var(--accent-soft);border-radius:.375rem;padding:.25rem 0}
.ag-door textarea{min-width:0;width:100%;resize:vertical;font:inherit;font-size:.875rem;line-height:1.35;min-height:0;padding-top:.375rem;padding-bottom:.375rem;field-sizing:content}
.ag-re{height:2.25rem;border:1px solid var(--line);border-radius:.5rem;background:transparent;color:var(--ink);font:inherit;font-size:1rem;cursor:pointer}
.ag-re:hover{border-color:var(--accent)}
.ag-re:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.gs-lang{margin-top:1.5rem;font-size:.9375rem;color:var(--muted)}
@media(min-width:920px){.ag-stage .gv-paper.is-portrait{max-width:min(100%,26rem)}}
.ag-paper button{white-space:nowrap;padding-left:.25rem;padding-right:.25rem}