/* The editor stays legible even when a visitor tries an unreadable colour pair. */
.reading-toggle{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);font:500 16px/1 Onest,NotoSans,Arial,sans-serif;cursor:pointer;flex-shrink:0}
.reading-toggle:hover,.reading-is-active{outline:1px solid currentColor;outline-offset:2px}
.reading-inline{font:inherit;font-size:12px;line-height:1.5;padding:8px 0;color:inherit;text-decoration:underline;text-underline-offset:4px;background:none;border:0;cursor:pointer}
.welcome-languages{flex-wrap:wrap;align-items:center}.welcome-languages .reading-inline{margin-right:auto}
.reading-editor-open{overflow:hidden!important}
.read-dialog{--editor-bg:#19221d;--editor-surface:#222d26;--editor-text:#ecf1e9;--editor-muted:#b2c2b6;--editor-line:#64796a;--editor-accent:#b2e3d4;--editor-ink:#13251b;--editor-scale:1;color-scheme:dark;background:var(--editor-bg);color:var(--editor-text);border:1px solid var(--editor-line);border-radius:18px;box-shadow:0 25px 100px #0008;padding:0;margin:auto;width:min(1180px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);font:400 calc(16px * var(--editor-scale))/1.6 Onest,NotoSans,Arial,sans-serif;overflow:auto}
html[lang=kk] .read-dialog{font-family:NotoSans,Arial,sans-serif}
.read-dialog[data-tone=light]{--editor-bg:#f7f7f2;--editor-surface:#e9ede5;--editor-text:#202a23;--editor-muted:#46584a;--editor-line:#7d8d7c;--editor-accent:#244f3c;--editor-ink:#fff;color-scheme:light}
.read-dialog::backdrop{background:#06140ddd;backdrop-filter:blur(8px)}
.read-dialog *{box-sizing:border-box;letter-spacing:normal}
.read-dialog :is(h2,h3,p){margin:0}
.read-dialog :is(button,input,select){font:inherit}
.read-dialog :is(a,button,input):focus-visible{outline:3px solid var(--editor-accent);outline-offset:4px}
.read-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 32px 24px;border-bottom:1px solid var(--editor-line)}
.read-header h2{font-weight:500;font-size:1.8em;line-height:1.2;letter-spacing:-.035em;margin:8px 0 12px}
.read-kicker{font-size:.7em;letter-spacing:1.4px!important;color:var(--editor-muted)}
.read-intro{font-size:.875em;line-height:1.65;color:var(--editor-muted);max-width:760px}
.read-close{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid var(--editor-line);border-radius:50%;color:var(--editor-text);background:none;font-family:Arial,sans-serif!important;font-size:29px!important;line-height:1!important;cursor:pointer}
.read-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;padding:28px 32px}
.read-preview-aside{min-width:0;align-self:start;position:sticky;top:24px}
.read-preview-label{font-size:.8em;font-weight:500;margin-bottom:14px!important}
.read-preview{background:var(--preview-bg);color:var(--preview-text);border:1px solid var(--editor-line);border-radius:12px;padding:28px;font-family:var(--preview-font);font-size:calc(18px * var(--preview-scale));font-weight:var(--preview-weight);line-height:var(--preview-leading);letter-spacing:var(--preview-spacing);overflow-wrap:anywhere;min-width:0}
.read-preview *{font-family:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;font-weight:inherit;max-width:100%}
.read-preview-mark{display:block;font-size:1.6em;line-height:1.2;margin-bottom:24px}
.read-preview h3{font-size:1.4em;line-height:1.3;max-width:var(--preview-width);margin-bottom:20px;font-weight:inherit}
.read-preview p{font-size:1em;max-width:var(--preview-width)}
.read-preview a{display:inline-block;font-size:1em;text-decoration:underline;text-underline-offset:5px;margin-top:20px}
.read-preview label{display:block;font-size:1em;margin:24px 0 9px}
.read-preview input{display:block;width:100%;min-width:0;padding:12px;border:1px solid var(--preview-text);border-radius:5px;background:var(--preview-bg);color:var(--preview-text);font:inherit}
.read-preview button{display:block;margin-top:20px;border:1px solid var(--preview-text);background:var(--preview-text);color:var(--preview-bg);padding:12px 18px;border-radius:5px;font:inherit;line-height:1.4;cursor:pointer;white-space:normal}
.read-sample-status:not(:empty){margin-top:20px}
.read-contrast-status{font-size:.85em;line-height:1.6;padding:16px 0;font-weight:500;color:var(--editor-text)}
.read-contrast-status[data-level=low]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.read-note{font-size:.8em;line-height:1.7;color:var(--editor-muted)}
.read-controls{min-width:0}
.read-controls fieldset{min-width:0;border:0;border-bottom:1px solid var(--editor-line);padding:0 0 26px;margin:0 0 28px}
.read-controls fieldset:last-child{margin-bottom:0;padding-bottom:0;border:0}
.read-controls legend{font-size:1em;font-weight:500;margin:0 0 18px;padding:0;width:100%}
.read-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.read-preset{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:7px;border:1px solid var(--editor-line);border-radius:7px;color:var(--editor-text);background:none;cursor:pointer;font-size:.7em!important;text-align:center;line-height:1.4!important}
.read-preset>span:first-child{display:grid;place-items:center;min-height:46px;border-radius:3px;font-size:22px;border:1px solid var(--editor-line)}
.read-preset[aria-pressed=true]{outline:2px solid var(--editor-accent);outline-offset:2px}
.read-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.read-color-group>label{display:block;margin-bottom:10px;font-size:.875em}
.read-color-row{display:flex;align-items:stretch;gap:8px}
.read-color-row input[type=color]{padding:2px;width:48px;min-width:48px;height:44px;cursor:pointer;border:1px solid var(--editor-line);background:var(--editor-surface);border-radius:5px}
.read-color-row input[type=text]{min-width:0;width:100%;padding:9px;background:var(--editor-surface);border:1px solid var(--editor-line);border-radius:5px;color:var(--editor-text);font-size:16px;line-height:1.5}
.read-range{margin-top:22px;min-width:0}
.read-range-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:.875em;line-height:1.5}
.read-range-label output{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--editor-text)}
.read-range input{display:block;width:100%;height:36px;margin:6px 0 0;accent-color:var(--editor-accent);cursor:pointer}
.read-controls .read-note{margin-top:14px}
.read-fonts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.read-font-option{display:flex;align-items:center;gap:10px;border:1px solid var(--editor-line);border-radius:6px;padding:12px;cursor:pointer;min-width:0}
.read-font-option:has(:checked){background:var(--editor-surface);outline:1px solid var(--editor-accent)}
.read-font-option input,.read-check input{width:20px;height:20px;flex-shrink:0;accent-color:var(--editor-accent);margin:0}
.read-font-option strong{display:block;font-family:Onest,NotoSans,Arial,sans-serif;font-size:.75em;line-height:1.4;font-weight:500;margin-bottom:8px}
.read-font-option>span>span{font-size:1.1em;white-space:normal}
.read-check{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:.875em;line-height:1.65;margin:16px 0}
.read-check input{margin-top:3px}
.read-footer{padding:24px 32px;border-top:1px solid var(--editor-line);background:var(--editor-bg)}
.read-footer .read-note{margin-bottom:18px}
.read-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.read-actions button{min-height:46px;font-size:.875em;line-height:1.5;border-radius:6px;padding:12px 16px;cursor:pointer}
.read-reset{margin-right:auto;background:none;color:var(--editor-text);border:0;text-decoration:underline;text-underline-offset:5px;padding-left:0!important}
.read-cancel{background:none;color:var(--editor-text);border:1px solid var(--editor-line)}
.read-apply{color:var(--editor-ink);background:var(--editor-accent);border:1px solid var(--editor-accent);font-weight:500!important}
.read-announcement{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
@media(max-width:1100px){.site-header{gap:16px}.site-header>nav{gap:20px}.header-tools{gap:10px}.read-layout{gap:24px;padding:24px}.read-header{padding:24px}.read-footer{padding:24px}.read-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.read-color-grid{grid-template-columns:1fr}}
@media(max-width:760px){.read-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:12px}.read-layout{grid-template-columns:1fr;padding:20px;gap:28px}.read-preview-aside{position:static}.read-header{padding:20px;gap:12px}.read-header h2{font-size:1.5em}.read-intro{font-size:.8em}.read-close{width:40px;height:40px;flex-basis:40px}.read-preview{padding:22px}.read-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.read-preset{font-size:.75em!important}.read-color-grid{grid-template-columns:1fr 1fr;gap:16px}.read-footer{padding:20px}.read-actions{display:grid;grid-template-columns:1fr 1fr}.read-apply{grid-column:1/-1;grid-row:1}.read-reset{margin:0;text-align:left}.read-actions button{font-size:.8em}.reading-toggle{min-width:38px;min-height:38px;width:38px;height:38px;padding:6px;font-size:15px}.site-header .header-tools{gap:9px}.read-fonts{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.site-header .header-action{display:none}.site-header .bb-home{font-size:12px;gap:4px}.bb-header .brand{font-size:20px}.read-fonts,.read-color-grid{grid-template-columns:1fr}.read-color-row input[type=color]{width:52px;min-width:52px}.read-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Reading mode is opt-in. Its typography reflows; no screenshot filters or CSS zoom. */
html[data-reading=on]{--bg:var(--read-bg);--deep:var(--read-bg);--surface:var(--read-bg);--panel:var(--read-bg);--text:var(--read-text);--muted:var(--read-text);--accent:var(--read-text);--line:var(--read-border);color-scheme:var(--read-scheme);scroll-padding-top:20px}
html[data-reading=on] body{background:var(--read-bg);color:var(--read-text);font-family:var(--read-font);font-size:calc(16px * var(--read-scale));line-height:var(--read-leading);letter-spacing:var(--read-spacing)}
html[data-reading=on] :where(body>:not(#reading-dialog),body>:not(#reading-dialog) *){font-family:var(--read-font)!important;font-size:calc(16px * var(--read-scale))!important;line-height:var(--read-leading)!important;font-weight:var(--read-weight)!important;letter-spacing:var(--read-spacing)!important;color:var(--read-text)!important;text-shadow:none!important;border-color:var(--read-border)!important;-webkit-text-fill-color:currentColor}
html[data-reading=on] :where(body>:not(#reading-dialog),body>:not(#reading-dialog) *) :is(p,li,a,button,input,select,textarea,label,legend,small,summary,figcaption){font-size:calc(16px * var(--read-scale))!important;line-height:var(--read-leading)!important;overflow-wrap:anywhere;white-space:normal}
html[data-reading=on] :where(body>:not(#reading-dialog),body>:not(#reading-dialog) *) :is(span,em,b,strong){font-size:inherit!important;line-height:inherit!important}
html[data-reading=on] :where(body>:not(#reading-dialog),body>:not(#reading-dialog) *) h1{font-size:clamp(34px,calc(42px * var(--read-scale)),84px)!important;line-height:1.3!important;letter-spacing:var(--read-spacing)!important;overflow-wrap:anywhere}
html[data-reading=on] :where(body>:not(#reading-dialog),body>:not(#reading-dialog) *) h2{font-size:calc(28px * var(--read-scale))!important;line-height:1.35!important;overflow-wrap:anywhere}
html[data-reading=on] :where(body>:not(#reading-dialog),body>:not(#reading-dialog) *) :is(h3,h4){font-size:calc(21px * var(--read-scale))!important;line-height:1.4!important;overflow-wrap:anywhere}
html[data-reading=on] :where(body>:not(#reading-dialog),body>:not(#reading-dialog) *) :is(p,li){max-inline-size:var(--read-width)}
html[data-reading=on] :where(body>:not(#reading-dialog),body>:not(#reading-dialog) *):is(div,main,section,article,aside,nav,header,footer,form,fieldset,details,dialog,figure,input,select,textarea){background-color:var(--read-bg)!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;color-scheme:var(--read-scheme)}
html[data-reading=on] :where(body>:not(#reading-dialog),body>:not(#reading-dialog) *) :is(a,button){text-decoration:underline;text-underline-offset:.2em;box-shadow:none!important}
html[data-reading=on] :where(body>:not(#reading-dialog),body>:not(#reading-dialog) *) :is(button,.button,.header-action,.bb-link){height:auto;min-height:48px;white-space:normal;border:1px solid var(--read-border);background-color:var(--read-bg)!important}
html[data-reading=on] :where(body>:not(#reading-dialog),body>:not(#reading-dialog) *) :is(.button-primary,.business-primary,.language-switch a[aria-current]){background-color:var(--read-text)!important;color:var(--read-bg)!important}
html[data-reading=on] :is(.button-primary,.business-primary,.language-switch a[aria-current]) *{color:inherit!important}
html[data-reading=on] :where(body>:not(#reading-dialog),body>:not(#reading-dialog) *) :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--read-text)}
html[data-reading=on] :where(body>:not(#reading-dialog),body>:not(#reading-dialog) *) :focus-visible{outline:3px solid var(--read-text)!important;outline-offset:5px!important}
html[data-reading=on] .site-header{position:relative;inset:auto;height:auto!important;margin:16px;flex-wrap:wrap;padding:20px;gap:20px;border:1px solid var(--read-border)}
html[data-reading=on] .site-header>nav{display:flex;order:3;flex-basis:100%;flex-wrap:wrap;gap:12px 24px}
html[data-reading=on] .header-tools{flex-wrap:wrap;gap:16px}
html[data-reading=on] .header-tools .reading-toggle{font-size:20px!important;min-width:48px;min-height:48px;padding:10px;line-height:1!important}
html[data-reading=on] .brand{font-size:calc(20px * var(--read-scale))!important;white-space:normal}
html[data-reading=on] .brand-hero{display:block;height:auto;min-height:0;max-height:none;padding:48px var(--pad)}
html[data-reading=on] .hero-content{max-width:100%;border-radius:12px;padding:20px}
html[data-reading=on] .hero-services{position:relative;inset:auto;margin-top:36px;display:flex;flex-wrap:wrap}
html[data-reading=on] .hero-services a{display:flex;flex-wrap:wrap;align-items:center;gap:14px;flex:1 1 240px;padding:20px}
html[data-reading=on] .hero-services span{width:auto}html[data-reading=on] .hero-services b{flex-shrink:0}
html[data-reading=on] .hero-services b{position:static;margin-left:auto}
html[data-reading=on] :is(section,article,details)[id]{scroll-margin-top:20px}
html[data-reading=on] :is(.section-heading,.bb-heading){grid-template-columns:1fr;gap:24px}
html[data-reading=on] :is(.section-heading h2 span,.closing-wordmark){background:none!important;color:var(--read-text)!important;-webkit-text-fill-color:var(--read-text)!important}
html[data-reading=on] .closing-wordmark{font-size:clamp(44px,12vw,160px)!important;line-height:1.2!important}
html[data-reading=on] :is(.direction-card,.business-card,.digital-direction,.demo-project-heading,.demo-timeline,.bb-workbench-tools,.bb-workbench-bottom){min-width:0;height:auto;gap:18px}
html[data-reading=on] :is(.card-top,.card-copy,.stage-top,.stage-bottom,.geography-top,.geography-bottom,.business-baseline,.bb-hero-bottom,.bb-extras){flex-wrap:wrap;gap:16px}
html[data-reading=on] .direction-card:after{background:none!important}
html[data-reading=on] .card-copy{padding:18px}
html[data-reading=on] .stage-top{position:relative;inset:auto;padding:22px;font-size:calc(14px * var(--read-scale))}
html[data-reading=on] .stage-bottom{position:relative;inset:auto;padding:22px;font-size:calc(14px * var(--read-scale))}
html[data-reading=on] .stage-state{max-width:none}
html[data-reading=on] .assembly-stage{height:auto}
html[data-reading=on] .service-scene{position:static;width:100%;height:auto}
html[data-reading=on] .item-heading{font-size:calc(22px * var(--read-scale))!important;overflow-wrap:anywhere}
html[data-reading=on] .item-heading>span{font-size:calc(14px * var(--read-scale))!important}
html[data-reading=on] :is(.task-option,.question-field,.question-actions,.result-actions,.contact-options,.bb-file){min-width:0;flex-wrap:wrap}
html[data-reading=on] :is(.question-steps,.consultant-topics,.consultant-input,.consultant-dialog footer,.language-switch,.bb-segments){flex-wrap:wrap}
html[data-reading=on] :is(.question-steps li,.business-outcome){min-height:0}
html[data-reading=on] .question-sidebar>p{margin-top:24px}
html[data-reading=on] .question-field :is(input,select,textarea){min-height:54px}
html[data-reading=on] .consultant-launch{font-size:calc(14px * var(--read-scale));background:var(--read-bg);color:var(--read-text);max-width:calc(100vw - 32px);border:2px solid var(--read-text)}
html[data-reading=on] .business-dialog{max-width:850px;padding:28px}
html[data-reading=on] .business-dialog .dialog-close{width:48px;height:48px;min-height:48px;padding:10px}
html[data-reading=on] .business-dialog .eyebrow{font-size:calc(14px * var(--read-scale))!important}
html[data-reading=on] .welcome-brand{padding-right:45px;flex-wrap:wrap}
html[data-reading=on] .welcome-languages{justify-content:flex-start}
html[data-reading=on] .welcome-languages .reading-inline{flex-basis:100%;margin-right:0}
html[data-reading=on] :is(.bb-type-name,.demo-title){font-size:calc(24px * var(--read-scale))!important;line-height:1.4!important}
html[data-reading=on] .demo-project-heading{flex-wrap:wrap}.read-dialog input[type=range]{touch-action:pan-y}
html[data-reading=on] :is(.bb-hero,.geography){height:auto;min-height:0;max-height:none}
html[data-reading=on] .bb-hero-bottom{position:static;grid-column:1/-1}
html[data-reading=on] .bb-logo-stage{background:#131615!important}
html[data-reading=on] .bb-logo-stage[data-tone=light]{background:#e9ebe4!important}
html[data-reading=on] .bb-logo-stage :is(span,p){color:#e9ebe4!important}
html[data-reading=on] .bb-logo-stage[data-tone=light] :is(span,p){color:#131615!important}
html[data-reading=on] .bb-swatch{background:var(--swatch)!important;color:var(--ink)!important}
html[data-reading=on] .bb-swatch *{color:var(--ink)!important}
html[data-reading=on] .bb-color span{background:var(--swatch)!important}
html[data-reading=on] .bb-palette{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
html[data-reading=on][data-read-large=yes] :is(.business-grid,.ai-cases,.admin-grid,.direction-grid,.digital-grid,.digital-direction,.questionnaire,.hardware-layout,.result-grid,.contact-section,.business-guides,.bb-heading,.bb-hero,.bb-type-grid,.bb-rules){grid-template-columns:1fr!important}
html[data-reading=on][data-read-large=yes] :is(.question-fields,.conditional-fields,.task-options,.ai-pilot,.business-baseline){grid-template-columns:1fr!important}
html[data-reading=on][data-read-large=yes] .ai-pilot .business-link{grid-column:auto}
html[data-reading=on][data-read-large=yes] .assembly-sticky{position:relative;top:auto}
html[data-reading=on][data-read-large=yes] :is(.process-grid,.bb-mockup-grid){grid-template-columns:1fr}
html[data-reading=on][data-read-large=yes] .bb-mockup:first-child{grid-column:auto}
html[data-reading=on][data-read-large=yes] .question-steps{display:flex;flex-wrap:wrap;gap:16px}
html[data-reading=on][data-read-large=yes] .question-steps li{display:flex;flex-direction:row;flex:1 1 230px;align-items:center}
html[data-reading=on][data-read-large=yes] .footer,html[data-reading=on][data-read-large=yes] .bb-footer{display:flex;flex-wrap:wrap;gap:24px}
html[data-reading=on][data-read-backgrounds=off] :is(.hero-art,.hero-shade,.direction-art,.geography-art){display:none!important}
html[data-read-motion=off],html[data-read-motion=off] *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
html[data-read-motion=off] :is(.cursor-halo,.hero-shade:after,.direction-card:before){display:none!important}
html[data-read-motion=off] :is(.hero-art,.service-visual img,.direction-card,.reveal,.button-primary,.header-action){transform:none!important;translate:none!important;opacity:1!important}
html[data-read-motion=off] .image-pending{opacity:1!important}
@media(max-width:900px){html[data-reading=on] :is(.questionnaire,.hardware-layout,.digital-direction,.contact-section,.bb-heading,.bb-hero){grid-template-columns:1fr!important}html[data-reading=on] .assembly-sticky{position:relative;top:auto}html[data-reading=on] .business-grid{grid-template-columns:1fr}html[data-reading=on] .hero-services{flex-direction:column}html[data-reading=on] .hero-services a{flex-basis:auto}html[data-reading=on] .demo-modules{grid-template-columns:1fr}html[data-reading=on] .business-guide summary{min-height:0}html[data-reading=on] .bb-hero{padding-top:40px}}
@media(max-width:600px){html[data-reading=on] .site-header{padding:16px;margin:10px}html[data-reading=on] .header-tools{gap:12px}html[data-reading=on] .brand-hero{margin:10px;padding:28px 14px}html[data-reading=on] .hero-content{padding:12px}html[data-reading=on] :is(.section-wrap,.bb-section){padding-left:22px;padding-right:22px}html[data-reading=on] :is(.question-fields,.conditional-fields,.task-options,.bb-rules){grid-template-columns:1fr!important}html[data-reading=on] #solution-form,html[data-reading=on] .solution-result{padding:24px 18px}html[data-reading=on] :is(.business-card,.direction-card,.ai-pilot){padding:22px}html[data-reading=on] .question-actions>*{width:100%}html[data-reading=on] .question-actions #question-position{width:auto;margin-left:0}html[data-reading=on] .consultant-input input{width:100%;flex-basis:100%}html[data-reading=on] .contact-phone{white-space:normal}html[data-reading=on] :is(.footer,.bb-footer){display:flex;flex-wrap:wrap}html[data-reading=on] .business-dialog{padding:24px 20px}html[data-reading=on] .bb-rules article{display:block}html[data-reading=on] .bb-file{display:flex;flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.read-dialog *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){.read-preset[aria-pressed=true],.read-font-option:has(:checked){outline:2px solid Highlight}.read-preview,.read-preset span,.bb-swatch{forced-color-adjust:auto}.read-dialog :focus-visible{outline-color:Highlight}}
/* Keep the live sample and Apply/Reset available while adjusting long forms. */
.read-dialog[open]{display:flex;flex-direction:column;height:min(940px,calc(100dvh - 32px))}
.read-header,.read-footer{flex-shrink:0}
.read-layout{flex:1;min-height:0;overflow:hidden}
.read-preview-aside{position:static;max-height:100%;overflow:auto;padding:4px 8px 4px 4px;scrollbar-gutter:stable}
.read-controls{overflow:auto;padding:4px 8px 4px 4px;scrollbar-gutter:stable}
.read-footer{padding-top:16px;padding-bottom:16px}
.read-footer .read-note{margin-bottom:10px}
@media(max-width:760px){
  .read-dialog[open]{height:calc(100dvh - 20px)}
  .read-header{padding:14px 18px;align-items:center}
  .read-header h2{font-size:1.25em;margin:4px 0}
  .read-header .read-intro{display:none}
  .read-kicker{font-size:.6em}
  .read-layout{grid-template-rows:minmax(100px,30%) minmax(0,1fr);gap:16px;padding:12px 18px}
  .read-preview-aside{height:100%;border:1px solid var(--editor-line);border-radius:8px;padding:12px}
  .read-preview-label{font-size:.7em;margin-bottom:8px!important}
  .read-preview{padding:16px;border-radius:5px}
  .read-preview-mark{display:none}
  .read-preview h3{font-size:1.1em;margin-bottom:12px}
  .read-controls{padding-right:8px}
  .read-footer{padding:12px 18px}
  .read-footer>.read-note{display:none}
  .read-actions{gap:6px 12px}
  .read-actions button{padding:8px 12px}
}
@media(max-height:540px){
  .read-dialog[open]{display:block;height:auto}
  .read-layout{display:block;overflow:visible}
  .read-preview-aside,.read-controls{max-height:none;overflow:visible}
  .read-preview-aside{margin-bottom:24px}
}

html[data-reading=on] .bb-hero h1{font-size:clamp(34px,10vw,84px)!important}
/* Intrinsic widths must not prevent reflow at the largest text/spacing values. */
html[data-reading=on] :where(body>:not(#reading-dialog),body>:not(#reading-dialog) *){min-width:0;overflow-wrap:anywhere}
html[data-reading=on] .hardware-item summary{grid-template-columns:max-content minmax(0,1fr) 28px}
html[data-reading=on] :is(.digital-label,.demo-topbar,.demo-timeline,.demo-connections,.demo-update,.assembly-caption){flex-wrap:wrap}
html[data-reading=on] .digital-label{grid-column:1/-1}
html[data-reading=on] .demo-avatar{width:auto;min-width:40px;height:auto;min-height:40px}
html[data-reading=on] .demo-modules>div{grid-template-columns:1fr}
html[data-reading=on] .demo-module-icon{grid-row:auto}
html[data-reading=on] .demo-update-icon{width:auto;height:auto;min-width:40px;min-height:40px}
html[data-reading=on] .process-grid article{grid-template-columns:max-content minmax(0,1fr)}
html[data-reading=on][data-read-large=yes] :is(.development-story .service-visual,.development-story .service-content){grid-column:auto;grid-row:auto}
html[data-reading=on][data-read-large=yes] .demo-modules{grid-template-columns:1fr}