#main .doc-context{display:grid;grid-template-columns:1.55fr 1fr;gap:32px;align-items:start}
#main .doc-context img{display:block;max-width:100%;height:auto;max-height:360px;object-fit:contain;justify-self:center}
#main .doc-callout{background:var(--cream);border-left:4px solid var(--orange);padding:18px 22px;margin:0 0 22px}
#main .doc-choices{display:flex;gap:7px;flex-wrap:wrap}
#main .doc-choice{display:flex;gap:7px;align-items:center;background:#fff;padding:8px 12px;border:1px solid #aaa;border-radius:4px;cursor:pointer;min-height:44px}
#main .doc-choice:has(input:checked){border-color:var(--rust);background:var(--peach)}
#main .doc-choice input{accent-color:var(--rust);width:18px;height:18px}
#main .doc-note{color:#6e625a;font-size:14px}
#main .doc-danger{background:#fff4ed;border-left:3px solid var(--accent);padding:18px 20px;margin:0 0 22px}
#main .statement-with-icon,#main .feedback-with-icon{display:flex;gap:12px;align-items:center}
#main .statement-with-icon img{width:64px;height:64px;object-fit:contain;flex:0 0 auto}
#main .feedback-with-icon img{width:58px;height:58px;object-fit:contain;flex:0 0 auto}
#main .feedback-pictograms{display:grid;gap:12px}
#main .feedback-pictograms>span{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center}
#main .feedback-pictograms img{width:64px;height:64px;object-fit:contain;grid-row:1/3}
#main .doc-case-layout{display:grid;grid-template-columns:1.35fr .8fr;gap:20px;align-items:center}
#main .case-source-visual{display:block;width:100%;max-height:255px;object-fit:contain}
#main .doc-inline-icons{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}
#main .doc-inline-icons img{width:70px;height:70px;object-fit:contain}
#main .doc-inline-icons.small{display:inline-flex;margin:8px 0}
#main .doc-inline-icons.small img{width:58px;height:58px}
#main .eval-statement{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center}
#main .eval-statement>span{grid-column:2}
#main .pictogram-matching{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
#main .pictogram-matching>div{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;background:#fff4ed;border:1px solid #e7cabb;padding:12px}
#main .pictogram-matching img{grid-column:1/3;justify-self:center;width:90px;height:90px;object-fit:contain}
#main .learned-topic{margin-top:26px;color:var(--rust)}
#main .review-progress{margin:0 0 14px;color:#6e625a;font-weight:700}
#main .library-cards .card.is-reviewed{border-color:#4b7d61;background:#f2f8f4}
#main .library-cards .card.is-reviewed .open-label{color:#356047;font-weight:800}
#main .review-check{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#4b7d61;color:#fff;margin-right:5px}
#main .completion-panel{margin-top:24px;padding:20px;text-align:center;background:#f2f8f4;border:1px solid #aac7b4;border-radius:6px}
#main .complete-button{min-width:220px;background:#356047;color:#fff;border-color:#356047}
#main .completion-panel p{margin:12px 0 0;color:#294d38;font-weight:700}
#modal-body{line-height:1.65}
#modal-body>p{margin:0 0 14px}
#modal-body h3{color:var(--rust);margin:26px 0 12px}
#modal-body .doc-rule-list{display:grid;gap:10px;margin:0;padding-left:28px}
#modal-body .doc-rule-list li{padding:10px 14px;background:#fff8f3;border-left:3px solid var(--orange)}
#modal-body .doc-figure-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}
#modal-body .doc-figure-row.compact{grid-template-columns:repeat(2,150px);justify-content:center}
#modal-body .doc-figure-strip{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:12px;margin:16px 0}
#modal-body .doc-source-figure{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid #eadbd0;border-radius:6px;padding:10px;min-height:120px}
#modal-body .doc-source-figure img{display:block;max-width:100%;height:130px;object-fit:contain}
#modal-body .doc-figure-row.compact img{height:92px}
#modal-body .doc-figure-strip img{height:95px}
#modal-body .doc-figure-strip.emergency img{height:82px}
#modal-body .doc-source-figure figcaption{text-align:center;font-size:13px;color:#6e625a;margin-top:7px}
#modal-body .doc-emergency{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
#modal-body .doc-emergency div{background:#fff4ed;border-top:4px solid var(--orange);padding:14px;text-align:center}
#modal-body .doc-emergency dt{font-weight:700}
#modal-body .doc-emergency dd{font-size:26px;font-weight:800;color:var(--rust);margin:4px 0 0}
#modal-body .doc-equipment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#modal-body .doc-tool{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;background:#fff;border:1px solid #e2d5cc;border-radius:5px;padding:12px}
#modal-body .doc-tool img{width:120px;height:110px;object-fit:contain}
#modal-body .doc-tool h3{margin:0 0 5px;color:var(--rust)}
#modal-body .doc-tool p{margin:0}
#modal-body .doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#modal-body .doc-picto{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:center;background:var(--gray);padding:15px;border-radius:5px}
#modal-body .doc-picto img{width:92px;height:92px;object-fit:contain}
#modal-body .doc-picto h3{margin:0 0 6px}
#modal-body .doc-picto p{margin:0}
#modal-body .doc-warning{background:#fff2df;border:2px solid var(--orange);padding:18px 20px;margin-top:22px}
#modal-body .doc-warning strong{display:inline-block;color:var(--rust);margin-bottom:4px}
#modal-body .doc-warning p:last-child{margin-bottom:0}
#modal-body .doc-qr{display:flex;gap:16px;align-items:center;justify-content:flex-end;margin:22px 0 0}
#modal-body .doc-qr img{width:284px;max-width:58%;height:auto}
#modal-body .doc-qr figcaption{font-weight:700;max-width:180px}
@media(max-width:900px){#modal-body .doc-figure-strip{grid-template-columns:repeat(3,minmax(90px,1fr))}#modal-body .doc-equipment{grid-template-columns:1fr}}
@media(max-width:720px){#main .doc-context,#main .doc-case-layout,#modal-body .doc-grid,#modal-body .doc-figure-row,#modal-body .doc-emergency{grid-template-columns:1fr}#main .pictogram-matching{grid-template-columns:1fr}#main .statement-with-icon{align-items:flex-start}#modal-body .doc-figure-row.compact{grid-template-columns:repeat(2,minmax(0,1fr))}#modal-body .doc-figure-strip{grid-template-columns:repeat(2,minmax(90px,1fr))}#modal-body .doc-picto{grid-template-columns:72px 1fr}#modal-body .doc-picto img{width:72px;height:72px}#modal-body .doc-tool{grid-template-columns:88px 1fr}#modal-body .doc-tool img{width:88px;height:88px}#modal-body .doc-qr{align-items:flex-start;flex-direction:column}#modal-body .doc-qr img{max-width:100%}}