/* /maths/grandeurs_et_mesures/contenances/fiches/fiches.css - v2.0 */
.contenances-fiches .ct-panel { position:sticky; top:1rem; }
.ct-preview-wrap { overflow-x:auto; padding-bottom:1rem; }
.contenances-a4-page {
    width:210mm; min-height:297mm; margin:0 auto; padding:8mm 10mm;
    background:#fff; box-shadow:0 1px 8px rgba(0,0,0,.15); color:#263238;
    font-family:'DejaVu Sans',Arial,sans-serif; font-size:9pt;
    box-sizing:border-box; display:flex; flex-direction:column;
}
.ct-empty { min-height:240mm; display:flex; align-items:center; justify-content:center; color:#6c757d; }
.ct-sheet-header { display:grid; grid-template-columns:22% 56% 22%; height:17mm; flex-shrink:0; }
.ct-brand { font-weight:700; font-size:13pt; }
.ct-title { text-align:center; }
.ct-title h3 { margin:0; font-size:18pt; font-weight:700; }
.ct-title p { margin:1mm 0 0; font-size:9pt; color:#607d8b; }
.ct-number { text-align:right; font-weight:700; font-size:9pt; }
.ct-number small { display:block; font-size:7pt; font-weight:400; color:#607d8b; }
.ct-section { flex-shrink:0; }
.ct-section--estimations { min-height:44mm; }
.ct-section--vessels { min-height:57mm; }
.ct-section--conversions, .ct-section--comparisons { min-height:39mm; }
.ct-section--problems { min-height:70mm; }
.ct-section-title { margin:0 0 1mm; padding:1.4mm 2mm; border-left:1.2mm solid #607d8b; background:#f1f3f5; font-size:10pt; font-weight:700; line-height:1.2; }
.ct-grid { width:100%; border-collapse:separate; border-spacing:1.5mm 1mm; table-layout:fixed; font-size:9pt; }
.ct-item { border:1px solid #e1e5e8; padding:1mm 2mm; height:5.5mm; vertical-align:middle; box-sizing:content-box; }
.ct-math-item { white-space:nowrap; }
.ct-answer { display:inline-block; min-width:14mm; padding:0 .5mm .5mm; border-bottom:.25mm solid transparent; text-align:center; font-weight:700; white-space:nowrap; vertical-align:middle; }
.ct-answer--operator { min-width:6mm; }
.ct-answer-text { color:#198754; }
.is-student .ct-answer { border-bottom-style:dotted; border-bottom-color:#78909c; }
.is-student .ct-answer-text, .is-student .ct-solution-steps, .is-student .ct-solution-final { color:transparent; }
.ct-vessels { width:100%; border-collapse:separate; border-spacing:3mm 0; table-layout:fixed; }
.ct-vessel-card { border:1px solid #dfe4e8; padding:1mm; text-align:center; }
.ct-vessel-card svg { display:block; width:58mm; height:39mm; margin:0 auto; }
.ct-vessel-answer { font-size:8.5pt; margin-top:.5mm; }
.ct-problems { width:100%; border-collapse:separate; border-spacing:2.5mm 0; table-layout:fixed; }
.ct-problem { border:1px solid #dfe4e8; padding:2mm; vertical-align:top; font-size:9pt; }
.ct-problem-question { height:22mm; font-weight:700; }
.ct-workspace { margin-top:1.5mm; height:28mm; border:1px solid transparent; padding:1.5mm; box-sizing:content-box; }
.is-student .ct-workspace { border-style:dashed; border-color:#b0bec5; }
.ct-workspace-label { height:4mm; color:#78909c; font-size:8pt; }
.ct-solution-steps { line-height:1.5; color:#198754; }
.ct-solution-final { color:#198754; font-weight:700; margin-top:1mm; }
.ct-footer { margin-top:auto; border-top:1px solid #eceff1; padding-top:1mm; font-size:7pt; color:#78909c; }
.ct-footer-meta { display:flex; justify-content:space-between; margin-bottom:1mm; font-size:8.5pt; color:#263238; }
.ct-footer-info { display:flex; justify-content:space-between; }
.is-student .ct-view-solution, .is-solution .ct-view-student { display:none; }
@media (max-width:1199px) { .contenances-fiches .ct-panel { position:static; } }