html{scroll-behavior:auto}main{max-width:1180px}.top{max-width:1228px}#card-host{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}#card-host>.empty{grid-column:1/-1}.card{min-width:0;padding:24px;scroll-margin-top:100px}.card h2{font-size:24px;scroll-margin-top:110px}.card .question{font-size:19px}.card .answer{margin-top:18px;padding-top:18px}.card .answer-text{font-size:21px;font-weight:650;line-height:1.75}.card .reason{font-size:16px;line-height:1.8}.card .condition{line-height:1.8}.card .card-actions button[aria-pressed=true]{border:2px solid var(--accent);background:#e7f3f1}.flash-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;background:#f5f8f8}.flash-pagination>div{display:flex;gap:8px}.flash-pagination button{min-height:44px}.page-state{font-size:15px}#top-pages{position:sticky;top:0;z-index:4;border-bottom:1px solid var(--line);margin-bottom:18px}#bottom-pages{margin-top:20px;border-top:1px solid var(--line)}.card figure,.card table,.card img{max-width:100%}.card .links button{line-height:1.6;text-align:left}.quiz .feedback{display:block}.quiz .feedback strong{line-height:1.7}.quiz .quiz-options button{min-height:44px}.quiz .question-photo{max-width:100%}.photo>a{display:block}.photo figcaption{line-height:1.8}.card .table-wrap:focus-visible{outline:3px solid #bd7815;outline-offset:3px}
@media(max-width:899px){#card-host{grid-template-columns:minmax(0,1fr)}.card{padding:20px 16px}.card h2{font-size:23px;scroll-margin-top:130px}.card .answer-text,.card .question{font-size:19px}.flash-pagination{flex-wrap:wrap;gap:8px}.flash-pagination .page-state{width:100%;font-size:14px}.flash-pagination>div{width:100%;justify-content:space-between}.flash-pagination button{font-size:14px;padding:9px 12px}.top{flex-wrap:wrap}.review-tag{white-space:normal}.dialog-top #close-lesson{flex:none;max-width:135px}.dialog-top #return-context{min-width:0}.card .photo img{height:auto}.card .links{margin-top:14px}#card-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:450px){.dialog-top{flex-direction:column;align-items:stretch;gap:8px}.dialog-top #return-context{margin:0;font-size:13px;line-height:1.5}.dialog-top #close-lesson{align-self:flex-end;max-width:none;min-height:44px;padding:8px 12px}}
/* Active standalone lightning exterior; frozen documents without the shared shell are unaffected. */
@media(max-width:599px){body:has(>.qt-site-header)>.review-package-shell{margin:8px 12px;padding:8px 12px;font-size:12px}body:has(>.qt-site-header)>.review-package-shell>summary{min-height:44px;display:flex;align-items:center;cursor:pointer}body:has(>.qt-site-header)>.top{padding:8px 16px;gap:4px}body:has(>.qt-site-header)>.top .eyebrow{margin:0}body:has(>.qt-site-header)>.top h1{margin:4px 0}body:has(>.qt-site-header)>.top p{font-size:14px;line-height:1.6;margin:4px 0}body:has(>.qt-site-header)>.top .review-tag{font-size:11px;padding:2px 6px}body:has(>.qt-site-header) main>.setup{padding:12px;margin-bottom:10px}body:has(>.qt-site-header) .modes{display:flex;gap:6px}body:has(>.qt-site-header) .modes button{flex:1;min-width:0;min-height:44px;padding:8px 6px;font-size:13px}body:has(>.qt-site-header) .setup .subtle{font-size:12px;line-height:1.55;margin:6px 0}body:has(>.qt-site-header) #top-pages{position:relative;top:auto;margin-bottom:10px}body:has(>.qt-site-header) #outline{margin:8px 0}body:has(>.qt-site-header) #outline>summary{min-height:44px;display:flex;align-items:center}}