/* Soft Learn Hub QR Code Generator (/tools/qr-code-generator/). Same tokens, buttons and sheet styling as the invoice and P&L generators. Loaded only on that page; excluded from LiteSpeed CSS optimisation because most states are toggled by JS. */
#slh-qr{--q-surface:#EEEDF5;--q-sheet:#fff;--q-ink:#111;--q-text:#3b3b45;--q-muted:#62626E;--q-line:#E4E2EE;--q-field:#fff;--q-field-line:#8E8C9E;--q-hover:#F3F3F9;--q-accent:#5A65DA;--q-accent-ink:#fff;--q-accent-soft:#ECEDFB;--q-head:#2B2D42;--q-head-ink:#fff;--q-danger:#B42318;--q-danger-soft:#FEF3F2;--q-ok:#1E7F52;--q-ok-soft:#E6F4EC;--q-warn:#A4540A;--q-warn-soft:#FFF4E5;--q-shadow:0 1px 3px rgba(17,17,17,.06),0 12px 32px rgba(17,17,17,.06);
  position:relative;margin:24px 0 8px;padding:16px;border-radius:24px;background:var(--q-surface);color:var(--q-text);font-size:16px;line-height:1.5;color-scheme:light}
#slh-qr[data-theme=dark]{--q-surface:#101118;--q-sheet:#1B1C25;--q-ink:#F2F2F7;--q-text:#D4D4DE;--q-muted:#A3A3B2;--q-line:#2E3040;--q-field:#22242F;--q-field-line:#5C5F74;--q-hover:#262837;--q-accent:#8F97F0;--q-accent-ink:#0D0E14;--q-accent-soft:#272A45;--q-head:#2E3142;--q-head-ink:#F2F2F7;--q-danger:#FF9B8F;--q-danger-soft:#3A1F1C;--q-ok:#6FD3A5;--q-ok-soft:#1C3328;--q-warn:#F2B05E;--q-warn-soft:#3A2B14;--q-shadow:0 1px 3px rgba(0,0,0,.4);color-scheme:dark}
#slh-qr *,#slh-qr *::before,#slh-qr *::after{box-sizing:border-box}
#slh-qr [hidden]{display:none!important}
#slh-qr svg{width:18px;height:18px;flex:0 0 auto}
#slh-qr .qr-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#slh-qr input,#slh-qr textarea,#slh-qr select,#slh-qr button{font:inherit;font-size:16px;line-height:1.4;color:var(--q-ink);margin:0;text-transform:none;box-shadow:none}
#slh-qr input:not([type=radio]):not([type=checkbox]):not([type=range]):not([type=color]),#slh-qr textarea,#slh-qr select{display:block;width:100%;height:auto;min-height:44px;padding:9px 12px;border:1px solid var(--q-line);border-radius:10px;background:var(--q-field);transition:border-color .15s,background-color .15s}
#slh-qr textarea{resize:vertical}
#slh-qr input:hover,#slh-qr textarea:hover,#slh-qr select:hover{border-color:var(--q-field-line)}
#slh-qr input:focus-visible,#slh-qr textarea:focus-visible,#slh-qr select:focus-visible{outline:2px solid var(--q-accent);outline-offset:1px;border-color:var(--q-accent)}
#slh-qr ::placeholder{color:var(--q-muted);opacity:1}
#slh-qr [aria-invalid=true]{border-color:var(--q-danger)!important;background:var(--q-danger-soft)}
#slh-qr button{cursor:pointer}
#slh-qr button:focus-visible,#slh-qr label:has(> input:focus-visible){outline:3px solid var(--q-accent);outline-offset:2px}
#slh-qr p{margin:0}
#slh-qr .qr-btn,#slh-qr .qr-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 16px;border:1px solid var(--q-line);border-radius:999px;background:var(--q-sheet);color:var(--q-ink);font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;transition:border-color .15s,color .15s,background-color .15s}
#slh-qr .qr-btn:hover,#slh-qr .qr-icon:hover{border-color:var(--q-accent);color:var(--q-accent);background:var(--q-sheet)}
#slh-qr .qr-icon{width:44px;padding:0}
#slh-qr .qr-icon[aria-pressed=true]{background:var(--q-accent);border-color:var(--q-accent);color:var(--q-accent-ink)}
#slh-qr .qr-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:10px 20px;border:0;border-radius:999px;background:var(--q-accent);color:var(--q-accent-ink);font-size:16px;font-weight:700;line-height:1.2;text-decoration:none;transition:filter .15s,transform .1s}
#slh-qr .qr-primary:hover{filter:brightness(1.08);background:var(--q-accent);color:var(--q-accent-ink)}
#slh-qr .qr-primary:active{transform:scale(.98)}
#slh-qr .qr-primary[aria-busy=true]{opacity:.7;cursor:progress}
#slh-qr .qr-primary svg{width:20px;height:20px}

/* top bar */
#slh-qr .qr-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 0 14px}
#slh-qr .qr-bar-r{display:flex;align-items:center;gap:8px}
#slh-qr .qr-lock{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:14px;color:var(--q-muted)}
#slh-qr .qr-lock svg{color:var(--q-ok)}
#slh-qr .qr-notice{margin:0 0 14px;padding:10px 14px;border-radius:12px;background:var(--q-accent-soft);color:var(--q-ink);font-size:14px}

/* layout */
#slh-qr .qr-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}
#slh-qr .qr-editor{min-width:0;margin:0}
#slh-qr .qr-side{min-width:0;position:sticky;top:96px}
#slh-qr .qr-step{margin:0 0 14px;padding:clamp(16px,2.5vw,24px);border-radius:18px;background:var(--q-sheet);box-shadow:var(--q-shadow)}
#slh-qr .qr-h{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:18px!important;font-weight:700;line-height:1.3;color:var(--q-ink)}
#slh-qr .qr-num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:var(--q-accent);color:var(--q-accent-ink);font-size:14px;font-weight:700;flex:0 0 auto}
#slh-qr .qr-sub{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--q-muted)}
#slh-qr .qr-hint{margin:8px 0 0;font-size:13.5px;line-height:1.5;color:var(--q-muted)}
#slh-qr .qr-err{margin:10px 0 0;padding:10px 14px;border-radius:12px;background:var(--q-danger-soft);color:var(--q-danger);font-size:14px}
#slh-qr .qr-field{margin:0 0 12px;min-width:0}
#slh-qr .qr-field label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 5px;font-size:13px;font-weight:600;color:var(--q-muted)}
#slh-qr .qr-field output{font-weight:600;color:var(--q-ink);font-variant-numeric:tabular-nums}
#slh-qr .qr-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
#slh-qr .qr-check{display:flex;align-items:center;gap:10px;margin:4px 0 10px;font-size:15px;color:var(--q-text);cursor:pointer}
#slh-qr .qr-check input{width:20px;height:20px;margin:0;accent-color:var(--q-accent)}
#slh-qr input[type=range]{width:100%;height:32px;margin:0;padding:0;background:transparent;accent-color:var(--q-accent);cursor:pointer}

/* type tabs */
#slh-qr .qr-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
#slh-qr .qr-type{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:76px;padding:10px 8px;border:1px solid var(--q-line);border-radius:14px;background:var(--q-field);color:var(--q-text);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}
#slh-qr .qr-type input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
#slh-qr .qr-type svg{width:22px;height:22px;color:var(--q-muted)}
#slh-qr .qr-type:hover{border-color:var(--q-field-line)}
#slh-qr .qr-type:has(input:checked){border-color:var(--q-accent);background:var(--q-accent-soft);color:var(--q-ink)}
#slh-qr .qr-type:has(input:checked) svg{color:var(--q-accent)}

/* accordion */
#slh-qr .qr-acc{margin:0 0 8px;border:1px solid var(--q-line);border-radius:14px;background:var(--q-field)}
#slh-qr .qr-acc summary{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;list-style:none;cursor:pointer;font-size:15px;font-weight:700;color:var(--q-ink);border-radius:14px}
#slh-qr .qr-acc summary::-webkit-details-marker{display:none}
#slh-qr .qr-acc summary svg{color:var(--q-muted);transition:transform .2s}
#slh-qr .qr-acc[open] summary svg{transform:rotate(180deg)}
#slh-qr .qr-acc summary:focus-visible{outline:3px solid var(--q-accent);outline-offset:-3px}
#slh-qr .qr-acc-b{padding:4px 16px 14px;border-top:1px solid var(--q-line)}

/* choice tiles */
#slh-qr .qr-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin:8px 0 12px}
#slh-qr .qr-choices-sm{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}
#slh-qr .qr-choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;border:1px solid var(--q-line);border-radius:12px;background:var(--q-sheet);font-size:12.5px;font-weight:600;color:var(--q-muted);text-align:center;cursor:pointer;transition:border-color .15s,background-color .15s}
#slh-qr .qr-choice input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
#slh-qr .qr-choice:hover{border-color:var(--q-field-line)}
#slh-qr .qr-choice:has(input:checked){border-color:var(--q-accent);background:var(--q-accent-soft);color:var(--q-ink)}
#slh-qr .qr-choice-art{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:44px;height:44px;padding:6px;border-radius:8px;background:var(--q-field);color:var(--q-ink)}
#slh-qr .qr-choice-art i{display:block;background:currentColor}
#slh-qr .qr-art-dots i{border-radius:50%}
#slh-qr .qr-art-rounded i{border-radius:3px}
#slh-qr .qr-art-extra-rounded i{border-radius:5px}
#slh-qr .qr-art-classy i{border-radius:0 6px 0 6px}
#slh-qr .qr-art-classy-rounded i{border-radius:3px 7px 3px 7px}
#slh-qr .qr-eye-o-square,#slh-qr .qr-eye-o-extra-rounded,#slh-qr .qr-eye-o-dot{display:flex;align-items:center;justify-content:center;padding:4px}
#slh-qr .qr-eye-o-square i,#slh-qr .qr-eye-o-extra-rounded i,#slh-qr .qr-eye-o-dot i{width:100%;height:100%;background:transparent;border:5px solid currentColor}
#slh-qr .qr-eye-o-extra-rounded i{border-radius:9px}
#slh-qr .qr-eye-o-dot i{border-radius:50%}
#slh-qr .qr-eye-i-square,#slh-qr .qr-eye-i-dot{display:flex;align-items:center;justify-content:center;padding:10px}
#slh-qr .qr-eye-i-square i,#slh-qr .qr-eye-i-dot i{width:100%;height:100%}
#slh-qr .qr-eye-i-dot i{border-radius:50%}
#slh-qr .qr-frame-opt .qr-choice-art{display:flex;align-items:center;justify-content:center;padding:4px}
#slh-qr .qr-frame-opt .qr-choice-art i{width:22px;height:22px;border:3px solid currentColor;background:transparent;border-radius:3px}
#slh-qr .qr-frame-opt[data-frame=label] .qr-choice-art i{border-bottom-width:9px;border-color:var(--q-accent)}
#slh-qr .qr-frame-opt[data-frame=label-top] .qr-choice-art i{border-top-width:9px;border-color:var(--q-accent)}
#slh-qr .qr-frame-opt[data-frame=badge] .qr-choice-art i{border-radius:5px;border-color:var(--q-accent);box-shadow:0 7px 0 -2px var(--q-accent)}
#slh-qr .qr-frame-opt[data-frame=card] .qr-choice-art i{border-width:2px;border-color:var(--q-accent);box-shadow:0 0 0 3px var(--q-sheet),0 0 0 4px var(--q-accent)}
#slh-qr .qr-frame-opt[data-frame=ribbon] .qr-choice-art i{border-color:var(--q-accent);border-bottom:0;box-shadow:0 10px 0 0 var(--q-accent)}
#slh-qr .qr-frame-opt[data-frame=none] .qr-choice-art i{border-style:dashed;border-width:2px;color:var(--q-muted)}
#slh-qr .qr-logos{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}
#slh-qr .qr-logo-art{display:flex;align-items:center;justify-content:center;padding:9px}
#slh-qr .qr-logo-art svg{width:100%;height:100%;color:var(--q-ink)}
#slh-qr .qr-logo-art img{width:100%;height:100%;object-fit:contain}
#slh-qr .qr-logo-art[data-icon=none]{border:2px dashed var(--q-line)}
#slh-qr .qr-logo-art[data-icon=upload]{border:2px dashed var(--q-accent);color:var(--q-accent)}
#slh-qr .qr-upload-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px}
#slh-qr .qr-upload-row .qr-hint{margin:0}
#slh-qr .qr-frame-opts{margin-top:4px}
#slh-qr .qr-frame-opts.is-off{display:none}

/* segments and colours */
#slh-qr .qr-seg{display:inline-flex;margin:0 0 12px;padding:3px;border:1px solid var(--q-line);border-radius:999px;background:var(--q-sheet)}
#slh-qr .qr-seg label{position:relative;cursor:pointer}
#slh-qr .qr-seg input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
#slh-qr .qr-seg span{display:inline-flex;align-items:center;min-height:34px;padding:4px 14px;border-radius:999px;font-size:14px;font-weight:600;color:var(--q-muted);transition:background-color .15s,color .15s}
#slh-qr .qr-seg label:hover span{color:var(--q-ink)}
#slh-qr .qr-seg input:checked+span{background:var(--q-accent);color:var(--q-accent-ink)}
#slh-qr .qr-seg label:has(input:focus-visible){outline:3px solid var(--q-accent);outline-offset:1px;border-radius:999px}
#slh-qr .qr-cgroup{min-width:0;margin:0 0 8px}
#slh-qr .qr-color{margin:0 0 12px}
#slh-qr .qr-color label{display:block;margin:0 0 5px;font-size:13px;font-weight:600;color:var(--q-ink)}
#slh-qr .qr-swatch{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 4px 4px 4px;border:1px solid var(--q-line);border-radius:10px;background:var(--q-field)}
#slh-qr .qr-swatch:hover{border-color:var(--q-field-line)}
#slh-qr .qr-swatch input[type=color]{width:36px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer}
#slh-qr .qr-swatch input[type=color]::-webkit-color-swatch-wrapper{padding:0}
#slh-qr .qr-swatch input[type=color]::-webkit-color-swatch{border:1px solid var(--q-line);border-radius:8px}
#slh-qr .qr-swatch input[type=color]::-moz-color-swatch{border:1px solid var(--q-line);border-radius:8px}
#slh-qr .qr-swatch .qr-hex{min-height:34px!important;padding:4px 8px!important;border:0!important;background:transparent!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;text-transform:uppercase;color:var(--q-ink)!important}
#slh-qr .qr-fg-second,#slh-qr .qr-bg-second{display:none}
#slh-qr .qr-cgroup.is-gradient .qr-fg-second,#slh-qr .qr-cgroup.is-gradient .qr-bg-second{display:block}
#slh-qr .qr-eye-colors{display:none}
#slh-qr .qr-cgroup.is-eyes .qr-eye-colors{display:grid}
#slh-qr .qr-cgroup.is-transparent .qr-color{display:none}
#slh-qr .qr-contrast{display:none;margin:0;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.45}
#slh-qr .qr-contrast.is-warn{display:block;background:var(--q-warn-soft);color:var(--q-warn)}
#slh-qr .qr-contrast.is-bad{display:block;background:var(--q-danger-soft);color:var(--q-danger)}

/* preview */
#slh-qr .qr-preview-card{padding:16px;border-radius:18px;background:var(--q-sheet);box-shadow:var(--q-shadow)}
#slh-qr .qr-stage{display:flex;align-items:center;justify-content:center;min-height:300px;padding:12px;border-radius:14px;background:var(--q-surface);background-image:linear-gradient(45deg,rgba(0,0,0,.05) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.05) 75%),linear-gradient(45deg,rgba(0,0,0,.05) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.05) 75%);background-size:20px 20px;background-position:0 0,10px 10px}
#slh-qr[data-theme=dark] .qr-stage{background-image:linear-gradient(45deg,rgba(255,255,255,.06) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.06) 75%),linear-gradient(45deg,rgba(255,255,255,.06) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.06) 75%)}
#slh-qr .qr-frame{display:contents}
#slh-qr .qr-frame-text{display:none}
#slh-qr .qr-canvas{display:flex;align-items:center;justify-content:center;width:100%;max-width:320px;aspect-ratio:1/1}
#slh-qr .qr-canvas.is-framed{aspect-ratio:auto}
#slh-qr .qr-canvas img,#slh-qr .qr-canvas canvas{display:block;width:100%;height:auto;max-height:420px;object-fit:contain}
#slh-qr .qr-ph{width:60%;height:auto;color:var(--q-line);opacity:.9}
#slh-qr .qr-status{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:14px;font-weight:600;color:var(--q-muted)}
#slh-qr .qr-dot{width:10px;height:10px;border-radius:50%;background:var(--q-line);flex:0 0 auto}
#slh-qr .qr-status.is-ok{color:var(--q-ok)}
#slh-qr .qr-status.is-ok .qr-dot{background:var(--q-ok)}
#slh-qr .qr-status.is-warn{color:var(--q-warn)}
#slh-qr .qr-status.is-warn .qr-dot{background:var(--q-warn)}
#slh-qr .qr-status.is-bad{color:var(--q-danger)}
#slh-qr .qr-status.is-bad .qr-dot{background:var(--q-danger)}
#slh-qr .qr-status.is-busy .qr-dot{background:var(--q-accent);animation:qr-pulse 1s infinite}
@keyframes qr-pulse{50%{opacity:.3}}
#slh-qr .qr-out{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:8px 12px;margin:14px 0 10px}
#slh-qr .qr-out .qr-seg{margin:0}
#slh-qr .qr-size{flex:1 1 150px;margin:0}
#slh-qr .qr-fine{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:var(--q-muted);text-align:center}

/* mobile bar + sheet */
#slh-qr .qr-mobar{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--q-line);border-radius:999px;background:var(--q-sheet);box-shadow:0 8px 30px rgba(0,0,0,.18)}
#slh-qr .qr-mobar-thumb{display:flex;width:56px;height:56px;padding:0;border:1px solid var(--q-line);border-radius:14px;background:#fff;overflow:hidden;flex:0 0 auto}
#slh-qr .qr-mobar-thumb canvas{display:block;width:56px;height:56px}
#slh-qr .qr-mobar-status{flex:1 1 auto;min-width:0;font-size:13px;font-weight:600;color:var(--q-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#slh-qr .qr-mobar-status.is-ok{color:var(--q-ok)}
#slh-qr .qr-mobar-status.is-bad{color:var(--q-danger)}
#slh-qr .qr-mobar-dl{width:auto;min-height:44px;padding:8px 16px;font-size:15px}
#slh-qr .qr-sheet{position:fixed;inset:0;z-index:70;display:flex;align-items:flex-end;justify-content:center;background:rgba(17,17,17,.55)}
#slh-qr .qr-sheet-box{width:100%;max-width:520px;max-height:88vh;padding:12px 16px 24px;border-radius:22px 22px 0 0;background:var(--q-sheet);box-shadow:var(--q-shadow);overflow:auto}
#slh-qr .qr-sheet-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px}
#slh-qr .qr-sheet-h h3{margin:0;font-size:17px!important;font-weight:700;color:var(--q-ink)}
#slh-qr .qr-sheet-body{display:flex;justify-content:center;padding:12px;border-radius:14px;background:var(--q-surface)}
#slh-qr .qr-sheet-body img{display:block;width:100%;max-width:360px;height:auto}

/* bulk */
#slh-qr #qr-bulk-text{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.5;white-space:pre;overflow:auto;tab-size:16}
#slh-qr .qr-bulk-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 10px}
#slh-qr .qr-bulk-row .qr-seg{margin:0}
#slh-qr .qr-bulk-sum{margin:12px 0 0;font-size:14px;font-weight:600;color:var(--q-ink)}
#slh-qr .qr-bulk-errs{margin:10px 0 0;padding:10px 14px;border-radius:12px;background:var(--q-warn-soft);color:var(--q-warn);font-size:14px;line-height:1.45}
#slh-qr .qr-bulk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:10px 0 0;padding:0;list-style:none}
#slh-qr .qr-bulk-tile{margin:0;padding:6px;border:1px solid var(--q-line);border-radius:10px;background:var(--q-field);font-size:11.5px;line-height:1.3;color:var(--q-muted);text-align:center;min-width:0}
#slh-qr .qr-bulk-img{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border-radius:6px;background:#fff;overflow:hidden}
#slh-qr .qr-bulk-img img{display:block;width:100%;height:100%;object-fit:contain}
#slh-qr .qr-bulk-cap{display:block;margin:5px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#slh-qr .qr-bulk-more{display:flex;align-items:center;justify-content:center;border-style:dashed;font-size:13px;font-weight:700;color:var(--q-ink)}
#slh-qr .qr-bulk-prog{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:var(--q-accent-soft)}
#slh-qr .qr-bulk-prog progress{display:block;width:100%;height:8px;accent-color:var(--q-accent)}
#slh-qr .qr-bulk-prog p{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 0;font-size:13.5px;color:var(--q-ink)}
#slh-qr .qr-bulk-prog .qr-btn{min-height:36px;padding:4px 12px;font-size:13px}

@media (max-width:959px){
#slh-qr .qr-layout{grid-template-columns:1fr}
#slh-qr .qr-side{position:static;order:-1}
#slh-qr .qr-mobar{left:88px}
#slh-qr .qr-stage{min-height:0}
#slh-qr .qr-canvas{max-width:260px}
}
@media (min-width:960px){#slh-qr .qr-mobar{display:none!important}}
@media (max-width:600px){
#slh-qr{padding:12px;border-radius:18px}
#slh-qr .qr-grid2{grid-template-columns:1fr}
#slh-qr .qr-types{grid-template-columns:repeat(4,1fr)}
#slh-qr .qr-type{min-height:64px;padding:8px 4px;font-size:12.5px}
#slh-qr .qr-bulk-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}
#slh-qr .qr-out{flex-direction:column;align-items:stretch}
#slh-qr .qr-mobar-dl span{display:none}
#slh-qr .qr-mobar-dl{width:48px;padding:0;border-radius:50%}
}
@media (prefers-reduced-motion:reduce){#slh-qr *{transition:none!important;animation:none!important}}
/* page-scoped contrast fix (this stylesheet loads only on the QR page): darker accent so 12px labels and links on the #ecedfb / #f2f1f6 backgrounds reach 4.5:1 */
body.page-id-11009{--rp-accent:#4a55c8}
/* Design-option cards (2026-10-23): the shared .slh-feat-grid pattern expects <li><strong>; this page uses real <h3> headings, so size them like the card titles and keep heading above text */
.slh-rp .entry-content .slh-feat-grid > li h3{margin:0 0 6px;font-size:17px;line-height:1.35;font-weight:700;color:var(--rp-ink)}
.slh-rp .entry-content .slh-feat-grid > li p{margin:0}