.practice-main{max-width:1000px}.practice-back{text-decoration:none}.practice-back svg{width:15px;height:15px}.practice-hero{text-align:center;padding:27px 0 32px}.practice-hero h1{font-size:clamp(38px,4.6vw,54px);line-height:1.1;letter-spacing:-2.5px;margin:18px 0}.practice-hero h1 span{color:var(--accent)}.practice-hero>p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.practice-panel{border:1px solid var(--line);border-radius:2px;background:var(--surface);box-shadow:var(--shadow);padding:27px}.setup-panel{max-width:740px;margin:0 auto}.panel-heading h2{font-size:23px;letter-spacing:-.7px;line-height:1.3;margin:3px 0 0}.mode-options{border:0;padding:0;margin:23px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-option{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:2px;background:var(--bg);padding:16px;cursor:pointer}.mode-option:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.mode-option input{accent-color:var(--accent);margin:4px 0 0;flex:none}.mode-option strong{display:block;font-size:15px}.mode-option small{display:block;font-size:12px;line-height:1.7;color:var(--muted);margin-top:4px}.setup-fields{display:grid;grid-template-columns:1fr 1.4fr;gap:16px}.practice-field{display:flex;min-width:0;flex-direction:column;gap:6px;font-size:12px;font-weight:600}.practice-field input,.practice-field select{width:100%;min-width:0;border:1px solid var(--line);border-radius:2px;background:var(--bg);color:var(--text);font-size:14px;line-height:1.4;padding:11px 12px;font-weight:400}.practice-field input:focus,.practice-field select:focus{outline:2px solid var(--signal);outline-offset:1px}.selection-hint{font-size:11px;color:var(--muted);line-height:1.8;margin:10px 0 21px}.profile-details{border-top:1px solid var(--line);padding-top:16px}.profile-details summary{cursor:pointer;font-size:12px;font-weight:600}.profile-details summary span{font-weight:400;color:var(--muted);font-size:11px;margin-left:5px}.profile-details>p{font-size:11px;line-height:1.7;color:var(--muted)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:13px 0 22px}.local-caption{font-size:10px;color:var(--muted);line-height:1.8;text-align:center;margin:10px 0 0}.resume-panel{max-width:740px;margin:0 auto 18px;border:1px solid var(--line);background:var(--accent-soft);border-radius:2px;padding:16px 19px;display:flex;align-items:center;justify-content:space-between;gap:15px}.resume-panel strong{font-size:13px}.resume-panel p{font-size:11px;color:var(--muted);margin:4px 0 0}.resume-panel .secondary-button{white-space:nowrap}.history-section{max-width:740px;margin:34px auto 0}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.history-heading h2{font-size:21px}.history-heading .text-button{font-size:10px}.history-item{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);background:var(--surface);padding:14px 17px;border-radius:2px;margin:8px 0}.history-item:hover{border-color:var(--accent)}.history-item strong{display:block;font-size:13px}.history-item small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.history-score{font-size:19px;font-weight:700;color:var(--accent);white-space:nowrap}.practice-notice{max-width:850px;margin:8px auto 15px;padding:12px 14px;border:1px solid var(--line);border-radius:2px;background:var(--surface-soft);font-size:12px;line-height:1.7;color:var(--muted)}.error-note{background:var(--warning-bg);color:var(--warning-text);border-color:transparent}.quiz-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:19px 0 15px}.quiz-topline h1{font-size:29px;line-height:1.3;letter-spacing:-.9px;margin:8px 0 0}.mode-badge{display:inline-flex;font-size:10px;font-weight:650;padding:4px 8px;border-radius:2px;background:var(--accent-soft);color:var(--accent)}.quiz-progress-row{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin-bottom:8px}#quiz-progress{width:100%;height:5px;appearance:none;-webkit-appearance:none;border:0;border-radius:2px;display:block;background:var(--line);overflow:hidden}#quiz-progress::-webkit-progress-bar{background:var(--line)}#quiz-progress::-webkit-progress-value{background:var(--accent);border-radius:2px}#quiz-progress::-moz-progress-bar{background:var(--accent)}.question-map{margin:15px 0 18px}.question-map summary{cursor:pointer;color:var(--muted);font-size:11px}.question-map>div{display:flex;flex-wrap:wrap;gap:6px;max-height:155px;overflow:auto;padding:12px 0 2px}.map-button{width:33px;height:31px;border:1px solid var(--line);border-radius:2px;background:var(--surface);font-size:11px;color:var(--muted)}.map-button.answered{background:var(--accent-soft);color:var(--accent)}.map-button.correct{background:var(--answer-bg);color:var(--good)}.map-button.incorrect{background:var(--warning-bg);color:var(--warning-text)}.map-button[aria-current=true]{border:2px solid var(--accent);color:var(--text);font-weight:700}.question-panel{padding:25px 28px}.question-topic{color:var(--muted);font-size:10px;line-height:1.7;margin:0 0 10px}.question-panel h2{font-size:23px;line-height:1.55;letter-spacing:-.45px;font-weight:650;margin:0 0 12px;outline:0}.choice-instruction{font-size:11px;color:var(--muted);margin:0 0 17px}#choices{border:0;padding:0;margin:0;display:grid;gap:9px}.choice-row{position:relative;display:flex;align-items:flex-start;gap:11px;padding:14px 15px;border:1px solid var(--line);border-radius:2px;cursor:pointer;background:var(--bg);font-size:14px;line-height:1.65}.choice-row input{flex:none;margin:5px 0 0;accent-color:var(--accent);width:16px;height:16px}.choice-row:has(input:checked){background:var(--accent-soft);border-color:var(--accent)}.choice-row.correct{background:var(--accent-soft);border-color:var(--good);color:var(--good)}.choice-row.incorrect{background:var(--warning-bg);border-color:var(--warning-text);color:var(--warning-text)}.choice-row.locked{cursor:default}.choice-row input:disabled{opacity:1}.choice-feedback{display:block;font-size:10px;font-weight:700;margin-top:3px}.question-feedback{padding:16px 18px;border-radius:2px;margin-top:18px;background:var(--answer-bg);color:var(--good);font-size:13px;line-height:1.8}.question-feedback.incorrect{background:var(--warning-bg);color:var(--warning-text)}.question-feedback strong{font-size:15px;display:block}.question-feedback ul{margin:7px 0 0;padding-left:20px}.practice-caveat{margin-top:13px;background:var(--warning-bg);color:var(--warning-text);padding:11px 13px;border-radius:2px;font-size:11px;line-height:1.8}.practice-caveat summary{cursor:pointer;font-weight:600}.practice-caveat p{margin:8px 0 3px}.practice-caveat a{font-size:10px;text-underline-offset:2px}.quiz-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.quiz-actions>div{display:flex;gap:8px}.quiz-actions .primary-button{width:auto;min-width:139px;margin:0;padding:11px 17px}.quiz-actions .secondary-button{min-height:43px}.quiz-actions .primary-button:disabled{background:var(--line);color:var(--muted);opacity:1;cursor:default}.back-to-settings{display:flex;margin:15px auto 0;font-size:11px}.result-hero{padding-bottom:20px}.result-hero h1{font-size:37px;letter-spacing:-1.5px;margin-bottom:0}.result-summary{text-align:center}.result-percent{font-size:66px;font-weight:750;color:var(--accent);line-height:1.1;letter-spacing:-3px}.result-summary>p{font-size:14px;margin:12px 0}.result-summary .result-meta{font-size:11px;color:var(--muted);line-height:1.8;white-space:pre-line}.result-summary.not-passed .result-percent{color:var(--warning-text)}.result-summary.not-passed .mode-badge{color:var(--warning-text);background:var(--warning-bg)}.result-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:center;margin-top:21px}.result-actions .primary-button{width:auto;margin:0;padding:11px 15px;font-size:12px}.result-actions svg{width:15px;height:15px}.review-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:31px 0 17px}.review-heading h2{font-size:24px;letter-spacing:-.6px;margin:2px 0 0}.review-tabs{display:flex;background:var(--surface-soft);border:1px solid var(--line);border-radius:2px;padding:3px}.review-tabs button{padding:7px 10px;color:var(--muted);border-radius:2px;font-size:11px}.review-tabs button.selected{background:var(--surface);color:var(--accent);box-shadow:0 1px 4px #0000000b}.review-card{padding:20px 23px;border:1px solid var(--line);border-radius:2px;background:var(--surface);margin-bottom:12px}.review-card h3{font-size:16px;line-height:1.6;margin:8px 0 13px;font-weight:650}.review-number{font-size:10px;color:var(--muted)}.review-answer-label{font-size:10px;font-weight:650;color:var(--muted);margin:11px 0 4px}.review-card ul{margin:0;padding-left:20px;font-size:13px;line-height:1.8}.review-card .review-correct{color:var(--good)}.review-card .review-wrong{color:var(--warning-text)}.review-empty{padding:24px;text-align:center;background:var(--accent-soft);border-radius:2px;font-size:13px;color:var(--good)}.practice-footnote{margin:32px auto 0;display:flex;align-items:flex-start;gap:9px;padding-top:17px;border-top:1px solid var(--line);color:var(--muted)}.practice-footnote svg{width:15px;height:15px;margin-top:2px}.practice-footnote p{margin:0;font-size:10px;line-height:1.8}.confirm-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.confirm-heading h2{font-size:22px;margin:0}#confirm-text{font-size:13px;color:var(--muted);line-height:1.8}.confirm-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:19px}.confirm-actions .primary-button{width:auto;margin:0}.confirm-actions .secondary-button{min-width:100px}
@media(max-width:680px){.practice-hero{padding-top:17px;padding-bottom:26px}.practice-hero h1{font-size:43px;letter-spacing:-2px}.practice-hero>p{font-size:12px}.practice-panel{padding:21px}.mode-options{gap:9px}.mode-option{padding:13px 11px;gap:7px}.mode-option strong{font-size:13px}.mode-option small{font-size:11px}.setup-fields{grid-template-columns:1fr;gap:13px}.resume-panel{padding:13px;gap:10px}.resume-panel strong{font-size:11px}.resume-panel p{font-size:10px}.resume-panel .secondary-button{font-size:10px;padding:9px 11px}.profile-grid{gap:11px}.quiz-topline h1{font-size:26px}.question-panel h2{font-size:19px;line-height:1.6}.choice-row{font-size:13px;padding:12px}.quiz-actions .primary-button{font-size:12px;min-width:115px;padding:10px 13px}.quiz-actions .secondary-button{font-size:11px;padding:10px}.quiz-actions .secondary-button svg{width:13px}.result-percent{font-size:58px}.review-card{padding:17px}.review-card h3{font-size:15px}.review-heading h2{font-size:21px}.result-hero h1{font-size:32px}.practice-back{font-size:11px}.practice-back svg{width:13px;height:13px}.panel-heading h2{font-size:21px}.history-score{font-size:17px}.history-item strong{font-size:11px}}
@media(max-width:370px){.practice-hero h1{font-size:37px}.practice-panel{padding:17px}.mode-options{grid-template-columns:1fr}.mode-option{padding:12px}.quiz-actions{gap:7px}.quiz-actions .primary-button{min-width:99px;padding:10px 9px}.quiz-actions .secondary-button{padding:10px 8px}.quiz-actions svg{width:13px}.question-panel h2{font-size:18px}.choice-row{font-size:12px;padding:11px}.profile-grid{grid-template-columns:1fr}.review-tabs button{font-size:10px;padding:6px 8px}.review-heading h2{font-size:19px}.resume-panel{align-items:flex-start;flex-direction:column}.history-heading .text-button{font-size:9px}.quiz-progress-row{font-size:9px}.practice-back span{max-width:85px}.practice-back{gap:5px}.site-header nav{gap:5px}}

/* The personal trainer shares the reference site's technical visual language. */
.practice-hero{max-width:740px;margin:auto;text-align:left;border-top:1px solid var(--text);padding:30px 0 29px}
.practice-hero h1{font-size:clamp(42px,5vw,59px);line-height:1.03;letter-spacing:-2.7px;margin:17px 0}
.practice-hero>p{font-size:13px;line-height:1.8}
.practice-panel{border-color:var(--line);box-shadow:5px 5px 0 var(--line)}
.setup-panel{border-top:4px solid var(--ink);padding:28px}
.mode-options{gap:0;border:1px solid var(--text);margin:23px 0}
.mode-option{border:0;border-radius:0;padding:18px 15px;background:var(--surface)}
.mode-option+.mode-option{border-left:1px solid var(--text)}
.mode-option:has(input:checked){background:var(--ink);color:#ffffff}
.mode-option:has(input:checked) small{color:#d0ebfc}
.mode-option:has(input:checked) input{accent-color:var(--on-blue)}
.mode-option small{font-size:11px}
.practice-field input,.practice-field select{min-height:44px;border-color:var(--line)}
.profile-details{margin-bottom:20px;padding-top:17px}
.profile-details summary{font-size:12px}
.resume-panel{border-color:var(--line);background:var(--surface-soft);box-shadow:3px 3px 0 var(--line)}
.history-item{border-left:4px solid var(--text)}
.quiz-topline{background:var(--ink);color:#ffffff;padding:20px 22px;margin-top:18px;border-top:4px solid var(--signal)}
.quiz-topline .text-button{color:#d6eefc}
.quiz-topline .text-button:hover{color:var(--on-blue)}
.mode-badge{background:var(--on-blue);color:var(--ink);font:9px ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.5px;padding:5px 8px}
.quiz-topline h1{font-size:28px;margin-top:9px}
.quiz-progress-row{font:10px ui-monospace,Consolas,monospace;margin-top:19px}
#quiz-progress{height:5px}
#quiz-progress::-webkit-progress-value{background:var(--signal)}
#quiz-progress::-moz-progress-bar{background:var(--signal)}
.map-button{border-color:var(--line)}
.map-button.correct{background:var(--answer-bg);color:var(--good)}
.question-panel{border-top:3px solid var(--text)}
.question-topic{font:9px ui-monospace,Consolas,monospace;letter-spacing:.4px;text-transform:uppercase;line-height:1.65;margin-bottom:13px}
.question-panel h2{font-weight:700}
.choice-row:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.choice-row.correct{background:var(--answer-bg);border-color:var(--good);color:var(--good)}
.choice-row.incorrect{background:var(--warning-bg);border-color:var(--warning-text)}
.question-feedback{background:var(--answer-bg);border-left:3px solid var(--good)}
.question-feedback.incorrect{border-color:var(--warning-text)}
.result-hero{max-width:none;padding-bottom:22px}
.result-hero h1{font-size:41px}
.result-summary{background:var(--ink);color:#ffffff;padding:30px}
.result-percent{color:var(--on-blue);font-size:75px;letter-spacing:-4px}
.result-summary .result-meta{color:#d6eefc}
.result-summary .secondary-button{color:#ffffff;border-color:#5f9fc5}
.result-summary .secondary-button:hover{background:#00598c}
.result-summary.not-passed .result-percent{color:#f5bec9}
.review-tabs{padding:0;background:transparent;border-color:var(--text)}
.review-tabs button{padding:9px 14px;border-radius:0}
.review-tabs button.selected{background:var(--ink);color:#ffffff;box-shadow:none}
.review-card{border-left:4px solid var(--line);padding:22px 24px}
.review-number{font:9px ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.6px}
.review-empty{background:var(--answer-bg)}
@media(max-width:680px){.practice-hero{padding:23px 0 26px}.practice-hero h1{font-size:46px;letter-spacing:-2.2px}.practice-hero>p{font-size:12px}.setup-panel{padding:20px}.practice-panel{box-shadow:4px 4px 0 var(--line)}.mode-option{padding:15px 11px}.quiz-topline{padding:17px}.quiz-topline h1{font-size:26px}.question-panel{padding:21px}.result-summary{padding:25px 18px}.result-percent{font-size:66px}.result-hero h1{font-size:34px}.review-card{padding:18px}.review-tabs button{padding:8px 10px}}
@media(max-width:370px){.practice-hero h1{font-size:40px;letter-spacing:-2px}.setup-panel,.question-panel{padding:17px}.mode-options{grid-template-columns:1fr}.mode-option+.mode-option{border-left:0;border-top:1px solid var(--text)}.quiz-topline{padding:14px}.quiz-topline h1{font-size:23px}.quiz-progress-row{font-size:9px}.review-tabs button{font-size:10px;padding:7px 8px}.question-panel h2{font-size:18px}.quiz-actions .primary-button{min-width:94px;font-size:11px}.quiz-actions .secondary-button{font-size:10px}.result-hero h1{font-size:31px}}

.practice-hero{border-color:var(--line)}
.practice-hero h1{font-weight:500;letter-spacing:-2px;font-size:clamp(41px,4.7vw,56px)}
.practice-hero .eyebrow,.question-topic,.quiz-progress-row,.review-number{font-family:Roboto,Arial,sans-serif}
.practice-panel{box-shadow:0 4px 18px #00527a09}
.setup-panel{border-top-color:var(--signal)}
.panel-heading h2{font-weight:500}
.mode-options,.mode-option+.mode-option{border-color:var(--line)}
.mode-option strong{font-weight:500}
.mode-option:has(input:checked){background:var(--ink)}
.mode-option:has(input:checked) input{accent-color:#fff}
.quiz-topline{border-top-color:var(--signal)}
.mode-badge{font-family:Roboto,Arial,sans-serif;letter-spacing:.4px;background:#e8f4fc;color:#006ba7}
.question-panel{border-top-color:var(--signal)}
.question-panel h2{font-weight:500}
.result-summary .mode-badge{background:#e8f4fc;color:#006ba7}
.result-percent{color:#fff;font-weight:500}
.result-summary .secondary-button:hover{background:#005789}
.review-tabs button.selected{color:#fff}
@media(max-width:680px){.practice-hero h1{font-size:44px;letter-spacing:-1.8px}.practice-panel{box-shadow:0 3px 14px #00527a0a}.result-hero h1{font-size:34px}}
@media(max-width:370px){.practice-hero h1{font-size:38px;letter-spacing:-1.5px}.result-hero h1{font-size:31px}}