/* geld.css — page layer for /geldgeschenk-vorlage/ on top of /assets/polyatic.css and the money
   card engine's /money-card-maker/money.css (stage, tiles, fonts). Adds the single A4/A3 sheet
   for the Bilderrahmen form, sized so the Download button stays on a phone's first screen. */
.gg-one{margin:0 auto;text-align:center}
.gg-one canvas{display:block;margin:0 auto;max-width:100%;width:auto;height:auto;max-height:min(50svh,34rem);background:#fff;border-radius:2px;
  box-shadow:0 1px 0 rgba(0,0,0,.1),10px 16px 28px -12px rgba(0,0,0,.6)}
.gg-one[hidden],.mc-views[hidden]{display:none}
.gg-preview{display:flex;justify-content:center;gap:.5rem;margin:.5rem 0 0;font-size:.8125rem;color:var(--mat-muted)}
.gg-preview input{accent-color:var(--accent)}
.gg-forms button{flex:1 1 45%}
.gg-ages{display:flex;flex-wrap:wrap;gap:.375rem;margin:.375rem 0 .5rem}
.gg-ages button{flex:1 1 2.75rem;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:inherit;font-weight:600;font-size:.875rem;
  padding:.375rem .25rem;border-radius:.4375rem;cursor:pointer}
.gg-ages button.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.gg-ages button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mc-form .mc-tile[hidden]{display:none}
.gg-lang{font-size:.9375rem}
@media(min-width:920px){.gg-one canvas{max-height:min(60vh,44rem)}}