/* Personal R135: size follows the actual study area, with no zoom or clipping. */
html[data-personal="true"]{--pv-scale:1;--pv-space:11px}
html[data-personal="true"] body,html[data-personal="true"] body.personal-study-session{height:auto!important;min-height:100dvh;overflow:auto!important}
html[data-personal="true"] body.personal-study-session #app{height:auto!important;min-height:100dvh;overflow:visible!important}
html[data-personal="true"][data-theme] body #app #main-content{box-sizing:border-box;min-width:0;width:100%;max-width:1220px!important;padding:18px 22px 100px!important}
html[data-personal="true"][data-theme] body.personal-study-session #app #main-content{display:block!important;min-height:0!important;height:auto!important;margin:0 auto!important;overflow:visible!important;padding:14px 20px 20px!important}
html[data-personal="true"] #app .ps-session{container:personal-study / inline-size;height:auto!important;min-height:0!important;gap:var(--pv-space)!important}
html[data-personal="true"] #app .ps-session-head{min-height:36px;gap:10px;flex-wrap:wrap;align-items:center}
html[data-personal="true"] #app .ps-session-title{gap:8px;flex:1 1 200px}
html[data-personal="true"] #app .ps-session-title strong{font-size:clamp(13px,2.3cqw,16px);white-space:normal;line-height:1.3}
html[data-personal="true"] #app .ps-controls{display:flex!important;flex-wrap:wrap!important;width:auto!important;gap:6px!important;margin-left:auto}
html[data-personal="true"] #app :is(.ps-button,.ps-icon-button){min-height:34px!important;padding:7px 10px!important;font-size:12px!important}
html[data-personal="true"] #app .ps-icon-button{width:34px!important;padding:7px!important}
html[data-personal="true"] #app .ps-toolbar{position:static;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);min-height:54px;padding:7px 11px;gap:9px;border-radius:10px}
html[data-personal="true"] #app .ps-toolbar-actions{grid-column:auto;border:0;padding:0;justify-content:flex-end}
html[data-personal="true"] #app .ps-clock>small{font-size:9px;max-width:55px}
html[data-personal="true"][data-theme] #app .ps-clock .timer{width:88px!important;min-width:88px!important;max-width:88px!important;min-height:36px!important;height:36px!important;font-size:21px!important}
html[data-personal="true"] #app .ps-workspace{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:var(--pv-space)!important;align-items:start;flex:none!important}
html[data-personal="true"] #app :is(.ps-question-card,.ps-answer-card){min-height:0;align-self:start;overflow:hidden;border-radius:11px}
html[data-personal="true"] #app .ps-card-heading{padding:9px 13px;min-height:35px}
html[data-personal="true"] #app :is(.ps-question-scroll,.ps-answer-scroll){flex:none;overflow:visible;scrollbar-gutter:auto;min-height:0;padding:13px}
html[data-personal="true"][data-theme] body #app #main-content .ps-quiz .question :is(.question-context,.asked.no-question){font-size:max(14px,calc(clamp(14px,2.65cqw,17px) * var(--context-scale,1) * var(--pv-scale)))!important;line-height:var(--personal-quiz-line,1.55)!important}
html[data-personal="true"][data-theme] body #app #main-content .ps-quiz .question .asked{font-size:max(15px,calc(clamp(16px,3cqw,19px) * var(--question-scale,1) * var(--pv-scale)))!important;margin-top:10px!important;line-height:var(--personal-quiz-line,1.55)!important}
html[data-personal="true"][data-theme] body #app #main-content .ps-quiz .question .asked.no-question{margin-top:0!important}
html[data-personal="true"][data-theme] body #app #main-content .ps-memory .question .question-context{font-size:max(14px,calc(clamp(14px,2.6cqw,17px) * var(--memoryContext-scale,1.1) * var(--pv-scale)))!important;line-height:var(--personal-memory-line,1.55)!important}
html[data-personal="true"][data-theme] body #app #main-content .ps-memory .question .asked{font-size:max(15px,calc(clamp(16px,2.9cqw,19px) * var(--memoryQuestion-scale,1.1) * var(--pv-scale)))!important;margin-top:10px!important;line-height:var(--personal-memory-line,1.55)!important}
html[data-personal="true"][data-theme] body #app #main-content .ps-memory .question .asked.no-question{font-size:max(14px,calc(clamp(15px,2.75cqw,18px) * var(--memoryNoQuestion-scale,1.1) * var(--pv-scale)))!important;margin-top:0!important}
html[data-personal="true"][data-theme] body #app #main-content .ps-session :is(.answers,.memory-options){min-height:0!important;grid-template-rows:none!important;grid-auto-rows:auto;align-content:start!important;gap:calc(7px * var(--answer-spacing,.85))!important}
html[data-personal="true"][data-theme] body #app #main-content .ps-session :is(.answer,.memory-choice){grid-template-columns:27px minmax(0,1fr)!important;min-height:44px!important;gap:9px!important;padding:9px 11px!important;font-size:max(13px,calc(clamp(13px,2.45cqw,15px) * var(--option-scale,1) * var(--pv-scale)))!important;line-height:1.45!important;border-radius:9px!important}
html[data-personal="true"][data-theme] body #app #main-content .ps-session .memory-choice{font-size:max(13px,calc(clamp(13px,2.45cqw,15px) * var(--memoryAnswer-scale,1.1) * var(--pv-scale)))!important}
html[data-personal="true"][data-theme] body #app #main-content .ps-session :is(.letter,.memory-letter){width:26px!important;min-width:26px!important;height:27px!important;font-size:12px!important}
html[data-personal="true"] #app .ps-answer-footer{position:static;min-height:56px;padding:9px 12px;gap:10px;box-shadow:none}
html[data-personal="true"][data-theme] body #app #main-content .ps-session .ps-next{min-height:36px;min-width:116px;padding:8px 12px!important;font-size:13px!important}
html[data-personal="true"] #app .ps-memory-stages{padding:9px 12px}
html[data-personal="true"] #app .ps-session-status{margin-top:1px;font-size:10px;flex-wrap:wrap;gap:5px 12px}
@container personal-study (min-width:760px){
 html[data-personal="true"] #app .ps-quiz .ps-workspace{grid-template-columns:var(--personal-quiz-columns,minmax(0,1fr) minmax(0,1fr))!important}
 html[data-personal="true"] #app .ps-memory .ps-workspace{grid-template-columns:var(--personal-memory-columns,minmax(0,1fr) minmax(0,1fr))!important}
}
@container personal-study (max-width:540px){
 html[data-personal="true"] #app .ps-session-title{flex-basis:100%}
 html[data-personal="true"] #app .ps-controls{margin-left:0}
 html[data-personal="true"] #app .ps-controls :is(.ps-voice,.ps-customize)>span{display:none}
 html[data-personal="true"] #app .ps-clock>small{display:none}
 html[data-personal="true"] #app .ps-phase-label{font-size:10px;max-width:130px;white-space:normal}
 html[data-personal="true"] #app .ps-toolbar-actions .ps-button>span{display:none}
 html[data-personal="true"] #app .ps-toolbar-actions .ps-button{width:34px!important;padding:7px!important}
 html[data-personal="true"] #app .ps-card-heading>span,.ps-keyboard{display:none}
}
/* Exam selection: cards follow their contents instead of filling a tall row. */
html[data-personal="true"][data-theme] body #app #main-content .web-exam-layout{display:block!important}
html[data-personal="true"] #app .web-exam-aside{display:none!important}
html[data-personal="true"][data-theme] body #app #main-content .web-exam-stack{container:exam-catalog / inline-size;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))!important;gap:16px!important;align-items:start}
html[data-personal="true"][data-theme] body #app #main-content :is(.admission-card,.book-exam-card){height:auto!important;min-height:0!important;align-self:start;padding:18px!important;margin:0!important;border-radius:13px!important}
html[data-personal="true"][data-theme] body #app #main-content :is(.admission-card,.book-exam-card) :is(h2,#book-exam-title){font-size:clamp(22px,3.6cqw,29px)!important;line-height:1.13!important;margin:8px 0 10px!important}
html[data-personal="true"][data-theme] body #app #main-content :is(.admission-card,.book-exam-card) header p{font-size:13px!important}
html[data-personal="true"] #app .admission-facts{padding:9px 0!important;margin:10px 0!important;gap:8px 14px!important}
html[data-personal="true"] #app .exam-distribution{margin:7px 0 12px!important;padding:0!important}
html[data-personal="true"][data-theme] body #app #main-content .exam-quick-orders{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html[data-personal="true"][data-theme] body #app #main-content :is(.admission-card,.book-exam-card) .exam-quick-group{margin-bottom:10px!important}
html[data-personal="true"][data-theme] body #app #main-content :is(.admission-card,.book-exam-card) .exam-quick-copy{min-height:0!important;margin-top:6px!important}
html[data-personal="true"][data-theme] body #app #main-content :is(.admission-card,.book-exam-card) .exam-quick-choices button{min-height:35px!important;padding:7px 5px!important;font-size:12px!important}
html[data-personal="true"][data-theme] body #app #main-content :is(.admission-card .cpu-exam-start-actions,.book-exam-card .book-exam-start){margin-top:10px!important}
html[data-personal="true"][data-theme] body #app #main-content :is(.admission-card .admission-start,.book-exam-card .book-exam-start){min-height:42px!important;padding:10px!important;font-size:14px!important}
html[data-personal="true"] #app :is(.book-exam-select-button,.book-exam-choice){min-height:65px!important;padding:9px 12px!important}
html[data-personal="true"] #app .book-exam-select-button img{width:35px!important;height:49px!important}
/* The same compact, responsive workspace for both serious exams. */
html[data-personal="true"][data-cpu-main-exam][data-theme] body #app #main-content{max-width:1120px!important;padding:12px 18px 14px!important}
html[data-personal="true"] #app .cpu-main-exam{container:personal-exam / inline-size}
html[data-personal="true"][data-cpu-main-exam][data-theme] body #app #main-content .cpu-exam-heading{margin-bottom:12px!important;padding-bottom:10px}
html[data-personal="true"][data-cpu-main-exam][data-theme] body #app #main-content .cpu-exam-title-row h1{font-size:clamp(16px,2.5cqw,21px)!important}
html[data-personal="true"][data-cpu-main-exam][data-theme] body #app #main-content .cpu-exam-submit{flex:0 0 auto;min-height:36px;padding:8px 11px;font-size:12px!important}
html[data-personal="true"] #app .cpu-exam-title-row{gap:10px;margin:5px 0 9px}
html[data-personal="true"] #app .cpu-exam-workspace{grid-template-columns:minmax(0,1fr);gap:var(--pv-space)!important;align-items:start}
html[data-personal="true"][data-cpu-main-exam][data-theme] body #app #main-content .cpu-exam-workspace>.question{padding:13px!important;min-height:0!important}
html[data-personal="true"][data-cpu-main-exam][data-theme] body #app #main-content .cpu-exam-workspace .question :is(.question-context,.question-plain,.asked.no-question){font-size:max(14px,calc(clamp(14px,2.65cqw,18px) * var(--personal-exam-scale,1) * var(--pv-scale)))!important;line-height:1.5!important}
html[data-personal="true"][data-cpu-main-exam][data-theme] body #app #main-content .cpu-exam-workspace .question .asked{font-size:max(14px,calc(clamp(16px,2.9cqw,20px) * var(--personal-exam-scale,1) * var(--pv-scale)))!important;line-height:1.5!important;margin-top:10px!important}
html[data-personal="true"][data-cpu-main-exam][data-theme] body #app #main-content .cpu-exam-workspace .question .asked.no-question{margin-top:0!important}
html[data-personal="true"][data-cpu-main-exam][data-theme] body #app #main-content .cpu-exam-workspace .answers{gap:7px!important}
html[data-personal="true"][data-cpu-main-exam][data-theme] body #app #main-content .cpu-exam-workspace .answer{min-height:44px!important;padding:9px 11px!important;gap:9px!important;font-size:max(14px,calc(clamp(13px,2.5cqw,16px) * var(--personal-exam-scale,1) * var(--pv-scale)))!important;line-height:1.45!important}
html[data-personal="true"][data-cpu-main-exam][data-theme] body #app #main-content .cpu-exam-workspace .answer.chosen{padding:8px 10px!important}
html[data-personal="true"][data-cpu-main-exam][data-theme] body #app #main-content .cpu-exam-workspace .answer .letter{width:27px!important;min-width:27px!important;height:28px!important;flex-basis:27px;font-size:12px!important}
html[data-personal="true"][data-cpu-main-exam][data-theme] body #app #main-content .cpu-exam-dock{position:sticky;inset:auto;bottom:0;padding:9px 0 max(9px,env(safe-area-inset-bottom));margin-top:14px;box-shadow:none}
html[data-personal="true"][data-cpu-main-exam][data-theme] body #app #main-content .cpu-exam-navigation{grid-template-columns:minmax(0,170px) minmax(0,170px);margin-top:6px!important;gap:9px!important}
html[data-personal="true"][data-cpu-main-exam][data-theme] body #app #main-content .cpu-exam-navigation>button{min-height:38px;padding:8px 12px;font-size:13px!important}
@container personal-exam (min-width:760px){html[data-personal="true"] #app .cpu-exam-workspace{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}
@container personal-exam (max-width:430px){
 html[data-personal="true"] #app .cpu-exam-title-row{flex-wrap:wrap}
 html[data-personal="true"] #app .cpu-exam-title-row h1{flex-basis:100%}
 html[data-personal="true"] #app .cpu-exam-submit{margin-left:auto}
 html[data-personal="true"] #app .cpu-exam-kicker-row{flex-wrap:wrap}
 html[data-personal="true"] #app .cpu-exam-clock{width:94px;min-height:36px}
 html[data-personal="true"] #app .cpu-exam-status-row{grid-template-columns:minmax(0,1fr) 94px minmax(0,1fr)}
}
/* Keep cancellation comfortably below the quote, also on short windows. */
html[data-personal="true"][data-cpu-exam-countdown][data-theme] body #app #main-content{padding:22px 16px!important;max-width:800px!important}
html[data-personal="true"] body #app .exam-countdown{min-height:min(620px,calc(100dvh - 44px))!important;align-items:center;padding:6px 0 0!important}
html[data-personal="true"] body #app .countdown-footer{margin-top:auto!important;padding:52px 0 12px!important}
html[data-personal="true"] body #app .exam-countdown-dial{width:112px!important;height:112px!important;margin:18px 0!important}
html[data-personal="true"] body #app .exam-quote p{font-size:clamp(18px,3.6vw,25px)!important}
html[data-personal="true"][data-cpu-exam-countdown][data-personal-exam-kind="book"][data-theme] body{background:#071c17!important;color:#effff6!important}
html[data-personal="true"][data-cpu-exam-countdown][data-personal-exam-kind="book"][data-theme] body #app{background:radial-gradient(ellipse at 50% 28%,#194d3c,#071c17 72%)!important}
html[data-personal="true"][data-cpu-exam-countdown][data-personal-exam-kind="book"][data-theme] body #app :is(.countdown-heading h1,.countdown-heading small,.countdown-heading p,.exam-quote p){color:#effff6!important;-webkit-text-fill-color:#effff6!important}
html[data-personal="true"][data-cpu-exam-countdown][data-personal-exam-kind="book"][data-theme] body #app :is(#exam-countdown-number,.exam-quote cite){color:#9ae8bc!important;-webkit-text-fill-color:#9ae8bc!important}
html[data-personal="true"][data-cpu-exam-countdown][data-personal-exam-kind="book"][data-theme] body #app #exam-countdown-ring{stroke:#7ddfa8!important}
html[data-personal="true"][data-cpu-exam-countdown][data-personal-exam-kind="book"][data-theme] body #app .countdown-track{stroke:#356552!important}
html[data-personal="true"][data-cpu-exam-countdown][data-personal-exam-kind="book"][data-theme] body #app .quote-divider{background:#68bb90!important}
html[data-personal="true"][data-cpu-exam-countdown][data-personal-exam-kind="book"][data-theme] body #app .countdown-cancel{color:#effff6!important;-webkit-text-fill-color:#effff6!important;background:#174331!important;border-color:#76c69a!important}
/* Optional display controls, outside the question and answer content. */
html[data-personal="true"] body #app .pv-view-button{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;width:auto!important;min-width:0!important;min-height:34px!important;height:34px!important;padding:6px 9px!important;margin:0!important;border:1px solid var(--line)!important;border-radius:8px;background:var(--field,var(--card))!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;box-shadow:none!important;font:700 12px/1.2 NunitoStudent,system-ui,sans-serif!important;white-space:nowrap}
html[data-personal="true"] body #app .pv-view-button svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65}
.pv-page-tools{display:flex;justify-content:flex-end;margin:0 0 8px}
.pv-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:15px;background:var(--panel,var(--card));color:var(--ink);font:14px/1.5 NunitoStudent,system-ui,sans-serif;overflow:auto}
.pv-dialog::backdrop{background:#071b225e;backdrop-filter:blur(3px)}
.pv-dialog>header,.pv-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px}
.pv-dialog>header{border-bottom:1px solid var(--line)}.pv-dialog h2{font-size:21px;margin:3px 0 0;line-height:1.3}.pv-dialog small{font-size:11px;color:var(--muted)}.pv-dialog header>div>small{font-size:9px;letter-spacing:.1em}.pv-dialog>header>button{font-size:23px;min-height:36px;min-width:36px;padding:0}
.pv-dialog-content{padding:4px 20px 0}.pv-dialog-content>p{font-size:12px;color:var(--muted);line-height:1.6;margin:12px 0 18px}.pv-choices{border:0;padding:0;margin:0 0 17px;min-width:0}.pv-choices legend{font-size:13px;font-weight:800;margin-bottom:7px}.pv-choices>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.pv-dialog button{border:1px solid var(--line);border-radius:8px;background:var(--field,var(--card));color:var(--ink);font:700 12px/1.35 NunitoStudent,system-ui,sans-serif;min-height:36px;padding:8px;cursor:pointer}.pv-dialog button[aria-pressed="true"]{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 14%,var(--panel));box-shadow:inset 0 -2px var(--brand)}.pv-dialog :is(button,input):focus-visible,.pv-view-button:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.pv-dialog p.pv-hint{font-size:11px;margin-top:-5px}.pv-scale-label{display:flex;justify-content:space-between;font-size:13px;font-weight:800}.pv-dialog input[type=range]{box-sizing:border-box;width:100%;margin:10px 0 17px;accent-color:var(--brand)}.pv-focus{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid var(--line)}.pv-focus span{display:grid;gap:3px}.pv-focus strong{font-size:13px}.pv-focus input{accent-color:var(--brand);width:18px;height:18px;flex:none}.pv-utilities{display:flex;gap:8px;margin:5px 0 15px}.pv-dialog>footer{position:sticky;bottom:0;background:var(--panel,var(--card));border-top:1px solid var(--line)}.pv-dialog>footer>button{min-width:85px;background:var(--brand);border-color:var(--brand);color:var(--hero-button-ink,#fff)}
/* Focus and live never use transform/zoom: the real layout reflows. */
html[data-personal="true"][data-pv-focus="true"] body :is(.workspace-rail,#app>.nav,#app .nav,.pwa-statusbar){display:none!important}
html[data-personal="true"][data-pv-focus="true"] body #app{margin-left:0!important}
html[data-personal="true"][data-pv-format="live34"] body #app #main-content{width:min(100%,calc((100dvh - 16px) * .75))!important;max-width:760px!important;margin-inline:auto!important;padding:12px!important}
html[data-personal="true"][data-pv-format="live916"] body #app #main-content{width:min(100%,calc((100dvh - 16px) * .5625))!important;max-width:640px!important;margin-inline:auto!important;padding:12px!important}
html[data-personal="true"][data-pv-format^="live"] #app .web-exam-stack{grid-template-columns:minmax(0,1fr)!important}
html[data-personal="true"][data-pv-density="compact"] #app :is(.ps-question-scroll,.ps-answer-scroll){padding:10px}
html[data-personal="true"][data-pv-density="comfortable"] #app :is(.ps-question-scroll,.ps-answer-scroll){padding:18px}
html[data-personal="true"][data-pv-density="comfortable"][data-theme] body #app #main-content .ps-session :is(.answer,.memory-choice){padding:12px 13px!important}
@media(max-width:1120px){
 html[data-personal="true"] body .workspace-rail{display:none!important}
 html[data-personal="true"] body #app{margin-left:0!important}
 html[data-personal="true"] body #app .nav{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-width:none;transform:none;display:flex;flex-direction:row;justify-content:center;gap:0;max-height:none;border-radius:12px 12px 0 0}
 html[data-personal="true"] body #app .nav button{flex:1;padding:9px 3px;min-width:0;font-size:10px}
 html[data-personal="true"] body #app .nav .desktop-nav-only{display:none}
}
@media(max-width:600px){
 html[data-personal="true"][data-theme] body #app #main-content{padding:13px 12px 92px!important}
 html[data-personal="true"][data-theme] body.personal-study-session #app #main-content{padding:10px 12px 16px!important}
 html[data-personal="true"] #app .ps-controls{width:auto!important}
 html[data-personal="true"] #app .ps-answer-footer{min-height:53px}
 html[data-personal="true"] #app .ps-result-message{font-size:10px!important}
 html[data-personal="true"][data-theme] body #app #main-content :is(.admission-card,.book-exam-card){padding:15px!important}
 html[data-personal="true"][data-cpu-main-exam][data-theme] body #app #main-content{padding:10px 12px 12px!important}
}
@media(max-height:600px){html[data-personal="true"] body #app .exam-countdown{min-height:calc(100dvh - 44px)!important}html[data-personal="true"] body #app .countdown-footer{padding-top:34px!important}html[data-personal="true"] body #app .exam-countdown-dial{width:90px!important;height:90px!important;margin:12px 0!important}}
@media(pointer:coarse){html[data-personal="true"] #app :is(.ps-button,.ps-icon-button,.pv-view-button),.pv-dialog button{min-height:44px!important}html[data-personal="true"][data-theme] body #app #main-content :is(.answer,.memory-choice){min-height:46px!important}}