body.pua-accessibility-modal-open{overflow:hidden} .pua-accessibility-modal[hidden]{display:none !important} .pua-accessibility-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:20px} .pua-accessibility-backdrop{position:absolute;inset:0;background:rgba(8,36,36,0.66);backdrop-filter:blur(4px)} .pua-accessibility-dialog{position:relative;z-index:1;width:min(920px,100%);max-height:min(900px,calc(100dvh - 40px));overflow:auto;border-radius:26px;background:#ffffff;box-shadow:0 28px 80px rgba(0,77,77,0.3)} .pua-accessibility-header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 20px;border-bottom:1px solid var(--pua-border);background:#ffffff} .pua-accessibility-kicker{margin:0 0 6px;color:var(--pua-dark-2);font-size:12px;font-weight:900;letter-spacing:0.08em;text-transform:uppercase} .pua-accessibility-header h2{margin:0;color:var(--pua-dark);font-size:clamp(23px,3vw,32px);line-height:1.15} .pua-accessibility-header p:last-child{max-width:700px;margin:8px 0 0;color:var(--pua-muted);font-size:14px;line-height:1.5} .pua-accessibility-close{display:inline-flex;align-items:center;justify-content:center;width:42px;min-width:42px;height:42px;padding:0;border:1px solid var(--pua-border);border-radius:999px;background:#ffffff;color:var(--pua-dark);cursor:pointer} .pua-accessibility-close:hover,.pua-accessibility-close:focus-visible{border-color:var(--pua-primary);background:var(--pua-primary-soft)} .pua-accessibility-close:focus-visible,.pua-accessibility-form input:focus-visible,.pua-accessibility-form textarea:focus-visible,.pua-accessibility-form select:focus-visible,.pua-accessibility-open:focus-visible{outline:3px solid var(--pua-primary);outline-offset:2px} .pua-accessibility-form{padding:22px 26px 26px} .pua-accessibility-status{margin-bottom:18px;padding:13px 15px;border:1px solid rgba(0,161,146,0.24);border-radius:14px;background:var(--pua-primary-soft);color:var(--pua-dark);font-size:13px;line-height:1.45} .pua-accessibility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .pua-accessibility-field,.pua-accessibility-checkbox{min-width:0;padding:14px;border:1px solid var(--pua-border);border-radius:16px;background:#fbfefd} .pua-accessibility-field.is-wide,.pua-accessibility-checkbox.is-wide{grid-column:1 / -1} .pua-accessibility-field>span{display:block;margin-bottom:8px;color:var(--pua-dark);font-size:13px;font-weight:900} .pua-accessibility-field input,.pua-accessibility-field textarea,.pua-accessibility-field select,.pua-accessibility-hotspot input{width:100%;min-height:44px;padding:10px 12px;border:1px solid rgba(0,77,77,0.2);border-radius:11px;background:#ffffff;color:var(--pua-text);font:inherit} .pua-accessibility-field textarea{min-height:105px;resize:vertical;line-height:1.45} .pua-accessibility-field small,.pua-accessibility-checkbox small,.pua-accessibility-hotspot small{display:block;margin-top:7px;color:var(--pua-muted);font-size:11px;line-height:1.4} .pua-accessibility-checkbox{display:flex;align-items:flex-start;gap:11px;cursor:pointer} .pua-accessibility-checkbox input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--pua-primary)} .pua-accessibility-checkbox strong{display:block;color:var(--pua-dark);font-size:13px} .pua-accessibility-note,.pua-accessibility-empty,.pua-accessibility-error,.pua-accessibility-loading{margin-top:16px;padding:14px 16px;border-radius:14px;background:#f5f7f7;color:var(--pua-muted);font-size:13px;line-height:1.5} .pua-accessibility-error{background:#fff1f1;color:#8a1d1d} .pua-accessibility-subsection{margin-top:24px;padding-top:20px;border-top:1px solid var(--pua-border)} .pua-accessibility-subsection>h3{margin:0;color:var(--pua-dark);font-size:18px} .pua-accessibility-subsection>p{margin:6px 0 14px;color:var(--pua-muted);font-size:13px} .pua-accessibility-child{margin:0 0 13px;padding:15px;border:1px solid var(--pua-border);border-radius:16px} .pua-accessibility-child legend{padding:0 7px;color:var(--pua-dark);font-size:13px;font-weight:900} .pua-accessibility-hotspot-list{display:grid;gap:10px} .pua-accessibility-hotspot{display:grid;grid-template-columns:minmax(170px,0.45fr) minmax(0,1fr);align-items:center;gap:14px;padding:13px;border:1px solid var(--pua-border);border-radius:14px;background:#fbfefd} .pua-accessibility-hotspot strong{display:block;color:var(--pua-dark);font-size:13px} .pua-accessibility-actions{position:sticky;bottom:-26px;display:flex;gap:12px;margin:24px -26px -26px;padding:18px 26px 24px;border-top:1px solid var(--pua-border);background:#ffffff} .pua-accessibility-actions>*{flex:1 1 0} .pua-accessibility-open i{pointer-events:none} .pua-asset-accessibility-button{display:inline-flex;align-items:center;justify-content:center;width:34px;min-width:34px;height:34px;padding:0;border:1px solid var(--pua-border);border-radius:999px;background:#ffffff;color:var(--pua-dark);cursor:pointer} .pua-asset-accessibility-button:hover{border-color:var(--pua-primary-medium);background:var(--pua-primary-soft)} .pua-accessibility-actions .pua-accessibility-cancel-button{appearance:none;min-height:42px;padding:11px 16px;border:1px solid var(--pua-delete);border-radius:999px;background:var(--pua-delete);color:#ffffff;font:inherit;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(207,74,87,0.18)} .pua-accessibility-actions .pua-accessibility-cancel-button:hover,.pua-accessibility-actions .pua-accessibility-cancel-button:focus-visible{border-color:var(--pua-delete-hover);background:var(--pua-delete-hover);color:#ffffff;transform:translateY(-2px);box-shadow:0 14px 30px rgba(166,58,69,0.24)} .pua-accessibility-actions .pua-accessibility-save-button{appearance:none;min-height:42px;padding:11px 16px;border:1px solid var(--pua-primary);border-radius:999px;background:linear-gradient(135deg,var(--pua-dark-2) 0%,var(--pua-primary) 100%);color:#ffffff;font:inherit;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(0,102,102,0.18)} .pua-accessibility-actions .pua-accessibility-save-button:hover,.pua-accessibility-actions .pua-accessibility-save-button:focus-visible{border-color:var(--pua-dark-2);background:linear-gradient(135deg,var(--pua-dark) 0%,var(--pua-dark-2) 100%);color:#ffffff;transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,77,77,0.24)} .pua-viewer-form-header-with-tool{position:relative;min-height:38px;padding-right:48px} .pua-contrast-trigger{position:absolute;top:0;right:0;display:inline-flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:0;border:1px solid var(--pua-border);border-radius:999px;background:#ffffff;color:var(--pua-muted);cursor:pointer;box-shadow:0 7px 18px rgba(0,77,77,0.08);transition:color var(--pua-transition),background var(--pua-transition),border-color var(--pua-transition),transform var(--pua-transition),box-shadow var(--pua-transition)} .pua-contrast-trigger.is-pass{border-color:rgba(0,122,92,0.32);background:rgba(0,122,92,0.1);color:#007a5c} .pua-contrast-trigger.is-fail{border-color:rgba(179,38,30,0.34);background:rgba(179,38,30,0.09);color:#a52620} .pua-contrast-trigger:hover,.pua-contrast-trigger:focus-visible{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,77,77,0.14)} .pua-contrast-trigger:focus-visible,.pua-contrast-floating-close:focus-visible{outline:3px solid var(--pua-primary);outline-offset:2px} .pua-contrast-floating-panel[hidden]{display:none !important} .pua-contrast-floating-panel{position:fixed;top:86px;right:28px;z-index:10040;width:min(390px,calc(100vw - 40px));max-height:calc(100dvh - 112px);overflow:auto;padding:16px;border:1px solid rgba(0,77,77,0.2);border-radius:20px;background:#ffffff;color:var(--pua-text);box-shadow:0 24px 70px rgba(0,77,77,0.28)} .pua-contrast-floating-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:-6px -6px 10px;padding:6px;border-radius:14px;cursor:grab;touch-action:none;user-select:none} .pua-contrast-floating-header:hover{background:rgba(0,161,146,0.055)} .pua-contrast-floating-panel.is-dragging .pua-contrast-floating-header{cursor:grabbing;background:var(--pua-primary-soft)} .pua-contrast-floating-panel.is-dragging{user-select:none} .pua-contrast-floating-header p{margin:0 0 4px;color:var(--pua-dark-2);font-size:10px;font-weight:900;letter-spacing:0.08em;text-transform:uppercase} .pua-contrast-floating-header h3{margin:0;color:var(--pua-dark);font-size:18px;font-weight:900} .pua-contrast-floating-close{display:inline-flex;align-items:center;justify-content:center;width:34px;min-width:34px;height:34px;padding:0;border:1px solid var(--pua-border);border-radius:999px;background:#ffffff;color:var(--pua-dark);cursor:pointer} .pua-contrast-floating-close:hover{border-color:var(--pua-primary-medium);background:var(--pua-primary-soft)} .pua-contrast-floating-intro{margin-bottom:12px;padding:10px 12px;border-radius:12px;background:#f5fbfa;color:var(--pua-muted);font-size:11px;line-height:1.45} .pua-contrast-list{display:grid;gap:8px} .pua-contrast-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(0,77,77,0.08);border-radius:12px;background:#ffffff} .pua-contrast-row.is-pass{border-left:4px solid #007a5c} .pua-contrast-row.is-warning{border-left:4px solid #b87400} .pua-contrast-row.is-fail{border-left:4px solid #b3261e} .pua-contrast-swatches{display:inline-flex;overflow:hidden;border:1px solid rgba(0,77,77,0.15);border-radius:8px} .pua-contrast-swatches i{display:block;width:22px;height:28px} .pua-contrast-copy strong,.pua-contrast-copy small{display:block} .pua-contrast-copy strong{color:var(--pua-dark);font-size:12px} .pua-contrast-copy small{margin-top:2px;color:var(--pua-muted);font-size:10px;line-height:1.35} .pua-contrast-row output{color:var(--pua-dark);font-size:12px;font-weight:900} @media (max-width:700px){.pua-accessibility-modal{padding:0} .pua-accessibility-dialog{width:100%;max-height:100dvh;min-height:100dvh;border-radius:0} .pua-accessibility-header,.pua-accessibility-form{padding-right:18px;padding-left:18px} .pua-accessibility-grid{grid-template-columns:minmax(0,1fr)} .pua-accessibility-hotspot{grid-template-columns:minmax(0,1fr)} .pua-accessibility-actions{bottom:-26px;margin-right:-18px;margin-left:-18px;padding-right:18px;padding-left:18px} .pua-contrast-floating-panel{top:68px;right:12px;left:12px;width:auto;max-height:calc(100dvh - 82px)} .pua-contrast-row{grid-template-columns:auto minmax(0,1fr)} .pua-contrast-row output{grid-column:2}} .pua-accessibility-dialog:where(button,input,textarea,select,a[href]):focus-visible{outline:2px solid #ffffff !important;outline-offset:2px !important;box-shadow:0 0 0 4px var(--pua-dark) !important} @media (forced-colors:active){.pua-accessibility-dialog,.pua-accessibility-field,.pua-accessibility-checkbox,.pua-accessibility-close{border:1px solid CanvasText}}