html:has(.tn-tool),body:has(.tn-tool){min-width:0}.tn-tool{--tn-teal:#17665f;--tn-blue:#315b83;color:var(--text)}.tn-heading{justify-content:space-between;align-items:center;gap:18px;padding-bottom:22px;display:flex}.tn-eyebrow{color:var(--tn-teal);letter-spacing:.06em;font-size:.73rem;font-weight:800}.tn-heading h2{margin:8px 0;font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.45}.tn-heading p,.tn-lesson p,.tn-quiz p{margin:8px 0;line-height:1.8}.tn-heading p{color:var(--muted)}.tn-scope{border:1px solid var(--line);color:var(--muted);border-radius:30px;flex-shrink:0;padding:7px 11px;font-size:.73rem}.tn-tool button{font:inherit;cursor:pointer;color:#25433b;background:#fff;border:1px solid #ccdcd6;border-radius:9px;min-height:44px;padding:9px 13px;font-weight:700;transition:background .15s}.tn-tool button:hover:not(:disabled){background:#edf5f0}.tn-tool button:focus-visible,.tn-tool summary:focus-visible{outline-offset:3px;outline:3px solid #dc8a30}.tn-tool button:disabled{cursor:default;opacity:.48}.tn-tool button[aria-pressed=true]{border-color:var(--tn-teal);color:#14554b;background:#e1efe9}.tn-tool .tn-primary{background:var(--tn-teal);border-color:var(--tn-teal);color:#fff}.tn-tool .tn-primary:hover:not(:disabled){background:#104c47}.tn-tool .tn-blue-button{background:var(--tn-blue);color:#fff;border-color:var(--tn-blue)}.tn-tool .tn-blue-button:hover:not(:disabled){background:#204463}.tn-chapters{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:22px;display:grid}.tn-chapters button{text-align:left;align-items:center;gap:9px;padding:10px;display:flex}.tn-chapter-number{white-space:nowrap;color:#758b81;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.76rem}.tn-chapters strong{font-size:.84rem;display:block}.tn-chapters small{color:#64776d;margin-top:3px;font-size:.67rem;font-weight:400;display:block}.tn-options{flex-wrap:wrap;gap:8px;display:flex}.tn-options button{font-size:.83rem}.tn-scenarios{background:#f3f6f2;border-radius:12px;padding:14px}.tn-presets{margin:14px 0}.tn-summary{margin:16px 0;font-size:.95rem;font-weight:700;line-height:1.8}.tn-workspace{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.tn-workspace>*{min-width:0}.tn-diagram{background:#f2f5ef;border:1px solid #dbe4da;border-radius:16px;margin:0;padding:12px;overflow:hidden}.tn-view{color:#466459;justify-content:space-between;font-size:.73rem;display:flex}.tn-diagram svg{width:100%;height:auto;max-height:420px;margin:6px auto;display:block}.tn-diagram figcaption{text-align:center;color:#61776a;gap:5px;min-height:39px;font-size:.7rem;line-height:1.6;display:grid}.tn-diagram figcaption strong{color:#284b3b;font-size:.8rem}.tn-court{fill:#2e7469}.tn-alley{fill:#669284}.tn-white{fill:none;stroke:#f6f9e9;stroke-width:2.5px}.tn-net{fill:none;stroke:#203c3b;stroke-width:4px}.tn-target{fill:#dce99b;opacity:.65}.tn-highlight{fill:none;stroke:#f2be63;stroke-width:5px}.tn-label{fill:#284e44;text-anchor:middle;font-size:17px;font-weight:700}.tn-label-light{fill:#fff;text-anchor:middle;font-size:18px;font-weight:700}.tn-small{fill:#466459;text-anchor:middle;font-size:14px}.tn-player-a{fill:#1c6253}.tn-player-b{fill:#315b83}.tn-player-text{fill:#fff;text-anchor:middle;font-size:14px;font-weight:800}.tn-server-ring{fill:#f1e2ad;stroke:#bd8a23;stroke-width:2px}.tn-receiver-ring{fill:none;stroke:#547d96;stroke-width:2px;stroke-dasharray:4 3}.tn-guide{fill:none;stroke:#718574;stroke-width:2px;stroke-dasharray:5 4}.tn-foot{fill:#284f62}.tn-foot-fault{fill:#bc5843}.tn-trail{fill:none;stroke:#f8d96f;stroke-width:3px;stroke-dasharray:7 5}.tn-trail-fault{stroke:#fdbda2}.tn-ball{fill:#eff780;stroke:#657823;stroke-width:1.4px}.tn-ball-halo{fill:#ffffc6;opacity:.3}.tn-bounce{fill:none;stroke:#faf6cb;stroke-width:2px}.tn-caption{background:#fafcf7;border:1px solid #dbe4da;border-radius:12px;margin:14px 0 0;padding:20px}.tn-caption h3{margin:12px 0 8px;font-size:1.12rem;line-height:1.6}.tn-caption p{margin:8px 0;font-size:.91rem;line-height:1.9}.tn-caption-meta{color:#586f60;justify-content:space-between;gap:8px;font-size:.76rem;display:flex}.tn-caption-good{border-left:4px solid #237363}.tn-caption-fault{border-left:4px solid #be604e}.tn-caption-let{border-left:4px solid #c28a27}.tn-step-controls{gap:9px;margin:12px 0;display:flex}.tn-step-controls button{flex:1}.tn-step-controls button,.tn-playback button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.tn-playback{flex-wrap:wrap;gap:7px;display:flex}.tn-playback button{padding:9px 11px;font-size:.81rem}.tn-note{color:#617268;margin:12px 0;font-size:.78rem;line-height:1.8}.tn-rule{border-top:1px solid var(--line);color:#5b6c61;margin-top:14px;padding-top:12px;font-size:.8rem;line-height:1.9}.tn-rule summary{cursor:pointer;min-height:44px;font-weight:700}.tn-rule a{color:var(--tn-teal);text-decoration:underline}.tn-rule ul{padding-left:22px}.tn-rule li{margin:9px 0}.tn-player-status{color:#53695b;border:1px solid #dce6df;border-radius:10px;align-items:center;gap:15px;padding:12px 18px;display:flex}.tn-player-status span{gap:4px;font-size:.72rem;display:grid}.tn-player-status strong{color:#204e45;font-size:1.2rem}.tn-hierarchy{background:#f5f7f1;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:18px;padding:16px 12px;display:flex}.tn-hierarchy>span{text-align:center;color:#2d6453;gap:4px;font-weight:800;display:grid}.tn-hierarchy small{color:#586f60;font-size:.65rem;font-weight:400}.tn-hierarchy b{color:#97ab9d}.tn-scoreboard{background:#eef4ee;border:1px solid #d6e3d9;border-radius:16px;padding:20px}.tn-scores{justify-content:space-evenly;align-items:center;display:flex}.tn-scores>div{text-align:center;color:var(--tn-teal);display:grid}.tn-scores>div:last-child{color:var(--tn-blue)}.tn-scores span{font-size:.85rem;font-weight:700}.tn-scores strong{font-variant-numeric:tabular-nums;font-size:clamp(2rem,5vw,3.5rem);line-height:1.3}.tn-scores b{color:#97a69b;font-size:1.5rem}.tn-service{text-align:center;border-top:1px solid #d1e0d5;gap:7px;margin-top:16px;padding-top:16px;display:grid}.tn-service strong{font-size:1rem}.tn-service span{color:#586f60;font-size:.8rem}.tn-score-actions{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.tn-explanation,.tn-notice{color:#3d6751;font-size:.85rem;line-height:1.9}.tn-explanation{background:#f5f8f1;border-left:3px solid #c7d8b7;padding:12px}.tn-notice{min-height:48px}.tn-set-score{text-align:center;color:#586f60;font-size:.8rem}.tn-practice-link{margin-top:18px}.tn-quiz{max-width:620px;margin:auto;padding:16px 0}.tn-quiz h3{font-size:1.22rem;line-height:1.8}.tn-quiz-progress{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.tn-quiz-progress span{color:#718275;background:#eef2ec;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.8rem;display:grid}.tn-quiz-progress .tn-question-current{outline:2px solid var(--tn-teal)}.tn-quiz-progress .tn-question-done{background:var(--tn-teal);color:#fff}.tn-quiz-choices{gap:10px;margin:20px 0;display:grid}.tn-quiz-choices button{text-align:left;align-items:center;gap:14px;padding:16px;font-size:.95rem;display:flex}.tn-quiz-choices button span{color:#718b7b}.tn-quiz-choices button:disabled{opacity:1}.tn-quiz-choices .tn-correct-choice{background:#e6f3e9;border-color:#2b7862}.tn-quiz-choices .tn-wrong-choice[aria-pressed=true]{color:#8c3d2c;background:#f9ebe5;border-color:#b9664e}.tn-answer{background:#f5f8f2;border:1px solid #dce8de;border-radius:12px;padding:18px}.tn-answer>strong{color:var(--tn-teal)}.tn-answer p{margin-bottom:16px;font-size:.9rem}.tn-review{margin-top:25px;padding-left:24px;font-size:.9rem}.tn-review li{margin-bottom:18px}.tn-review p{color:#5e7366;font-size:.84rem}.tn-footer{border-top:1px solid var(--line);color:#687a6d;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:26px;padding-top:15px;font-size:.71rem;display:flex}@media (width<=760px){.tn-heading{display:block}.tn-scope{margin-top:5px;display:inline-block}.tn-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.tn-chapters button{padding:8px}.tn-chapters small{display:none}.tn-workspace{grid-template-columns:1fr;gap:12px}.tn-diagram svg{max-height:340px}.tn-caption{padding:16px}.tn-scenarios{padding:10px}.tn-scoreboard{padding:16px}.tn-hierarchy{gap:9px}}@media (prefers-reduced-motion:reduce){.tn-tool button{transition:none}}