:root{color-scheme:light;--ink:#172c47;--muted:#647286;--blue:#2463ae;--border:#dce3ec;--canvas:#f3f5f8;--green:#008000;--red:#ac3341;--radius:20px;font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink)}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--blue);text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #68a8ec;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font:500 clamp(1.7rem,3.2vw,2.3rem)/1.3 Georgia,"Times New Roman",serif;letter-spacing:-.025em}h2{font-size:1.25rem;line-height:1.4}h3{font-size:1.05rem}small{font-size:.82rem}p+p{margin-top:12px}button:disabled{cursor:default;opacity:.48}[hidden]{display:none!important}.site-header,.navigation,.workspace,.site-footer{width:min(1040px,calc(100% - 48px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding:32px 0 25px}.brand{display:flex;gap:13px;align-items:center;color:var(--ink);text-decoration:none}.brand-mark{width:46px;height:46px;background:var(--ink);color:white;display:grid;place-items:center;border-radius:12px;font:35px Georgia}.brand strong{display:block;font-size:1.1rem}.brand small{display:block;color:var(--muted);margin-top:3px}.edition{color:var(--muted);font-size:.8rem}.navigation{display:flex;gap:6px;border-bottom:1px solid var(--border);padding-bottom:10px;overflow-x:auto}.navigation a{font-weight:600;font-size:.9rem;text-decoration:none;color:var(--muted);padding:9px 14px;white-space:nowrap;border-radius:9px}.navigation a[aria-current=page]{background:#e2ebf7;color:var(--blue)}.navigation a[aria-disabled=true]{opacity:.45;cursor:default}.workspace{padding:32px 0 0;min-height:55vh}.page-heading{margin-bottom:24px}.page-heading p{color:var(--muted);max-width:740px;margin-top:10px}.eyebrow{text-transform:uppercase;font-size:.72rem;letter-spacing:.11em;font-weight:700;color:var(--blue);margin-bottom:9px}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:30px;box-shadow:0 5px 22px #172c4705}.card+.card{margin-top:20px}.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(265px,1fr);gap:22px;align-items:start}.split>.card{margin:0}.settings-block+.settings-block{border-top:1px solid var(--border);margin-top:25px;padding-top:25px}.settings-block h2{margin-bottom:14px}.muted,.hint{color:var(--muted);font-size:.9rem}.hint{margin-top:9px}.field-label{display:block;font-size:.86rem;font-weight:600;margin-bottom:7px}.choice-row{display:flex;gap:10px;flex-wrap:wrap}.choice-row label,.topic-choice{display:flex;align-items:center;gap:9px;cursor:pointer}input[type=radio],input[type=checkbox]{accent-color:var(--blue);width:19px;height:19px;flex:0 0 auto;margin:0}input[type=number],input[type=search],select{color:var(--ink);background:#fff;border:1px solid #b9c5d4;border-radius:9px;padding:10px 12px;min-height:46px;max-width:100%;font-size:1rem}input[type=number]{width:140px}input[type=search]{width:100%}select{width:100%;text-overflow:ellipsis}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.topic-choice{padding:10px 11px;border:1px solid var(--border);border-radius:10px;font-size:.84rem;line-height:1.35}.topic-choice:has(input:checked){background:#f2f7fe;border-color:#a8c4e8}.topic-choice small{color:var(--muted);margin-left:auto;white-space:nowrap}.all-topics{display:flex;gap:9px;align-items:center;margin:18px 0 8px;font-size:.9rem;font-weight:600}.presets{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.preset{border:1px solid var(--border);background:white;color:var(--ink);border-radius:8px;min-width:42px;padding:7px 12px;min-height:42px}.preset[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.input-line{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.info-bubble{position:relative;display:inline-block}.info-bubble summary{list-style:none;cursor:pointer;border:1px solid #afbac9;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-family:Georgia,serif}.info-bubble summary::-webkit-details-marker{display:none}.info-bubble p{position:absolute;z-index:4;left:0;top:32px;width:min(300px,70vw);background:var(--ink);color:white;padding:14px;border-radius:10px;font-size:.83rem;box-shadow:0 5px 25px #0002}.notice{font-size:.88rem;border:1px solid #c9d9ed;background:#edf4fe;border-radius:12px;padding:14px 16px;margin-bottom:18px}.notice.warn{border-color:#e8cf99;background:#fff8e9;color:#765016}.eligibility{margin-top:18px;border-left:3px solid #a6b3c5;padding:9px 0 9px 14px;font-size:.85rem;color:var(--muted)}.eligibility.good{border-color:var(--green);color:var(--green)}.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:10px;padding:12px 20px;min-height:48px;font-weight:600;text-decoration:none;font-size:.95rem}.primary-button{background:var(--blue);color:white}.primary-button:hover:not(:disabled){background:#194e91}.secondary-button{background:#fff;border-color:#bfcbd9;color:var(--ink)}.danger-button{color:var(--red);background:#fff5f5;border-color:#e8bfc3}.wide{width:100%;margin-top:22px}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.text-button{border:0;background:transparent;color:var(--blue);padding:8px 0;font-size:.9rem;text-align:left;text-decoration:underline;text-underline-offset:3px}.mode-option{display:flex;align-items:start;gap:11px;border:1px solid var(--border);border-radius:12px;padding:16px;margin-top:9px;cursor:pointer}.mode-option input{margin-top:4px}.mode-option:has(input:checked){background:#f1f6fd;border-color:#97b8e3}.mode-option strong{font-size:.93rem;display:block}.mode-option small{color:var(--muted);display:block;margin-top:4px;line-height:1.5}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.fact strong{display:block;font-size:1.7rem;font-weight:600;line-height:1.3}.fact span{font-size:.78rem;color:var(--muted)}.rule-list{padding-left:19px;color:var(--muted);font-size:.9rem}.rule-list li+li{margin-top:10px}.quiz-card{max-width:880px;margin:auto;padding:0;overflow:hidden}.progress-panel{padding:22px 30px;background:#fafbfd;border-bottom:1px solid var(--border)}.progress-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.87rem}.timer{font-variant-numeric:tabular-nums;white-space:nowrap}.timer strong{font-size:1.08rem}.timer.urgent{color:var(--red)}progress{appearance:none;width:100%;height:5px;border:0;display:block;margin-top:17px;border-radius:9px;overflow:hidden;background:#e5ebf2}progress::-webkit-progress-bar{background:#e5ebf2}progress::-webkit-progress-value{background:var(--blue);border-radius:9px}progress::-moz-progress-bar{background:var(--blue)}.question-content{padding:30px}.question-tag{font-size:.76rem;letter-spacing:.03em;color:var(--muted);margin-bottom:14px}.question-content h1,.study-question{font:500 clamp(1.2rem,2.6vw,1.55rem)/1.5 Georgia,"Times New Roman",serif;letter-spacing:0;overflow-wrap:anywhere}.question-content fieldset{padding:0;margin:24px 0 0;border:0;min-width:0}.question-content legend{font-size:.85rem;color:var(--muted);padding:0;margin-bottom:12px}.options{display:grid;gap:10px}.option{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--border);border-radius:11px;padding:15px;font-size:.95rem;line-height:1.5;cursor:pointer}.option input{margin-top:3px}.option:has(input:checked){background:#edf4ff;border-color:#8ab1e1}.option.correct{background:#edf8f2;border-color:#95cbb3}.option.incorrect{background:#fff0f1;border-color:#dfadb4}.option-number{flex:0 0 auto;color:var(--muted);font-size:.85rem;padding-top:1px}.option-label{display:block;font-size:.74rem;color:var(--green);font-weight:600;margin-bottom:3px}.option.incorrect .option-label{color:var(--red)}.feedback{border-radius:12px;padding:20px;margin-top:24px;background:#edf8f2;border:1px solid #bddccc}.feedback.wrong{background:#fff5f5;border-color:#ebc6cd}.feedback h2{color:var(--green);margin-bottom:14px}.feedback.wrong h2{color:var(--red)}.feedback-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;margin:13px 0 6px}.correct-list{padding-left:23px;margin:0;font-size:.93rem}.explanation{font-size:.94rem;margin-top:17px}.law-block{border-top:1px solid #cfdbd5;margin-top:18px;padding-top:4px}.source-links{display:flex;gap:8px 16px;flex-wrap:wrap;margin-top:10px;font-size:.8rem}.source-links a{overflow-wrap:anywhere}.actions{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:24px}.question-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:880px;margin:15px auto 0}.question-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.question-grid button{min-width:44px;height:44px;padding:0 5px;background:#fff;border:1px solid var(--border);border-radius:7px;font-size:.8rem;color:var(--ink)}.question-grid button.answered{background:#e4eefb;border-color:#a9c6e9}.question-grid button.current{box-shadow:0 0 0 2px var(--blue);border-color:var(--blue)}.exam-nav{max-width:880px;margin:20px auto 0}.exam-nav summary{cursor:pointer;font-size:.9rem;color:var(--muted)}.result-top{text-align:center}.result-score{font:500 4.5rem/1.1 Georgia,serif;margin:22px 0 9px}.result-score small{font-size:2rem;color:#8392a5}.result-metrics{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;margin:20px 0}.result-metrics strong{display:block;font-size:1.15rem}.result-metrics span{display:block;font-size:.78rem;color:var(--muted)}.result-top .button-row{justify-content:center}.badge{display:inline-flex;padding:4px 9px;border-radius:6px;background:#edf2f8;color:#586c86;font-size:.72rem;font-weight:600}.badge.good{color:var(--green);background:#e8f5ed}.badge.warn{color:#866222;background:#fff5dc}.study-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.study-toolbar .full{grid-column:1/-1}.study-card .options{margin-top:22px}.study-card .option{cursor:default}.study-card .button-row{justify-content:space-between}.study-card h1{margin-bottom:20px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.filter-row button{border:1px solid var(--border);border-radius:20px;padding:7px 13px;background:#fff;min-height:38px;font-size:.83rem}.filter-row button[aria-pressed=true]{background:var(--ink);color:#fff}.stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.stats-summary strong{font-size:2rem;display:block;font-weight:500}.stats-summary span{font-size:.82rem;color:var(--muted)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:.88rem;text-align:left}th{font-size:.73rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}th,td{padding:13px 10px;border-bottom:1px solid var(--border);vertical-align:top}td:first-child,th:first-child{padding-left:0}td strong{font-weight:600}.error-rate{display:block;font-size:.75rem;color:var(--muted)}.meter{display:block;height:5px;background:#edf0f5;border-radius:8px;width:100%;max-width:160px;margin-top:8px;overflow:hidden}.meter i{height:100%;display:block;background:#c07952}.attempt-card{border-top:1px solid var(--border);padding:19px 0}.attempt-card:first-child{border:0}.attempt-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.attempt-head h3{font-size:.95rem}.attempt-meta{display:flex;flex-wrap:wrap;gap:6px 17px;font-size:.83rem;color:var(--muted);margin:9px 0}.attempt-card details{font-size:.83rem;color:var(--muted);margin-top:10px}.attempt-card summary{cursor:pointer}.attempt-card ul{padding-left:18px}.document-item{padding:22px 0;border-bottom:1px solid var(--border)}.document-item:last-child{border:0}.document-item h2{font-size:1rem;font-weight:600}.document-item .source-links{font-size:.86rem}.source-note{font-size:.79rem;color:var(--muted);line-height:1.55;margin-top:17px}.site-footer{padding:26px 0 30px;color:var(--muted);font-size:.76rem}.site-footer p+p{margin-top:4px}.site-footer .text-button{font-size:.76rem}.empty{padding:20px 0;color:var(--muted);text-align:center}.skip-link{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:10}.skip-link:focus{top:10px}dialog{border:1px solid var(--border);border-radius:18px;padding:28px;max-width:470px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 15px 90px #0003}dialog::backdrop{background:#10233b66}dialog h2{margin-bottom:13px}dialog p{font-size:.94rem}dialog[open]{z-index:100}body.modal-fallback::after{content:"";position:fixed;inset:0;background:#10233b66;z-index:90}body.modal-fallback dialog{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0}.empty a{display:inline-block;margin-top:10px}@media(max-width:750px){.split{grid-template-columns:1fr}.topic-grid{grid-template-columns:1fr 1fr}.edition{display:none}.navigation a{padding:9px 11px}.stats-summary{gap:8px}}@media(max-width:520px){.site-header,.navigation,.workspace,.site-footer{width:calc(100% - 28px)}.site-header{padding:22px 0 18px}.brand strong{font-size:.98rem}.brand small{font-size:.73rem}.brand-mark{width:41px;height:41px}.navigation{gap:0}.navigation a{font-size:.81rem}.workspace{padding-top:24px}.card{padding:20px;border-radius:15px}.quiz-card{padding:0}.question-content{padding:23px 19px}.progress-panel{padding:18px 19px}.progress-meta{font-size:.77rem;flex-wrap:wrap;gap:7px}.topic-grid{grid-template-columns:1fr}.actions{flex-direction:column;align-items:stretch;gap:12px}.actions .hint{margin:0}.option{font-size:.92rem;padding:13px;gap:10px}.button-row>*{flex:1 1 auto}.study-toolbar{grid-template-columns:1fr}.study-toolbar .full{grid-column:auto}.study-card .button-row button{flex:0 1 auto}.facts{gap:7px}.fact strong{font-size:1.5rem}.stats-summary strong{font-size:1.6rem}.stats-summary span{font-size:.74rem}.question-tools{align-items:flex-start;font-size:.83rem}.feedback{padding:16px}.info-bubble p{left:auto;right:-65px}.result-score{font-size:3.7rem}.result-metrics{gap:15px}th,td{padding:11px 7px;font-size:.8rem}.table-scroll table:not(.responsive-table){min-width:400px}.attempt-head{flex-wrap:wrap}.source-links{display:block}.source-links a{display:inline-block;margin:4px 14px 4px 0}.hint{font-size:.84rem}}@media(prefers-reduced-motion:no-preference){button,a, .option{transition:background-color .14s,border-color .14s}}@media print{body{background:#fff}.site-header,.navigation,.site-footer,button,.study-toolbar,.question-tools,.exam-nav{display:none}.workspace{width:100%;padding:0}.card{border:0;box-shadow:none;padding:0}.card+.card{margin-top:25px}a{color:inherit;text-decoration:none}.table-scroll{overflow:visible}.attempt-card{break-inside:avoid}}

/* Mobile layout uses the same questions, answers and session as desktop. */
.feedback-title{display:flex;align-items:center;gap:10px}
.feedback-icon{display:block;width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.feedback.neutral{background:#f4f6fa;border-color:var(--border)}
.feedback.neutral h2{color:var(--ink)}
.nav-icon,.nav-short,.mobile-only{display:none}
.nav-icon{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mode-summary{margin-top:14px;padding:12px 14px;background:#edf4fe;border-radius:10px;font-size:.9rem}
.complexity-label{margin-top:22px}
@media screen and (max-width:700px), screen and (max-width:940px) and (max-height:500px) and (pointer:coarse){
 html{scroll-padding-top:122px;scroll-padding-bottom:110px;-webkit-text-size-adjust:100%}
 body{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom,0px))}
 .site-header,.workspace,.site-footer{width:auto;max-width:none;margin-left:max(12px,env(safe-area-inset-left,0px));margin-right:max(12px,env(safe-area-inset-right,0px))}
 .site-header{padding-top:max(18px,env(safe-area-inset-top,0px));padding-bottom:18px}
 .site-header .brand strong{font-size:1rem}.site-header .brand small{font-size:.8125rem}
 .navigation{position:fixed;inset:auto 0 0;z-index:30;width:auto;max-width:none;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;overflow:visible;border:0;border-top:1px solid var(--border);background:#fff;box-shadow:0 -4px 24px #172c4708;padding:6px max(5px,env(safe-area-inset-right,0px)) max(6px,env(safe-area-inset-bottom,0px)) max(5px,env(safe-area-inset-left,0px))}
 .navigation a{min-width:0;min-height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 0;font-size:.8125rem;line-height:1.3;white-space:normal;text-align:center;border-radius:10px}
 .navigation .nav-icon,.navigation .nav-short{display:block}.navigation .nav-full{display:none}
 .navigation a span{max-width:100%;overflow-wrap:anywhere}
 .navigation a[aria-current=page]{background:#e8f0fc;color:#194f95}
 .workspace{padding-top:6px}.page-heading{margin-bottom:20px}.page-heading h1{font-size:1.75rem;line-height:1.3}.page-heading p{font-size:1rem}
 .split{grid-template-columns:minmax(0,1fr);gap:18px}.card{padding:20px;border-radius:16px;min-width:0}
 .hint,.muted,.field-label,.topic-choice,.mode-option small,.source-links,.question-tag,.filter-row button{font-size:.875rem}
 .source-note,.site-footer{font-size:.8125rem}.eyebrow{font-size:.75rem}
 .choice-row{display:grid;grid-template-columns:1fr;gap:8px}.choice-row label{padding:12px;border:1px solid var(--border);border-radius:10px;min-height:48px;font-size:1rem}
 .choice-row label:has(input:checked){border-color:#97b8e3;background:#f1f6fd}
 .topic-grid{grid-template-columns:1fr;gap:8px}.topic-choice{padding:12px;min-height:50px}.topic-choice span{min-width:0;overflow-wrap:anywhere}.all-topics{min-height:48px;font-size:1rem}
 input[type=checkbox],input[type=radio]{width:22px;height:22px}
 input[type=number],input[type=search],select{font-size:1rem;min-height:50px;width:100%;min-width:0}
 .input-line{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px}.input-line>input{width:100%}.input-line>.muted{grid-column:1/-1}
 .info-bubble summary{width:44px;height:44px}.info-bubble p{left:auto;right:0;top:48px;width:min(290px,calc(100vw - 64px));max-width:none;font-size:.875rem}
 .presets{gap:8px}.preset{min-width:48px;min-height:48px;padding:9px 12px;font-size:1rem}
 .primary-button,.secondary-button,.danger-button{min-height:50px;font-size:1rem;padding:12px 16px;white-space:normal;overflow-wrap:anywhere}
 .text-button{min-height:44px;display:inline-flex;align-items:center;font-size:.875rem}.mode-option{padding:14px;gap:12px}.mode-option strong{font-size:1rem}.mode-option small{line-height:1.55}
 .button-row{gap:10px}.button-row>*{min-width:0}.facts{gap:14px}.fact span{font-size:.875rem}
 .study-toolbar{grid-template-columns:minmax(0,1fr);gap:16px}.study-toolbar .full{grid-column:auto}
 .study-card .button-row{display:grid;grid-template-columns:1fr 1fr}.study-card .button-row button{padding-inline:7px;font-size:.875rem}
 .option{min-height:56px;padding:15px 13px;gap:12px;font-size:1rem;line-height:1.55}.option>span:last-child{min-width:0;overflow-wrap:anywhere}.option input{margin-top:2px}.option-label{font-size:.8125rem}
 .feedback{padding:17px;scroll-margin-top:12px}.correct-list,.explanation{font-size:1rem}.source-links{display:flex;flex-direction:column;gap:8px}.source-links a{display:block;margin:0;min-height:44px;padding:10px 12px;border:1px solid #c8d8e8;background:#ffffffa8;border-radius:8px;line-height:1.5;overflow-wrap:anywhere}
 .filter-row button{min-height:44px;padding:10px 14px}.result-score{font-size:3.75rem}.result-metrics{gap:18px}.result-metrics span{font-size:.8125rem}.result-top .button-row{display:grid;grid-template-columns:1fr}.result-metrics strong{font-size:1.125rem}
 .stats-summary{grid-template-columns:1fr;gap:0;margin-block:16px}.stats-summary>div{display:flex;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid var(--border)}.stats-summary strong{min-width:44px;font-size:2rem}.stats-summary span{font-size:1rem}
 .table-scroll{overflow:visible}.table-scroll .responsive-table,.responsive-table tbody{display:block;min-width:0;max-width:100%;width:100%}
 .responsive-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .responsive-table tbody tr{display:grid;min-width:0;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px;padding:20px 0;border-bottom:1px solid var(--border)}
 .responsive-table th[scope=row]{display:block;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;grid-column:1/-1;border:0;padding:0;font-size:1rem;line-height:1.45;font-weight:600;color:var(--ink);text-transform:none;letter-spacing:0}
 .responsive-table td{display:block;max-width:100%;white-space:normal;border:0;padding:0;font-size:1rem;min-width:0;overflow-wrap:anywhere;line-height:1.4}
 .responsive-table td::before{content:attr(data-label);display:block;font-size:.8125rem;color:var(--muted);margin-bottom:7px;line-height:1.4}.error-rate{font-size:.8125rem;line-height:1.4;margin-top:5px}
 .attempt-head{flex-direction:column;gap:10px}.attempt-head h3{font-size:1rem}.attempt-meta{font-size:.875rem;gap:7px 15px}.attempt-card details{font-size:.875rem}.attempt-card summary{min-height:44px;padding:10px 0}.badge{font-size:.8125rem}
 .document-item h2{font-size:1rem}.document-item .source-links{font-size:.875rem}
 dialog{padding:22px;width:calc(100% - 24px);max-height:calc(100dvh - 32px);overflow:auto;border-radius:18px}dialog .button-row{display:grid;grid-template-columns:1fr}dialog .button-row button{width:100%}
 body[data-page=quiz] .site-header,body[data-page=quiz] .navigation{display:none}
 body[data-page=quiz] .workspace{padding-top:12px}
 body[data-page=quiz] .quiz-card{padding:0;overflow:visible}
 body[data-page=quiz] .progress-panel{position:sticky;top:0;z-index:15;padding:12px 16px;border-radius:15px 15px 0 0;background:#fafbfd;box-shadow:0 4px 12px #172c4706;padding-top:max(12px,env(safe-area-inset-top,0px))}
 .progress-mode{display:none}.progress-meta{flex-wrap:nowrap;gap:10px;font-size:.875rem}.progress-panel progress{margin-top:10px}.progress-panel .hint{font-size:.8125rem;margin-top:8px}.timer strong{font-size:1.125rem}
 .question-content{padding:23px 18px}.question-content h1,.study-question{font-size:1.25rem;line-height:1.55}.question-content legend{font-size:.875rem;margin-bottom:14px}
 body[data-page=quiz] .actions,body[data-page=quiz] .checkpoint-actions{position:fixed;inset:auto 0 0;z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin:0;padding:10px max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:#fff;border-top:1px solid var(--border);box-shadow:0 -4px 24px #172c4710}
 body[data-page=quiz] .actions .hint{display:none}body[data-page=quiz] .actions button{width:100%;font-size:.9375rem;padding:12px 14px;line-height:1.5;min-height:50px}
 body[data-page=quiz] .actions .mobile-only{display:inline-flex;min-width:70px}body[data-page=quiz] .checkpoint-actions{grid-template-columns:minmax(0,1fr)}
 body[data-page=quiz] #stop-attempt{display:none}.question-tools{display:block;margin-top:14px}.question-tools .hint{margin:0}.exam-nav{margin-top:18px}.exam-nav summary{min-height:48px;padding:11px 0;font-size:1rem}.question-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px}.question-grid button{width:100%;min-width:44px;height:46px;font-size:.9375rem}
 .site-footer{padding-bottom:18px}.site-footer .text-button{font-size:.8125rem}
}
@media print{.nav-icon,.nav-short,.mobile-only{display:none!important}}

/* Topic references and study pagination share the original FPA numbering. */
.topic-range{font-weight:400;letter-spacing:0;text-transform:none;overflow-wrap:anywhere}
.topic-study-link{display:inline-block;text-transform:none;letter-spacing:0;line-height:1.5}
.topic-study-link:hover{color:#194e91;text-decoration-thickness:2px}
.study-filters .study-toolbar{margin-bottom:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.study-toolbar>label{min-width:0}
.study-toolbar .hint{margin-top:0}
.study-filter-input{display:block;width:100%;min-width:0;min-height:46px;max-width:100%;font-size:1rem;color:var(--ink);background:#fff;border:1px solid #b9c5d4;border-radius:9px;padding:10px 12px}
.study-filter-input[aria-invalid=true]{border-color:var(--red)}
.field-error{margin-top:10px;color:var(--red);font-size:.9rem}
.study-results-heading{margin:28px 0 20px}
#study-results-heading{scroll-margin-top:20px}
.study-pagination{padding:20px;border:1px solid var(--border);border-radius:14px;background:#fff;margin:20px 0}
.pager-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"prev select next";gap:16px;align-items:end}
.page-picker{grid-area:select;min-width:0;max-width:440px;width:100%;justify-self:center}
.pager-prev{grid-area:prev}.pager-next{grid-area:next}
.pagination-pages{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px}
.page-number{min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--ink);font-variant-numeric:tabular-nums;padding:8px 10px}
.page-number[aria-current=page]{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:600}
.page-gap{min-width:18px;text-align:center;color:var(--muted)}
.study-list{display:grid;gap:20px}
.study-list .card+.card{margin-top:0}
.notice.with-action{display:flex;align-items:center;justify-content:space-between;gap:18px}
.notice-text{min-width:0}
.notice.with-action button{flex:none}
.attempt-history h2{scroll-margin-top:20px}
.attempt-list{margin-top:14px}
.attempt-pagination{padding-top:20px;border-top:1px solid var(--border)}
.history-picker{margin-bottom:20px}
.selected-attempt{margin-bottom:24px}
.selected-attempt .attempt-card{padding:0}
.answer-confirmation{margin-top:22px;margin-bottom:0}
.site-footer a{color:#52677f}
.session-button{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:44px;margin-top:14px;padding:10px 15px;border:1px solid #bcc8d6;border-radius:10px;background:#edf1f6;color:#465b74;font-size:.875rem;font-weight:500;line-height:1.5;text-align:center;white-space:normal}
.session-button:hover{background:#e2e9f1;border-color:#98aac0}
@media screen and (max-width:700px), screen and (max-width:940px) and (max-height:500px) and (pointer:coarse){
 .study-filters .study-toolbar{grid-template-columns:minmax(0,1fr)}
 .study-filter-input{min-height:50px}
 .study-filters .button-row{display:grid;grid-template-columns:minmax(0,1fr)}
 .study-pagination{padding:16px}
 .pager-controls{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"select select" "prev next";gap:12px}
 .page-picker{max-width:none}
 .pager-controls button{padding-inline:8px;font-size:.9375rem}
 .pagination-pages{gap:6px;row-gap:10px}
 .page-number{min-width:44px;min-height:48px}
 .topic-study-link{min-height:44px;padding-block:8px}
 .notice.with-action{flex-direction:column;align-items:stretch;gap:12px}
 .notice.with-action button{width:100%}
 .session-button{min-height:48px}
}
@media print{.study-filters,.study-pagination,.attempt-pagination,.notice.with-action{display:none!important}.study-list{display:block}.study-list .card+.card{margin-top:25px}}

/* Question outcomes remain hidden until the answer review is available. */
.question-grid button{position:relative}
.question-grid button.correct{background:#edf8ed;border-color:#78b978;color:var(--green)}
.question-grid button.incorrect{background:#fff0f1;border-color:#d997a0;color:var(--red)}
.question-grid button.current{box-shadow:0 0 0 2px var(--blue);border-color:var(--blue)}
.grid-verdict{position:absolute;top:1px;right:4px;font-size:.7rem;line-height:1;font-weight:700}
.result-statistics{margin-top:14px}
.result-statistics .badge{font-size:.875rem;padding:7px 12px}
.attempt-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}
.view-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:9px 13px;border:1px solid #bcc8d6;border-radius:9px;background:#fff;color:#465b74;font-size:.8125rem;line-height:1.4;white-space:normal}
.view-toggle:hover{background:#edf1f6;border-color:#98aac0}
.footer-view{margin-bottom:16px}
@media screen and (max-width:700px){
 .site-header{flex-wrap:wrap;gap:12px}
 .header-tools{width:100%;justify-content:flex-end}
 .header-tools:has(.view-toggle){display:none}
 .footer-view{display:none}
 .attempt-badges{justify-content:flex-start}
}
@media print{.view-toggle,.footer-view{display:none!important}}

/* Document filters use the same topic names as free training. */
.source-filters{margin-bottom:20px}
.source-filter-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.source-filter-fields label{min-width:0}
.source-filter-status{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:12px}
.source-filter-status .hint{margin-top:0}
.document-item{min-width:0;overflow-wrap:anywhere}
.document-kind{font-size:.78rem;color:var(--muted);margin-bottom:7px}
@media screen and (max-width:700px){.source-filter-fields{grid-template-columns:minmax(0,1fr)}.source-filter-status{gap:8px}.document-kind{font-size:.8125rem}}
/* Skipping leaves the answer unconfirmed, including in locked modes. */
.question-grid button.skipped{background:#fff7df;border-color:#bc871d;border-style:dashed;color:#725000;position:relative;padding-right:13px}
.grid-skip{position:absolute;top:0;right:2px;font-size:.75rem;line-height:1.2;font-weight:700}
.actions.with-skip{flex-wrap:wrap;gap:12px}
.actions.with-skip .hint{flex:1 1 auto}
@media(max-width:700px){
 body[data-page=quiz] .actions.with-skip{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:8px}
 body[data-page=quiz] .actions.with-skip button{min-width:0;padding-inline:8px;font-size:.875rem}
 body[data-page=quiz] .actions.with-skip .mobile-only{min-width:56px}
 body[data-page=quiz] .checkpoint-actions{position:static;padding:0;margin-top:22px;border:0;box-shadow:none}
}
/* Generated mobile preview: same rules as the phone layout. */
@media screen{
html.mobile-preview .split{grid-template-columns:1fr}
html.mobile-preview .topic-grid{grid-template-columns:1fr 1fr}
html.mobile-preview .edition{display:none}
html.mobile-preview .navigation a{padding:9px 11px}
html.mobile-preview .stats-summary{gap:8px}
html.mobile-preview .site-header,html.mobile-preview .navigation,html.mobile-preview .workspace,html.mobile-preview .site-footer{width:calc(100% - 28px)}
html.mobile-preview .site-header{padding:22px 0 18px}
html.mobile-preview .brand strong{font-size:.98rem}
html.mobile-preview .brand small{font-size:.73rem}
html.mobile-preview .brand-mark{width:41px;height:41px}
html.mobile-preview .navigation{gap:0}
html.mobile-preview .navigation a{font-size:.81rem}
html.mobile-preview .workspace{padding-top:24px}
html.mobile-preview .card{padding:20px;border-radius:15px}
html.mobile-preview .quiz-card{padding:0}
html.mobile-preview .question-content{padding:23px 19px}
html.mobile-preview .progress-panel{padding:18px 19px}
html.mobile-preview .progress-meta{font-size:.77rem;flex-wrap:wrap;gap:7px}
html.mobile-preview .topic-grid{grid-template-columns:1fr}
html.mobile-preview .actions{flex-direction:column;align-items:stretch;gap:12px}
html.mobile-preview .actions .hint{margin:0}
html.mobile-preview .option{font-size:.92rem;padding:13px;gap:10px}
html.mobile-preview .button-row>*{flex:1 1 auto}
html.mobile-preview .study-toolbar{grid-template-columns:1fr}
html.mobile-preview .study-toolbar .full{grid-column:auto}
html.mobile-preview .study-card .button-row button{flex:0 1 auto}
html.mobile-preview .facts{gap:7px}
html.mobile-preview .fact strong{font-size:1.5rem}
html.mobile-preview .stats-summary strong{font-size:1.6rem}
html.mobile-preview .stats-summary span{font-size:.74rem}
html.mobile-preview .question-tools{align-items:flex-start;font-size:.83rem}
html.mobile-preview .feedback{padding:16px}
html.mobile-preview .info-bubble p{left:auto;right:-65px}
html.mobile-preview .result-score{font-size:3.7rem}
html.mobile-preview .result-metrics{gap:15px}
html.mobile-preview th,html.mobile-preview td{padding:11px 7px;font-size:.8rem}
html.mobile-preview .table-scroll table:not(.responsive-table){min-width:400px}
html.mobile-preview .attempt-head{flex-wrap:wrap}
html.mobile-preview .source-links{display:block}
html.mobile-preview .source-links a{display:inline-block;margin:4px 14px 4px 0}
html.mobile-preview .hint{font-size:.84rem}
html.mobile-preview{scroll-padding-top:122px;scroll-padding-bottom:110px;-webkit-text-size-adjust:100%}
html.mobile-preview body{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom,0px))}
html.mobile-preview .site-header,html.mobile-preview .workspace,html.mobile-preview .site-footer{width:auto;max-width:none;margin-left:max(12px,env(safe-area-inset-left,0px));margin-right:max(12px,env(safe-area-inset-right,0px))}
html.mobile-preview .site-header{padding-top:max(18px,env(safe-area-inset-top,0px));padding-bottom:18px}
html.mobile-preview .site-header .brand strong{font-size:1rem}
html.mobile-preview .site-header .brand small{font-size:.8125rem}
html.mobile-preview .navigation{position:fixed;inset:auto 0 0;z-index:30;width:auto;max-width:none;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;overflow:visible;border:0;border-top:1px solid var(--border);background:#fff;box-shadow:0 -4px 24px #172c4708;padding:6px max(5px,env(safe-area-inset-right,0px)) max(6px,env(safe-area-inset-bottom,0px)) max(5px,env(safe-area-inset-left,0px))}
html.mobile-preview .navigation a{min-width:0;min-height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 0;font-size:.8125rem;line-height:1.3;white-space:normal;text-align:center;border-radius:10px}
html.mobile-preview .navigation .nav-icon,html.mobile-preview .navigation .nav-short{display:block}
html.mobile-preview .navigation .nav-full{display:none}
html.mobile-preview .navigation a span{max-width:100%;overflow-wrap:anywhere}
html.mobile-preview .navigation a[aria-current=page]{background:#e8f0fc;color:#194f95}
html.mobile-preview .workspace{padding-top:6px}
html.mobile-preview .page-heading{margin-bottom:20px}
html.mobile-preview .page-heading h1{font-size:1.75rem;line-height:1.3}
html.mobile-preview .page-heading p{font-size:1rem}
html.mobile-preview .split{grid-template-columns:minmax(0,1fr);gap:18px}
html.mobile-preview .card{padding:20px;border-radius:16px;min-width:0}
html.mobile-preview .hint,html.mobile-preview .muted,html.mobile-preview .field-label,html.mobile-preview .topic-choice,html.mobile-preview .mode-option small,html.mobile-preview .source-links,html.mobile-preview .question-tag,html.mobile-preview .filter-row button{font-size:.875rem}
html.mobile-preview .source-note,html.mobile-preview .site-footer{font-size:.8125rem}
html.mobile-preview .eyebrow{font-size:.75rem}
html.mobile-preview .choice-row{display:grid;grid-template-columns:1fr;gap:8px}
html.mobile-preview .choice-row label{padding:12px;border:1px solid var(--border);border-radius:10px;min-height:48px;font-size:1rem}
html.mobile-preview .choice-row label:has(input:checked){border-color:#97b8e3;background:#f1f6fd}
html.mobile-preview .topic-grid{grid-template-columns:1fr;gap:8px}
html.mobile-preview .topic-choice{padding:12px;min-height:50px}
html.mobile-preview .topic-choice span{min-width:0;overflow-wrap:anywhere}
html.mobile-preview .all-topics{min-height:48px;font-size:1rem}
html.mobile-preview input[type=checkbox],html.mobile-preview input[type=radio]{width:22px;height:22px}
html.mobile-preview input[type=number],html.mobile-preview input[type=search],html.mobile-preview select{font-size:1rem;min-height:50px;width:100%;min-width:0}
html.mobile-preview .input-line{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px}
html.mobile-preview .input-line>input{width:100%}
html.mobile-preview .input-line>.muted{grid-column:1/-1}
html.mobile-preview .info-bubble summary{width:44px;height:44px}
html.mobile-preview .info-bubble p{left:auto;right:0;top:48px;width:min(290px,calc(100vw - 64px));max-width:none;font-size:.875rem}
html.mobile-preview .presets{gap:8px}
html.mobile-preview .preset{min-width:48px;min-height:48px;padding:9px 12px;font-size:1rem}
html.mobile-preview .primary-button,html.mobile-preview .secondary-button,html.mobile-preview .danger-button{min-height:50px;font-size:1rem;padding:12px 16px;white-space:normal;overflow-wrap:anywhere}
html.mobile-preview .text-button{min-height:44px;display:inline-flex;align-items:center;font-size:.875rem}
html.mobile-preview .mode-option{padding:14px;gap:12px}
html.mobile-preview .mode-option strong{font-size:1rem}
html.mobile-preview .mode-option small{line-height:1.55}
html.mobile-preview .button-row{gap:10px}
html.mobile-preview .button-row>*{min-width:0}
html.mobile-preview .facts{gap:14px}
html.mobile-preview .fact span{font-size:.875rem}
html.mobile-preview .study-toolbar{grid-template-columns:minmax(0,1fr);gap:16px}
html.mobile-preview .study-toolbar .full{grid-column:auto}
html.mobile-preview .study-card .button-row{display:grid;grid-template-columns:1fr 1fr}
html.mobile-preview .study-card .button-row button{padding-inline:7px;font-size:.875rem}
html.mobile-preview .option{min-height:56px;padding:15px 13px;gap:12px;font-size:1rem;line-height:1.55}
html.mobile-preview .option>span:last-child{min-width:0;overflow-wrap:anywhere}
html.mobile-preview .option input{margin-top:2px}
html.mobile-preview .option-label{font-size:.8125rem}
html.mobile-preview .feedback{padding:17px;scroll-margin-top:12px}
html.mobile-preview .correct-list,html.mobile-preview .explanation{font-size:1rem}
html.mobile-preview .source-links{display:flex;flex-direction:column;gap:8px}
html.mobile-preview .source-links a{display:block;margin:0;min-height:44px;padding:10px 12px;border:1px solid #c8d8e8;background:#ffffffa8;border-radius:8px;line-height:1.5;overflow-wrap:anywhere}
html.mobile-preview .filter-row button{min-height:44px;padding:10px 14px}
html.mobile-preview .result-score{font-size:3.75rem}
html.mobile-preview .result-metrics{gap:18px}
html.mobile-preview .result-metrics span{font-size:.8125rem}
html.mobile-preview .result-top .button-row{display:grid;grid-template-columns:1fr}
html.mobile-preview .result-metrics strong{font-size:1.125rem}
html.mobile-preview .stats-summary{grid-template-columns:1fr;gap:0;margin-block:16px}
html.mobile-preview .stats-summary>div{display:flex;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid var(--border)}
html.mobile-preview .stats-summary strong{min-width:44px;font-size:2rem}
html.mobile-preview .stats-summary span{font-size:1rem}
html.mobile-preview .table-scroll{overflow:visible}
html.mobile-preview .table-scroll .responsive-table,html.mobile-preview .responsive-table tbody{display:block;min-width:0;max-width:100%;width:100%}
html.mobile-preview .responsive-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html.mobile-preview .responsive-table tbody tr{display:grid;min-width:0;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px;padding:20px 0;border-bottom:1px solid var(--border)}
html.mobile-preview .responsive-table th[scope=row]{display:block;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;grid-column:1/-1;border:0;padding:0;font-size:1rem;line-height:1.45;font-weight:600;color:var(--ink);text-transform:none;letter-spacing:0}
html.mobile-preview .responsive-table td{display:block;max-width:100%;white-space:normal;border:0;padding:0;font-size:1rem;min-width:0;overflow-wrap:anywhere;line-height:1.4}
html.mobile-preview .responsive-table td::before{content:attr(data-label);display:block;font-size:.8125rem;color:var(--muted);margin-bottom:7px;line-height:1.4}
html.mobile-preview .error-rate{font-size:.8125rem;line-height:1.4;margin-top:5px}
html.mobile-preview .attempt-head{flex-direction:column;gap:10px}
html.mobile-preview .attempt-head h3{font-size:1rem}
html.mobile-preview .attempt-meta{font-size:.875rem;gap:7px 15px}
html.mobile-preview .attempt-card details{font-size:.875rem}
html.mobile-preview .attempt-card summary{min-height:44px;padding:10px 0}
html.mobile-preview .badge{font-size:.8125rem}
html.mobile-preview .document-item h2{font-size:1rem}
html.mobile-preview .document-item .source-links{font-size:.875rem}
html.mobile-preview dialog{padding:22px;width:calc(100% - 24px);max-height:calc(100dvh - 32px);overflow:auto;border-radius:18px}
html.mobile-preview dialog .button-row{display:grid;grid-template-columns:1fr}
html.mobile-preview dialog .button-row button{width:100%}
html.mobile-preview body[data-page=quiz] .site-header,html.mobile-preview body[data-page=quiz] .navigation{display:none}
html.mobile-preview body[data-page=quiz] .workspace{padding-top:12px}
html.mobile-preview body[data-page=quiz] .quiz-card{padding:0;overflow:visible}
html.mobile-preview body[data-page=quiz] .progress-panel{position:sticky;top:0;z-index:15;padding:12px 16px;border-radius:15px 15px 0 0;background:#fafbfd;box-shadow:0 4px 12px #172c4706;padding-top:max(12px,env(safe-area-inset-top,0px))}
html.mobile-preview .progress-mode{display:none}
html.mobile-preview .progress-meta{flex-wrap:nowrap;gap:10px;font-size:.875rem}
html.mobile-preview .progress-panel progress{margin-top:10px}
html.mobile-preview .progress-panel .hint{font-size:.8125rem;margin-top:8px}
html.mobile-preview .timer strong{font-size:1.125rem}
html.mobile-preview .question-content{padding:23px 18px}
html.mobile-preview .question-content h1,html.mobile-preview .study-question{font-size:1.25rem;line-height:1.55}
html.mobile-preview .question-content legend{font-size:.875rem;margin-bottom:14px}
html.mobile-preview body[data-page=quiz] .actions,html.mobile-preview body[data-page=quiz] .checkpoint-actions{position:fixed;inset:auto 0 0;z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin:0;padding:10px max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:#fff;border-top:1px solid var(--border);box-shadow:0 -4px 24px #172c4710}
html.mobile-preview body[data-page=quiz] .actions .hint{display:none}
html.mobile-preview body[data-page=quiz] .actions button{width:100%;font-size:.9375rem;padding:12px 14px;line-height:1.5;min-height:50px}
html.mobile-preview body[data-page=quiz] .actions .mobile-only{display:inline-flex;min-width:70px}
html.mobile-preview body[data-page=quiz] .checkpoint-actions{grid-template-columns:minmax(0,1fr)}
html.mobile-preview body[data-page=quiz] #stop-attempt{display:none}
html.mobile-preview .question-tools{display:block;margin-top:14px}
html.mobile-preview .question-tools .hint{margin:0}
html.mobile-preview .exam-nav{margin-top:18px}
html.mobile-preview .exam-nav summary{min-height:48px;padding:11px 0;font-size:1rem}
html.mobile-preview .question-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px}
html.mobile-preview .question-grid button{width:100%;min-width:44px;height:46px;font-size:.9375rem}
html.mobile-preview .site-footer{padding-bottom:18px}
html.mobile-preview .site-footer .text-button{font-size:.8125rem}
html.mobile-preview .study-filters .study-toolbar{grid-template-columns:minmax(0,1fr)}
html.mobile-preview .study-filter-input{min-height:50px}
html.mobile-preview .study-filters .button-row{display:grid;grid-template-columns:minmax(0,1fr)}
html.mobile-preview .study-pagination{padding:16px}
html.mobile-preview .pager-controls{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"select select" "prev next";gap:12px}
html.mobile-preview .page-picker{max-width:none}
html.mobile-preview .pager-controls button{padding-inline:8px;font-size:.9375rem}
html.mobile-preview .pagination-pages{gap:6px;row-gap:10px}
html.mobile-preview .page-number{min-width:44px;min-height:48px}
html.mobile-preview .topic-study-link{min-height:44px;padding-block:8px}
html.mobile-preview .notice.with-action{flex-direction:column;align-items:stretch;gap:12px}
html.mobile-preview .notice.with-action button{width:100%}
html.mobile-preview .session-button{min-height:48px}
html.mobile-preview .site-header{flex-wrap:wrap;gap:12px}
html.mobile-preview .header-tools{width:100%;justify-content:flex-end}
html.mobile-preview .header-tools:has(.view-toggle){display:none}
html.mobile-preview .footer-view{display:none}
html.mobile-preview .attempt-badges{justify-content:flex-start}
html.mobile-preview .source-filter-fields{grid-template-columns:minmax(0,1fr)}
html.mobile-preview .source-filter-status{gap:8px}
html.mobile-preview .document-kind{font-size:.8125rem}
html.mobile-preview body[data-page=quiz] .actions.with-skip{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:8px}
html.mobile-preview body[data-page=quiz] .actions.with-skip button{min-width:0;padding-inline:8px;font-size:.875rem}
html.mobile-preview body[data-page=quiz] .actions.with-skip .mobile-only{min-width:56px}
html.mobile-preview body[data-page=quiz] .checkpoint-actions{position:static;padding:0;margin-top:22px;border:0;box-shadow:none}
html.mobile-preview body{width:100%;max-width:430px;min-height:100vh;margin-inline:auto;box-shadow:0 0 0 1px var(--border)}
html.mobile-preview .navigation,html.mobile-preview body[data-page=quiz] .actions,html.mobile-preview body[data-page=quiz] .checkpoint-actions{left:50%;right:auto;width:min(430px,100%);transform:translateX(-50%)}
html.mobile-preview .header-tools:has(.view-toggle),html.mobile-preview .footer-view{display:flex}
html.mobile-preview .view-toggle{display:inline-flex}
html.mobile-preview body[data-page=quiz] .checkpoint-actions{left:auto;right:auto;width:100%;transform:none}
html.mobile-preview dialog{width:calc(min(430px,100%) - 24px)}
html.mobile-preview .result-top h1{font-size:1.75rem}
}