#page-practice{padding-top:28px}.practice-hero{display:flex;justify-content:space-between;align-items:center;padding:40px 46px;background:#e9eddf;border:1px solid #dce1d1;border-radius:18px;overflow:hidden}.practice-hero h1{font-size:clamp(30px,4vw,52px);line-height:1.2;letter-spacing:-1.6px;margin:18px 0}.practice-hero h1 em{font-style:normal;color:#6a8055}.practice-hero p{line-height:1.9;color:#647064}.practice-orbit{position:relative;width:290px;height:230px;border:1px solid #b7c5a7;border-radius:50%;transform:rotate(-12deg);margin:0 20px;background:radial-gradient(ellipse,#d8e2cb 10%,transparent 67%)}.practice-orbit:before{content:'';position:absolute;inset:32px -20px;border:1px solid #b7c5a7;border-radius:50%;transform:rotate(-35deg)}.practice-orbit span,.practice-orbit i{position:absolute;transform:rotate(12deg);font-style:normal}.practice-orbit span{padding:14px 20px;border-radius:30px;background:#f8faf3;border:1px solid #ced8bf;font-size:14px}.practice-orbit span:nth-child(1){top:3px;left:60px}.practice-orbit span:nth-child(2){right:-12px;bottom:55px}.practice-orbit span:nth-child(3){left:-8px;bottom:14px}.practice-orbit i{left:84px;top:105px;font-weight:700;color:#5c7350;letter-spacing:2px}.practice-tabs{display:flex;gap:5px;border-bottom:1px solid #dce2d5;margin:28px 0 32px}.practice-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:19px 24px;color:#657365;font-size:15px;font-weight:650;cursor:pointer}.practice-tabs button small{margin-right:14px;font:12px monospace;color:#91a08a}.practice-tabs button[aria-selected=true]{border-color:#526b42;color:#294633;background:#edf1e7}.practice-heading,.practice-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0}.practice-heading h2,.practice-section-head h2{font-size:25px;margin:10px 0}.practice-heading p,.practice-section-head p{color:#718075;line-height:1.8;margin:6px 0}.practice-pill{display:inline-flex;flex-shrink:0;font-size:12px;padding:9px 14px;background:#e8eddf;border-radius:30px;color:#506343}.practice-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0}.segmented{display:flex;gap:4px;padding:5px;background:#e8ece2;border:1px solid #dce1d6;border-radius:12px}.segmented button{padding:12px 22px;border:0;border-radius:8px;background:none;color:#657260;cursor:pointer;font-weight:600}.segmented button.active{background:#fff;box-shadow:0 2px 5px #1f382415;color:#294631}.switch-label{font-size:13px;display:flex;align-items:center;gap:8px}.switch-label input{accent-color:#506b3d;width:17px;height:17px}.power-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.power-card{color:#e7eee1;background:#233d3b;border:1px solid #345450;border-radius:16px;padding:24px;overflow:hidden;min-width:0}.electric-card{background:#203e43}.power-card-head{display:flex;align-items:center;gap:12px}.power-card-head h3{font-size:21px;color:#edf4e7;margin:0 0 6px}.power-card-head p{font-size:12px;color:#afc4b8;margin:0}.power-badge{font:13px monospace;padding:13px 9px;border:1px solid #66887a;border-radius:8px;background:#ffffff08}.power-status{margin-left:auto;color:#bdd193;font-size:12px}.power-car-art{width:100%;height:auto;max-height:215px;margin:15px 0}.energy-path{display:flex;align-items:stretch;gap:5px;min-width:0}.energy-node{flex:1;min-width:0;cursor:pointer;border:1px solid #55766e;background:#ffffff08;border-radius:9px;color:#dcebd8;padding:12px 4px;overflow-wrap:anywhere}.energy-node strong{font-size:12px;display:block;line-height:1.6}.energy-node small{display:block;font-size:10px;color:#acc5b7;margin-top:6px}.energy-node.selected{border-color:#c7df9b;background:#c7df9b19}.energy-node:focus-visible{outline:2px solid #f0e8b4;outline-offset:3px}.flow-arrow{align-self:center;color:#b3d491;font-size:15px}.flowing .flow-arrow{animation:energyflow 1.6s ease-in-out infinite}.flowing .flow-arrow:nth-of-type(2){animation-delay:.3s}.flowing .flow-arrow:nth-of-type(3){animation-delay:.6s}.flowing .flow-arrow:nth-of-type(4){animation-delay:.9s}.power-note{font-size:13px;line-height:1.8;color:#becfc3;margin:18px 0 0}.loss-line{font-size:11px;line-height:1.8;color:#b2c9ab;border-top:1px solid #49665d;margin-top:15px;padding-top:12px}.energy-bottom{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;margin:22px 0}.practice-card{border:1px solid #dfe4d8;border-radius:14px;background:#fff;padding:26px;margin-bottom:20px;min-width:0}.practice-card h3{font-size:20px;margin:12px 0}.practice-card h3 small{font-size:13px;font-weight:400;color:#7a8575}.practice-card h4{font-size:15px;margin:12px 0}.practice-card p{line-height:1.85;color:#667268;font-size:14px}.practice-card small,.small-muted{font-size:12px;line-height:1.7;color:#7a8578}.practice-note{padding:15px 18px;background:#edf1e7;border-radius:9px;color:#667460;font-size:12px;line-height:1.85;margin:18px 0}.practice-source{font-size:12px;color:#6f8064;line-height:1.9;margin:18px 0;display:block}.practice-source a{display:block;margin:5px 0;color:#526b42}.practice-source summary{cursor:pointer}.practice-card fieldset{border:0;margin:16px 0;padding:0;min-width:0}.practice-card legend{font-size:14px;margin-bottom:12px;line-height:1.6}.choice-row,.practice-options label{display:flex;align-items:flex-start;gap:9px;padding:12px;background:#f6f8f2;border:1px solid #e5e9df;border-radius:8px;font-size:13px;line-height:1.7;margin:7px 0;cursor:pointer}.choice-row input,.practice-options input{flex-shrink:0;margin-top:4px;accent-color:#557246}.practice-feedback,.reasoning-feedback{margin:20px 0 0;padding:18px;background:#edf3e5;border:1px solid #d5e2c6;border-radius:10px;font-size:14px}.practice-feedback p,.reasoning-feedback p{font-size:13px}.practice-feedback strong{color:#48633b}.reasoning-feedback ul{padding-left:18px;font-size:13px;line-height:2}.case-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.case-choice{display:flex;flex-direction:column;text-align:left;gap:12px;border:1px solid #d8dfd0;border-radius:12px;padding:22px;background:#fff;cursor:pointer;color:#435740}.case-choice small{font-size:11px;color:#7f8e74}.case-choice strong{font-size:16px}.case-choice.active{background:#e9f0de;border-color:#8ea873;box-shadow:inset 0 0 0 1px #8ea873}.reasoning-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;align-items:start}.step-label{font-size:11px;font-weight:700;letter-spacing:1px;color:#7d9168}.test-list{display:grid;gap:14px}.test-card{padding:18px;background:#f8faf4;border:1px solid #e1e6d9;border-radius:10px}.test-card h4{margin-top:0}.test-card label,.practice-card form>label,.evidence-citations label{display:block;font-size:13px;line-height:1.7;margin:14px 0 8px}.practice-card select,.practice-card input:not([type=radio]):not([type=checkbox]),.practice-card textarea{font:inherit;font-size:13px;line-height:1.6;border:1px solid #cdd7c5;border-radius:7px;background:#fcfdf9;padding:11px 12px;color:#3d503b;width:100%;max-width:100%;box-sizing:border-box}.practice-card textarea{resize:vertical}.test-card .button{margin-top:12px}.test-evidence{border-left:3px solid #92ae6b;padding:6px 0 6px 14px}.test-evidence span{font-size:11px;color:#7c8b6f}.test-evidence p{margin:8px 0}.test-purpose{font-size:12px!important;color:#7b8a6d!important}.conclusion-card{position:sticky;top:105px}.conclusion-card>.text-link{margin:18px 0}.evidence-citations select{margin-top:6px}.practice-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.explain-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:start}.part-chips{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.part-chips span{padding:5px 9px;border-radius:5px;background:#edf2e6;font-size:11px;color:#6c7f59}.explain-steps{margin-top:20px}.explain-steps label{display:block;margin:20px 0}.explain-steps label span{font-size:13px;font-weight:600;display:block;margin:10px 0}.script-list article{border-top:1px solid #e4e8dd;padding:14px 0}.script-list article h4{margin-top:6px;overflow-wrap:anywhere}.script-list article div{display:flex;gap:15px;flex-wrap:wrap;margin-top:12px}.script-list article .text-link{font-size:12px}.explain-preview p{white-space:pre-wrap;overflow-wrap:anywhere}.practice-empty{padding:35px 20px;text-align:center;line-height:2;color:#849079;background:#f1f4eb;border:1px dashed #cdd7bf;border-radius:12px;margin:20px 0;font-size:13px}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.report-stat{padding:22px;border:1px solid #dce3d1;border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:14px}.report-stat>span{font-size:13px;color:#74826b}.report-stat strong{font-size:30px;color:#49623e}.report-stat small{font-size:11px;color:#849078}.report-bar{height:5px;background:#edf1e5;border-radius:9px}.report-bar i{display:block;height:100%;background:#8da56d;border-radius:9px}.concept-report{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.concept-report article{border:1px solid #e0e5d7;background:#f9faf5;border-radius:8px;padding:15px}.sample-list>div{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid #e4e8dd;gap:12px;font-size:13px}.sample-list small{display:block;margin-top:4px}.practice-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #d9e2cb;border-radius:14px;background:#eff4e6;padding:26px;margin:24px 0}.practice-summary h2{font-size:21px;margin:10px 0}.practice-summary p{font-size:14px;color:#647456;line-height:1.8}.practice-summary small{font-size:11px;color:#7b886c}.observation-tools{padding:12px 20px;border-top:1px solid #466056;color:#ccdcca;background:#213a3b;display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:12px}.observation-tools label{display:flex;align-items:center;gap:8px}.observation-tools select{color:#e0e9da;background:#304a47;border:1px solid #61785d;padding:6px;border-radius:5px;font:inherit}.observation-tools input[type=range]{width:112px;accent-color:#bad58e}.observation-tools input[type=checkbox]{accent-color:#bad58e}.observation-tools button{font:inherit;color:#d2e2c3;border:1px solid #6f8568;background:#304a47;padding:7px 10px;border-radius:5px;cursor:pointer}.observation-tools output{font:11px monospace;min-width:37px}.observation-note{padding:0 20px 12px;background:#213a3b;color:#91aaa1;font-size:10px;line-height:1.8}.assessment-active #observation-tools,.assessment-active #observation-note{display:none!important}.practice-card button:disabled{opacity:.5;cursor:not-allowed}.practice-card select:disabled{opacity:.7}.practice-tabs button:focus-visible,.case-choice:focus-visible{outline:2px solid #557242;outline-offset:3px}@keyframes energyflow{0%,100%{opacity:.4;transform:translateX(-2px)}55%{opacity:1;transform:translateX(2px)}}@media(prefers-reduced-motion:reduce){.flowing .flow-arrow{animation:none}}@media(max-width:1100px){.practice-tabs button{padding:16px}.power-grid{gap:14px}.power-card{padding:18px}.energy-path{gap:3px}.energy-node strong{font-size:11px}.flow-arrow{font-size:12px}.report-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.practice-hero{padding:28px}.practice-orbit{width:200px;height:185px;margin-right:10px;flex-shrink:0}.practice-orbit i{left:38px;top:86px}.practice-tabs button{font-size:13px;flex:1;padding:15px 8px}.practice-tabs button small{display:block;margin:0 0 6px}.power-grid,.energy-bottom,.reasoning-layout,.explain-layout{grid-template-columns:1fr}.conclusion-card{position:static}.power-car-art{max-height:190px}.energy-node strong{font-size:13px}.energy-node{padding:14px 7px}.case-choice{padding:16px}.case-choice strong{font-size:14px}.practice-heading h2,.practice-section-head h2{font-size:22px}.practice-heading{align-items:flex-start}.concept-report{grid-template-columns:1fr}.practice-summary{align-items:flex-start;flex-direction:column}}@media(max-width:550px){#page-practice{padding-top:12px}.practice-hero{padding:26px 22px}.practice-hero p{font-size:13px}.practice-orbit{display:none}.practice-hero h1{font-size:34px}.practice-tabs{gap:0;margin:18px 0 26px}.practice-tabs button{font-size:11px;padding:13px 3px}.practice-tabs button small{font-size:10px}.practice-heading,.practice-section-head{align-items:flex-start;flex-direction:column;gap:10px}.practice-heading h2,.practice-section-head h2{font-size:21px;line-height:1.5}.practice-toolbar{flex-direction:column;align-items:stretch;gap:14px}.segmented button{flex:1;padding:11px 9px;font-size:13px}.power-card{padding:18px 14px}.power-card-head h3{font-size:19px}.power-status{font-size:10px}.energy-path{gap:2px}.energy-node{padding:12px 3px}.energy-node strong{font-size:10px}.energy-node small{font-size:9px}.flow-arrow{font-size:11px}.practice-card{padding:20px 17px}.practice-card h3{font-size:18px}.case-selector{grid-template-columns:1fr;gap:8px}.case-choice{padding:15px;flex-direction:row;align-items:center;gap:12px}.case-choice small{font-size:10px;max-width:100px}.case-choice strong{font-size:13px}.report-grid{grid-template-columns:1fr 1fr;gap:10px}.report-stat{padding:17px;gap:11px}.report-stat strong{font-size:25px}.report-stat>span{font-size:12px}.practice-actions>.button{font-size:12px}.observation-tools{gap:12px;padding:12px}.observation-tools input[type=range]{width:100px}.observation-note{padding:0 12px 12px}.practice-note{padding:13px;font-size:11px}}

.practice-card textarea:focus-visible{outline:3px solid #6c96bc;outline-offset:3px}