/* Shared appearance. All colour values come from WordPress's editable palette.
 * Component defaults use low specificity; explicit block colours and Global Styles take precedence.
 */
:root, body.mbh-site, .editor-styles-wrapper {
 --mbh-bg:var(--wp--preset--color--base);
 --mbh-surface:var(--wp--preset--color--accent-5);
 --mbh-panel:var(--wp--preset--color--accent-2);
 --mbh-ink:var(--wp--preset--color--contrast);
 --mbh-muted:var(--wp--preset--color--accent-4);
 --mbh-line:var(--wp--preset--color--accent-6);
 --mbh-accent:var(--wp--preset--color--accent-3);
 --mbh-accent-hover:var(--wp--preset--color--mbh-light-accent-hover);
 --mbh-brand:var(--wp--preset--color--mbh-light-brand);
 --mbh-brand-bright:var(--wp--preset--color--accent-1);
 --mbh-code:var(--wp--preset--color--mbh-light-code);
 --mbh-code-block-bg:var(--wp--preset--color--mbh-light-code-block-bg);
 --mbh-code-block-ink:var(--wp--preset--color--mbh-light-code-block-ink);
 --mbh-parameter-bg:var(--wp--preset--color--mbh-light-parameter-bg);
 --mbh-parameter-ink:var(--wp--preset--color--mbh-light-parameter-ink);
 --mbh-parameter-line:var(--wp--preset--color--mbh-light-parameter-line);
 --mbh-input-bg:var(--wp--preset--color--mbh-light-input-bg);
 --mbh-focus:var(--wp--preset--color--mbh-light-focus);
 --mbh-status-available:var(--wp--preset--color--mbh-light-status-available);
 --mbh-status-candidate:var(--wp--preset--color--mbh-light-status-candidate);
 --mbh-status-static:var(--wp--preset--color--mbh-light-status-static);
}
:where(html.mbh-color-page, .editor-styles-wrapper){color-scheme:light}
@media screen {
 :root[data-mbh-theme="dark"], html[data-mbh-theme="dark"] body.mbh-site, .editor-styles-wrapper[data-mbh-theme="dark"] {
  --mbh-bg:var(--wp--preset--color--mbh-dark-bg);
  --mbh-surface:var(--wp--preset--color--mbh-dark-surface);
  --mbh-panel:var(--wp--preset--color--mbh-dark-panel);
  --mbh-ink:var(--wp--preset--color--mbh-dark-ink);
  --mbh-muted:var(--wp--preset--color--mbh-dark-muted);
  --mbh-line:var(--wp--preset--color--mbh-dark-line);
  --mbh-accent:var(--wp--preset--color--mbh-dark-accent);
  --mbh-accent-hover:var(--wp--preset--color--mbh-dark-accent-hover);
  --mbh-brand:var(--wp--preset--color--mbh-dark-brand);
  --mbh-brand-bright:var(--wp--preset--color--mbh-dark-brand-bright);
  --mbh-code:var(--wp--preset--color--mbh-dark-code);
  --mbh-code-block-bg:var(--wp--preset--color--mbh-dark-code-block-bg);
  --mbh-code-block-ink:var(--wp--preset--color--mbh-dark-code-block-ink);
  --mbh-parameter-bg:var(--wp--preset--color--mbh-dark-parameter-bg);
  --mbh-parameter-ink:var(--wp--preset--color--mbh-dark-parameter-ink);
  --mbh-parameter-line:var(--wp--preset--color--mbh-dark-parameter-line);
  --mbh-input-bg:var(--wp--preset--color--mbh-dark-input-bg);
  --mbh-focus:var(--wp--preset--color--mbh-dark-focus);
  --mbh-status-available:var(--wp--preset--color--mbh-dark-status-available);
  --mbh-status-candidate:var(--wp--preset--color--mbh-dark-status-candidate);
  --mbh-status-static:var(--wp--preset--color--mbh-dark-status-static);
  color-scheme:dark;
 }
 @media(prefers-color-scheme:dark) {
  :root:not([data-mbh-theme="light"]):not([data-mbh-theme="dark"]), html:not([data-mbh-theme="light"]):not([data-mbh-theme="dark"]) body.mbh-site, .editor-styles-wrapper:not([data-mbh-theme="light"]):not([data-mbh-theme="dark"]) {
   --mbh-bg:var(--wp--preset--color--mbh-dark-bg);
   --mbh-surface:var(--wp--preset--color--mbh-dark-surface);
   --mbh-panel:var(--wp--preset--color--mbh-dark-panel);
   --mbh-ink:var(--wp--preset--color--mbh-dark-ink);
   --mbh-muted:var(--wp--preset--color--mbh-dark-muted);
   --mbh-line:var(--wp--preset--color--mbh-dark-line);
   --mbh-accent:var(--wp--preset--color--mbh-dark-accent);
   --mbh-accent-hover:var(--wp--preset--color--mbh-dark-accent-hover);
   --mbh-brand:var(--wp--preset--color--mbh-dark-brand);
   --mbh-brand-bright:var(--wp--preset--color--mbh-dark-brand-bright);
   --mbh-code:var(--wp--preset--color--mbh-dark-code);
   --mbh-code-block-bg:var(--wp--preset--color--mbh-dark-code-block-bg);
   --mbh-code-block-ink:var(--wp--preset--color--mbh-dark-code-block-ink);
   --mbh-parameter-bg:var(--wp--preset--color--mbh-dark-parameter-bg);
   --mbh-parameter-ink:var(--wp--preset--color--mbh-dark-parameter-ink);
   --mbh-parameter-line:var(--wp--preset--color--mbh-dark-parameter-line);
   --mbh-input-bg:var(--wp--preset--color--mbh-dark-input-bg);
   --mbh-focus:var(--wp--preset--color--mbh-dark-focus);
   --mbh-status-available:var(--wp--preset--color--mbh-dark-status-available);
   --mbh-status-candidate:var(--wp--preset--color--mbh-dark-status-candidate);
   --mbh-status-static:var(--wp--preset--color--mbh-dark-status-static);
  }
  :where(html.mbh-color-page,.editor-styles-wrapper):not([data-mbh-theme="light"]):not([data-mbh-theme="dark"]){color-scheme:dark}
 }
}
/* Root background/text and primary buttons are supplied by theme.json, not forced here. */
:where(.mbh-site,.editor-styles-wrapper) :where(.mbh-kicker,.mbh-module-name,.mbh-hero h1 strong,.mbh-hero h1 span){color:var(--mbh-accent)}
:where(.mbh-site,.editor-styles-wrapper) :where(.mbh-lead,.mbh-hero-note,.mbh-mobi-caption,.mbh-code-caption,.mbh-code-foot,.mbh-pillar p,.mbh-section-intro,.mbh-feature p,.mbh-tool-type,.mbh-tool-body,.mbh-extension p,.mbh-extensions-note,.mbh-project-body p,.mbh-footer-description){color:var(--mbh-muted)}
:where(.mbh-site,.editor-styles-wrapper) :where(.mbh-code-caption > :first-child){color:var(--mbh-ink)}
:where(.mbh-site,.editor-styles-wrapper) :where(.mbh-header,.mbh-languages,.mbh-pillars,.mbh-tools-band,.mbh-tool,.mbh-tool-note,.mbh-extensions-grid,.mbh-extension,.mbh-project,.mbh-footer){border-color:var(--mbh-line)}
:where(.mbh-site,.editor-styles-wrapper) :where(.mbh-feature){border-color:var(--mbh-ink)}
:where(.mbh-site,.editor-styles-wrapper) :where(.mbh-mobi-greeting){border-color:var(--mbh-accent)}
:where(.mbh-site,.editor-styles-wrapper) :where(.mbh-tools-band){background-color:var(--mbh-surface)}
:where(.mbh-site,.editor-styles-wrapper) :where(.mbh-tool){background-color:var(--mbh-bg)}
:where(.mbh-site,.editor-styles-wrapper) :where(.mbh-project){background-color:var(--mbh-panel)}
:where(.mbh-site,.editor-styles-wrapper) :where(.mbh-console,.mbh-console-bar,.mbh-tool-editor){background-color:var(--mbh-code-block-bg);color:var(--mbh-code-block-ink);border-color:var(--mbh-line)}
:where(.mbh-site,.editor-styles-wrapper) :where(.mbh-console-bar,.mbh-code-output,.mbh-code-line-number,.mbh-tool-editor .mbh-tool-note){border-color:var(--mbh-line)}
:where(.mbh-site,.editor-styles-wrapper) :where(.mbh-tool-editor .mbh-tool-type,.mbh-tool-editor .mbh-tool-body,.mbh-tool-editor .mbh-tool-note,.mbh-code-string,.mbh-code-output-text){color:var(--mbh-code-block-ink)}
:where(.mbh-site,.editor-styles-wrapper) :where(.mbh-console-mark,.mbh-code-key,.mbh-code-output-label,.mbh-code-line-number){color:var(--mbh-brand-bright)}
:where(.mbh-site,.editor-styles-wrapper) :where(.mbh-tool)::after{color:var(--mbh-line)}
:where(.mbh-site,.editor-styles-wrapper) :where(.mbh-tool-editor)::after{color:var(--mbh-brand-bright)}
:where(.mbh-site,.editor-styles-wrapper) :where(.mbh-footer-status){color:var(--mbh-status-available)}
:where(.mbh-site,.editor-styles-wrapper) :where(.mbh-footer-status)::before{background-color:var(--mbh-status-available)}
:where(.mbh-site,.editor-styles-wrapper) :where(.mbh-native .mbh-back){color:inherit}
:where(.mbh-site,.editor-styles-wrapper) :where(.mbh-native .mbh-back):hover{color:var(--mbh-accent-hover)}
/* The outline button remains a variation; explicit native block choices win. */
.mbh-native .mbh-secondary-action :where(.wp-block-button__link:not(.has-background)){background-color:transparent}
.mbh-native .mbh-secondary-action :where(.wp-block-button__link:not(.has-text-color)){color:var(--mbh-accent)}
.mbh-native .mbh-secondary-action :where(.wp-block-button__link:not(.has-background)):hover{background-color:var(--mbh-panel)}
.mbh-native .mbh-secondary-action :where(.wp-block-button__link:not(.has-text-color)):hover{color:var(--mbh-accent-hover)}
:where(.mbh-site,.editor-styles-wrapper) :where(.mbh-native .has-text-color) :where(p,h1,h2,h3,strong,code,span):not(.has-text-color){color:inherit}
:where(.mbh-site,.editor-styles-wrapper) :where(.mbh-native a):focus-visible,:where(.mbh-site a):focus-visible{outline-color:var(--mbh-focus);box-shadow:0 0 0 1px var(--mbh-ink)}
/* Header controls are outside the editable page body. */
.mbh-nav a{border-bottom-color:transparent}
.mbh-nav a:hover{border-bottom-color:var(--mbh-accent-hover)}
.mbh-languages a[aria-current="page"],.mbh-appearance-link[aria-current="true"]{background:var(--mbh-accent);color:var(--mbh-bg)}
.mbh-languages a:not([aria-current]):hover,.mbh-appearance-link:hover{background:var(--mbh-panel)}
.mbh-site .mbh-skip{background:var(--mbh-bg);color:var(--mbh-ink);border-color:var(--mbh-ink)}
.mbh-header-controls{display:flex;align-items:center;gap:12px;flex:none}
.mbh-appearance-links{display:flex;align-items:center;gap:2px;flex:none;padding:3px;border:1px solid var(--mbh-muted);border-radius:7px}
.mbh-appearance-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:4px}
.mbh-appearance-link svg{display:block;flex:none}
.mbh-appearance-link:focus-visible{outline:3px solid var(--mbh-focus);outline-offset:3px}
.mbh-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:980px){.mbh-site .mbh-header{flex-wrap:wrap;min-height:0;padding-block:22px 17px;gap:16px}.mbh-site .mbh-header-controls{margin-left:auto}.mbh-site .mbh-nav{order:3;width:100%;justify-content:space-between}}
@media(max-width:540px){.mbh-site .mbh-header-controls{width:100%;margin-left:0;gap:10px;justify-content:space-between}.mbh-site .mbh-header-controls .mbh-languages{margin-left:0}}
@media(max-width:360px){.mbh-site .mbh-header-controls{gap:6px}.mbh-site .mbh-appearance-link{width:38px}}
@media print{.mbh-site .mbh-header-controls{display:none}}