.practice-shell{--practice-ink:#14213d;--practice-blue:#2563eb;--practice-muted:#596579;--practice-border:#d7dce5;color:var(--practice-ink);min-height:100dvh;font-family:var(--font-sora),var(--font-thai),sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;font-size:16px;line-height:1.65}.practice-shell *{box-sizing:border-box}.practice-shell button,.practice-shell input,.practice-shell textarea,.practice-shell select{font:inherit}.practice-shell button,.practice-shell a,.practice-shell summary{-webkit-tap-highlight-color:transparent}.practice-shell :focus-visible{outline-offset:4px;outline:3px solid #2563eb}.practice-shell [tabindex="-1"]:focus:not(button){outline:none}.practice-shell button{cursor:pointer}.practice-shell button:disabled{cursor:not-allowed;opacity:.48}.practice-page{flex-direction:column;min-height:100dvh;display:flex}.practice-page-content{flex:1;min-height:0}.practice-main{max-width:720px;margin:0 auto;padding:16px 24px 48px}.practice-main.wide{max-width:1600px}.practice-back{color:var(--practice-blue);align-items:center;gap:6px;min-height:44px;margin-bottom:8px;display:inline-flex}.practice-shell h1{letter-spacing:-.025em;margin:0 0 10px;font-size:clamp(26px,4vw,32px);font-weight:700;line-height:1.35}.practice-shell h2{font-size:21px;font-weight:700;line-height:1.45}.practice-shell h3{font-size:18px;font-weight:600}.practice-subtitle,.practice-muted{color:var(--practice-muted)}.practice-subtitle{margin-bottom:16px}.practice-small{color:var(--practice-muted);font-size:13px;line-height:1.6}.practice-button{background:var(--practice-blue);color:#fff;text-align:center;border:1px solid var(--practice-blue);border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 18px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.practice-button:hover:not(:disabled){background:#1d4ed8}.practice-button.secondary{color:var(--practice-blue);background:#fff}.practice-button.secondary:hover:not(:disabled){background:#eff6ff}.practice-button.full{width:100%}.practice-link{min-height:44px;color:var(--practice-blue);text-underline-offset:4px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.practice-link:hover{text-decoration:underline}.practice-resume{background:#eff6ff;border-radius:12px;margin:26px 0;padding:20px}.practice-resume .practice-button{margin-top:14px}.practice-tabs{border-bottom:1px solid var(--practice-border);gap:24px;margin:24px 0 28px;display:flex}.practice-tabs button{border-bottom:3px solid #0000;min-height:48px;padding:10px 2px;font-size:16px}.practice-tabs button[aria-selected=true]{color:var(--practice-blue);border-color:var(--practice-blue)}.practice-row{border-bottom:1px solid var(--practice-border);align-items:center;gap:16px;padding:20px 0;text-decoration:none;display:flex}.practice-row .number{color:var(--practice-blue);min-width:38px;font-size:28px;font-weight:600}.practice-row .row-body{flex:1;min-width:0}.practice-row .row-title{font-size:18px;font-weight:600}.practice-row .row-detail{color:var(--practice-muted);font-size:14px}.practice-row svg{color:var(--practice-blue);flex-shrink:0}.practice-footer-links{justify-items:start;gap:16px;margin-top:28px;display:grid}.practice-mode{border:0;flex-wrap:wrap;gap:14px;margin:20px 0;padding:0;display:flex}.practice-mode legend{float:left;color:var(--practice-muted);margin-right:16px;padding-top:8px}.practice-mode label{align-items:center;gap:8px;min-height:44px;display:inline-flex}.practice-mode input{accent-color:var(--practice-blue);width:18px;height:18px}.practice-meta{color:var(--practice-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 12px;font-size:14px;display:flex}.practice-progress{appearance:none;background:var(--practice-border);border:0;border-radius:4px;width:100%;height:4px;margin-bottom:30px;display:block;overflow:hidden}.practice-progress::-webkit-progress-bar{background:var(--practice-border)}.practice-progress::-webkit-progress-value{background:var(--practice-blue);border-radius:4px}.practice-progress::-moz-progress-bar{background:var(--practice-blue)}.practice-question{border:0;min-width:0;margin:0;padding:0}.practice-question legend{width:100%;margin-bottom:20px;padding:0;font-size:20px;font-weight:600;line-height:1.6}.practice-options{gap:10px;display:grid}.practice-option{border:1px solid var(--practice-border);cursor:pointer;border-radius:12px;align-items:center;gap:14px;min-height:56px;padding:14px;line-height:1.6;display:flex}.practice-option:has(input:checked){border-color:var(--practice-blue);background:#eff6ff}.practice-option input{width:22px;height:22px;accent-color:var(--practice-blue);flex-shrink:0}.practice-option .letter{color:var(--practice-blue);font-weight:600}.practice-actions{border-top:1px solid var(--practice-border);gap:14px;margin-top:28px;padding-top:20px;display:grid}.practice-answer{color:#166534;background:#f0fdf4;border:1px solid #15803d;border-radius:12px;align-items:center;gap:12px;margin:24px 0;padding:16px;display:flex}.practice-wrong{color:#9f1239;background:#fff1f2;border-color:#fda4af}.practice-explanation{gap:16px;margin-bottom:24px;display:grid}.practice-explanation p{margin:0}.practice-explanation>h2{font-size:20px;font-weight:600;line-height:1.6}.practice-answer>.practice-small{color:inherit;margin-left:auto}.practice-answer>svg,.practice-answer>strong{flex-shrink:0}.practice-answer>.practice-small{flex-shrink:0;max-width:70px}.practice-explanation .pattern{color:var(--practice-blue);background:#eff6ff;border-radius:8px;padding:12px 14px}.practice-rationale{border-bottom:1px solid var(--practice-border);padding:14px 0}.practice-rationale strong{color:var(--practice-blue);margin-right:12px}.practice-score{text-align:center;margin:22px 0}.practice-score .score{font-size:64px;font-weight:600;line-height:1.2}.practice-score .score strong{color:var(--practice-blue)}.practice-score .score span{font-size:44px}.practice-results-heading{align-items:center;gap:16px;display:flex}.practice-results-heading img{width:80px;height:auto}.practice-notice{border-left:3px solid var(--practice-blue);background:#eff6ff;margin:18px 0;padding:14px 16px;font-size:14px}.practice-danger{color:#881337;background:#fff1f2;border-color:#be123c}.practice-document{min-width:0}.practice-document article{margin-bottom:24px}.practice-document h2{margin-bottom:16px}.practice-document .document-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:18px;line-height:1.8}.document-header{border:1px solid var(--practice-border);border-radius:8px;margin-bottom:24px;overflow:hidden}.document-header>div{overflow-wrap:anywhere;grid-template-columns:85px minmax(0,1fr);gap:12px;padding:10px 14px;display:grid}.document-header>div+div{border-top:1px solid var(--practice-border)}.document-header dt{font-weight:600}.practice-group-nav{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.practice-group-nav button{border:1px solid var(--practice-border);border-radius:8px;min-width:44px;min-height:44px}.practice-group-nav button[aria-current=step]{border-color:var(--practice-blue);color:var(--practice-blue);background:#eff6ff}.practice-group-nav button[data-answered=true]:after{content:"";background:var(--practice-blue);border-radius:50%;width:5px;height:5px;margin:0 auto;display:block}.practice-media img{object-fit:contain;border-radius:10px;width:100%;height:auto;max-height:380px;margin-bottom:18px}.practice-audio{border:1px solid var(--practice-border);border-radius:12px;margin-bottom:20px;padding:16px}.practice-audio-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.practice-audio input[type=range]{width:100%;accent-color:var(--practice-blue);min-height:32px}.practice-shell textarea,.practice-shell select{border:1px solid var(--practice-border);background:#fff;border-radius:8px;width:100%;min-height:48px;padding:10px 12px}.practice-shell textarea{resize:vertical;min-height:82px}.practice-filters{gap:16px;margin:24px 0;display:grid}.practice-filters label{gap:6px;font-size:14px;display:grid}.practice-filters input{border:1px solid var(--practice-border);border-radius:8px;width:100%;min-width:0;min-height:48px;padding:10px 12px}.practice-filter-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.practice-timer{z-index:10;border:1px solid var(--practice-border);font-variant-numeric:tabular-nums;background:#eff6ff;border-radius:8px;margin:14px 0;padding:12px 16px;position:sticky;top:0}.practice-shell table{border-collapse:collapse;min-width:100%;font-size:14px}.practice-shell th,.practice-shell td{border:1px solid var(--practice-border);text-align:left;padding:10px 12px}.practice-scroll-table{margin:16px 0;overflow-x:auto}.practice-shell details{margin:20px 0}.practice-shell summary{cursor:pointer;min-height:44px;color:var(--practice-blue);padding:10px 0}.practice-lesson{border-top:1px solid var(--practice-border);gap:20px;padding-top:18px;display:grid}.practice-skip{z-index:100;color:#14213d;background:#fff;padding:10px;position:absolute;top:-80px;left:16px}.practice-skip:focus{top:8px}@media (min-width:960px){.practice-main{padding-top:30px}.practice-main.wide{padding:30px 40px 48px}.practice-main.wide h1{font-size:40px}.practice-split .practice-document h2{font-size:28px}.practice-split .document-body,.practice-split .document-header{font-size:20px}.practice-split .practice-question legend{font-size:24px}.practice-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.practice-split>.practice-document{border-right:1px solid var(--practice-border);max-height:calc(100dvh - 40px);padding-right:36px;position:sticky;top:20px;overflow-y:auto}}@media (max-width:380px){.practice-main{padding-left:18px;padding-right:18px}.practice-option{gap:10px;padding:12px}}.practice-shell.practice-embedded{border:1px solid var(--practice-border);overflow-wrap:anywhere;border-radius:16px;min-height:0;padding:20px}.practice-embedded .practice-main,.practice-embedded .practice-main.wide{max-width:none;padding:24px 0 0}.practice-embedded .practice-split{display:block}.practice-embedded .practice-split>.practice-document{border-right:0;max-height:none;padding-right:0;position:static;overflow:visible}.practice-embedded .practice-document h2{font-size:21px}.practice-embedded .practice-document .document-body,.practice-embedded .document-header{font-size:16px}.practice-embedded .practice-question legend{font-size:19px}.practice-embedded .practice-timer{position:static}.practice-embedded .practice-main>h2{margin-bottom:10px}.practice-inline-toolbar{flex-wrap:wrap;align-items:end;gap:12px 20px;margin-bottom:12px;display:flex}.practice-inline-toolbar>div{flex:240px;min-width:0}.practice-inline-toolbar label{margin-bottom:6px;font-weight:600;display:block}.practice-inline-toolbar select{text-overflow:ellipsis;max-width:100%}.practice-article-reference{border-top:1px solid var(--practice-border);padding-top:12px}.practice-reading-reference>section{margin-top:24px}.practice-reference-group{margin:18px 0}.practice-reference-document{border:1px solid var(--practice-border);background:#f8fafc;border-radius:10px;margin-bottom:16px;padding:16px}.practice-reference-document p{white-space:pre-wrap;margin-top:10px}.practice-reference-question{border-bottom:1px solid var(--practice-border);padding:18px 0}.practice-reference-question h4{margin-bottom:12px;font-weight:600}.practice-reference-question li,.practice-reference-question details p{margin:8px 0}@media (max-width:480px){.practice-shell.practice-embedded{padding:14px}.practice-embedded .practice-results-heading{align-items:start}.practice-embedded .practice-results-heading img{width:56px}}