:root{--ink:#1e1b3a;--p:#4f46e5;--ok:#059669;--bad:#dc2626;--bg:#fffbf2}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Nastaliq Urdu',system-ui,sans-serif;line-height:2}
a{color:inherit;text-decoration:none}[lang=ja],.ul-ja .t{font-family:'Noto Sans JP',sans-serif}[lang=zh-CN],.ul-zh .t{font-family:'Noto Sans SC',sans-serif}
.t{direction:ltr;unicode-bidi:isolate;line-height:1.5}.rm{direction:ltr;unicode-bidi:isolate;font-family:Inter,sans-serif;color:#475569;font-size:.9em;line-height:1.4}
.ul-w{max-width:1040px;margin:0 auto;padding:0 16px}
.ul-top{background:#fff;border-bottom:3px solid var(--ink);position:sticky;top:0;z-index:50}.ul-top>.ul-w{display:flex;align-items:center;gap:12px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
.ul-logo{font:900 22px Inter,sans-serif;margin-inline-end:auto}.ul-logo span{color:var(--p)}
.ul-tm{font-size:14px;display:flex;gap:6px;align-items:center;border:2px solid var(--ink);border-radius:12px;padding:0 10px;cursor:pointer}
.ul-nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;font-size:14px}.ul-nav a{white-space:nowrap;padding:2px 10px;border-radius:10px;border:2px solid transparent}.ul-nav a[aria-current]{border-color:var(--ink);background:#eef2ff}
.u2k-pairs{position:relative}.u2k-pairs>summary{list-style:none;cursor:pointer;background:#fff;border:3px solid var(--ink);border-radius:14px;box-shadow:3px 3px 0 var(--ink);padding:0 10px;font:800 14px Inter,'Noto Nastaliq Urdu',sans-serif;white-space:nowrap}.u2k-pairs>summary::-webkit-details-marker{display:none}.u2k-pairs>summary::after{content:" ▾"}
.u2k-pairs ul{position:absolute;left:0;top:calc(100% + 6px);z-index:60;background:#fff;border:3px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink);padding:6px;margin:0;min-width:250px;list-style:none;direction:ltr}
.u2k-pairs li a{display:flex;padding:4px 10px;border-radius:9px;font-weight:700;font-size:15px}.u2k-pairs li a:hover{background:#f1f5f9}.u2k-pairs li a[aria-current]{background:var(--p);color:#fff}
main{padding:16px 16px 40px}h1{font-size:30px;line-height:1.8;margin:12px 0 4px}h2{font-size:22px;margin:20px 0 8px}h3{font-size:18px;margin:8px 0}
.ul-lead{font-size:17px;max-width:820px}.ul-review{background:#fef3c7;border:2px solid #f59e0b;border-radius:12px;padding:4px 12px;font-size:14px}
.ul-path{background:#fff;border:3px solid var(--ink);border-radius:16px;padding:8px 40px 8px 16px}
.ul-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin-top:16px}
.ul-card,.box{display:block;background:#fff;border:3px solid var(--ink);border-radius:16px;padding:12px 16px;box-shadow:4px 4px 0 var(--ink)}.ul-card b{display:block;font-size:18px}.ul-card span{font-size:14px;color:#475569}.ul-card:hover{transform:translateY(-2px)}
.ul-teach{background:#ecfdf5;border:3px solid var(--ok);border-radius:16px;padding:8px 16px;margin:12px 0}.ul-teach h3{margin:0}.ul-teach ol{margin:0;padding-inline-start:22px}body.no-teach .ul-teach,body.no-teach .why{display:none}
.btn{font:inherit;cursor:pointer;background:#fff;border:3px solid var(--ink);border-radius:12px;padding:0 14px;box-shadow:3px 3px 0 var(--ink);margin:4px}.btn.pri{background:var(--p);color:#fff}.btn.ok{background:#d1fae5;border-color:var(--ok)}.btn.no{background:#fee2e2;border-color:var(--bad)}.btn:disabled{opacity:.7;cursor:default}
.tabs{margin:8px 0}.tabs .btn[aria-pressed=true]{background:#eef2ff}
.kgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.kc{background:#fff;border:2px solid var(--ink);border-radius:12px;padding:6px;text-align:center;cursor:pointer}.kc .t{font-size:34px;display:block}.kc small{display:block;font-size:12px;line-height:1.6}
.big{font-size:64px;text-align:center;margin:8px 0}.why{background:#fff7ed;border-inline-start:5px solid #f97316;padding:4px 12px;border-radius:8px;margin-top:8px}
.res-ok{color:var(--ok);font-weight:700}.res-bad{color:var(--bad);font-weight:700}
table{border-collapse:collapse;width:100%;background:#fff}td,th{border:1px solid #cbd5e1;padding:4px 8px;text-align:right;vertical-align:top}
textarea,input[type=text],input[type=number]{font:inherit;width:100%;border:3px solid var(--ink);border-radius:12px;padding:6px 12px;background:#fff}input.ltr{direction:ltr;font-family:Inter,sans-serif}
.ul-foot{border-top:3px solid var(--ink);background:#fff;font-size:14px;padding:8px 0}.ul-foot a{text-decoration:underline}
.prog{height:10px;background:#e2e8f0;border-radius:6px;overflow:hidden}.prog i{display:block;height:100%;background:var(--p)}