.practice-sample [hidden] { display: none !important; }
.practice-sample { border: 1px solid #d5dce8; border-radius: 20px; padding: clamp(20px, 4vw, 40px); background: #fff; margin: 28px 0; }
.sample-card h2 { font-size: clamp(22px, 4vw, 30px); line-height: 1.3; }
.sample-options { display: grid; gap: 12px; margin: 24px 0; }
.sample-option { width: 100%; text-align: left; font: inherit; line-height: 1.5; padding: 16px 20px; color: #172b49; background: #f5f7fb; border: 2px solid #d5dce8; border-radius: 12px; cursor: pointer; }
.sample-option:hover:not(:disabled) { border-color: #365eaa; background: #edf2fc; }
.practice-sample button:focus-visible, .practice-sample summary:focus-visible { outline: 3px solid #365eaa; outline-offset: 4px; }
.sample-option:disabled { cursor: default; opacity: 1; }
.sample-option.sample-correct { background: #e6f4ea; border-color: #28733d; color: #174d27; }
.sample-option.sample-incorrect { background: #fff0ec; border-color: #b1432e; color: #822e1e; }
.sample-feedback { font-weight: 600; }
.sample-answers { padding: 16px 0; }
.sample-answers summary { cursor: pointer; font-weight: 600; }
.practice-sample .button { margin-top: 16px; white-space: normal; }