/* Corrections des cartes (grec) : mise en forme commune, posée par js/grec-correction.js */
.card .answer.sol-box {
  text-align: center;
  white-space: normal;
  border: 1px solid #d6e5ec;
  border-left: 1px solid #d6e5ec;
  border-radius: 16px;
  background: linear-gradient(180deg, #f3f9fb 0%, #eaf3f6 100%);
  padding: 14px 16px 16px;
  font-size: 1rem;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
}
.sol-head {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px;
  margin-bottom: 10px;
}
.sol-label {
  font: 700 .72rem/1 system-ui, -apple-system, "Segoe UI", sans-serif;
  letter-spacing: .12em; text-transform: uppercase; color: #4f6b7c;
}
.sol-count {
  display: inline-block; min-width: 1.5em; padding: 2px 6px; margin-left: 4px;
  border-radius: 999px; background: #24526d; color: #fff; letter-spacing: 0; font-size: .7rem;
}
.sol-ref {
  font: 600 .78rem/1 system-ui, sans-serif; color: #24526d;
  background: #fff; border: 1px solid #c9dbe4; border-radius: 999px; padding: 4px 9px;
}
.sol-items { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.sol-items.multi { gap: 0; }
.sol-items.multi .sol-row { padding: 9px 0; width: 100%; }
.sol-items.multi .sol-row + .sol-row { border-top: 1px dashed #c4d7e0; }

/* Une analyse : une ligne d'étiquettes */
.sol-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.sol-pill {
  display: inline-flex; align-items: center;
  padding: 4px 11px; border-radius: 999px;
  background: #fff; border: 1px solid #cddde5; color: #1d3b4f;
  font-size: .95rem; font-weight: 600; line-height: 1.3;
}
.sol-row .sol-pill:first-child { background: #24526d; border-color: #24526d; color: #fff; }
.sol-pill.sol-lemma {
  font-family: Georgia, "Palatino Linotype", "Times New Roman", serif; font-weight: 500; font-size: 1.05rem;
  background: #fbf3e6; border-color: #ead7b8; color: #4a2f17;
}
.sol-row .sol-pill.sol-lemma:first-child { background: #fbf3e6; border-color: #ead7b8; color: #4a2f17; }

/* Réponse courte (traduction, forme grecque) */
.sol-big { font-size: 1.2rem; font-weight: 600; color: #143047; line-height: 1.45; }
.sol-big.gr { font-family: Georgia, "Palatino Linotype", "Times New Roman", serif; font-size: 1.6rem; font-weight: 500; }

/* Texte long (traduction de phrase) : paragraphe confortable, aligné à gauche */
.sol-text {
  text-align: left; white-space: pre-wrap; width: 100%;
  font-size: 1.02rem; line-height: 1.6; color: #1d3344;
  background: #fff; border-radius: 12px; padding: 10px 14px; border: 1px solid #dbe7ed;
}

.card .answer.sol-box .status { text-align: center; margin-top: 12px; }

@media (max-width: 520px) {
  .card .answer.sol-box { padding: 12px 10px 14px; }
  .sol-pill { font-size: .9rem; padding: 4px 9px; }
  .sol-big.gr { font-size: 1.45rem; }
}

/* Mode « Produire une forme » : la question en étiquettes, le verbe en tête */
.card .greek.prompt-pills, .card .greek.prompt-pills.long { text-align: center; font-size: 1rem; line-height: 1.4; }
.sol-prompt { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 6px 0; }
.sol-prompt .sol-row { gap: 8px; }
.sol-prompt .sol-pill { font-size: 1.08rem; padding: 6px 13px; }
.sol-prompt .sol-row .sol-pill.sol-lemma { order: -1; font-size: 1.2rem; }
@media (max-width: 520px) { .sol-prompt .sol-pill { font-size: 1rem; padding: 5px 11px; } }
.sol-prompt .sol-label, .sol-prompt .sol-pill:not(.sol-lemma) { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }