/* =====================================================================
   📁 /maths/numeration/fractions/comparer_ordonner/fiches/fiches.css
   ===================================================================== */
.co-fiches .co-fiches-panel { position: sticky; top: 1rem; }
.co-fiches-preview { min-height: 380px; }
.co-preview-viewport { width:100%; overflow-x:auto; padding:.25rem 0 .5rem; }
.co-preview-sheet { width:min(100%,980px); min-width:850px; aspect-ratio:297/210; margin:0 auto; padding:18px 22px 15px; box-sizing:border-box; display:flex; flex-direction:column; border:1px solid #d6dbe3; border-radius:.45rem; background:#fff; box-shadow:0 .2rem .8rem rgba(0,0,0,.06); color:#20252b; }
.co-preview-header { display:grid; grid-template-columns:80px 1fr 80px; align-items:center; margin-bottom:7px; padding-bottom:5px; border-bottom:1px solid #d6dbe3; }
.co-preview-logo,.co-preview-code,.co-preview-footer { color:#6c757d; font-size:.68rem; }
.co-preview-code { text-align:right; }
.co-preview-title { color:#2f4f90; font-size:1.3rem; font-weight:700; line-height:1.05; text-align:center; }
.co-preview-name { display:flex; gap:2.2rem; margin-bottom:7px; font-size:.72rem; }
.co-preview-correction { margin-bottom:7px; color:#198754; font-size:.74rem; font-weight:700; }
.co-section { flex:0 0 auto; min-height:0; margin-bottom:10px; display:flex; flex-direction:column; border:1px solid #dfe4ea; border-radius:5px; overflow:hidden; }
.co-section-title { margin:0 0 5px; padding:5px 8px; background:#eef3fb; font-size:.76rem; font-weight:700; }
.co-grid { display:grid; gap:5px 5px; align-items:stretch; padding:2px 6px 6px; }
.co-section--sameDen .co-grid,.co-section--sameNum .co-grid,.co-section--different .co-grid { min-height:46px; }
.co-section--ordering .co-grid { grid-auto-rows:minmax(44px,1fr); gap:7px 12px; }
.co-item { min-width:0; font-size:.69rem; line-height:1.12; text-align:center; display:flex; align-items:center; justify-content:center; }
.co-item--compare { white-space:nowrap; }
.co-item--order { flex-direction:column; gap:4px; }
.co-sign-blank { display:inline-block; width:20px; height:18px; margin:0 3px; border:1px solid #8f99a5; border-radius:3px; vertical-align:middle; }
.co-relation { color:#198754; font-weight:700; position:relative; top:-.08em; margin:0 .05em; }
.co-answer-line { display:inline-block; width:92%; min-height:18px; border-bottom:1px solid #8f99a5; }
.co-order-correction { color:#198754; font-weight:700; white-space:nowrap; }
.co-preview-footer { display:flex; justify-content:space-between; margin-top:auto; padding-top:7px; border-top:1px solid #d8dde4; }
#coPreviewSwitch .btn.active { color:#fff; background-color:#0d6efd; border-color:#0d6efd; }
.co-preview-sheet .frac-html { font-size:1em; }
.co-preview-sheet .math-op { margin:0 .05em; }
@media (max-width:991.98px){ .co-fiches .co-fiches-panel { position:static; } }