[data-study-progress]{font:1rem/1.6 system-ui,sans-serif;border:1px solid #b5c9bf;border-radius:1rem;padding:clamp(1rem,3vw,2rem);margin:1rem auto;max-width:72rem;background:#f6faf7;color:#183f36;overflow-wrap:anywhere}
[data-study-progress] *{box-sizing:border-box}
[data-study-progress] h2{font-size:1.5rem;line-height:1.3}
[data-study-progress] [hidden]{display:none!important}
[data-study-progress] .progress-actions{display:flex;flex-wrap:wrap;gap:.75rem}
[data-study-progress] button{font:inherit;line-height:1.4;min-height:44px;max-width:100%;padding:.65rem 1rem;border:1px solid #285744;border-radius:.5rem;background:#fff;color:#183f36;cursor:pointer}
[data-study-progress] button:disabled{opacity:.6;cursor:not-allowed}
[data-study-progress] button:focus-visible,[data-study-progress] [tabindex]:focus-visible{outline:3px solid #8a4b04;outline-offset:3px}
[data-study-progress] [role=alert]{border-left:4px solid #955215;padding:.7rem;background:#fff4df}
[data-progress-preview]{margin-top:1.5rem;padding:1rem;border:2px solid #285744;border-radius:.75rem;background:#fff}
[data-progress-preview] table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.9rem;margin:1rem 0}
[data-progress-preview] th,[data-progress-preview] td{padding:.6rem .4rem;text-align:left;border-bottom:1px solid #c6d5cb;overflow-wrap:anywhere}
[data-progress-preview] caption{text-align:left;margin-bottom:.5rem}
[data-progress-preview] button{margin:.4rem .5rem .4rem 0}
@media(forced-colors:active){[data-study-progress],[data-progress-preview],[data-study-progress] button{border-color:CanvasText}[data-study-progress] button:disabled{color:GrayText;opacity:1}}
@media(max-width:540px){[data-progress-preview] th,[data-progress-preview] td{padding:.6rem .3rem}[data-progress-preview] th:first-child{width:44%}[data-progress-preview] th:nth-child(2),[data-progress-preview] th:nth-child(3){width:28%}}
