/* One existing UI family; media previews and technical text keep their own fonts. */
html.ui-v2 { --cml-ui-font: 'Manrope', system-ui, -apple-system, sans-serif; }
html.ui-v2 body { font-family: var(--cml-ui-font) !important; font-weight: 500; }
html.ui-v2 body :not(pre, pre *, code, code *, kbd, kbd *, samp, samp *, [style*="monospace"], [style*="monospace"] *, #editor-frame, #editor-frame *) {
  font-family: var(--cml-ui-font) !important;
}
html.ui-v2 :is(p, li, dt, dd, td, small, input, select, textarea):not(pre *, code *, [style*="monospace"], #editor-frame *) { font-weight: 500; }
html.ui-v2 :is(h1, h2, h3, h4, h5, h6, .card-title):not(#editor-frame *) { font-weight: 700 !important; }
html.ui-v2 :is(button, summary, label, [role="tab"]):not(#editor-frame *) { font-weight: 600 !important; }
html.ui-v2 :is(code, pre, kbd, samp, [style*="monospace"]) { font-family: ui-monospace, SFMono-Regular, Consolas, monospace !important; }

/* Identical decorative icon treatment in the sidebar and section views. */
.cml-nav-button .cml-section-icon { width: 18px; height: 18px; flex: 0 0 18px; }
.cml-nav-label { flex: 1; min-width: 0; }
.cml-nav-button .cml-nav-caret { width: 14px; height: 14px; flex: 0 0 14px; transition: transform .15s ease; }
.cml-nav-button[aria-expanded="true"] .cml-nav-caret { transform: rotate(180deg); }
.rental-section-tabs button { display: inline-flex; align-items: center; gap: 8px; }
.rental-section-tabs .cml-section-icon { width: 17px; height: 17px; flex: 0 0 17px; }
.cml-nav-button:focus-visible, .rental-section-tabs button:focus-visible { outline: 2px solid #3438ec; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .cml-nav-button .cml-nav-caret { transition: none; } }
