.study-panel{color:#16392e;background:#f5f8f1;border:1px solid #cad9cc;border-radius:20px;max-width:920px;margin:36px auto;padding:28px;scroll-margin-top:100px}.study-panel h2{margin:12px 0;font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.15}.study-panel h3{font-size:1.25rem;line-height:1.4}.study-panel p{line-height:1.6}.study-panel button{cursor:pointer}.study-panel button:disabled{cursor:default;opacity:.65}.study-panel a{text-underline-offset:3px;text-decoration:underline}.study-options{gap:10px;margin:20px 0;display:grid}.study-options button{text-align:left;color:#183f33;font:inherit;background:#fff;border:2px solid #bdcfc2;border-radius:12px;min-height:48px;padding:15px;line-height:1.4}.study-options button[aria-pressed=true]{background:#e1efe3;border-color:#176247}.study-panel :focus-visible{outline-offset:4px;outline:3px solid #b07410}.study-feedback{background:#fff;border-left:4px solid #246a48;margin:20px 0;padding:18px}.study-panel .text-button{color:#174332;background:0 0;border:0;margin:12px}.study-visual{border:1px solid #bad0ba;border-radius:14px;width:100%;height:auto;margin:20px 0;display:block}.study-caption{font-size:.9rem}.study-progress{gap:7px;margin:20px 0;display:flex}.study-progress span{background:#bfcfc1;border-radius:4px;flex:1;height:7px}.study-progress span[data-done=true]{background:#176247}@media (max-width:600px){.study-panel{margin:20px 12px;padding:20px}.study-panel .button{white-space:normal;width:100%}}.study-panel h1{margin:20px 0 14px;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:700;line-height:1.15}