.training-lens{background:#eff9ff;border:2px solid #122b58;border-radius:22px;padding:26px;margin:0 0 26px;box-shadow:5px 6px 0 #122b5826;color:#122b58}.lens-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.lens-heading h2{font-size:27px;margin:7px 0}.lens-select{display:flex;flex-direction:column;gap:7px;min-width:260px;font-size:12px;font-weight:700}.lens-select select{width:100%;border:1.5px solid #122b58;border-radius:12px;padding:12px;background:#fff;color:#122b58;font:500 15px 'DM Sans',sans-serif}.lens-description{max-width:800px;margin:14px 0;line-height:1.65}.lens-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 20px}.lens-chips>span{background:#dcefff;border:1px solid #122b5833;border-radius:20px;padding:7px 12px;font-size:12px}.training-guide{border-top:1px solid #122b5826;padding-top:15px}.training-guide>summary{cursor:pointer;font-weight:700;padding:7px 0}.training-guide>summary>span{font-weight:400;font-size:12px;margin-left:12px}.training-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.training-area{padding:17px;border:1px solid #122b583f;border-radius:14px;background:#fff}.training-area>div{display:flex;gap:10px;align-items:baseline}.training-area h3{font-size:15px;line-height:1.4;margin:0}.area-number{font-size:11px;opacity:.7;font-weight:700}.training-area p{font-size:13px;line-height:1.65;margin:10px 0}.training-area small{font-size:10px;letter-spacing:.3px}.area-cardio{background:#dbf2ec}.area-strength{background:#ffdfd3}.area-power{background:#fff0bf}.area-speed{background:#fce5ab}.area-agility{background:#eee3ff}.area-mobility{background:#dcefff}.area-context{background:#f8fbff}.lens-sources{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:11px;margin-top:15px}.lens-sources a{color:#122b58;text-underline-offset:3px}.lens-boundary{margin-top:15px!important}.lens-other{padding:14px;margin-top:18px;background:#e2f1fc;border-radius:12px;font-size:12px;line-height:1.7}#trainingProfileStatus:empty{display:none}.training-lens .textbutton,.lens-other .textbutton{font-size:12px;color:#122b58}.training-lens select:focus-visible,.training-guide summary:focus-visible{outline:3px solid #122b58;outline-offset:3px}@media(max-width:1100px){.training-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.training-lens{padding:20px 16px}.lens-heading{align-items:stretch;flex-direction:column;gap:10px}.lens-select{min-width:0}.training-area-grid{grid-template-columns:1fr}.training-guide>summary>span{display:block;margin:5px 0 0 17px}.lens-heading h2{font-size:24px}}
