/* REQ-20261010-MULTI-REPRESENTATION-01: target-only rules. */
.mr-pair{display:flex;gap:16px;align-items:center;justify-content:center;width:100%}
.mr-diagram{width:calc(50% - 8px);height:auto;min-width:0;display:block}
.mr-comparison{flex:0 0 280px;min-width:0}
.mr-question .mr-diagram{flex:1;width:calc((100% - 312px)/2)}
.mr-comparison .mr-choices{gap:8px}
.mr-choices{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:16px 0}
.mr-choice{font-size:2.3rem;min-width:84px;min-height:64px;border:3px solid #555;background:white;border-radius:12px;cursor:pointer}
.mr-choice[aria-pressed="true"]{border-color:#5920a0;background:#f1e7ff;box-shadow:0 0 0 2px #5920a0}
.mr-choice:focus-visible{outline:4px solid #111;outline-offset:3px}
.mr-choice-wrap{display:flex;flex-direction:column;gap:6px;align-items:center}
.mr-choice-speak{min-width:44px;min-height:44px;font-size:1.3rem;cursor:pointer}
.mr-expl button{min-width:44px;min-height:44px;font-size:1.3rem;cursor:pointer}
#page-quiz:has(.mr-question) #hint-btn,#page-quiz:has(.mr-question) .next-hint-btn{min-width:44px;min-height:44px}
.mr-guide{text-align:center;font-size:1.2rem;margin:16px 0}
.mr-expl{font-size:1.1rem;line-height:1.8}
.mr-language-controls{display:none}
/* Keep the shared mobile focus header hidden; provide this quiz's language entry. */
@media screen and (max-width:640px){
  .mr-question .mr-language-controls{display:flex;justify-content:center;gap:8px;margin-bottom:12px}
  .mr-language-controls button{min-width:80px;min-height:44px;padding:8px 12px;border:2px solid #5920a0;border-radius:8px;background:white;color:#5920a0;font:inherit;cursor:pointer}
  .mr-language-controls button[aria-pressed="true"]{background:#f1e7ff;font-weight:700}
  .mr-language-controls button:focus-visible{outline:3px solid #111;outline-offset:2px}
}
@media(max-width:600px){.mr-pair{flex-direction:column;gap:12px}.mr-diagram{width:100%;flex:none}}
@media screen and (max-width:900px){.mr-question .mr-pair{flex-direction:column;gap:12px}.mr-question .mr-diagram{width:100%;flex:none}.mr-question .mr-comparison{flex:none;width:100%}}
@media screen and (max-width:900px){body:has(#page-quiz.active .mr-question) header{flex-wrap:wrap}}
/* Last numeric label precedes the form caption; keep 100's ink inside the SVG. */
@media screen{.mr-question .mr-diagram[data-form="line"] text:nth-last-of-type(2){transform:translateX(-5px)}}
/* CP-15: full-size paper, with scrolling contained in this unit's preview.
   Screen-only: no change to native print or the app's offscreen PDF frame. */
@media screen{
  #page-print:has(#pr-sheet[data-unit="multi_representation_compare2_1"]){width:100%;max-width:100%;overflow-x:auto;box-sizing:border-box}
  #page-print:has(#pr-sheet[data-unit="multi_representation_compare2_1"])>.pr-toolbar{position:sticky;left:0;width:100%;box-sizing:border-box}
  #page-print:has(#pr-sheet[data-unit="multi_representation_compare2_1"])>.pr-toolbar button{white-space:nowrap}
}
#pr-sheet[data-unit="multi_representation_compare2_1"]{width:285mm!important;max-width:none!important;padding:0!important;margin:0 auto;border:0!important;box-shadow:none!important;background:white!important;box-sizing:content-box!important}
#pr-sheet[data-unit="multi_representation_compare2_1"]>:not(#pr-problems){display:none!important}
#pr-sheet[data-unit="multi_representation_compare2_1"]>#pr-problems{display:block!important;width:285mm!important;margin:0!important;padding:0!important}
.mr-print-page,.mr-print-page *{box-sizing:border-box;font-family:'BIZ UDPGothic',sans-serif;color:#000;letter-spacing:0;line-height:1.15}
.mr-print-page{width:285mm;height:187mm;max-width:none;background:white;margin:0;padding:0;overflow:visible}
.mr-print-header{display:flex;align-items:center;height:7mm;width:285mm;gap:4mm;white-space:nowrap;background:white!important;padding:0!important;border:0!important;box-shadow:none!important}
.mr-print-header h1{font-size:13.1pt;font-weight:normal;margin:0;flex:1}
.mr-print-fields{display:flex;gap:3mm;font-size:10pt;align-items:center}
.mr-print-fields>span{display:flex;align-items:center;white-space:nowrap}
.mr-print-fields i{width:19mm;height:5mm;border-bottom:.3mm solid #000;display:inline-block}
.mr-print-fields>span:nth-child(2) i{width:31mm}
.mr-print-fields>span:nth-child(3) i{width:10mm}
.mr-print-prompt{font-size:13.1pt;margin:0 0 1mm;height:7mm;display:flex;align-items:center}
.mr-print-grid{display:grid;grid-template-columns:139.5mm 139.5mm;column-gap:6mm;height:150mm}
.mr-print-column{width:139.5mm}
.mr-print-row{height:30mm;width:139.5mm;margin:0;padding:0 0 3mm}
.mr-print-diagrams{display:flex;align-items:center;width:125mm;height:18mm}
.mr-print-number{width:7mm;flex:none;font-size:12.6pt}
/* Subpixel guards preserve the physical minimum after Chrome PDF serialization. No page fit. */
.mr-print-page .mr-diagram{width:calc(52mm + .1px);height:calc(18mm + .1px);flex:none;max-width:none;min-width:0;margin:0;padding:0}
.mr-print-symbol-box{display:block;box-sizing:border-box;width:calc(14mm + 1px);height:calc(12mm + 1px);border:.3mm solid black;flex:none;background:white}
.mr-print-memo{display:block;box-sizing:border-box;width:calc(118mm + 1px);height:calc(8mm + 1px);border:.3mm solid black;margin:1mm 0 0 7mm;padding:.2mm .6mm;background:white;font-size:9.1pt;line-height:1.15}
.mr-print-answers{margin-top:2mm;height:20mm;border-top:.2mm solid #000}
.mr-print-answers h2{font-size:13.1pt;font-weight:normal;height:6mm;margin:0;padding:0}
.mr-print-answer-grid{display:grid;grid-template-columns:repeat(5,57mm);grid-template-rows:7mm 7mm}
.mr-print-answer{font-size:12.6pt;display:flex;align-items:center;white-space:nowrap}
.mr-app-pdf-host{position:absolute;left:0;top:0;z-index:-1;pointer-events:none}
.mr-app-pdf-frame{width:297mm;height:210mm;padding:6mm;background:white;box-sizing:border-box;overflow:hidden}
@media print{
  #pr-sheet[data-unit="multi_representation_compare2_1"]{transform:none!important;margin:0!important;width:285mm!important;min-height:0!important;max-height:none!important}
  #pr-sheet[data-unit="multi_representation_compare2_1"]>:not(#pr-problems){display:none!important}
  #pr-sheet[data-unit="multi_representation_compare2_1"] .mr-print-page{break-inside:avoid;page-break-inside:avoid;width:285mm!important;height:187mm!important}
}