/*
 * Eigen-Rho — shared brand system.
 * One elegant, light wordmark + ρ mark, consistent on every page.
 * Cormorant Garamond carries a beautiful Greek rho (ρ), so the symbol
 * reads as a refined letterform, not a stray "p".
 */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,600;1,700&display=swap');

.brand{
  display:inline-flex;
  align-items:baseline;
  gap:.18em;
  font-family:'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  font-weight:600;
  line-height:1;
  letter-spacing:.012em;
  color:var(--ink, #1a1a1a);
  text-decoration:none;
  white-space:nowrap;
}
.brand .brand-mark{           /* the ρ monogram */
  font-style:italic;
  font-weight:700;
  color:inherit;            /* the "E" adapts to the header (dark on light bars, light on dark) */
}
.brand .brand-mark .brand-rho{ color:var(--accent, #c8402a); }
.brand .brand-word{ font-weight:600; }
.brand .brand-word .sep{ color:var(--accent, #c8402a); padding:0 .02em; } /* hyphen accent */
.brand:hover .brand-word{ color:var(--accent, #c8402a); transition:color .15s ease; }

/* size scale */
.brand-xl{ font-size:3.2rem; }
.brand-lg{ font-size:2.4rem; }
.brand-md{ font-size:1.8rem; }
.brand-sm{ font-size:1.35rem; }

/* consistent page-label beside the logo on app pages (Console / Master Console).
   Inherits the header's text colour so it reads on light OR dark bars. */
.brand-suffix{
  display:inline-flex; align-items:center;
  font-family:'IBM Plex Mono', ui-monospace, monospace;
  font-size:.7rem; font-weight:500; letter-spacing:1.5px; text-transform:uppercase;
  margin-left:.7em; padding-left:.7em;
  border-left:1px solid;
  opacity:.55;
}