/* Small layout overrides for the sidebar brand mark — kept separate from src/styles.css since this
   file is served statically and loads before the JS bundle, avoiding a flash of the default size.
   (Dropped .content-grid/.qc rules that used to live here: no longer referenced by any component —
   .content-draft/.content-block styling now lives in src/styles.css, the single source of truth.) */
.sidebar .brand { gap: 14px; align-items: center; overflow: visible; }
.sidebar .brand-monogram { display: block; flex: 0 0 40px; width: 40px; height: 56px; object-fit: contain; object-position: center; }
.sidebar .brand strong { font-size: 18px; }
.sidebar .brand small { max-width: 145px; }
@media (max-width: 768px) {
  .sidebar .brand-monogram { width: 36px; height: 50px; }
}