/* Cardinal skin for My Cardinal Home (the homeowner side). Loaded after app.css.
   Cardinal red #DD1A32 and teal #00A7BA from Cardinal's logo. Action red #C8102E is the logo red
   darkened for white text (contrast 5.9:1); teal text uses #00707D (5.4:1). */
:root, html[data-side] {
  --crimson: #C8102E; --crimson-deep: #8E0B20; --crimson-soft: #FCE8EB;
  --parchment: #E5F5F9; --parchment-2: #F1FAFC; --ochre: #00A7BA;
  --navy: #0B4A53; --navy-2: #12606B; --door: #00A7BA; --door-ink: #C8102E; --door-soft: #E5F5F9;
  --gold: #00A7BA; --slate: #2E4247; --slate-2: #5E7479;
  --surface-2: #F3F9FA; --line: #BCD3D8; --line-strong: #8FAEB5; --dot: rgba(11,40,46,.08);
  --ink: #142429; --ink-2: #2E4247; --ink-3: #50666C; --on-navy: #FFFFFF;
  --primary: #C8102E; --primary-ink: #8E0B20; --primary-soft: #FCE8EB;
  --info: #00707D; --info-soft: #E5F5F9;
  --frame: #EEF8FA; --frame-2: #DCF0F4; --on-frame: #142429; --fill: #D4EEF3; --on-fill: #0B4A53; --logo-on-frame: #DD1A32;
  --bezel: #0B4A53;
  --shadow-card: 0 1px 2px rgba(11,40,46,.05), 0 4px 16px rgba(11,40,46,.07);
  --shadow-pop: 0 2px 6px rgba(11,40,46,.08), 0 16px 36px rgba(11,40,46,.16);
  --shadow-device: 0 34px 80px rgba(11,40,46,.22), 0 8px 20px rgba(11,40,46,.08);
  --font-display: 'Roboto Slab', 'Archivo', Georgia, serif;
  --font-body: 'Source Sans 3', 'Archivo', system-ui, sans-serif;
  --font-label: 'Source Sans 3', 'Archivo', system-ui, sans-serif;
  --font-mono: 'Source Sans 3', 'Archivo', system-ui, sans-serif;
}
.h1, .h2, .h3 { font-weight: 800; letter-spacing: -.005em; }
.eyebrow, .rail-group, .kicker { font-stretch: normal; letter-spacing: .06em; }
/* the presenter rail */
.rail .brand { display: inline-flex; align-items: center; }
.cd-rail { width: 120px; height: auto; display: block; }
.cd-presented { display: flex; align-items: center; gap: 6px; margin: 6px 0 4px; font-size: 11px; color: var(--ink-3); letter-spacing: .02em; }
.cd-presented img { width: 64px; height: auto; display: block; }
/* Cardinal's mascot wherever a pro's initial would be */
.pmark.cd { background: #fff; border: 1px solid var(--line); padding: 2px; overflow: hidden; }
.pmark.cd img { width: 100%; height: auto; display: block; }
/* the landing band: Cardinal's logo and mascot on white */
.brandband .cd-word { width: 220px; max-width: 100%; height: auto; display: block; background: #fff; border-radius: 14px; padding: 8px 10px; }
/* the center Home button */
.tabbar .disc { background: #C8102E; color: #fff; }
/* pros you can add */
.cd-grp { font-size: 12px; font-weight: 800; color: var(--ink-3); margin: 12px 0 6px; }
.cd-cats { display: flex; flex-wrap: wrap; gap: 6px; }
.cd-cats span { padding: 6px 10px; border-radius: 99px; border: 1px solid var(--line); background: var(--surface); font-size: 12.5px; font-weight: 600; color: var(--ink-2); }
.cd-own { display: flex; gap: 6px; align-items: flex-start; margin-top: 10px; font-size: 12.5px; color: var(--ink-2); font-weight: 600; }
.cd-own svg { color: #00707D; flex: 0 0 auto; margin-top: 2px; }