/* ── LYO Mode Styles (Trechos Normativos) ──────────────────────────────── */
/* Títulos de Trecho - font-weight 900, tamanho maior, espaçamento */
.lyo-trecho-title {
  font-size: 18px;
  font-weight: 900;
  color: var(--text-primary);
  margin: 20px 0 12px 0;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

/* Trechos de texto entre aspas - destaque com background e borda */
.lyo-quoted-text {
  background: rgba(241, 194, 27, 0.15);
  color: var(--text-primary);
  padding: 3px 8px;
  border-radius: 4px;
  border-bottom: 2px solid rgba(241, 194, 27, 0.5);
  font-weight: 700;
  font-size: 14px;
  display: inline-block;
  margin: 4px 0;
}

/* Bloco de citação em destaque */
.lyo-quote-block {
  margin: 14px 0;
  padding: 16px;
  background: linear-gradient(135deg, rgba(241, 194, 27, 0.12), rgba(0,0,0,0.05));
  border-left: 5px solid var(--ibm-yellow);
  border-radius: 8px;
}

.lyo-quote-block p {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: var(--text-secondary);
}

/* Texto entre aspas inline */
.lyo-quote-inline {
  background: linear-gradient(120deg, rgba(241, 194, 27, 0.25), rgba(241, 194, 27, 0.15));
  padding: 2px 6px;
  border-radius: 4px;
  border: 1px solid rgba(241, 194, 27, 0.3);
  font-weight: 600;
  color: var(--text-primary);
  font-size: 14px;
}

/* Fortalecer negrito em modo LYO */
.lyo-bold {
  font-weight: 900 !important;
  color: var(--text-primary);
}

/* Estilo para dispositivos normativos em LYO */
.lyo-dispositivo {
  background: rgba(15, 98, 254, 0.08);
  border-left: 3px solid var(--ibm-blue);
  padding: 12px 14px;
  margin: 10px 0;
  font-size: 14px;
  line-height: 1.6;
}

.lyo-dispositivo strong {
  color: var(--text-primary);
  font-weight: 700;
}

/* Títulos de seção em LYO - font-weight 800 */
.lyo-section-title {
  font-size: 16px;
  font-weight: 800;
  color: var(--text-primary);
  margin: 16px 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* Trecho entre aspas no parágrafo */
.lyo-quote-highlight {
  background: rgba(241, 194, 27, 0.20);
  color: var(--text-primary);
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 700;
}