.field-reading { max-width: 1000px; margin: 2rem auto; padding: 0 1.25rem 4rem; }
.field-lab-main { max-width: 1500px; margin: 1.5rem auto; padding: 0 1rem 3rem; }
.field-theory-text { line-height: 1.7; }
.field-theory-text .block { border-left: 3px solid #2457c5; background: #f3f6fa; padding: .8rem 1.1rem; margin: 1.2rem 0; }
.field-theory-text .block.example { border-color: #29744a; background: #f1f7f3; }
.field-theory-text .block.warn { border-color: #b5412a; background: #fcf2ee; }
.field-theory-text .block-title { font-weight: bold; margin-top: 0; }
.field-theory-text details.solution { padding: .5rem; margin: .75rem 0; border: 1px solid #cbd5df; }
.field-theory-text details.solution summary { cursor: pointer; color: #174e87; }
.field-theory-text .katex-display { max-width: 100%; overflow-x: auto; overflow-y: hidden; padding: .35rem 0; }
.field-theory-text .table-wrap { max-width: 100%; overflow-x: auto; }
.field-theory-text table { width: 100%; border-collapse: collapse; }
.field-theory-text th, .field-theory-text td { padding: .5rem; border: 1px solid #cbd5df; text-align: left; }
.field-theory-text .badge { font-family: system-ui, sans-serif; font-size: .85rem; }
.field-theory-links { padding: .75rem 1rem; background: #f5f7fa; border-left: 3px solid #ad7f3b; }
.field-lab-preview { margin: 1.5rem 0; padding: 1rem; border: 1px solid #bdc9d6; border-radius: .4rem; }
.field-lab-preview img { display: block; max-width: 100%; width: 380px; max-height: 240px; object-fit: cover; object-position: top; }
.field-lab-catalog { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr)); gap: 1.5rem; }
.field-lab-catalog article { padding: 1rem; border: 1px solid #cbd5df; }
.field-lab-catalog img { width: 100%; height: 220px; object-fit: cover; object-position: top; }
.field-lab-catalog h2 { font-size: 1.2rem; }
.field-scenario-actions { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; margin: 1rem 0; }
.field-scenario-actions button { padding: .6rem 1rem; min-height: 44px; }
.field-scenario-actions input { max-width: 100%; width: 600px; }
.field-print-alternative img { max-width: 100%; height: auto; }
.field-glossary-item[hidden] { display: none; }
.field-glossary-item { border-bottom: 1px solid #cbd5df; padding: 1rem 0; }
.field-glossary-item h2 { font-size: 1.2rem; }
.field-reading input[type=search] { width: 100%; min-height: 44px; font-size: 1rem; }
@media print { .field-theory[data-field-lab], .field-scenario-actions { display:none; } .field-print-alternative { display:block; } .field-print-alternative > * { display:block !important; } details.solution > * { display:block; } .field-lab-main { max-width:none; } }