.training-mark{border:1px solid var(--theme-line,#c4d4c0);background:var(--theme-surface-green,#eff6ee);color:var(--theme-ink,#243e31);text-align:left;box-sizing:border-box;border-radius:18px;width:100%;margin:20px 0;padding:clamp(16px,3vw,24px)}.training-mark-heading{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.training-mark-heading>div{flex:160px;min-width:0}.training-mark-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:34px}.training-mark-value small{font-size:16px;font-weight:500}.training-mark p{color:var(--theme-body,#405a49);margin:8px 0;line-height:1.65}.training-mark meter{width:100%;height:16px;accent-color:var(--theme-action-bg,#2f6447);margin-top:16px;display:block}.training-mark meter::-webkit-meter-bar{background:var(--theme-line,#c4d4c0);border:0;border-radius:9px}.training-mark meter::-webkit-meter-optimum-value{background:var(--theme-action-bg,#2f6447);border-radius:9px}.training-mark meter::-moz-meter-bar{background:var(--theme-action-bg,#2f6447)}.training-mark-scale{color:var(--theme-body,#405a49);justify-content:space-between;font-size:12px;display:flex}.training-mark-coverage,.training-mark-note{font-size:13px}.training-mark-rules{text-align:left;margin-top:14px;font-size:14px;line-height:1.7}.training-mark-rules summary{cursor:pointer;color:var(--theme-ink,#243e31);padding:8px 0;font-weight:700}.training-mark-rules summary:focus-visible{outline:2px solid var(--theme-action-bg,#2f6447);outline-offset:4px;border-radius:4px}.training-mark.is-compact{padding:14px 18px}.training-mark.is-compact .training-mark-value{font-size:26px}@media (max-width:430px){.training-mark-heading{gap:10px}}