.analysis-topbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 24px;padding:16px 20px;border:1px solid var(--line);border-radius:12px;background:#fafbf7}.analysis-topbar .field{margin:0;min-width:185px}.analysis-access{margin-left:auto;color:#657568;font-size:11px;line-height:1.6}.analysis-layout{display:grid;grid-template-columns:228px minmax(360px,1fr) 285px;gap:20px;align-items:start}.analysis-centre{min-width:0;display:grid;gap:18px}.analysis-reagents{padding:6px 17px}.analysis-reagents>div{border-bottom:1px solid #e5ebe2;padding:16px 0}.analysis-reagents>div:last-child{border:0}.analysis-reagents b{font-size:12px;display:block;color:#354f43}.analysis-reagents small{display:block;font-size:10px;line-height:1.6;color:#738073;margin:5px 0 9px}.analysis-reagents .btn{font-size:10px;padding:7px 9px;margin:0 4px 5px 0}.analysis-rack{overflow:hidden;background:#f4f7f0}.rack-vessels{min-height:228px;padding:30px 18px 18px;display:flex;gap:8px;align-items:flex-end;overflow-x:auto;background:linear-gradient(transparent 91%,#d8e2d0 91%,#d8e2d0 94%,#edf1e8 94%)}.rack-portion{background:transparent;border:1px solid transparent;border-radius:8px;min-width:65px;padding:4px;cursor:pointer;color:#516a5b}.rack-portion.selected{background:#e8efe1;border-color:#93aa85}.rack-portion>.vessel-svg{width:62px;height:154px;display:block}.rack-portion b{display:block;font-size:10px}.rack-portion small{font-size:9px}.analysis-current{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:14px;padding:12px 22px;border-top:1px solid #dce4d5;background:#fffdf8}.analysis-current .vessel-svg{width:125px;height:188px}.analysis-current p{font-size:13px;line-height:1.8;color:#3d5748}.analysis-current small{font-size:10px;color:#768574;line-height:1.7}.analysis-rack .bench-toolbar{padding:17px 18px;gap:12px;font-size:11px}.analysis-rack .bench-toolbar>span{margin-left:auto;font-size:10px}.analysis-rack .bench-actions{flex-wrap:wrap}.analysis-identification .station-controls{padding:17px}.analysis-identification .field{font-size:11px}.analysis-identification textarea{min-height:100px;line-height:1.7}.analysis-answer{border:1px solid #adc6a0;border-radius:8px;background:#f1f6ec;padding:16px;margin:15px 0}.analysis-answer h3{font-size:15px;margin:10px 0}.analysis-answer p{font-size:11px;line-height:1.8}.analysis-identification .quiz-result{margin:14px 0}.analysis-identification .quiz-result p{font-size:12px;line-height:1.6}.analysis-identification .quiz-result small{font-size:10px;line-height:1.7}.analysis-observations{max-height:440px}.analysis-gases .gas-test-grid{padding:16px;margin:0;gap:7px}.analysis-gases .btn{white-space:normal;justify-content:flex-start;font-size:10px}.analysis-empty{min-height:360px;display:grid;place-items:center;border:1px dashed #b8c9b1;border-radius:15px;background:#f5f7ef;text-align:center;padding:40px}.analysis-empty>div{max-width:550px}.analysis-empty svg{color:#6a8b58}.analysis-empty h2{font-size:24px;font-weight:500;margin:21px 0 12px}.analysis-empty p{font-size:13px;line-height:1.9;color:#61735e}.analysis-burner-stage{display:grid;grid-template-columns:minmax(160px,230px) 1fr;align-items:center;padding:18px;gap:18px;background:linear-gradient(130deg,#f5f6ef,#fffdf8)}.analysis-burner-stage>div{min-width:0}.analysis-burner-stage p{font-size:12px;color:#687863;line-height:1.8}.analysis-burner-stage h3,.analysis-burner-stage b{font-size:16px;color:#344c3c}.analysis-burner-stage small{font-size:10px;line-height:1.7;color:#72816c}.practical-button-row{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.practical-button-row .btn{font-size:10px;padding:8px 11px}.bunsen-svg{display:block;width:100%;height:auto;max-height:290px}.physical-bunsen{display:block;width:100%;height:100px}.physical-bunsen .bunsen-svg{height:105px;max-height:none;overflow:visible}.bench-tool:has(.physical-bunsen){height:auto}.bench-burner-panel{margin-top:16px}.bunsen-flame{transform-origin:160px 150px;animation:bunsen-flicker 1.2s ease-in-out infinite alternate}.sample-flame{animation:sample-glow 1.6s ease-in-out infinite alternate}.analysis-reference,.analysis-history{margin-top:28px}.analysis-reference h2,.analysis-history h2{font-size:20px}.analysis-reference>p,.analysis-history>p{font-size:12px;line-height:1.8;color:#60705b}.analysis-reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.analysis-reference-grid h3{font-size:13px;margin:5px 0}.analysis-reference-grid p{font-size:12px;line-height:1.8;color:#65775f}.heating-stage{position:relative;width:100%;min-height:380px;overflow:hidden;background:linear-gradient(#f8faf5,#eef3e9)}.heated-tube{position:absolute;width:150px;height:220px;left:48%;top:30px;transform:rotate(50deg);transform-origin:50% 75%;z-index:2}.heated-tube .vessel-svg{width:100%;height:100%}.heating-burner{position:absolute;width:250px;left:calc(50% - 140px);top:108px}.heating-clamp{position:absolute;left:21%;top:30px;bottom:38px;width:9px;background:#83978b;border-radius:4px}.heating-clamp:before{content:'';position:absolute;left:-35px;bottom:0;width:82px;height:7px;border-radius:3px;background:#83978b}.heating-clamp:after{content:'';position:absolute;left:0;top:96px;width:190px;height:5px;background:#83978b}.heating-stage-label{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:12px;color:#53684e}.condensation-label{position:absolute;top:14px;right:14px;font-size:11px;color:#526c69;background:#eff9f7;padding:7px 10px;border-radius:5px}.station-controls>[data-practical]{margin-bottom:8px;width:100%;justify-content:center}.station-tabs{flex-wrap:wrap}.analysis-topbar select,.analysis-identification select{width:100%}.analysis-history .data-table{width:100%}
@keyframes bunsen-flicker{0%{transform:scaleX(.95) scaleY(1)}100%{transform:scaleX(1.05) scaleY(.96)}}@keyframes sample-glow{from{opacity:.3}to{opacity:.55}}
@media(max-width:1200px){.analysis-layout{grid-template-columns:210px minmax(300px,1fr)}.analysis-layout>.side-stack{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:start}.analysis-burner-stage{grid-template-columns:150px 1fr;gap:6px}.analysis-access{margin-left:0}.analysis-reference-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.analysis-layout{grid-template-columns:1fr}.analysis-layout>.side-stack{grid-template-columns:1fr}.analysis-kit{order:1}.analysis-centre{order:0}.analysis-layout>.side-stack{order:2}.analysis-reagents{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.analysis-burner-stage{grid-template-columns:120px 1fr;padding:12px}.practical-button-row{gap:5px}.practical-button-row .btn{font-size:10px;padding:7px}.analysis-topbar{padding:14px;gap:8px}.analysis-topbar>.field{width:100%;min-width:0}.analysis-access{width:100%;margin-top:3px}.analysis-current{grid-template-columns:90px 1fr;padding:12px}.analysis-current .vessel-svg{width:90px;height:160px}.analysis-reference-grid{grid-template-columns:1fr}.rack-vessels{padding-left:10px}.analysis-rack .bench-toolbar{flex-wrap:wrap}.analysis-rack .bench-toolbar>span{margin-left:0}.analysis-page .page-title h1{font-size:30px}.analysis-empty{padding:28px 20px}.heating-stage{min-height:350px}.heating-clamp:after{width:150px}}
@media(prefers-reduced-motion:reduce){.bunsen-flame,.sample-flame{animation:none}}

.practice-analysis-link{display:flex;align-items:center;gap:18px;margin:0 0 25px;padding:18px 20px;border:1px solid #d9e2d2;border-radius:10px;background:#f6f8f0}.practice-analysis-link p{font-size:12px;line-height:1.8;color:#60745a;margin:0}@media(max-width:700px){.practice-analysis-link{align-items:flex-start;flex-direction:column;gap:10px}}
