/* Keep the exam's matrix on every screen; never transpose it into cards. */
.stock-wide { display:block!important; overflow:auto; -webkit-overflow-scrolling:touch; }
.stock-mobile { display:none!important; }
.stock-wide::before { content:'Veeg of schuif naar rechts om alle kolommen te zien.'; display:block; margin:6px 0 10px; font-size:12px; color:#65616d; }
.stock-wide .data-table { min-width:900px; table-layout:fixed; }
.stock-wide .data-table th,.stock-wide .data-table td { overflow-wrap:normal; word-break:normal; padding:10px; }
.stock-scroll { width:100%; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; margin:12px 0; border:1px solid #aeb3bb; }
.stock-scroll:focus-visible { outline:2px solid #2786da; outline-offset:2px; }
.stock-scroll-hint { font-size:12px; color:#65616d; line-height:1.5; margin:12px 0; }
.stock-scroll .stock-matrix { border-collapse:separate; border-spacing:0; table-layout:fixed; width:100%; min-width:960px; margin:0; font-size:14px; line-height:1.4; color:#17364e; }
.stock-matrix caption { text-align:left; font-weight:600; padding:12px; background:#f8f8fa; }
.stock-scroll .stock-matrix th,.stock-scroll .stock-matrix td { overflow-wrap:normal; word-break:normal; white-space:normal; padding:10px; border:0; border-right:1px solid #b3b7be; border-bottom:1px solid #b3b7be; vertical-align:top; }
.stock-scroll .stock-matrix thead th { color:#202a34; background:#f0f0f2; font-size:14px; font-weight:600; text-align:left; }
.stock-scroll .stock-matrix th:first-child { width:120px; position:sticky; left:0; z-index:1; background:#f5f5f7; white-space:nowrap; font-weight:400; box-shadow:1px 0 #aeb3bb; }
.stock-scroll .stock-matrix thead th:first-child { font-weight:600; z-index:2; }
.stock-scroll .stock-matrix thead th:nth-child(2) { width:125px; }
.stock-scroll .stock-matrix thead th:nth-child(3) { width:205px; }
.stock-scroll .stock-matrix td { text-align:right; background:#fff; height:54px; font-variant-numeric:tabular-nums; }
.stock-scroll .stock-matrix .stock-total > * { border-top:1px dashed #727985; }
.stock-scroll .stock-matrix input { display:block; width:100%; min-width:0; min-height:40px; border:1px solid #929ba7; border-radius:2px; padding:8px; color:#17364e; background:white; font:400 16px/1.3 Arial,sans-serif; text-align:right; }
.stock-scroll .stock-matrix th input { text-align:left; margin-top:6px; }
.stock-scroll .stock-matrix input:focus { outline:2px solid #2786da; outline-offset:1px; }
.stock-scroll .stock-matrix input::placeholder { color:#767b84; }
.stock-notes { margin-top:20px; }
.stock-notes > summary { cursor:pointer; color:#51495c; padding:10px 0; }
.stock-value { white-space:pre-wrap; overflow-wrap:anywhere; }
.exam-document:has(.stock-scroll) { overflow-x:visible; min-width:0; }
@media print { .stock-scroll { overflow:visible; } .stock-scroll .stock-matrix { min-width:0; font-size:10px; } .stock-scroll-hint { display:none; } }