/* Shared reading controls: website and standalone Guide. No image recoloring. */
.cq-a11y-dialog{--a-bg:#202127;--a-field:#17181c;--a-fg:#f7f5fc;--a-muted:#c2bfd0;--a-line:#565361;--a-accent:#b7a4ff;box-sizing:border-box;position:fixed;inset:16px 16px 16px auto;width:min(440px,calc(100% - 32px));height:fit-content;max-height:calc(100dvh - 32px);margin:auto 0;padding:24px;border:1px solid var(--a-line);border-top:3px solid var(--a-accent);border-radius:12px;background:var(--a-bg);color:var(--a-fg);font:400 14px/1.5 Onest,system-ui,sans-serif;box-shadow:0 16px 60px #0006;overflow:auto;overscroll-behavior:contain;text-align:left}
.cq-a11y-dialog::backdrop{background:#090712a6}
.cq-a11y-dialog *{box-sizing:border-box}
.cq-a11y-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;padding:0;background:none}
.cq-a11y-kicker{font:700 10px/1.5 Onest,sans-serif;letter-spacing:.13em;color:var(--a-accent)}
.cq-a11y-dialog h2{font:400 34px/1.15 'Jersey 10',Onest,sans-serif;margin:3px 0 0;color:var(--a-fg);letter-spacing:0;text-transform:none}
.cq-a11y-dialog p{font:inherit;color:var(--a-muted);margin:0 0 18px}
.cq-a11y-dialog button{border:1px solid var(--a-line);border-radius:5px;background:transparent;color:var(--a-fg);font:600 13px/1.5 Onest,sans-serif;min-width:44px;min-height:44px;padding:10px 12px;cursor:pointer}
.cq-a11y-dialog button:hover{border-color:var(--a-accent)}
.cq-a11y-dialog .cq-a11y-text label{display:block;min-height:0;padding:0;border:0;font-weight:600;margin:0 0 8px;cursor:default}
.cq-a11y-dialog select{width:100%;min-height:46px;margin:0 0 16px;padding:10px 12px;background:var(--a-field);color:var(--a-fg);font:500 16px/1.4 Onest,sans-serif;border:1px solid var(--a-line);border-radius:5px}
.cq-a11y-dialog .cq-a11y-options{display:grid;gap:8px}
.cq-a11y-dialog .cq-a11y-option{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) 38px;align-items:center;gap:12px;min-height:76px;padding:12px;border:1px solid var(--a-line);border-radius:6px;margin:0;cursor:pointer}
.cq-a11y-option>svg{width:22px;height:22px;color:var(--a-accent);align-self:start;margin-top:3px}
.cq-a11y-option strong{font:600 14px/1.4 Onest,sans-serif;display:block;color:var(--a-fg)}
.cq-a11y-option small{font:400 12px/1.5 Onest,sans-serif;display:block;margin-top:4px;color:var(--a-muted)}
.cq-a11y-dialog .cq-a11y-option input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.cq-a11y-option:has(input:checked){border-color:var(--a-accent);background:color-mix(in srgb,var(--a-accent) 8%,var(--a-bg))}
.cq-a11y-option:has(input:focus-visible){outline:3px solid var(--a-accent);outline-offset:2px}
.cq-a11y-switch{display:block;width:36px;height:22px;border:1px solid var(--a-muted);border-radius:20px;background:var(--a-field);position:relative;pointer-events:none}
.cq-a11y-switch::before{content:'';position:absolute;width:14px;height:14px;top:3px;left:3px;background:var(--a-muted);border-radius:50%}
input:checked+.cq-a11y-switch{background:var(--a-accent);border-color:var(--a-accent)}
input:checked+.cq-a11y-switch::before{left:17px;background:#211335}
input:checked+.cq-a11y-switch::after{content:'✓';position:absolute;left:4px;top:0;color:#211335;font:700 12px/20px Onest,sans-serif}
.cq-a11y-dialog p.cq-a11y-note{font-size:12px;line-height:1.6;margin:16px 0;color:var(--a-muted)}
.cq-a11y-dialog footer{position:static;display:flex;gap:12px;justify-content:space-between;align-items:center;background:none;clip-path:none;min-height:0;padding:16px 0 0;margin:0;border-top:1px solid var(--a-line)}
.cq-a11y-dialog footer::before,.cq-a11y-dialog footer::after{display:none}
.cq-a11y-dialog footer [data-close]{background:#6744e0;color:#fff;border-color:#6744e0}
.cq-a11y-dialog :is(button,select):focus-visible{outline:3px solid var(--a-accent);outline-offset:3px}
.cq-a11y-dialog p.cq-a11y-feedback{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
.cq-a11y-float{box-sizing:border-box;position:fixed;z-index:1040;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:grid;place-items:center;width:52px;height:52px;min-width:44px;min-height:44px;padding:0;border:1px solid #c5b7ff;border-radius:14px;background:#6744e0;color:#fff;box-shadow:0 4px 14px #0003;cursor:pointer}
.cq-a11y-float svg{width:25px;height:25px;display:block;pointer-events:none}
.cq-a11y-float:hover{background:#5534c2}.cq-a11y-float:focus-visible{outline:3px solid #fff;outline-offset:4px}
html[data-cq-accessibility=ready] body #wrapwrap #to-top{bottom:calc(max(20px,env(safe-area-inset-bottom)) + 64px)!important;right:max(20px,env(safe-area-inset-right))!important;width:52px!important;height:52px!important}
.tool-actions .cq-a11y-float.cq-a11y-guide{position:static;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border:1px solid var(--glass-border,#625873);border-radius:6px;box-shadow:none;background:transparent;color:var(--text-100,#fff);flex:none}
.tool-actions .cq-a11y-guide svg{width:22px;height:22px}
html[data-cubiq-theme=light] .cq-a11y-dialog,html[data-theme=light] .cq-a11y-dialog{--a-bg:#fff;--a-field:#f6f3fb;--a-fg:#241b35;--a-muted:#574b68;--a-line:#b2a8be;--a-accent:#5430ba;color-scheme:light}
html[data-cq-contrast=true] .cq-a11y-dialog{--a-muted:#eee8fb;--a-line:#a99cba}
html[data-cq-contrast=true][data-cubiq-theme=light] .cq-a11y-dialog,html[data-cq-contrast=true][data-theme=light] .cq-a11y-dialog{--a-muted:#30243e;--a-line:#645071}
html[data-cq-text=large] .cq-a11y-dialog{font-size:18px}html[data-cq-text=larger] .cq-a11y-dialog{font-size:20px}
html[data-cq-text]:not([data-cq-text=normal]) .cq-a11y-dialog :is(strong,small,button,select,.cq-a11y-note){font-size:inherit;line-height:1.5}
/* This is an optional reading style, not a claim of treating dyslexia. */
@layer cubiq-heading-standard{
html[data-cq-plain=true] body:has(#wrapwrap.cubiq-native) :is(h1,h2,h3,h4,h5,h6,.pixel-heading,.auth-title,.modal-title),html[data-cq-plain=true] body #wrapwrap.cubiq-native :is(h1,h2,h3,h4,h5,h6,.pixel-heading,.main-nav a,.cup-name,.cubiq-product-title),html[data-cq-plain=true] body :is(.guide-workspace,.access-card,.cq-a11y-dialog) :is(h1,h2,h3,h4,h5,h6,.pixel-heading){font-family:Onest,system-ui,sans-serif!important;font-weight:700!important;letter-spacing:normal!important}
html[data-cq-plain=true] body #wrapwrap.cubiq-native #top .main-nav>a{font-family:Onest,system-ui,sans-serif!important;font-size:15px!important}
html[data-cq-plain=true] body #wrapwrap.cubiq-native #wrap :is(h1,h2,h3,h4,h5,h6,.pixel-heading,.auth-title,.cup-name),html[data-cq-plain=true] #cq-accessibility #cq-a11y-title{font-family:Onest,system-ui,sans-serif!important;font-weight:700!important;letter-spacing:normal!important}
}
html[data-cq-spacing=true] :is(#wrapwrap.cubiq-native main,.guide-workspace dialog,.access-card,.cq-a11y-dialog) :is(p,li,dt,dd,label,button,input,select,textarea,h1,h2,h3,h4,strong,small){line-height:1.5!important;letter-spacing:.12em!important;word-spacing:.16em!important;max-height:none;overflow-wrap:anywhere}
html[data-cq-spacing=true] :is(#wrapwrap.cubiq-native main,.guide-workspace dialog,.access-card,.cq-a11y-dialog) p{margin-bottom:2em!important}
html[data-cq-spacing=true] #wrapwrap.cubiq-native :is(.cubiq-product-title,.cm-build-title,.cup-name){white-space:normal!important;display:block!important;-webkit-line-clamp:unset!important;max-height:none!important}
html[data-cq-cues=true] :is(#wrapwrap.cubiq-native,.guide-workspace) :is([aria-pressed=true],[aria-selected=true],[aria-current=page],.active:not(.carousel-item):not(.modal):not(.tab-pane):not(.show)){outline:4px double currentColor!important;outline-offset:-4px}
html[data-cq-cues=true] :is(#wrapwrap.cubiq-native,.guide-workspace) :is(input:checked,[aria-checked=true]){outline:2px solid currentColor!important;outline-offset:3px}
html[data-cq-cues=true] #wrapwrap.cubiq-native :is(.cq-mine-status,.cm-pill,.badge){border:1px solid currentColor!important}
html[data-cq-cues=true] #wrapwrap.cubiq-native :is([aria-invalid=true],.is-invalid){outline:3px dashed currentColor!important;outline-offset:2px}
html[data-cq-links=true] :is(.guide-workspace,.access-card) a{text-decoration:underline!important;text-underline-offset:4px}
html[data-cq-text=large]{--cq-reading-size:18px}html[data-cq-text=larger]{--cq-reading-size:20px}
html[data-cq-text]:not([data-cq-text=normal]) .access-card :is(p,a,button){font-size:var(--cq-reading-size)!important;line-height:1.6!important}
html[data-cq-contrast=true] .access-card{--muted:#dcd6e8;--line:#a294b2}
@media(prefers-color-scheme:light){html[data-cq-contrast=true] .access-card{--muted:#3b2c4e;--line:#6a557d}}
@media(max-width:600px){.cq-a11y-dialog{inset:10px;width:calc(100% - 20px);max-height:calc(100dvh - 20px);margin:auto;padding:18px}.cq-a11y-float{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:46px;height:46px;border-radius:12px}html[data-cq-accessibility=ready] body #wrapwrap #to-top{right:max(12px,env(safe-area-inset-right))!important;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 56px)!important;width:46px!important;height:46px!important}.cq-a11y-guide{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 72px)}.cq-a11y-dialog .cq-a11y-option{gap:10px;padding:10px;grid-template-columns:20px minmax(0,1fr) 36px}.cq-a11y-dialog footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.cq-a11y-dialog,.cq-a11y-float{animation:none!important;transition:none!important}}
@media(forced-colors:active){.cq-a11y-float,.cq-a11y-dialog,.cq-a11y-switch{border:2px solid ButtonText;background:Canvas;color:CanvasText}.cq-a11y-option:has(input:checked){outline:2px solid Highlight}.cq-a11y-switch::before{background:ButtonText}.cq-a11y-dialog input:checked+.cq-a11y-switch::after{color:CanvasText}.cq-a11y-dialog :is(svg,strong,small,p){color:CanvasText}}