:root{--ink:#142c40;--gold:#a77d38;--paper:#f8f5ee;--muted:#52616a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif}header,main,footer{max-width:1160px;margin:auto;padding:24px 32px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #d6cfbf}header img,footer img{object-fit:contain}nav{display:flex;gap:24px;flex-wrap:wrap}a{color:inherit;text-underline-offset:4px}h1,h2,h3{line-height:1.25}h1{font-size:clamp(34px,5vw,60px);text-align:left;margin:12px 0}h2{font-family:Georgia,serif;font-size:30px;font-weight:400}.hero{max-width:860px;padding:48px 0 32px}.hero h2{font-size:36px;margin:18px 0}.eyebrow{font-size:12px;letter-spacing:2px;color:#805b24;font-weight:700}.byline,.small{font-size:14px;color:var(--muted)}.metrics{display:flex;gap:40px;margin:32px 0}.metrics b{font:32px Georgia,serif;margin-right:8px}.notice{border-left:4px solid var(--gold);background:#eee7d8;padding:22px}.setup{padding:32px 0}.formcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.formcard{text-align:left;background:#fff;border:1px solid #d0c8b8;padding:20px;color:var(--ink);cursor:pointer}.formcard[aria-pressed=true]{border:3px solid var(--gold);padding:18px}.formcard b{display:block;font-size:18px}.formcard span{display:block;font-size:14px;margin-top:12px}.settings,.tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:24px 0}label{font-weight:bold}select,button{font:inherit}select{padding:10px;background:#fff;color:var(--ink)}button{padding:10px 18px;background:var(--ink);color:#fff;border:1px solid var(--ink);cursor:pointer}button:disabled{cursor:default;opacity:.65}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #bf8b2d;outline-offset:4px}.toolbar{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:2px solid var(--gold);padding-top:24px}.toolbar p{font-size:14px;max-width:680px}.passage{margin:28px 0 48px;padding:30px;background:white;border:1px solid #ded7c9}.passage h3{font-size:27px}.arabic{font:24px/2.1 'Noto Naskh Arabic','DejaVu Sans',Tahoma,serif;text-align:right;direction:rtl}.arabic p{margin:0 0 22px}.genre{color:var(--muted);font-size:13px}.question{border-top:1px solid #ded7c9;padding:24px 0}fieldset{margin:0;padding:0;border:0}legend{font-weight:bold;font-size:17px;margin-bottom:15px}.option{display:flex;align-items:flex-start;gap:12px;padding:12px 15px;border:1px solid #d5d3cd;margin:8px 0;font-weight:normal;cursor:pointer}.option:has(input:checked){background:#e8edf0;border-color:var(--ink)}.option input{margin-top:6px;flex-shrink:0}.feedback{background:#eef3ec;border-left:4px solid #49714a;margin-top:16px;padding:18px}.feedback.wrong{background:#faf0e6;border-color:#95602d}.evidence{direction:rtl;text-align:right;font:20px/1.9 'DejaVu Sans',sans-serif}.finish{background:#e9e2d5;padding:24px}.finish p{font-size:14px}#results,#rubric,#answer-section,.sources{margin-top:48px;border-top:1px solid #c9bfad;padding-top:24px}#score strong{font:42px Georgia,serif}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:14px;border:1px solid #cec7ba;text-align:left;vertical-align:top}th{background:#e8e2d6}.tablewrap{overflow:auto}.keyitem{margin:15px 0;padding:20px;background:#fff;border:1px solid #ded7c9}.sources{font-size:14px;color:var(--muted)}footer{border-top:2px solid var(--gold);font-size:13px;padding-bottom:50px}#message{font-weight:bold;color:#78501a}[hidden]{display:none!important}@media(max-width:700px){header,main,footer{padding:20px}header{align-items:flex-start;flex-direction:column}.formcards{grid-template-columns:1fr}.hero{padding-top:24px}.hero h2{font-size:30px}.metrics{gap:20px;flex-wrap:wrap}.metrics b{font-size:27px}.passage{padding:20px}.arabic{font-size:22px}.toolbar{display:block}.option{padding:11px}.settings{align-items:stretch;flex-direction:column}.tablewrap{font-size:12px}}
@media print{header,footer,nav,.setup,.hero,.notice,.sources,.toolbar,.tools,.finish,#results,button,#message,#attempt-note{display:none!important}main{max-width:none;padding:0}body{background:white;color:black}.passage{padding:0;border:0;break-before:page}.question{break-inside:avoid}.option{border:0;padding:4px}.arabic{font-size:16px;line-height:1.9}.feedback{display:none}#rubric,#answer-section{break-before:page}table{font-size:11px}}
.audio-panel{padding:20px;background:#eef1ed;border-left:4px solid #a77d38;margin:20px 0 28px}.audio-panel audio{width:100%;max-width:650px}.audio-panel .small{margin:8px 0}.cue{font-size:14px;margin:4px 0;background:#365a65}.transcript{border-top:2px solid #a77d38;margin-top:25px;padding-top:18px}.transcript summary{cursor:pointer;font-weight:bold}.transcript .arabic{font-size:21px}.button-link{display:inline-block;background:#142c40;color:white;padding:12px 22px;text-decoration:none}.audio-panel select{padding:4px}.audio-panel p[role=status]{font-size:14px;color:#8b4d20}