.sample-page .card{display:block;margin:20px 0}.sample-page .card p{color:#263b50;margin:12px 0}.sample-page .sample-nav{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:12px}.sample-nav a{background:#fff;border:1px solid #dce5ef;border-radius:24px;padding:8px 16px;text-decoration:none}.sample-nav a[aria-current]{background:#071b36;color:white}.sample-page input,.sample-page textarea,.sample-page button{font:inherit}.sample-page button{cursor:pointer;padding:10px 16px;border:1px solid #aabed0;border-radius:8px;background:white;color:#10233c}.sample-page button.primary{background:#d64250;color:#fff;border-color:#d64250}.sample-page button:disabled{opacity:.55;cursor:default}.sample-page input[type=text]{width:min(100%,380px);padding:11px;border:1px solid #aabed0;border-radius:8px;display:block}.sample-page input[type=number]{width:76px;padding:8px;border:1px solid #aabed0;border-radius:6px}.sample-page textarea{display:block;width:100%;padding:12px;min-height:190px;resize:vertical;border:1px solid #aabed0;border-radius:8px}.sample-page label[for]{display:block;font-weight:700;margin:12px 0 8px}.sample-page .actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.sample-page .actions label{margin:0}.sample-question{min-width:0;width:100%;border:1px solid #dce5ef;border-radius:10px;padding:18px;margin:22px 0}.sample-question legend{font-weight:700;padding:0 6px;max-width:100%}.sample-option{display:flex;align-items:flex-start;gap:10px;margin:12px 0;padding:10px;border-radius:6px;background:#f4f8fc;cursor:pointer}.sample-option input{flex-shrink:0;width:18px;height:18px;margin-top:4px}.sample-page small,.sample-page .small{display:block;color:#53667a;font-size:.92rem}.sample-page .worked-example{padding:16px 20px;background:#eaf2f9;border-left:4px solid #c88a12;border-radius:8px;margin:18px 0}.sample-question[data-result=correct]{border-color:#157347}.sample-question[data-result=review]{border-color:#b23b4a}.sample-page .feedback{font-weight:700}.sample-timer output{font-size:1.8rem;font-variant-numeric:tabular-nums;font-weight:750}.sample-page table{width:100%;border-collapse:collapse;margin:18px 0}.sample-page th,.sample-page td{border:1px solid #bdcad8;padding:10px;text-align:left}.sample-page th{background:#eaf2f9}.table-scroll{overflow-x:auto}.sample-page audio{width:100%;margin:18px 0}.sample-page #sample-score,.sample-page #self-score{background:#eaf2f9;border-radius:8px;padding:16px;font-weight:700}.sample-page .unlock .practice-action-tab{font-size:.9rem}.sample-page [hidden]{display:none!important}.sample-page button:focus-visible,.sample-page input:focus-visible,.sample-page textarea:focus-visible{outline:3px solid #2979c6;outline-offset:3px}@media(max-width:560px){.sample-page .card{padding:18px}.sample-question{padding:12px}.sample-page .worked-example{padding:14px}.sample-page .actions button{min-height:44px}.sample-page h2{font-size:1.5rem}}

.sample-page .unlock .practice-action-tab{display:inline-block;background:#d64250;color:#fff;padding:9px 15px;border-radius:999px;text-decoration:none;font-weight:750}.sample-page .unlock .practice-action-tab:hover{background:#b72e3c}