/* Scoped to the editable baseline; never changes redesign or read-only history. */
#mbase .minor-dimension-head { flex-wrap:wrap; gap:8px 12px; }
#mbase .minor-dimension-head h4 { min-width:0; overflow-wrap:anywhere; }
#mbase .mbref-actions { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-left:auto; min-width:0; }
#mbase .minor-dimension-head > [data-add] { margin-left:0; flex-shrink:0; }
#mbase .mbref-button {
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  max-width:100%; padding:6px 9px; border:1px solid #d3deee; border-radius:6px;
  background:#fff; color:#475d7b; font:inherit; font-size:10px; font-weight:500;
  line-height:1.4; text-align:left; cursor:pointer;
}
#mbase .mbref-button:hover { background:#f2f7ff; color:#175cd3; border-color:#adc6ec; }
#mbase .mbref-button[aria-expanded="true"] { background:#edf4ff; color:#175cd3; border-color:#9bbceb; }
#mbase .mbref-button:focus-visible { outline:2px solid #175cd3; outline-offset:3px; }
#mbase .mbref-chevron { display:inline-block; line-height:1; flex-shrink:0; }
#mbase .mbref-button[aria-expanded="true"] .mbref-chevron { transform:rotate(180deg); }
#mbase .mbref-panels { min-width:0; }
#mbase .mbref-panel { padding:16px; border-top:1px solid #dce6f4; background:#f8fbff; color:#344054; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
#mbase .mbref-panel[hidden] { display:none !important; }
#mbase .mbref-guide, #mbase .mbref-example { margin:0; }
#mbase .mbref-guide { display:grid; gap:12px; }
#mbase .mbref-field { min-width:0; }
#mbase .mbref-field dt { margin:0 0 4px; color:#175cd3; font-size:12px; font-weight:700; }
#mbase .mbref-field dd { margin:0; color:#344054; font-size:12px; line-height:1.7; }
#mbase .mbref-note { margin:12px 0 0; padding:10px 12px; border:1px solid #dce6f4; border-radius:8px; background:#fff; color:#596b82; font-size:11px; line-height:1.65; }
#mbase .mbref-example-heading { display:grid; gap:4px; }
#mbase .mbref-example-heading span { color:#697d99; font-size:11px; }
#mbase .mbref-example-heading h5 { margin:0; color:#163863; font-size:14px; line-height:1.5; }
#mbase .mbref-item { margin:14px 0 10px; }
#mbase .mbref-comparison { margin:0; display:flex; flex-wrap:wrap; gap:10px; }
#mbase .mbref-comparison > .mbref-field { flex:1 1 210px; padding:12px; border:1px solid #dce6f4; border-radius:9px; background:#fff; }
#mbase .mbref-comparison > .mbref-field:last-child { border-color:#bed2f2; background:#f0f6ff; }
@media (max-width:600px) {
  #mbase .mbref-panel { padding:12px; }
  #mbase .mbref-button { min-height:36px; }
  #mbase .minor-dimension-head { align-items:center; }
}
@media print {
  #mbase .mbref-button { color:#000; border-color:#999; }
  #mbase .mbref-panel { background:#fff; break-inside:avoid; }
}