/* «Signer PDF gratis» (/signer-pdf, templates/quick_*.html): the public page's upload box and
   questions, and the signature card with its drawing pad under the fill-in card (fill.css). */

.qs-hero { margin: var(--space-md) 0 var(--space-lg); max-width: 760px; }
.qs-hero h1 { font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 800; letter-spacing: -0.02em; line-height: 1.1;
              margin: 0 0 var(--space-sm); color: var(--navy-800); }

.qs-drop { display: grid; justify-items: center; gap: 6px; padding: var(--space-xl) var(--space-md); text-align: center;
           border: 2px dashed var(--surface-400); border-radius: var(--radius-md, 12px); background: #fff; cursor: pointer;
           transition: border-color 0.15s, background 0.15s; }
.qs-drop:hover, .qs-drop:focus-within { border-color: var(--gold-500); background: #fffdf6; }
.qs-drop__icon { color: var(--gold-600); }
.qs-drop__title { font-weight: 800; font-size: 1.1rem; color: var(--navy-800); }
.qs-drop input[type=file] { font: inherit; font-size: 16px; max-width: 100%; margin-top: 6px; }
.qs-upload .actions { margin-top: var(--space-md); }

.qs-faq h3 { font-size: 1rem; font-weight: 800; color: var(--navy-800); margin: var(--space-lg) 0 4px; }
.qs-faq h3:first-child { margin-top: var(--space-sm); }
.qs-faq p { margin: 0; color: var(--text-secondary); line-height: 1.65; }

.qs-sign { display: grid; gap: var(--space-sm); padding: var(--space-lg); border: 1px solid var(--gold-300, #ecd58a);
           border-radius: var(--radius-sm); background: #fffdf6; scroll-margin-top: 90px; }
.qs-sign h2 { margin: 0; font-size: var(--font-size-lg); font-weight: 800; color: var(--navy-800); }
.qs-pad__canvas { display: block; width: 100%; max-width: 600px; aspect-ratio: 3 / 1; height: auto; background: #fff;
                  border: 1px solid var(--surface-400); border-bottom: 2px solid var(--navy-500); border-radius: 8px;
                  touch-action: none; cursor: crosshair; }
.qs-pad__bar { display: flex; flex-wrap: wrap; gap: var(--space-sm); align-items: center; justify-content: space-between; max-width: 600px; }
.qs-note { margin: 0; }
.qs-more .actions form { display: inline; }
.ff [data-ink-out] { pointer-events: none; }