/* Training article */
.training-panel{margin-block:2rem;padding:clamp(1rem,3vw,2rem);border:1px solid #ccd7ca;border-radius:18px;background:#edf2e9}.training-panel h3{margin-top:0}.training-panel button,.training-panel select{min-height:44px}.training-example-row{padding-block:1rem;border-bottom:1px solid #cad5c6}.training-example-row h4{margin:0 0 .7rem;display:flex;justify-content:space-between;gap:1rem}.training-throw-buttons{display:grid;grid-template-columns:repeat(10,minmax(44px,1fr));gap:8px}.training-throw-buttons button{border:1px solid #718575;border-radius:50%;background:#fff;color:#234738;font:inherit;cursor:pointer;aspect-ratio:1}.training-throw-buttons button[aria-pressed=true]{background:#234738;color:#fff}.training-panel button:focus-visible,.training-panel select:focus-visible{outline:3px solid #b14f2b;outline-offset:3px}.training-example-total{display:block;margin-top:1rem;font-weight:700}.training-plan-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.training-plan-fields label{display:grid;gap:.4rem;font-weight:600}.training-plan-fields select{width:100%;padding:.5rem;border:1px solid #7a8c7c;border-radius:6px;font:inherit;background:white;color:#173f35}.training-plan-controls{display:flex;flex-wrap:wrap;gap:10px;margin-block:1rem}.training-plan-controls button:disabled{opacity:.5;cursor:default}.training-score{font-size:1.2rem;font-weight:700}.training-plan-status{min-height:3.5em}.training-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.training-metric{border:1px solid #cbd5c9;border-radius:14px;padding:1rem;background:#f7f8f2}.training-metric h3{font-size:1.1rem}.training-metric strong{display:block;color:#22543e;font-size:1.5rem}.training-figure{margin:2rem 0}.training-figure img{display:block;width:100%;height:auto;border-radius:16px}.training-figure figcaption{font-size:.9rem;line-height:1.6;padding-top:.75rem;color:#425d51}.training-sequence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.training-sequence figure{margin:0}.training-smallnote{font-size:.9rem;color:#425d51}@media(max-width:760px){.training-throw-buttons{grid-template-columns:repeat(5,minmax(44px,1fr))}.training-plan-fields,.training-metrics{grid-template-columns:1fr}.training-sequence{grid-template-columns:1fr}.training-plan-controls button{flex:1 1 auto}}
.training-panel form>.button{margin-top:1rem}.training-plan-controls .button:not(.outline){background:#285e44;color:#fff;border:1px solid #285e44}.training-plan-controls .button:not(.outline):hover:not(:disabled){background:#173f35}.training-metric h3{overflow-wrap:anywhere}