@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap");
/* BLONDA common module chrome / v1. Keep this file identical across modules. */
:root, main {
  --paper: #f7f7f5 !important; --bg: #f7f7f5 !important;
  --panel: #fbfbfa !important; --ink: #1e2020 !important;
  --muted: #656b69 !important; --faint: #737a76 !important;
  --line: #d9dcdb !important; --accent: #408f92 !important;
  --teal: #408f92 !important; --soft: #e6f0ef !important; --accent-soft: #e6f0ef !important;
}
:root[data-theme="dark"], :root[data-theme="dark"] main, body.dark, body.dark main, main.dark, main.themeDark, .app.dark {
  --paper: #0c0d0d !important; --bg: #0c0d0d !important;
  --panel: #111212 !important; --ink: #f2f1ed !important;
  --muted: #b5b6b0 !important; --faint: #909790 !important;
  --line: #303332 !important; --accent: #f06a36 !important;
  --teal: #f06a36 !important; --soft: #2a1710 !important; --accent-soft: #2a1710 !important;
}
header.blondaModuleHeader {
  --bmh-bg:#f7f7f5; --bmh-panel:#fbfbfa; --bmh-ink:#1e2020; --bmh-muted:#656b69; --bmh-line:#d9dcdb; --bmh-accent:#408f92;
  position:relative; z-index:30; inset:auto; height:auto; min-height:72px;
  display:block; margin:0; padding:0; border:0; border-bottom:1px solid var(--bmh-line);
  background:var(--bmh-bg); color:var(--bmh-ink); text-transform:uppercase;
  font:400 9px/1.2 "IBM Plex Mono",ui-monospace,monospace;
  letter-spacing:.11em; backdrop-filter:none;
}
header.blondaModuleHeader[data-mode="dark"] { --bmh-bg:#0c0d0d; --bmh-panel:#111212; --bmh-ink:#f2f1ed; --bmh-muted:#b5b6b0; --bmh-line:#303332; --bmh-accent:#f06a36; }
header.blondaModuleHeader * { box-sizing:border-box; }
header.blondaModuleHeader .bmhRow { display:flex; min-height:72px; height:auto; align-items:center; justify-content:space-between; gap:20px; padding:16px 24px; border:0; }
header.blondaModuleHeader .bmhCrumbs { display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:10px; min-width:0; margin:0; padding:0; color:var(--bmh-muted); font:inherit; letter-spacing:inherit; }
header.blondaModuleHeader .bmhLogo { display:block; margin:0 3px 0 0; padding:0; color:var(--bmh-ink); font:900 22px/1 Arial,Helvetica,sans-serif; letter-spacing:-1.3px; white-space:nowrap; text-decoration:none; border:0; }
header.blondaModuleHeader .bmhThings, header.blondaModuleHeader .bmhModule { display:inline; padding:0; border:0; color:var(--bmh-muted); background:none; font:inherit; letter-spacing:inherit; text-decoration:none; }
header.blondaModuleHeader .bmhThings:hover { color:var(--bmh-accent); }
header.blondaModuleHeader .bmhSlash { display:inline; margin:0; padding:0; border:0; color:var(--bmh-accent); font:400 17px/1 Arial,sans-serif; background:none; }
header.blondaModuleHeader .bmhActions { display:flex; flex-shrink:0; align-items:stretch; height:38px; padding:0; gap:0; border:0; }
header.blondaModuleHeader .bmhBack, header.blondaModuleHeader .bmhTheme, header.blondaModuleHeader .bmhStatus {
  display:flex; align-items:center; justify-content:center; gap:8px; min-height:38px; height:38px; margin:0 0 0 -1px; padding:0 12px;
  border:1px solid var(--bmh-line); background:var(--bmh-panel); color:var(--bmh-muted);
  font:400 8px/1 "IBM Plex Mono",ui-monospace,monospace; letter-spacing:.11em; white-space:nowrap; text-decoration:none;
}
header.blondaModuleHeader .bmhTheme { min-width:86px; cursor:pointer; border-radius:0; }
header.blondaModuleHeader .bmhBack span, header.blondaModuleHeader .bmhTheme span { display:inline; padding:0; margin:0; height:auto; border:0; background:none; color:inherit; font:inherit; letter-spacing:inherit; }
header.blondaModuleHeader .bmhBack:hover, header.blondaModuleHeader .bmhTheme:hover { background:var(--soft); color:var(--bmh-ink); }
header.blondaModuleHeader .bmhBack svg { width:14px; height:14px; }
header.blondaModuleHeader .bmhTheme svg { width:18px; height:18px; color:var(--bmh-accent); }
header.blondaModuleHeader svg { display:block; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.1; stroke-linecap:round; stroke-linejoin:round; }
header.blondaModuleHeader .bmhStatus i { display:block; flex:0 0 5px; width:5px; height:5px; padding:0; margin:0; border:0; border-radius:50%; background:var(--bmh-accent); }
header.blondaModuleHeader a:focus-visible, header.blondaModuleHeader button:focus-visible { outline:2px solid var(--bmh-accent); outline-offset:3px; }
header.blondaModuleHeader .bmhTools { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:16px; padding:10px 24px; border-top:1px solid var(--bmh-line); color:var(--bmh-muted); font:inherit; letter-spacing:inherit; }
header.blondaModuleHeader .bmhTools a { color:var(--bmh-muted); text-decoration:none; font:inherit; padding:0; }
header.blondaModuleHeader .bmhTools a:hover { color:var(--bmh-accent); }
header.blondaModuleHeader .bmhTools button { min-height:32px; padding:0 12px; border:1px solid var(--bmh-line); background:var(--bmh-panel); color:var(--bmh-ink); font:inherit; cursor:pointer; }
header.blondaModuleHeader .bmhTools button:disabled { opacity:.5; cursor:wait; }
:where(.embedded,.embed,.embedMode) header.blondaModuleHeader, html[data-embed="true"] header.blondaModuleHeader { display:none; }
@media(max-width:900px) { header.blondaModuleHeader .bmhStatus { display:none; } }
@media(max-width:620px) {
  header.blondaModuleHeader .bmhRow { align-items:flex-start; flex-wrap:wrap; gap:12px; padding:14px; }
  header.blondaModuleHeader .bmhCrumbs { width:100%; gap:8px; font-size:8px; }
  header.blondaModuleHeader .bmhLogo { font-size:22px; }
  header.blondaModuleHeader .bmhActions { width:100%; }
  header.blondaModuleHeader .bmhBack { flex:1; justify-content:flex-start; }
  header.blondaModuleHeader .bmhTools { justify-content:flex-start; padding:10px 14px; gap:12px; }
  .moduleInfo { top:132px !important; }
}
@media(prefers-reduced-motion:reduce) { header.blondaModuleHeader * { transition:none !important; } }

header.blondaModuleHeader .bmhTheme b { font:inherit; letter-spacing:inherit; color:inherit; }
header.blondaModuleHeader .bmhTheme .bmhSun { display:none; }
header.blondaModuleHeader[data-mode="dark"] .bmhTheme .bmhSun { display:block; }
header.blondaModuleHeader[data-mode="dark"] .bmhTheme .bmhMoon { display:none; }