/* ===== R22 Urdu 9: right-to-left Urdu text (Gulzar Nastaliq) inside the normal subject-page look ===== */
@font-face{font-family:"Gulzar";src:url(fonts/gulzar.woff2) format("woff2");font-weight:400;font-display:swap}
[lang=ur],.u9ur,.u9q,.u9ot,.u9v,.u9passage,.u9wqt,.u9pqt{font-family:"Gulzar","Noto Nastaliq Urdu","Jameel Noori Nastaleeq",serif}
.u9q,.u9ot,.u9wqt,.u9pqt,.u9passage{font-size:20px;line-height:2.2;text-align:right;direction:rtl}
.u9ur{color:var(--ink);font-size:18px;line-height:1.8;margin-inline-start:10px}
.u9t{font-size:26px;margin-inline-start:12px;color:#fff}
.pks-rn{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px}
.u9un{font-weight:700}
.u9grp{margin-bottom:12px}
.u9lnk{background:none;border:0;color:#0B7A5F;font-weight:700;font-size:inherit;padding:6px 2px;cursor:pointer;text-decoration:underline}
.u9pat summary{cursor:pointer;padding:6px 2px;color:var(--ink)}
.u9tbl{width:100%;border-collapse:collapse;margin:10px 0;font-size:14.5px}
.u9tbl th,.u9tbl td{border:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}
.u9tbl thead th{background:#E2F6EF;color:#1B3A5C}
.u9lab{display:block;font-weight:800;margin:2px 0 6px;color:var(--ink)}
.u9sel{width:100%;max-width:520px;font:inherit;font-weight:700;padding:12px;border-radius:12px;border:2px solid #1B3A5C;background:var(--surface);color:var(--ink);min-height:48px}
.u9info{background:#E2F6EF;border-radius:10px;padding:10px 12px;margin:8px 0 12px;color:#1B3A5C;font-size:14.5px}
.u9scr{min-width:0}
.u9back{margin-bottom:12px}
.u9meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--ink);margin-bottom:6px}
.u9prog{height:8px;background:var(--sunk);border-radius:99px;overflow:hidden;margin-bottom:12px}.u9prog i{display:block;height:100%;background:#0F9D7A}
.u9card{background:var(--surface);border:2px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:12px;min-width:0}
.u9card.dim{opacity:.55}.u9ok{border-color:#0F9D7A}.u9no{border-color:#1B3A5C}
.u9qn{font-weight:800;color:#1B3A5C;margin-bottom:2px}
.u9opts{display:grid;gap:8px;margin-top:8px}
.u9o{display:flex;align-items:center;gap:12px;text-align:right;background:var(--surface);border:2px solid var(--line);border-radius:12px;padding:8px 12px;color:var(--ink);min-height:52px;width:100%;cursor:pointer;font:inherit}
.u9ot{flex:1;font-size:19px;line-height:2;text-align:right}
.u9b{flex:none;width:32px;height:32px;border-radius:50%;border:2px solid #1B3A5C;display:grid;place-items:center;font-weight:800;font-family:system-ui,sans-serif;color:#1B3A5C;background:#fff}
.u9o.on{border-color:#0F9D7A;background:#E2F6EF}.u9o.on .u9b{background:#0F9D7A;border-color:#0F9D7A;color:#fff}
.u9o.good{border-color:#0F9D7A;background:#E2F6EF}.u9o.good .u9b{background:#0F9D7A;color:#fff;border-color:#0F9D7A}
.u9o.miss{border:3px solid #1B3A5C;background:#E8EEF5}.u9o.miss .u9b{background:#1B3A5C;color:#fff}
.u9fb{border-radius:10px;padding:10px 12px;margin:10px 0;border:2px solid #1B3A5C;background:#E8EEF5;color:#1B3A5C}.u9fb.ok{border-color:#0F9D7A;background:#E2F6EF}
.u9fb div{font-family:"Gulzar",serif;font-size:18px;line-height:2;margin-top:4px}
.u9done{text-align:center}.u9big{font-size:40px;font-weight:800;color:#0F9D7A}
.u9bar{position:sticky;top:0;z-index:5;display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;background:#1B3A5C;color:#fff;border-radius:12px;padding:10px 14px;margin-bottom:10px}
.u9tm{font-weight:800;font-size:20px;background:#fff;color:#1B3A5C;border-radius:8px;padding:2px 10px}
.omr{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.omr button{min-width:38px;height:38px;border-radius:50%;border:2px solid #1B3A5C;background:#fff;color:#1B3A5C;font-weight:800}.omr button.ans{background:#0F9D7A;border-color:#0F9D7A;color:#fff}
.sec-h h2{font-size:20px;margin:16px 0 8px;color:var(--ink)}
.u9ph{font-weight:800;margin:12px 0 6px;color:#1B3A5C}
.u9pickl{display:block;font-weight:700;margin-bottom:6px;color:#1B3A5C}
.u9ta{width:100%;min-height:90px;border:2px solid var(--line);border-radius:10px;padding:8px;font-size:18px;font-family:"Gulzar",serif;line-height:2;background:var(--surface);color:var(--ink);margin-top:6px}
.u9mine,.u9model{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.u9model{background:#E2F6EF;border-radius:10px;padding:8px 10px}
.u9mine div,.u9model div{font-family:"Gulzar",serif;font-size:18px;line-height:2.1}
.u9mk{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}.u9mk span{font-weight:700;margin-right:6px}
.u9mk button{min-width:40px;height:40px;border-radius:10px;border:2px solid #1B3A5C;background:#fff;color:#1B3A5C;font-weight:800}.u9mk button.on{background:#0F9D7A;border-color:#0F9D7A;color:#fff}
.u9mrow{display:flex;gap:10px;align-items:center;justify-content:space-between;background:var(--surface);border:2px solid var(--line);border-radius:12px;padding:8px 12px;margin-bottom:8px;flex-wrap:wrap}
.u9mrow select{font:inherit;padding:8px;border-radius:8px;border:2px solid var(--line);max-width:100%}.u9good{border-color:#0F9D7A!important}.u9bad{border-color:#1B3A5C!important}
.u9flip h3{font-family:"Gulzar",serif;font-weight:400!important;font-size:24px;line-height:2;text-align:right;margin:0 0 6px}
.u9fbk{font-size:19px;line-height:2.2;text-align:right}
.u9vs{text-align:center;margin:10px 0;direction:rtl}.u9v{font-size:21px;line-height:2.3;margin:6px 0;text-align:center}
.u9vmiss{font-family:system-ui,sans-serif;direction:ltr;font-size:14px;color:var(--muted);font-style:italic}
.u9toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#1B3A5C;color:#fff;border-radius:10px;padding:10px 16px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:60}.u9toast.on{opacity:1}
.u9h{font-size:22px;color:var(--ink)}
.u9notes{background:var(--surface)}
.lockbox{max-width:520px;margin:30px auto;padding:20px;text-align:center}
/* printed paper */
.u9paper .u9pq{display:flex;gap:8px;margin:6px 0;break-inside:avoid}.u9pqn{flex:none;width:26px}.u9pqt{flex:1;font-size:15px;line-height:2}
.u9paper .u9ops{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;font-size:14px;direction:rtl}
.u9paper .u9wq{display:flex;gap:8px;margin:6px 0;break-inside:avoid}.u9wqn{flex:none;width:34px}.u9wqt{flex:1;font-size:15px;line-height:2}.u9wqm{flex:none}
.u9paper .u9ph{border:0;margin:10px 0 2px}.u9paper .u9passage{font-size:15px;line-height:2.2;border:1px solid #000;padding:6px 10px;margin:6px 0}
.u9paper .u9v{font-size:16px}.u9or{font-style:italic}
.u9paper .ans-b{margin:6px 0;border-bottom:1px dotted #999}
.u9pts{margin:4px 0;padding-right:20px}
.pthint{margin:6px 0}
@media(max-width:430px){.u9ot{font-size:18px}.u9bar{font-size:14px}.u9tbl{font-size:13px}.u9tbl th,.u9tbl td{padding:4px}}
body,button,input,select,textarea{font-family:"Bricolage Grotesque","Atkinson Hyperlegible",system-ui,sans-serif}
h1,h2,h3,.bar .brand b{font-family:"Bricolage Grotesque","Atkinson Hyperlegible",system-ui,sans-serif}
[lang=ur],.u9ur,.u9q,.u9ot,.u9v,.u9passage,.u9wqt,.u9pqt,.u9ta,.u9flip h3,.u9fb div,.u9mine div,.u9model div,.u9fbk{font-family:"Gulzar","Noto Nastaliq Urdu",serif}

.u9ps{color:#1B3A5C;margin:10px 0;padding:10px 12px;background:var(--lg,#E2F6EF);border-radius:10px;direction:rtl;text-align:right}.u9pp{font-size:19px;line-height:2.3;margin:4px 0}