.paired-decoding { max-width: 1160px; margin: 2rem auto; line-height: 1.55; }
.paired-decoding .paired-scope { padding: 1rem; border-left: 4px solid #315d78; background: #eef5f8; }
.paired-cards { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 1rem; }
.paired-cards article { border: 1px solid #cdd9e0; border-radius: 8px; padding: 1rem; }
.paired-cards h3 { margin-top: 0; font-size: 1rem; }
.paired-cards p { font-variant-numeric: tabular-nums; font-weight: 600; }
.paired-scroll { overflow-x: auto; max-width: 100%; margin: 1rem 0 2rem; }
.paired-scroll table { border-collapse: collapse; width: 100%; font-size: .88rem; font-variant-numeric: tabular-nums; }
.paired-scroll caption { text-align: left; font-size: .9rem; margin-bottom: .5rem; }
.paired-scroll th,.paired-scroll td { padding: .5rem .65rem; text-align: left; border-bottom: 1px solid #dce3e8; white-space: nowrap; }
.paired-scroll th { background: #f0f4f6; }
.paired-decoding pre { max-width: 100%; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
.paired-decoding select { padding: .4rem; margin: .5rem; }

/* Keep wide aggregate tables inside their section on narrow screens. */
#pairedGeneration { align-items: start; }
#pairedGeneration .paired-content, #pairedResults { min-width: 0; width: 100%; }
.paired-cards { grid-template-columns: repeat(auto-fit,minmax(min(220px,100%),1fr)); }
.paired-decoding { margin: 0; }
@media(max-width:600px) { .paired-decoding select { max-width: 100%; margin-left:0; } }