:root { --bg:#121220; --fg:#fff; --muted:#c8c8d5; --panel:#1e1e31; --accent:#00ffd1; }
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--fg);font-family:'Plus Jakarta Sans',sans-serif}
header,main{max-width:1000px;margin:0 auto;padding:24px}
.badge{display:inline-block;border:1px solid var(--accent);padding:6px 10px;border-radius:999px;color:var(--accent);font-size:12px}
h1{font-family:'Clash Display',sans-serif;font-size:56px;margin:16px 0 8px}.tag{font-size:24px;color:var(--muted)}
.meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:14px}
section{background:var(--panel);padding:18px;border-radius:12px;margin:16px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.card{background:#2a2a42;border-radius:10px;padding:12px}.swatch{height:64px;border-radius:8px;margin-bottom:8px;border:1px solid #ffffff30}
code{font-family:'JetBrains Mono',monospace;color:var(--accent)}

/* ═══════════════════════════════════════════════════════════════
   BrandCodex Profile — New MRBS Sections CSS (v3 additions)
   APPEND this to brand/_default/css/brand-profile.css
   ═══════════════════════════════════════════════════════════════ */

/* ─── Shared: Section Subtitle ─── */
.section-subtitle {
  font-size: 15px;
  font-weight: 700;
  color: var(--accent, #00ffd1);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 28px 0 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border, #2a2a3a);
}

/* ─── Shared: Tag Cloud ─── */
.tag-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.tag {
  padding: 4px 10px;
  background: var(--accent-dim, rgba(0,255,209,.08));
  border: 1px solid var(--accent-border, rgba(0,255,209,.15));
  border-radius: 6px;
  font-size: 12px;
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  color: var(--accent, #00ffd1);
}
.tag.negative {
  background: rgba(255,82,82,.08);
  border-color: rgba(255,82,82,.2);
  color: #ff5252;
}


/* ══════════════════════════════════════════
   MESSAGING SECTION (identity/messaging.yaml)
   ══════════════════════════════════════════ */

/* Elevator Pitch */
.messaging-hero {
  background: var(--surface-2, #1a1a2e);
  border: 1px solid var(--border, #2a2a3a);
  border-left: 4px solid var(--accent, #00ffd1);
  border-radius: 12px;
  padding: 28px;
  margin-bottom: 24px;
}
.messaging-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--accent, #00ffd1);
  margin-bottom: 12px;
}
.elevator-pitch {
  font-size: 20px;
  line-height: 1.5;
  color: #fff;
  font-weight: 500;
  margin: 0;
  border: none;
  padding: 0;
  font-style: normal;
}

/* Pitch Variants */
.pitch-variants {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  margin-top: 16px;
}
.pitch-variant {
  background: var(--surface, #141428);
  border: 1px solid var(--border, #2a2a3a);
  border-radius: 10px;
  padding: 16px;
}
.variant-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-dim, #666);
  display: block;
  margin-bottom: 8px;
}

/* Key Messages */
.messages-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 16px;
}
.message-card {
  background: var(--surface-2, #1a1a2e);
  border: 1px solid var(--border, #2a2a3a);
  border-radius: 12px;
  padding: 24px;
  transition: transform 0.2s;
}
.message-card:hover { transform: translateY(-2px); }
.message-number {
  font-family: var(--font-display, 'Clash Display', sans-serif);
  font-size: 32px;
  font-weight: 700;
  color: var(--accent, #00ffd1);
  opacity: 0.25;
  margin-bottom: 8px;
}
.message-audience {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--accent, #00ffd1);
  background: var(--accent-dim, rgba(0,255,209,.08));
  padding: 3px 8px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 10px;
}
.message-card h4 {
  font-size: 16px;
  color: #fff;
  margin-bottom: 8px;
}
.message-card p {
  font-size: 14px;
  color: var(--text-muted, #9ca3af);
}
.message-proof {
  font-size: 12px;
  color: var(--text-dim, #666);
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--border, #2a2a3a);
  font-style: italic;
}

/* Proof Points */
.proof-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 16px;
}
.proof-card {
  background: var(--surface-2, #1a1a2e);
  border: 1px solid var(--border, #2a2a3a);
  border-radius: 10px;
  padding: 20px;
}
.proof-card h4 {
  font-size: 15px;
  color: #fff;
  margin-bottom: 8px;
}
.proof-card p {
  font-size: 13px;
  color: var(--text-muted, #9ca3af);
}
.proof-source {
  display: block;
  font-size: 11px;
  color: var(--text-dim, #666);
  margin-top: 8px;
  font-style: italic;
}
.proof-metric {
  font-family: var(--font-display, 'Clash Display', sans-serif);
  font-size: 24px;
  font-weight: 700;
  color: var(--accent, #00ffd1);
  margin-top: 8px;
}

/* CTAs */
.cta-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}
.cta-card {
  background: var(--surface-2, #1a1a2e);
  border: 1px solid var(--border, #2a2a3a);
  border-radius: 10px;
  padding: 16px;
}
.cta-context {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--text-dim, #666);
  display: block;
  margin-bottom: 6px;
}
.cta-text {
  font-size: 15px;
  font-weight: 600;
  color: var(--accent, #00ffd1);
}
.cta-link {
  font-size: 11px;
  color: var(--text-muted, #9ca3af);
  word-break: break-all;
  display: block;
  margin-top: 6px;
}

/* Boilerplate */
.boilerplate-section {
  margin-top: 24px;
}
.boilerplate-item {
  background: var(--surface, #141428);
  border: 1px solid var(--border, #2a2a3a);
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 12px;
}
.boilerplate-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--accent, #00ffd1);
  display: block;
  margin-bottom: 8px;
}
.boilerplate-text {
  font-size: 14px;
  color: var(--text-muted, #9ca3af);
  line-height: 1.6;
}


/* ══════════════════════════════════════════
   NAMING SECTION (identity/naming.yaml)
   ══════════════════════════════════════════ */

.naming-conventions {
  margin-bottom: 24px;
}
.naming-convention-item {
  background: var(--surface-2, #1a1a2e);
  border: 1px solid var(--border, #2a2a3a);
  border-radius: 10px;
  padding: 16px 20px;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.convention-key {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
  min-width: 140px;
}
.convention-val {
  font-size: 14px;
  color: var(--text-muted, #9ca3af);
}
.convention-sub {
  width: 100%;
  font-size: 13px;
  color: var(--text-muted, #9ca3af);
  padding-left: 152px;
}

/* Products */
.products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}
.product-card {
  background: var(--surface-2, #1a1a2e);
  border: 1px solid var(--border, #2a2a3a);
  border-radius: 12px;
  padding: 20px;
  transition: transform 0.2s;
}
.product-card:hover { transform: translateY(-2px); }
.product-card h4 {
  font-size: 16px;
  color: #fff;
  margin-bottom: 6px;
}
.product-card p {
  font-size: 13px;
  color: var(--text-muted, #9ca3af);
}
.product-type, .product-status {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 4px;
  margin-top: 10px;
  margin-right: 6px;
}
.product-type {
  background: var(--accent-dim, rgba(0,255,209,.08));
  color: var(--accent, #00ffd1);
}
.product-status {
  background: rgba(255,255,255,.06);
  color: var(--text-dim, #666);
}
.product-status.active { background: rgba(0,204,167,.1); color: #00cca7; }
.product-status.beta { background: rgba(255,165,0,.1); color: #ffa500; }
.product-status.planned { background: rgba(128,128,255,.1); color: #8080ff; }

/* Taglines */
.tagline-item {
  margin-bottom: 16px;
}
.tagline-item blockquote {
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  border-left: 3px solid var(--accent, #00ffd1);
  padding-left: 16px;
  margin: 0;
  font-style: normal;
}
.tagline-context, .tagline-usage {
  display: inline-block;
  font-size: 11px;
  color: var(--text-dim, #666);
  margin-top: 6px;
  margin-right: 12px;
}

/* Sub-brands */
.subbrands-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}
.subbrand-card {
  background: var(--surface-2, #1a1a2e);
  border: 1px solid var(--border, #2a2a3a);
  border-radius: 10px;
  padding: 16px;
}
.subbrand-card h4 { font-size: 15px; color: #fff; margin-bottom: 4px; }
.subbrand-card p { font-size: 13px; color: var(--text-muted, #9ca3af); }
.subbrand-rel {
  font-size: 11px;
  color: var(--accent, #00ffd1);
  display: block;
  margin-top: 8px;
}


/* ══════════════════════════════════════════
   PERSONAS SECTION (identity/personas.yaml)
   ══════════════════════════════════════════ */

.personas-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 20px;
}
.persona-card {
  background: var(--surface-2, #1a1a2e);
  border: 1px solid var(--border, #2a2a3a);
  border-radius: 14px;
  padding: 28px;
  transition: transform 0.25s;
}
.persona-card:hover { transform: translateY(-3px); }

.persona-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}
.persona-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--accent, #00ffd1), var(--brand-primary, #2D1B69));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}
.persona-header-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.persona-name {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}
.persona-role {
  font-size: 13px;
  color: var(--accent, #00ffd1);
}
.persona-segment {
  font-size: 11px;
  color: var(--text-dim, #666);
}
.persona-description {
  font-size: 14px;
  color: var(--text-muted, #9ca3af);
  line-height: 1.5;
  margin-bottom: 14px;
}

.persona-section {
  margin-top: 14px;
}
.persona-section h5 {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.persona-icon { font-size: 14px; }
.persona-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.persona-list li {
  font-size: 13px;
  color: var(--text-muted, #9ca3af);
  padding: 6px 0;
  border-bottom: 1px solid var(--border, #2a2a3a);
}
.persona-list li:last-child { border-bottom: none; }
.persona-list.goals li::before { content: '→ '; color: var(--accent, #00ffd1); }
.persona-list.concerns li::before { content: '! '; color: #ff7a5c; }
.persona-list.motivations li::before { content: '★ '; color: #ffd700; }

.persona-quote {
  font-size: 14px;
  font-style: italic;
  color: var(--text-muted, #9ca3af);
  border-left: 3px solid var(--accent, #00ffd1);
  padding: 10px 16px;
  margin: 14px 0 0 0;
  background: var(--surface, #141428);
  border-radius: 0 8px 8px 0;
}


/* ══════════════════════════════════════════
   ACCESSIBILITY SECTION (rules/accessibility.yaml)
   ══════════════════════════════════════════ */

.a11y-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--surface-2, #1a1a2e);
  border: 2px solid var(--accent, #00ffd1);
  border-radius: 10px;
  padding: 12px 20px;
  margin-bottom: 20px;
}
.a11y-icon {
  font-size: 24px;
}
.a11y-standard {
  font-size: 16px;
  font-weight: 700;
  color: var(--accent, #00ffd1);
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
}

.a11y-req-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 14px;
}
.a11y-req-card {
  background: var(--surface-2, #1a1a2e);
  border: 1px solid var(--border, #2a2a3a);
  border-radius: 10px;
  padding: 18px;
}
.a11y-req-card h4 {
  font-size: 14px;
  color: #fff;
  margin-bottom: 6px;
}
.a11y-req-card p {
  font-size: 13px;
  color: var(--text-muted, #9ca3af);
}
.a11y-criterion {
  display: inline-block;
  font-size: 11px;
  font-family: var(--font-mono, monospace);
  color: var(--accent, #00ffd1);
  background: var(--accent-dim, rgba(0,255,209,.08));
  padding: 2px 8px;
  border-radius: 4px;
  margin-top: 8px;
  margin-right: 6px;
}
.a11y-level {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 4px;
  margin-top: 8px;
}
.a11y-level.level-A { background: rgba(0,204,167,.15); color: #00cca7; }
.a11y-level.level-AA { background: rgba(0,120,255,.15); color: #0078ff; }
.a11y-level.level-AAA { background: rgba(128,0,255,.15); color: #8000ff; }

.a11y-contrast, .a11y-focus, .a11y-motion, .a11y-testing {
  margin-top: 20px;
}
.contrast-item, .focus-item, .motion-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px solid var(--border, #2a2a3a);
}
.contrast-item:last-child, .focus-item:last-child, .motion-item:last-child {
  border-bottom: none;
}
.contrast-key, .focus-key, .motion-key {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  text-transform: capitalize;
  min-width: 160px;
}
.contrast-val, .focus-val, .motion-val {
  font-size: 13px;
  color: var(--text-muted, #9ca3af);
  font-family: var(--font-mono, monospace);
}

.testing-item {
  margin-bottom: 12px;
}
.testing-item h4 {
  font-size: 14px;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 6px;
}
.testing-item ul {
  list-style: none;
  padding: 0;
}
.testing-item li {
  font-size: 13px;
  color: var(--text-muted, #9ca3af);
  padding: 4px 0;
}
.testing-item li::before {
  content: '✓ ';
  color: var(--accent, #00ffd1);
}


/* ══════════════════════════════════════════
   EXTENDED VOICE — Glossary, Writing Rules
   ══════════════════════════════════════════ */

.voice-glossary, .voice-writing-rules, .voice-editorial {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--border, #2a2a3a);
}

/* Glossary Table */
.glossary-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  margin-bottom: 16px;
}
.glossary-table th {
  text-align: left;
  font-weight: 700;
  color: #fff;
  padding: 10px 12px;
  border-bottom: 2px solid var(--border, #2a2a3a);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.glossary-table td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--border, #2a2a3a);
  color: var(--text-muted, #9ca3af);
}
.term-preferred {
  color: var(--accent, #00ffd1) !important;
  font-weight: 600;
  font-family: var(--font-mono, monospace);
}
.term-avoid {
  color: #ff5252 !important;
  text-decoration: line-through;
  opacity: 0.7;
}

.glossary-avoid {
  margin-top: 12px;
}
.glossary-avoid h4 {
  font-size: 13px;
  color: #ff5252;
  margin-bottom: 8px;
}

/* Writing Rules */
.writing-rules-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 14px;
}
.writing-rule {
  background: var(--surface, #141428);
  border: 1px solid var(--border, #2a2a3a);
  border-radius: 10px;
  padding: 16px;
}
.writing-rule h4 {
  font-size: 14px;
  color: #fff;
  margin-bottom: 6px;
}
.writing-rule p {
  font-size: 13px;
  color: var(--text-muted, #9ca3af);
}
.rule-example {
  font-size: 12px;
  color: var(--text-dim, #666);
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed var(--border, #2a2a3a);
}

/* Formatting rules */
.formatting-rules {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.formatting-item {
  display: flex;
  gap: 8px;
  align-items: center;
  background: var(--surface, #141428);
  border: 1px solid var(--border, #2a2a3a);
  border-radius: 6px;
  padding: 6px 12px;
}
.fmt-key {
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  text-transform: capitalize;
}
.fmt-val {
  font-size: 12px;
  color: var(--text-muted, #9ca3af);
  font-family: var(--font-mono, monospace);
}

/* Editorial */
.editorial-block {
  margin-bottom: 14px;
}
.editorial-block h4 {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 6px;
}
.editorial-block p {
  font-size: 13px;
  color: var(--text-muted, #9ca3af);
}
.editorial-block ul {
  list-style: none;
  padding: 0;
}
.editorial-block li {
  font-size: 13px;
  color: var(--text-muted, #9ca3af);
  padding: 4px 0;
}


/* ══════════════════════════════════════════
   EXTENDED VALUES — Personality, Audiences
   ══════════════════════════════════════════ */

.values-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  margin-bottom: 24px;
}

/* Principles */
.principles-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
}
.principle-card {
  background: var(--surface, #141428);
  border: 1px solid var(--border, #2a2a3a);
  border-radius: 10px;
  padding: 20px;
}
.principle-number {
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 700;
  color: var(--accent, #00ffd1);
  opacity: 0.2;
  margin-bottom: 4px;
}
.principle-card h4 { font-size: 15px; color: #fff; margin-bottom: 6px; }
.principle-card p { font-size: 13px; color: var(--text-muted, #9ca3af); }
.principle-evidence {
  font-size: 12px;
  color: var(--text-dim, #666);
  margin-top: 8px;
  font-style: italic;
}

/* Personality / Archetype */
.personality-section {
  margin-top: 24px;
}
.archetype-card {
  background: var(--surface-2, #1a1a2e);
  border: 2px solid var(--accent-border, rgba(0,255,209,.15));
  border-radius: 14px;
  padding: 24px;
  margin-bottom: 20px;
}
.archetype-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--text-dim, #666);
  display: block;
  margin-bottom: 4px;
}
.archetype-name {
  font-size: 24px;
  font-weight: 700;
  color: var(--accent, #00ffd1);
  margin-bottom: 8px;
}
.archetype-desc {
  font-size: 14px;
  color: var(--text-muted, #9ca3af);
}
.archetype-secondary {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--border, #2a2a3a);
}

/* Traits */
.traits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 14px;
  margin-bottom: 20px;
}
.trait-card {
  background: var(--surface, #141428);
  border: 1px solid var(--border, #2a2a3a);
  border-radius: 10px;
  padding: 18px;
  position: relative;
}
.trait-card h4 { font-size: 15px; color: #fff; margin-bottom: 4px; }
.trait-meaning { font-size: 13px; color: var(--text-muted, #9ca3af); }
.trait-evidence {
  font-size: 12px;
  color: var(--text-dim, #666);
  margin-top: 8px;
  font-style: italic;
}
.trait-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 3px;
}
.trait-card.primary .trait-badge { background: var(--accent-dim); color: var(--accent); }
.trait-card.secondary .trait-badge { background: rgba(255,165,0,.1); color: #ffa500; }

/* We Are / We Are Not */
.we-are-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 640px) {
  .we-are-grid { grid-template-columns: 1fr; }
}
.we-are-card {
  background: var(--surface, #141428);
  border: 1px solid var(--border, #2a2a3a);
  border-radius: 12px;
  padding: 20px;
}
.we-are-card.positive { border-color: rgba(0,204,167,.2); }
.we-are-card.negative { border-color: rgba(255,82,82,.15); }
.we-are-card h4 {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.we-icon { font-size: 16px; }
.we-are-card.positive .we-icon { color: #00cca7; }
.we-are-card.negative .we-icon { color: #ff5252; }
.we-are-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.we-are-card li {
  font-size: 14px;
  color: var(--text-muted, #9ca3af);
  padding: 6px 0;
  border-bottom: 1px solid var(--border, #2a2a3a);
}
.we-are-card li:last-child { border-bottom: none; }

/* Audiences */
.audiences-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
}
.audience-card {
  background: var(--surface, #141428);
  border: 1px solid var(--border, #2a2a3a);
  border-radius: 10px;
  padding: 18px;
}
.audience-card h4 { font-size: 15px; color: #fff; margin-bottom: 6px; }
.audience-card p { font-size: 13px; color: var(--text-muted, #9ca3af); }
.audience-needs {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.audience-label {
  font-size: 11px;
  font-weight: 700;
  color: var(--text-dim, #666);
  text-transform: uppercase;
}

/* Scope */
.scope-section {
  margin-top: 20px;
}
.scope-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px solid var(--border, #2a2a3a);
}
.scope-key {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  text-transform: capitalize;
  min-width: 140px;
}
.scope-val {
  font-size: 13px;
  color: var(--text-muted, #9ca3af);
}

/* Positioning */
.positioning-section {
  margin-top: 20px;
}
.positioning-item {
  padding: 12px 0;
  border-bottom: 1px solid var(--border, #2a2a3a);
}
.positioning-key {
  font-size: 12px;
  font-weight: 700;
  color: var(--accent, #00ffd1);
  text-transform: capitalize;
  display: block;
  margin-bottom: 4px;
}
.positioning-item p {
  font-size: 14px;
  color: var(--text-muted, #9ca3af);
  line-height: 1.5;
}

/* Tone context expanded fields */
.tone-meta {
  font-size: 12px;
  color: var(--text-dim, #666);
  margin-top: 6px;
}
.tone-meta strong {
  color: var(--text-muted, #9ca3af);
}