/* Scoped presentation refresh: no ownership of dashboard grids or exam state. */
@media screen{
 .legal-page>main{max-width:1100px;margin:0 auto;padding:32px 24px 64px;box-sizing:border-box}
 .legal-wrap.legal-reading{display:block;width:100%;max-width:1000px;margin:0 auto;padding:clamp(24px,4vw,56px);border:1px solid var(--line,#e3e8ef);border-radius:12px;background:#fff;box-shadow:none;box-sizing:border-box}
 .legal-reading .legal-release-notice{display:block;margin:0 0 24px;padding:16px 0;border:0;border-bottom:1px solid var(--line,#e3e8ef);border-radius:0;background:transparent;color:#79520c;font-size:14px;line-height:1.7;max-width:78ch}
 .legal-reading .legal-document{display:block;max-width:78ch;margin:0 auto;color:var(--ink,#172b40)}
 .legal-reading .legal-brand-name{font-size:14px;letter-spacing:.06em;margin:0 0 12px;font-weight:600}
 .legal-reading h1{font-size:clamp(28px,3vw,42px);line-height:1.18;letter-spacing:-.035em;margin:0 0 24px;text-wrap:balance}
 .legal-reading .legal-section{padding:0;margin:36px 0 0;background:transparent;border:0;border-radius:0;box-shadow:none;min-width:0;scroll-margin-top:24px}
 .legal-reading .legal-section h2{font-size:clamp(20px,2vw,24px);font-weight:600;line-height:1.4;letter-spacing:-.02em;color:var(--ink,#172b40);padding:0;border:0;margin:0 0 18px}
 .legal-reading :is(p,li){font-size:16px;line-height:1.85;overflow-wrap:anywhere;max-width:none}
 .legal-reading p{margin:0 0 16px}.legal-reading li{margin-bottom:8px}.legal-reading ul{padding-left:24px}
 .legal-reading a{color:var(--brand,#2854aa);text-underline-offset:4px}
 .legal-reading .legal-index{margin:0 auto 32px;max-width:78ch;border-bottom:1px solid var(--line,#e3e8ef);padding-bottom:16px}
 .legal-index summary{cursor:pointer;min-height:44px;display:list-item;padding:12px 0;font-weight:600}
 .legal-index ol{display:block;padding-left:24px;margin:12px 0}.legal-index a{display:inline-block;padding:6px 0;line-height:1.5;font-size:14px}
 .legal-reading .legal-privacy-intro{max-width:78ch;margin:48px auto 0;padding-top:28px;border-top:1px solid var(--line,#e3e8ef)}
 .legal-reading .legal-privacy{max-width:78ch;margin:24px auto 0}.legal-reading .legal-privacy h3{font-size:18px;line-height:1.5;margin:24px 0 12px}
 #page-qp-legal .qp-center{max-width:none;width:100%}#page-qp-legal>.qp-center>.page-header{max-width:1000px;margin:0 auto 24px}
 #view-login .login-brand{display:block;width:166px;max-width:100%;height:auto;margin:0 0 24px}
 #view-login .login-card{box-shadow:none;border:1px solid var(--line,#e3e8ef);border-radius:12px}
 #page-school-settings.view-page{max-width:1200px;margin-inline:auto;width:100%}
 #page-school-settings>.page-header{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;margin:0 auto 28px}
 #page-school-settings>.page-header>p{margin:0 auto;text-align:center;max-width:60ch}
 #page-school-settings.view-page>.school-profile-card{max-width:920px;width:100%;margin-inline:auto;border-radius:12px;box-shadow:none}
 #page-school-settings>.school-profile-card>.card-body{display:block;padding:clamp(20px,3vw,36px)}
 #page-school-settings .school-profile-card .form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 #page-school-settings .school-profile-card .form-group{min-width:0;margin-bottom:20px}
 #page-school-settings .school-profile-card .form-input{width:100%;min-height:48px;font-size:16px}
 #page-school-settings .school-profile-card .card-body>div:has(>#logo-upload-area){display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center!important;gap:12px}
 #page-school-settings #staff-management{max-width:920px;margin-inline:auto}
 #view-exam.view.active{display:block;max-width:1040px!important;width:100%;margin:24px auto 40px;padding:0 24px;box-sizing:border-box}
 #view-exam .exam-header{display:flex;align-items:center;gap:20px;padding:20px 24px;margin:0 0 20px!important;background:#fff;border:1px solid var(--line,#e3e8ef);border-radius:12px!important;box-shadow:none}
 #view-exam #exam-mode-title{flex:1;min-width:0;font:600 17px/1.5 Geist,system-ui,sans-serif!important;overflow-wrap:anywhere}
 #view-exam #exam-timer{flex:none;font-variant-numeric:tabular-nums;font-size:20px;background:#f1f4f8;color:var(--ink,#172b40);padding:10px 14px;border-radius:6px}
 #view-exam #btn-submit-exam{min-height:44px;padding:10px 18px;border-radius:6px;flex:none}
 #view-exam #exam-qgrid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;padding:20px;margin:0 0 20px;background:#fff;border:1px solid var(--line,#e3e8ef);border-radius:12px}
 #view-exam .qcell{width:100%;height:44px;min-width:0;margin:0;border-radius:6px;font-size:14px;font-variant-numeric:tabular-nums;box-shadow:none;transform:none}
 #view-exam .qcell.current{outline:2px solid var(--ink,#172b40);outline-offset:2px}
 #view-exam .exam-qcard{padding:clamp(20px,3vw,36px);margin:0;background:#fff;border:1px solid var(--line,#e3e8ef);border-radius:12px;box-shadow:none}
 #view-exam .exam-qnum{display:flex;justify-content:space-between;align-items:start;gap:16px;flex-wrap:wrap;font-size:14px;line-height:1.6;margin-bottom:20px}
 #view-exam #current-qtopic{max-width:65ch;overflow-wrap:anywhere;font-family:inherit}
 #view-exam .exam-qimg{padding:20px;background:#f6f8fa;border:0;border-radius:8px;margin:0 0 24px;min-height:0}
 #view-exam .exam-qimg img{display:block;width:auto;max-width:min(280px,100%);max-height:240px;object-fit:contain;margin:0 auto;border-radius:4px}
 #view-exam #current-qtext{font-size:clamp(20px,2.2vw,26px);line-height:1.6;font-weight:500;margin:0 0 24px;max-width:72ch;text-wrap:pretty}
 #view-exam .quiz-reading{display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding:16px 0;margin:0 0 20px;border-top:1px solid var(--line,#e3e8ef);border-bottom:1px solid var(--line,#e3e8ef);background:transparent;border-radius:0}
 #view-exam .quiz-reading button{min-height:44px;margin:0;position:relative}
 #view-exam .quiz-reading label{display:grid;gap:6px;min-width:0;font-size:13px;margin:0;flex:1 1 180px}
 #view-exam .quiz-reading select{width:100%;max-width:none;min-height:44px;margin:0;font-size:16px}
 #view-exam #quiz-read-status{flex:1 0 100%;margin:4px 0 0;font-size:13px;line-height:1.6;color:#536378}
 #view-exam .choices-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 16px}
 #view-exam .choice-btn{min-height:64px;border-radius:8px;font-size:18px;box-shadow:none;transform:none}
 #view-exam #btn-doubt{min-height:44px;margin:0;border-radius:6px}
 #view-exam .exam-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 0}
 #view-exam .btn-nav{min-height:44px;padding:10px 16px;margin:0;white-space:normal;flex:none}
 #view-exam #exam-progress-text{font-variant-numeric:tabular-nums}
 #view-exam :is(button,select):focus-visible{outline:3px solid var(--brand,#2854aa);outline-offset:3px}
 @media(max-width:700px){.legal-page>main{padding:20px 12px 40px}.legal-wrap.legal-reading{padding:24px 20px;border-radius:8px}.legal-reading :is(p,li){font-size:16px}#page-school-settings .school-profile-card .form-row{grid-template-columns:minmax(0,1fr);gap:0}#view-exam.view.active{padding:0 16px;margin-top:20px}#view-exam .exam-header{flex-wrap:wrap;padding:16px;gap:12px}#view-exam #exam-mode-title{flex:1 0 100%}#view-exam #btn-submit-exam{margin-left:auto}#view-exam #exam-qgrid{grid-template-columns:repeat(6,minmax(0,1fr));padding:16px 12px;gap:10px 6px}#view-exam .qcell{font-size:13px}#view-exam .exam-nav{gap:8px}#view-exam .btn-nav{padding:10px;font-size:13px}#view-exam .quiz-reading button{flex:1 1 auto}#view-exam .exam-qnum{gap:10px}#view-exam .exam-qcard{padding:20px}}
 @media(max-width:360px){#view-exam #exam-qgrid{grid-template-columns:repeat(5,minmax(0,1fr))}}
}
@media print{
 @page{size:A4;margin:12mm}
 body{background:#fff!important}#print-area.print-exam{padding:0!important;margin:0!important;background:#fff!important;font:10pt/1.45 Arial,sans-serif}
 #print-area .sheet-header{display:block;border-bottom:1.5pt solid #172b40;padding-bottom:5mm;margin-bottom:5mm}
 #print-area .sheet-brand{display:flex;align-items:center;justify-content:space-between;gap:5mm;margin-bottom:5mm;font-size:8pt}
 #print-area .sheet-brand>img{width:36mm;height:auto}
 #print-area .sheet-school{display:flex;gap:4mm;align-items:center;text-align:center;justify-content:center}
 #print-area .sheet-school h1{font:bold 15pt/1.25 Arial,sans-serif;margin:0 0 2mm}
 #print-area .sheet-school p{font-size:8pt;line-height:1.5;margin:1mm 0;overflow-wrap:anywhere}
 #print-area .sheet-school-logo{width:16mm;height:16mm;object-fit:contain;flex:none}
 #print-area .sheet-title{text-align:center;margin-bottom:5mm}#print-area .sheet-title h2{font:bold 13pt/1.3 Arial,sans-serif;margin:0 0 2mm}
 #print-area .sheet-title p{margin:1mm 0;font-size:9pt}#print-area .sheet-title p:last-child{font-size:8pt}
 #print-area .pe-info{display:flex;gap:5mm;font-size:9pt;margin-bottom:4mm;align-items:end}
 #print-area .pe-info>div{min-width:0;flex:1}#print-area .pe-info>div:first-child{flex:2}
 #print-area .pe-info label{display:block;font-size:8pt;font-weight:bold;margin-bottom:2mm}
 #print-area .pe-info .pe-field{display:block;min-width:0;min-height:5mm;border-bottom:.5pt solid #666;padding:0 0 1mm;overflow-wrap:anywhere}
 #print-area .sheet-instructions{padding:3mm 0;border-block:.5pt solid #aaa;margin:0 0 4mm;font-size:9pt}
 #print-area .pe-questions{columns:2;column-gap:8mm;font:9pt/1.5 Arial,sans-serif}
 #print-area .pe-q{break-inside:avoid;padding:0 0 2.5mm;margin:0 0 2.5mm;border-bottom:.5pt solid #ccc}
 #print-area .sheet-question-heading{display:block;font-size:7.5pt;line-height:7mm;margin-bottom:2mm}
 #print-area .pe-qnum{font:bold 10pt/6mm Arial,sans-serif;border:1pt solid #222;width:7mm;height:6mm;display:inline-block;text-align:center;vertical-align:middle;margin-right:3mm}
 #print-area .sheet-question-image{display:block;max-width:36mm;max-height:20mm;width:auto;height:auto;object-fit:contain;margin:2mm auto}
 #print-area .pe-qtext{font:9pt/1.5 Arial,sans-serif;margin:2mm 0 3mm;overflow-wrap:anywhere}
 #print-area .pe-vf{display:flex;gap:8mm;font-size:9pt;margin-top:3mm}#print-area .pe-vf>span{display:inline-flex;align-items:center;gap:2mm}
 #print-area .pe-box{display:inline-block;width:4.5mm;height:4.5mm;border:1pt solid #111}
 #print-area .pe-footer{display:flex;justify-content:space-between;gap:5mm;border-top:.5pt solid #999;padding-top:3mm;margin-top:5mm;font-size:8pt}
 body.legal-page>main{display:block!important}body.legal-page>.site-header,body.legal-page>.release-footer,.legal-page .legal-index{display:none!important}
 .legal-page .legal-reading{display:block;max-width:none;padding:0}.legal-page .legal-section{break-inside:auto;margin:6mm 0}.legal-page h2{break-after:avoid}
}
