.signature-page h1 em{color:var(--green)}.signature-page>.lead{max-width:780px}.signature-toolbar,.signature-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:22px 0}.signature-page button,.signature-page select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:5px;min-height:44px;padding:10px 16px}.signature-page button{cursor:pointer}.signature-page button:disabled{opacity:.45;cursor:default}.signature-tools button span{font:30px Georgia,serif;vertical-align:middle;margin-right:10px}.signature-tools [aria-pressed=true],#signature-check{background:var(--ink);color:var(--paper);border-color:var(--ink)}.signature-paper{padding:28px;background:#fffef9;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:6px}.signature-paper h2{font-size:38px;margin:12px 0 24px}.signature-hint,#signature-score{font-size:13px;color:var(--muted)}#signature-score{margin-left:auto}.signature-scroll{overflow-x:auto;padding:5px 0}.signature-scroll svg{display:block;width:100%;min-width:560px;max-height:290px;color:var(--ink);cursor:crosshair;background:#fcfcf8;border:2px solid var(--line);border-radius:5px}.signature-scroll svg.correct{border-color:#287447}.signature-scroll svg.wrong{border-color:#b53535}.signature-page .correct{color:#205b35}.signature-page .wrong{color:#942828}#signature-feedback{min-height:50px;margin-bottom:0}.signature-help{margin-top:32px;max-width:800px;color:var(--muted)}.signature-help summary{color:var(--ink);font-size:18px;cursor:pointer}.signature-help p{line-height:1.8}@media(max-width:600px){.signature-paper{padding:18px 12px}.signature-paper h2{font-size:30px}.signature-toolbar{gap:10px}.signature-toolbar select{max-width:100%}#signature-score{margin-left:0;flex-basis:100%}.signature-tools button{padding:8px 12px}}

.signature-key-buttons{display:flex;flex-wrap:wrap;gap:8px;flex-basis:100%}.signature-key-buttons button{min-width:56px;padding:8px 12px}.signature-key-buttons [aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.signature-position-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.signature-position-buttons button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:74px;padding:10px 6px}.signature-position-buttons strong{font-size:20px}.signature-position-buttons small{font-size:12px}.signature-position-buttons button:hover:not(:disabled){background:#f0e7d6;border-color:var(--gold)}@media(max-width:600px){.signature-position-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}