/* PublicBlocks / Workspace reader recipe. Colors and geometry: canonical tokens.
   Content HTML and the existing 22-block player remain unchanged. */
html body.dbm-kb-body{background:var(--bg-app);padding:var(--space-16);color:var(--neutral-900)}
html .dbm-kb{--kb-page:var(--surface);--cp-bg:var(--surface);--cp-bg2:var(--neutral-100);--cp-text:var(--neutral-900);--cp-text2:var(--neutral-600);--cp-text3:var(--neutral-500);--cp-border:var(--neutral-200);--cp-border2:var(--neutral-300);--cp-select:var(--neutral-100);--cp-dark:var(--action-primary);--cp-on:var(--on-action-primary);--cp-accent:var(--accent);--cp-tint:var(--accent-tint);--cp-r:var(--radius-20);--cp-r2:var(--radius-16);--cp-r3:var(--radius-12);--cp-r4:var(--radius-8);--kb-side:var(--size-320);--kb-head:var(--size-80);font:400 var(--text-14)/1.45 var(--font);letter-spacing:-.02em}
html .dbm-kb :is(button,input,a,summary){-webkit-tap-highlight-color:transparent}
html .dbm-kb :is(button,a,summary):focus-visible{outline:var(--stroke-2) solid var(--accent);outline-offset:var(--space-2)}
html .dbm-kb :is(.dbm-kb__sm-panel,.lesson-card,.lesson-accordion details,.dbm-slider-btn,.ba-div,.ba-knob,.dbm-kb__gallery-image){box-shadow:none}
html .dbm-kb__head{border:0;border-radius:var(--radius-24);top:var(--space-16);max-width:calc(var(--size-800) + var(--size-800));margin:0 auto var(--space-16)}
html .dbm-kb__head-in{height:auto;min-height:var(--size-72);padding:var(--space-16);gap:var(--space-12)}
html .dbm-kb__brand{min-width:0;gap:var(--space-12);font-size:var(--size-16);line-height:1.2;letter-spacing:inherit}
html .dbm-kb__brand-badge{width:var(--size-40);height:var(--size-40);background:var(--neutral-100);color:var(--neutral-900);border-radius:var(--radius-12)}
html .dbm-kb__brand-sub{font-size:var(--size-12);font-weight:400}
html .dbm-kb :is(.dbm-kb__head-search,.dbm-kb__side-search,.dbm-kb__theme,.dbm-kb__copy,.dbm-kb__fb-btn,.dbm-kb__head-contact,.dbm-kb__menu){height:var(--size-40);min-height:var(--size-40);padding:0 var(--space-12);gap:var(--space-8);border:0;border-radius:var(--radius-12);background:var(--neutral-100);color:var(--neutral-900);font:400 var(--text-14)/1 var(--font);letter-spacing:-.02em}
html .dbm-kb :is(.dbm-kb__head-search,.dbm-kb__side-search,.dbm-kb__theme,.dbm-kb__copy,.dbm-kb__fb-btn,.dbm-kb__menu):hover{background:var(--neutral-200)}
html .dbm-kb__head-contact{display:inline-flex;align-items:center;background:var(--action-primary)!important;color:var(--on-action-primary)!important}
html .dbm-kb :is(.dbm-kb__theme,.dbm-kb__menu){width:var(--size-40);flex:0 0 var(--size-40);padding:0;align-items:center;justify-content:center}
html .dbm-kb__menu{display:none}
html .dbm-kb :is(.dbm-kb__head-search,.dbm-kb__theme,.dbm-kb__side-search,.dbm-kb__copy) svg{width:var(--size-20);height:var(--size-20)}
html .dbm-kb__shell{grid-template-columns:var(--kb-side) minmax(0,1fr);gap:var(--space-16);max-width:calc(var(--size-800) + var(--size-800))}
html .dbm-kb__side{height:auto;max-height:calc(100dvh - var(--kb-head) - var(--space-48));top:calc(var(--kb-head) + var(--space-16));border:0;background:var(--surface);border-radius:var(--radius-24);padding:var(--space-16)}
html .dbm-kb__side-in{padding:0}.dbm-kb__side-ct{white-space:normal}
html .dbm-kb__side-search{margin-bottom:var(--space-16)}
html .dbm-kb :is(.dbm-kb__side-zone,.dbm-kb__toc-h){font:500 var(--size-12)/1.45 var(--font);letter-spacing:-.02em;text-transform:none;margin:var(--space-16) 0 var(--space-8)}
html .dbm-kb__side summary{min-height:var(--size-40);padding:var(--space-8) var(--space-12);gap:var(--space-8);border-radius:var(--radius-12);font:400 var(--text-14)/1.45 var(--font);letter-spacing:inherit}
html .dbm-kb__side summary svg{width:var(--size-20);height:var(--size-20)}
html .dbm-kb__side-arts{margin:var(--space-4) 0 var(--space-8) var(--space-20);padding-left:var(--space-12)}
html .dbm-kb__side-arts a{padding:var(--space-8) var(--space-12);font-size:var(--text-14);border-radius:var(--radius-12);letter-spacing:inherit}
html .dbm-kb__side-arts a.active{background:var(--neutral-100);color:var(--neutral-900)}
html .dbm-kb__main{max-width:none;background:var(--surface);border-radius:var(--radius-24);padding:var(--space-32);min-width:0}
html .dbm-kb :is(.dbm-kb__page-head h1,.dbm-kb__art h1){font:500 var(--size-32)/1.2 var(--font);letter-spacing:-.02em}
html .dbm-kb :is(.dbm-kb__page-head p,.dbm-kb__art-lead){font:400 var(--size-16)/1.45 var(--font);letter-spacing:inherit;margin-top:var(--space-12)}
html .dbm-kb__zone{margin-bottom:var(--space-32)}
html .dbm-kb__zone-h{font:500 var(--size-20)/1.2 var(--font)}
html .dbm-kb :is(.dbm-kb__cats,.dbm-kb__pop-grid){grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--size-240)),1fr));gap:var(--space-12)}
html .dbm-kb :is(.dbm-kb__cat,.dbm-kb__pop-card,.dbm-kb__pager a,.dbm-kb__rel-grid a){border:0;border-radius:var(--radius-20);padding:var(--space-20);gap:var(--space-12);background:var(--neutral-100);min-height:0}
html .dbm-kb :is(.dbm-kb__cat,.dbm-kb__pop-card,.dbm-kb__pager a,.dbm-kb__rel-grid a):hover{background:var(--neutral-200)}
html .dbm-kb :is(.dbm-kb__cat-t,.dbm-kb__pop-t,.dbm-kb__art-row-t){font:500 var(--size-16)/1.2 var(--font);letter-spacing:inherit}
html .dbm-kb :is(.dbm-kb__cat-d,.dbm-kb__pop-d,.dbm-kb__art-row-d){font:400 var(--text-14)/1.45 var(--font);letter-spacing:inherit}
html .dbm-kb :is(.dbm-kb__cat-n,.dbm-kb__pop-c,.dbm-kb__crumbs,.dbm-kb__art-meta,.dbm-kb__pager-l,.dbm-kb__foot){font:400 var(--size-12)/1.45 var(--font);letter-spacing:inherit}
html .dbm-kb__art-head{flex-wrap:wrap;gap:var(--space-16)}
html .dbm-kb__art-grid{grid-template-columns:minmax(0,1fr) var(--size-192);gap:var(--space-24)}
html .dbm-kb__toc a{font-size:var(--size-12)}
html .dbm-kb__content{font-size:var(--size-16);line-height:1.45}
html .dbm-kb__content :is(h2,h3,h4,strong,b,th,.ls-head,.lt-tab,summary){font-weight:500}
html .dbm-kb__content h2{font-size:var(--size-24);line-height:1.2;letter-spacing:-.02em}
html .dbm-kb__content h3{font-size:var(--size-20);line-height:1.2;letter-spacing:-.02em}
html .dbm-kb__content :is(.lesson-card,.lesson-callout,.lesson-code){border-radius:var(--radius-20)}
html .dbm-kb__fb{background:var(--neutral-100);border:0;border-radius:var(--radius-20);padding:var(--space-20);gap:var(--space-16)}
html .dbm-kb__fb-btn{background:var(--surface)}
html .dbm-kb__sm-panel{border:0;border-radius:var(--radius-24);max-width:var(--size-720)}
html .dbm-kb__sm-inp{padding:var(--space-16)}
@media(max-width:1360px){html .dbm-kb__art-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1000px){html .dbm-kb__shell{grid-template-columns:minmax(0,1fr)}html .dbm-kb__menu{display:inline-flex}html body[data-kb-nav-open="true"] .dbm-kb__side{display:block;position:relative;top:0;max-height:60dvh}html .dbm-kb__brand-sub{display:none}html .dbm-kb__head-contact{display:none}}
@media(max-width:640px){html body.dbm-kb-body{padding:var(--space-8)}html .dbm-kb__head{top:var(--space-8)}html .dbm-kb__head-in{gap:var(--space-8);padding:var(--space-12)}html .dbm-kb__brand{font-size:var(--text-14);flex:1;min-width:0}html .dbm-kb__brand-badge{display:none}html .dbm-kb__brand-t{white-space:normal!important}html .dbm-kb__head-search{width:var(--size-40);padding:0;justify-content:center}html .dbm-kb__head-search kbd{display:none}html .dbm-kb__main{padding:var(--space-20)}html .dbm-kb :is(.dbm-kb__page-head h1,.dbm-kb__art h1){font-size:var(--size-24)}html .dbm-kb__copy{margin:0}}
@media(prefers-reduced-motion:reduce){html .dbm-kb *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Предпросмотр читает черновик: поиск, копирование опубликованной версии и
   отправка отзывов здесь не должны обращаться к публичной версии статьи. */
[data-kb-preview="true"] [data-kb-search],
[data-kb-preview="true"] [data-kb-copy-md],
[data-kb-preview="true"] [data-kb-fb]{display:none}
