/* Tesseract Lab v26 · visually compact offline CSN microlearning */
.csn{color:#25445a;line-height:1.63}.csn p{margin:10px 0}.csn .csn-lead{font-size:15px;color:#3e6378;margin:0 0 16px;line-height:1.75}.csn-hero{display:grid;grid-template-columns:1fr 240px;gap:16px;align-items:center;background:linear-gradient(124deg,#e6f5fd,#f8fcff);border:1px solid #cde6f6;border-radius:18px;padding:24px;margin-bottom:16px}.csn-hero img{width:100%;height:auto;object-fit:contain;border:1px solid #b9d8ed;border-radius:10px;background:#fff}.csn-eyebrow{letter-spacing:.11em;font-size:10px;color:#227aa8;font-weight:850}.csn-hero h3{font-size:24px;line-height:1.25;color:#0e557e;margin:9px 0 8px}.csn-hero p{font-size:14px;max-width:480px}.csn-card{border:1px solid #d4e6f1;border-radius:15px;background:#fff;padding:17px 18px;margin:13px 0;box-shadow:0 4px 22px rgba(24,95,138,.035)}.csn-card h3{font-size:17px;margin:0 0 9px;color:#15597d}.csn-cardhead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.csn-cardhead h3{margin:0}.csn-tag{font-size:10px;letter-spacing:.06em;color:#1577a9;border:1px solid #aad8ed;border-radius:16px;padding:3px 9px;white-space:nowrap;font-weight:800}.csn-notice{background:#ebf6fc;border-left:3px solid #4eaccf;border-radius:0 8px 8px 0;padding:10px 13px;margin:12px 0;color:#2c617a;font-size:13px}.csn-notice.csn-warn{background:#fff5ed;border-left-color:#df9968;color:#86582c}.csn-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.csn-btn{background:#f3f9fd;color:#226c94;border:1px solid #c1deed;border-radius:9px;padding:9px 12px;font-weight:750;font-size:12px;cursor:pointer;transition:background .15s,transform .12s}.csn-btn:hover{background:#dceffc;transform:translateY(-1px)}.csn-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.csn-btn.csn-active{background:#238ab9;color:#fff;border-color:#238ab9}.csn-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.csn-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.csn-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.csn-metric{background:#f0f8fd;border:1px solid #d8e9f4;border-radius:10px;padding:13px 12px;display:flex;flex-direction:column;min-width:0;gap:3px}.csn-metric small{font-size:11px;color:#5f8090}.csn-metric strong{font-size:18px;color:#166994;line-height:1.35}.csn-metric.csn-highlighted{background:#dff2ff;border-color:#9dd8f6}.csn-mini{background:#f5fafd;border:1px solid #ddeaf2;border-radius:11px;padding:13px;min-width:0}.csn-mini p{font-size:13px;color:#567485;margin:6px 0 0}.csn-mini strong{color:#17638b}.csn-theory-state{display:flex;align-items:center;gap:18px;border-radius:12px;background:#eaf6fc;padding:16px}.csn-theory-state span{font-size:45px}.csn-theory-state h4{margin:0;color:#186189}.csn-theory-state p{margin:6px 0 0;font-size:13px}.csn-equip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.csn-equip-item{border:1px solid #d8e8f2;background:#f7fbfe;border-radius:13px;padding:15px 10px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;cursor:pointer;min-height:130px;color:#195b7b}.csn-equip-item:hover{background:#eaf6fe;border-color:#8ac9ed}.csn-equip-item strong{font-size:12px;line-height:1.35}.csn-equip-item small{font-size:10px;color:#6c8d9c}.csn-equip-icon{font-size:28px;line-height:1.3}.csn-caption{font-size:12px;color:#608298}.csn-field{display:flex;flex-direction:column;gap:6px;color:#4d7084;font-size:12px;font-weight:700}.csn-field input,.csn-field select{border:1px solid #cbdfe9;border-radius:9px;padding:10px 9px;color:#154d6d;font:inherit;font-size:14px;background:#fff;width:100%;min-width:0;box-sizing:border-box}.csn-field input:focus,.csn-field select:focus{outline:2px solid #81c7e9}.csn-good{color:#157b63!important}.csn-bad{color:#bc6541!important}.csn-pressrow,.csn-statusrow{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin:12px 0;font-size:13px}.csn-progress-track{height:9px;border-radius:9px;overflow:hidden;background:#e3eff5}.csn-progress-track>div{height:100%;background:linear-gradient(90deg,#59b9d7,#2080b3);transition:width .2s}.csn-step-header{padding:14px 0 4px;display:flex;align-items:flex-start;flex-direction:column;gap:3px}.csn-step-header span{font-size:11px;letter-spacing:.12em;font-weight:800;color:#5d93ab}.csn-step-header strong{font-size:19px;color:#155a7d}.csn-highlight{display:inline-block;border-radius:9px;padding:8px 12px;background:#e6f5fb;color:#186992;font-weight:800;font-size:13px}.csn-step-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:16px 0}.csn-step-nav span{font-weight:800;font-size:12px;color:#5b7f92}.csn-step-dots{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}.csn-step-dots button{border:1px solid #c6e0ee;border-radius:7px;background:#f3f9fc;min-height:30px;color:#3885a7;cursor:pointer;font-size:11px;font-weight:800}.csn-step-dots button.selected{background:#2488b5;color:white}.csn-reference{display:block;width:100%;max-width:544px;height:auto;object-fit:contain;margin:14px auto 19px;border:1px solid #d9d9a7;border-radius:4px}.csn-crop-preview{display:flex;align-items:center;gap:12px;min-height:90px}.csn-crop-preview img{width:95px;max-width:42%;height:100px;object-fit:contain;background:#ffffba;border-radius:7px;border:1px solid #e4e6a0}.csn-crop-preview b{display:block;font-size:17px;color:#186991}.csn-crop-preview small{display:block;font-size:10px;color:#738c9d}.csn-eval-stage{padding:12px 2px}.csn-eval-stage strong{color:#175e88}.csn-eval-value{display:inline-block;font-size:24px;font-weight:850;color:#1b76a4;border-radius:10px;padding:8px 14px;background:#e8f7fd}.csn-calc-graph{display:flex;height:155px;align-items:end;justify-content:center;gap:14px;border-bottom:2px solid #c8dfeb;background:linear-gradient(#fff,#f4fafe);margin:15px 0 16px;padding:10px 10px 0;border-radius:10px}.csn-vbar{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;width:48px}.csn-vbar>div{width:32px;max-height:126px;background:linear-gradient(#59b9db,#2591bb);border-radius:8px 8px 0 0}.csn-vbar span{font-size:11px;font-weight:850;color:#1d6589;line-height:22px}.csn-equation{background:#eaf6fc;border-radius:11px;padding:12px;color:#115b85;letter-spacing:.01em;font-size:14px;font-weight:600}.csn-question{border-top:1px solid #e1edf4;padding:14px 0}.csn-question>b{font-size:13px;color:#21556e}.csn-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px;margin:9px 0}.csn-choices button{padding:9px 10px;min-height:40px;border-radius:8px;border:1px solid #d2e7f2;color:#256b8c;background:#f6fbfe;text-align:left;cursor:pointer;font-size:12px}.csn-choices button:hover{background:#e6f4fc}.csn-quiz-count{font-weight:800;color:#1a729e;margin:8px 0 12px}.csn .csn-two .csn-card{margin:0}.csn img{max-width:100%}
@media(max-width:990px){.csn-equip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.csn-hero{grid-template-columns:1fr 180px}}
@media(max-width:700px){.csn-hero{grid-template-columns:1fr;padding:16px}.csn-hero img{max-width:360px;justify-self:center}.csn-hero h3{font-size:21px}.csn-three{grid-template-columns:1fr 1fr}.csn-two{grid-template-columns:1fr}.csn-five{grid-template-columns:repeat(3,minmax(0,1fr))}.csn-equip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.csn-card{padding:13px}.csn-step-dots{grid-template-columns:repeat(6,1fr)}.csn-step-nav{gap:4px}.csn-step-nav .csn-btn{font-size:11px;padding:9px 7px}.csn-crop-preview img{width:82px}.csn-choices{grid-template-columns:1fr}}
@media(max-width:380px){.csn-three{grid-template-columns:1fr}.csn-five{grid-template-columns:repeat(2,minmax(0,1fr))}}