@import url('learning.css');
body.textbook,body.chemistry-tools{font-family:IRANSansX,Tahoma,sans-serif}
.textbook [hidden],.chemistry-tools [hidden]{display:none!important}
.textbook .page-shell,.chemistry-tools .page-shell{max-width:1180px;margin:auto;padding:24px 18px 60px}
.textbook .intro{margin-bottom:20px}.textbook .intro h1{font-size:clamp(25px,3vw,36px);margin:5px 0}.textbook .intro p{max-width:850px}
.textbook .card,.chemistry-tools .card{min-width:0;background:#fff;border:1px solid #d5e2e6;border-radius:12px;padding:20px;margin-bottom:18px;scroll-margin-top:20px}
.chemistry-tools .tool-card.card{display:block}.fields,.lab-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;margin:12px 0}
.fields label,.lab-controls label{display:grid;gap:5px;font-size:13px;font-weight:650;min-width:0}
.textbook input,.textbook select,.textbook textarea,.chemistry-tools .card input,.chemistry-tools .card select,.chemistry-tools .card textarea{max-width:100%;min-height:42px;border:1px solid #b8cbd3;border-radius:7px;padding:8px;background:#f9fcfd;color:#1b3038;font:inherit}
.textbook input[type=number],.textbook input[inputmode=decimal],.chemistry-tools input[type=number],.chemistry-tools input[inputmode=decimal]{direction:ltr;unicode-bidi:isolate}
.textbook input[type=range],.chemistry-tools input[type=range]{padding:0;min-height:32px;width:100%}.textbook input[type=radio],.textbook input[type=checkbox]{min-height:auto}
.textbook input[type=radio],.textbook input[type=checkbox],.chemistry-tools .book-cycle input[type=radio],.chemistry-tools .book-cycle input[type=checkbox]{width:18px;height:18px;padding:0;flex:0 0 18px}.book-question .option span{min-width:0;overflow-wrap:anywhere;flex:1}
.textbook textarea,.chemistry-tools .card textarea{width:100%;resize:vertical;min-height:80px}.textbook button,.chemistry-tools .card button{font:inherit;cursor:pointer;min-height:40px;padding:7px 13px;border:1px solid #1768a8;border-radius:7px;background:#1768a8;color:white}.textbook button.secondary,.chemistry-tools button.secondary{background:white;color:#105383}.textbook button:disabled,.chemistry-tools button:disabled{opacity:.55;cursor:default}
.textbook :focus-visible,.chemistry-tools .card :focus-visible{outline:3px solid #79badd;outline-offset:3px}
.formula,.science,.scientific{direction:ltr;unicode-bidi:isolate;font-family:Arial,sans-serif;overflow-wrap:anywhere}.formula{white-space:normal}
.lab-visual,.lab-chart,.diagram,.result-box{min-width:0;max-width:100%;overflow-wrap:anywhere}.lab-visual svg,.lab-chart svg,.diagram svg,svg.lab-svg{display:block;width:100%;height:auto;max-height:450px}
.lab-grid,.chapter-grid,.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:14px}.lab-grid>*{min-width:0}
.lab-note,.book-source,.model-note,.helper{font-size:12px;color:#526c75}.book-source{border-top:1px solid #d5e2e6;padding-top:9px;margin-top:14px}.scope-chip,.chapter-chip{display:inline-flex;gap:4px;background:#eaf3f8;color:#105383;border-radius:20px;padding:3px 10px;font-size:12px}.scope-chip.enrichment{background:#fff3dc;color:#76520d}
.result-box{background:#eff6f9;border:1px solid #cfe2ed;border-radius:9px;padding:15px;margin-top:12px}.result-box.error,[role=alert]{color:#963e2e}.result-box p{margin:5px 0}.lab-table-wrap{overflow-x:auto;max-width:100%}.textbook table,.chemistry-tools .card table{border-collapse:collapse;width:100%;font-size:13px}.textbook th,.textbook td,.chemistry-tools .card th,.chemistry-tools .card td{border-bottom:1px solid #d5e2e6;padding:8px;text-align:right}
.chapter-card{display:flex;flex-direction:column;gap:8px}.chapter-card h2,.chapter-card h3{font-size:19px;margin:0}.chapter-card p{margin:0}.chapter-card a{font-weight:650}.chapter-card progress{width:100%;height:9px;accent-color:#1768a8}.topic-row{border-bottom:1px solid #d5e2e6;padding:14px 0}.topic-row h3{margin:0 0 6px}.topic-row .actions,.lab-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.topic-row .actions a,.lab-actions a{padding:5px 11px;border:1px solid #bdd4df;border-radius:7px}
.book-cycle{margin-top:22px;border-top:2px solid #cfe2ed;padding-top:15px}.book-cycle h3{font-size:18px;margin:0 0 6px}.cycle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cycle-grid label{font-size:13px;display:grid;gap:5px}.book-question{border:1px solid #d5e2e6;border-radius:9px;padding:15px;margin-top:12px}.book-question fieldset{border:0;margin:0;padding:0}.book-question legend{font-weight:650;margin-bottom:10px}.book-question .option{display:flex;align-items:flex-start;gap:9px;padding:8px;border-bottom:1px solid #edf2f4}.book-question .option input{flex:none;margin-top:5px}.book-question .feedback{padding:10px;background:#eff6f9;border-radius:7px;margin-top:10px}.book-question .feedback.correct{background:#e9f4eb}.book-question .feedback.incorrect{background:#fff0e8}.question-figure{max-width:650px;margin:10px 0}.question-figure svg{width:100%;height:auto}.explain-rubric{margin-top:10px;padding:10px;background:#f3f7f8;border-radius:7px}
.textbook-status{padding:9px 0;font-size:13px}.evidence-row{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.teacher-report{white-space:pre-wrap;overflow-wrap:anywhere}.textbook .site-header nav{flex-wrap:wrap}
@media(max-width:700px){.cycle-grid{grid-template-columns:1fr}.textbook .page-shell,.chemistry-tools .page-shell{padding:18px 12px 40px}.textbook .card,.chemistry-tools .card{padding:16px 13px}.fields,.lab-controls{grid-template-columns:1fr}.textbook .intro h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){.textbook *,body.chemistry-tools *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.site-header,.tools-header,.tool-jumps,button,.lab-actions,.fields input,.fields select{display:none!important}.textbook .card,.chemistry-tools .card{break-inside:avoid;box-shadow:none}.cycle-grid{grid-template-columns:1fr}.textbook textarea{border:0}.book-cycle{border-color:#888}.textbook .page-shell{padding:0}}
@media print{body.book-print-sheet main> :not(#book-practice){display:none!important}body.book-print-sheet #book-practice{border:0}body.book-print-sheet #book-practice-settings,body.book-print-sheet .feedback,body.book-print-sheet #book-practice-status{display:none!important}.book-question{break-inside:avoid}.book-question form>fieldset input[type=radio]{appearance:none;width:12px;height:12px;border:1px solid #666!important;min-height:12px}.book-question form>fieldset input[inputmode=decimal]{display:block;height:40px;background:white}}
