/* Compact, accessible browser-local tools. Shared colours inherit the site palette. */
.widget{padding:clamp(18px,3vw,32px);border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);max-width:940px;margin:0 auto;scroll-margin-top:100px}
.widget [hidden]{display:none!important}
.widget-heading{max-width:720px;margin-bottom:22px}
.widget-heading h2{margin:12px 0 8px;font-size:clamp(24px,3vw,34px);line-height:1.15;letter-spacing:-.035em}
.widget-heading p,.widget-result>p{color:var(--muted);font-size:16px;line-height:1.6;margin:8px 0}
.widget .pill{display:inline-flex;align-items:center;min-height:26px;padding:3px 9px;border-radius:6px;border:1px solid var(--line);font-size:14px;font-weight:650;letter-spacing:.025em;line-height:1.4}
.widget .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.widget .field{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0;font-size:15px;font-weight:600}
.widget .field-wide{grid-column:1/-1}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.widget .field input,.widget .field textarea,.widget .field select{box-sizing:border-box;width:100%;min-height:46px;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font:inherit;font-size:16px;font-weight:400;line-height:1.45;transition:border-color .15s,box-shadow .15s}
.widget .field select{padding-right:30px}
.widget .field textarea{resize:vertical;min-height:114px}
.widget .field input::placeholder,.widget .field textarea::placeholder{color:var(--muted);opacity:.85}
.widget .field small{font-size:14px;font-weight:400;line-height:1.5;color:var(--muted)}
.widget .field input:focus,.widget .field select:focus,.widget .field textarea:focus{outline:2px solid var(--accent);outline-offset:3px;border-color:var(--accent)}
.widget .field input:user-invalid,.widget .field select:user-invalid,.widget .field textarea:user-invalid{border-color:var(--danger)}
.widget .field input[type=date],.widget .field input[type=time]{color-scheme:dark light}
.widget .button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:44px;border-radius:8px;padding:10px 16px;font:inherit;font-size:15px;font-weight:650;line-height:1.4;cursor:pointer;white-space:normal;text-align:center}
.widget .button-primary{border:1px solid var(--accent);background:var(--accent);color:var(--button-ink,var(--ink))}
.widget .button-secondary{background:transparent;border:1px solid var(--line);color:var(--text)}
.widget .button:hover{filter:brightness(1.08)}
.widget .button:focus-visible,.widget-clear:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.widget .button:disabled{opacity:.5;cursor:wait}
.widget .widget-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px}
.widget .widget-clear{min-height:44px;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:15px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.widget .widget-clear:hover{color:var(--text)}
.widget .widget-steps{counter-reset:brief;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;margin:0 0 24px;padding:0}
.widget .widget-steps li{counter-increment:brief;display:flex;align-items:center;gap:8px;padding:10px 0;border-top:2px solid var(--line);color:var(--muted);font-size:15px;font-weight:600;line-height:1.4}
.widget .widget-steps li::before{content:counter(brief,decimal-leading-zero);font-size:12px;opacity:.8}
.widget .widget-steps .is-current{border-color:var(--accent);color:var(--text)}
.widget .widget-steps .is-complete{border-color:var(--ok);color:var(--muted)}
.widget .widget-step h3,.widget .widget-result h3{font-size:16px;line-height:1.25;letter-spacing:-.025em;margin:0 0 18px}
.widget .widget-check{display:flex;align-items:flex-start;gap:10px;max-width:760px;margin:18px 0 0;font-size:15px;font-weight:400;line-height:1.6;color:var(--text);cursor:pointer}
.widget .widget-check input{flex:none;appearance:auto;accent-color:var(--accent);height:20px;width:20px;margin:2px 0 0;cursor:pointer}
.widget .widget-check input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.widget .widget-draft{font-size:15px;color:var(--muted)}
.widget .widget-draft-tools{margin-top:22px;padding-top:2px;border-top:1px solid var(--line)}
.widget .widget-status{min-height:0;margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.5}
.widget .widget-status:empty,.widget .widget-error:empty{display:none}
.widget .widget-error{padding:10px 12px;margin:14px 0 0;border-left:3px solid var(--danger);color:var(--danger);font-size:15px;line-height:1.5}
.widget .widget-note{padding:12px 14px;border-left:2px solid var(--accent);margin:18px 0 0;color:var(--muted);font-size:15px;line-height:1.65;background:var(--bg)}
.widget .widget-summary{font:inherit;font-size:15px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;max-height:440px;overflow:auto;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);margin:18px 0 0}
.widget .widget-summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.widget .widget-success-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ok);border-radius:50%;color:var(--ok);font-size:16px;margin:0 0 16px}
.widget .widget-result h3{margin-bottom:10px}
.widget .widget-payment-meta{display:grid;grid-template-columns:auto 1fr;gap:9px 18px;padding:16px 0;margin:0 0 20px;border-block:1px solid var(--line);font-size:15px;line-height:1.5}
.widget .widget-payment-meta span{color:var(--muted)}
.widget .widget-payment-meta strong{font-weight:600;text-align:right}
.widget .widget-state-buttons{display:flex;flex-wrap:wrap;gap:8px}
.widget .widget-state-buttons .button{flex:1;min-width:110px}
.widget .widget-state-buttons .is-active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.widget .widget-payment-state{padding:24px 16px 18px;margin-top:18px;background:var(--bg);border:1px solid var(--line);border-radius:10px;text-align:center}
.widget .widget-payment-symbol{display:grid;place-items:center;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;margin:0 auto 13px;color:var(--accent);font-size:16px;line-height:1}
.widget .widget-payment-state[data-status=success] .widget-payment-symbol{color:var(--ok)}
.widget .widget-payment-state[data-status=error] .widget-payment-symbol{color:var(--danger)}
.widget .widget-payment-state h3{font-size:16px;line-height:1.3;letter-spacing:-.02em;margin:8px 0}
.widget .widget-payment-state p{color:var(--muted);max-width:540px;margin:8px auto 0;font-size:15px;line-height:1.6}
.widget-copy-field{position:fixed;top:0;left:0;opacity:0;width:1px;height:1px;pointer-events:none}
.widget-print-sheet{display:none}
body.dialog-open{overflow:hidden}
.search-result-count{color:var(--muted);font-size:14px;line-height:1.5;margin:10px 0 12px}
.search-result{display:flex;flex-direction:column;gap:4px;padding:12px 10px;border-bottom:1px solid var(--line);border-radius:5px;color:var(--text);text-decoration:none;min-height:44px}
.search-result:hover,.search-result:focus-visible{background:var(--bg);outline:2px solid var(--accent);outline-offset:-2px}
.search-result>span{font-size:16px;line-height:1.35}
.search-result>small{color:var(--muted);font-size:14px;line-height:1.4}
.search-empty{font-size:16px;line-height:1.6;color:var(--muted);padding:20px 0}
@media(max-width:700px){.widget{border-radius:12px;padding:20px 16px}.widget .form-grid{grid-template-columns:minmax(0,1fr);gap:14px}.widget .widget-steps{gap:7px}.widget .widget-steps li{flex-direction:column;align-items:flex-start;gap:3px;font-size:14px;padding-top:8px}.widget .widget-actions .button-primary{flex:1 1 100%}.widget .widget-actions .button-secondary{flex:1}.widget .widget-clear{font-size:15px}.widget .widget-summary{padding:13px;font-size:15px}.widget .widget-state-buttons .button{min-width:90px;padding:10px 8px;font-size:14px}.widget .widget-heading{margin-bottom:20px}.widget .widget-check{font-size:15px}.widget .widget-draft{font-size:14px}}
@media(prefers-reduced-motion:reduce){.widget *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{body.utility-printing>*{display:none!important}body.utility-printing>.widget-print-sheet{display:block!important;background:#fff!important;color:#111!important;padding:0!important;font:12pt/1.6 Arial,sans-serif}.widget-print-sheet h1{font-size:22pt;margin:0 0 20pt}.widget-print-sheet pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}}
