/* ClickBee R146. Editor-only touch priority, responsive typography and unified neutral theme.
   No saved article styles, HTML structure or desktop title positions are rewritten. */
html body main.as-page { --cb146-muted:#848b98;--cb146-ink:#252b35;--cb146-surface:#fff;--cb146-outline:#ced4de; }
html[data-cb80-backdrop="dark"] body main.as-page{--cb146-muted:#b1b8ca;--cb146-ink:#f5f7ff;--cb146-surface:#242c48;--cb146-outline:#78839f;}
html[data-cb80-backdrop="light"] body main.as-page{--cb146-muted:#848b98;--cb146-ink:#252b35;--cb146-surface:#fff;--cb146-outline:#ced4de;}
/* Placeholder tones follow exactly the title/byline's muted neutral family. */
html body main.as-page :is(input,textarea)::placeholder{color:var(--cb146-muted)!important;opacity:1;}
html body main.as-page #blocks [data-placeholder]:empty::before,
html body main.as-page #blocks [contenteditable][data-placeholder]:empty::before,
html body main.as-page #cbR145FlowHeadline:empty::before{color:var(--cb146-muted)!important;opacity:1;}
/* Text-only Browse Templates stays invisible against the authored page paint. */
html body main.as-page #cbV45PageDesigner .cb-v58-template-link,
html[data-cb80-backdrop="light"] body main.as-page #cbV45PageDesigner .cb-v58-template-link,
html[data-cb80-backdrop="dark"] body main.as-page #cbV45PageDesigner .cb-v58-template-link{
 background:transparent!important;background-color:transparent!important;background-image:none!important;
 box-shadow:none!important;border:0!important;text-shadow:none!important;
 color:var(--cb146-ink)!important;outline-offset:3px;
}
html body main.as-page #cbV45PageDesigner .cb-v58-template-link:focus-visible{outline:2px solid currentColor!important;}
/* Give the actual tools and insert affordances priority above transparent resize hitboxes. */
html body main.as-page #blocks :is(.as-block,.as-column-block) > :is(.as-block-head,.as-column-block-actions,.as-insert-slot,.cb92-insert-right,.cb91-edge-slot),
html body main.as-page #blocks :is(.as-block,.as-column-block) > :is(.as-block-head,.as-column-block-actions,.as-insert-slot,.cb92-insert-right,.cb91-edge-slot) :is(button,[role="button"],a){z-index:160!important;pointer-events:auto!important;}
html body main.as-page #blocks :is(.as-block,.as-column-block) > :is(.cb-v55-resize-top,.cb-v55-resize-bottom,.as-resize-grip-v30){z-index:45!important;}
html body main.as-page #blocks :is(.as-block,.as-column-block) > :is(.as-block-head,.as-column-block-actions){position:relative;}
/* Error/loading panel stays on the canvas even if network/auth fails. */
html body main.as-page #blocks .cb-r146-edit-state{padding:22px 17px;margin:18px auto;max-width:580px;width:100%;box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:column;gap:12px;line-height:1.5;color:var(--cb146-ink);border:1px solid var(--cb146-outline);border-radius:13px;background:var(--cb146-surface);}
html body main.as-page #blocks .cb-r146-edit-state strong{font-size:16px;}
html body main.as-page #blocks .cb-r146-edit-state p{margin:0;color:var(--cb146-muted);font-size:14px;overflow-wrap:anywhere;}
html body main.as-page #blocks .cb-r146-edit-state :is(button,a){font-size:13px;font-weight:650;cursor:pointer;min-height:39px;padding:8px 12px;text-decoration:none;border:1px solid var(--cb146-outline);border-radius:8px;background:transparent;color:var(--cb146-ink);}
/* Default readable font, only when a block has no authored inline font-size. */
html body main.as-page #blocks :is(.as-rich-editor,[data-as-rich-editor]):not([style*="font-size"]){font-size:clamp(16px,1.6vw,18px);line-height:1.64;}
@media (max-width:760px) and (pointer:coarse){
 html,body{overscroll-behavior-y:auto!important;-webkit-overflow-scrolling:touch;}
 html body main.as-page #blocks :is(.as-block,.as-column-block) > .as-resize-grip-v30.cb-v55-invisible-width-edge{
  width:7px!important;right:-5px!important;touch-action:pan-y!important;
 }
 html body main.as-page #blocks :is(.as-block,.as-column-block) > .cb-v55-resize-edge{
  height:5px!important;touch-action:pan-y!important;
 }
 /* Touch buttons must always win against invisible edges. */
 html body main.as-page #blocks :is(.as-block,.as-column-block) :is(button,[role="button"]):not(.as-resize-grip-v30),
 html body main.as-page #blocks .as-insert-plus{touch-action:manipulation;}
 html body main.as-page #blocks :is(.as-block,.as-column-block) > :is(.as-block-head,.as-column-block-actions){z-index:190!important;}
 html body main.as-page #blocks :is(.as-block,.as-column-block) > :is(.as-insert-slot,.cb92-insert-right,.cb91-edge-slot){z-index:195!important;}
 html body main.as-page #blocks .as-block :is([data-as-rich-editor],textarea,input){font-size:16px;}
 html body main.as-page #blocks .as-block{max-width:100%;min-width:0;}
 html body main.as-page #blocks :is(img,video,iframe){max-width:100%;}
 html body main.as-page :is(dialog.as-design-dialog,.cbm-dialog){max-width:calc(100vw - 12px)!important;max-height:calc(100dvh - 24px)!important;}
}
@media (max-width:360px){html body main.as-page #blocks .cb-r146-edit-state{padding:14px 11px;}}
