@font-face{font-family:Urdu;src:url('/fonts/Jameel%20Noori%20Nastaleeq.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f5f7f4;color:#193c36;font-family:Urdu,'Noto Nastaliq Urdu',serif;font-size:22px;line-height:2.2}a{color:#08685b;text-underline-offset:5px}bdi,[lang=en]{font-family:system-ui,sans-serif;font-size:.82em;line-height:1.8}h1,h2,h3,p{margin:0 0 18px}h1{font-size:clamp(32px,4vw,50px);line-height:1.9}h2{font-size:30px;line-height:2}h3{font-size:25px}.wrap,.top{max-width:1240px;margin:auto;padding:24px}.top{display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{text-decoration:none;font-weight:850;font-size:24px}.brand span{display:block;font-size:10px;letter-spacing:2px;color:#587a72}.top nav{display:flex;gap:24px}.top nav a{text-decoration:none}.crumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:14px;margin:10px 0 25px;color:#53736a}.hero{background:#073e35;color:#fff;border-radius:26px;padding:42px clamp(22px,5vw,60px);position:relative;border-bottom:6px solid #d5ba70}.hero p{max-width:850px}.eyebrow{color:#e1c989}.stats{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.stats span{background:#ffffff12;border:1px solid #ffffff30;padding:4px 17px;border-radius:100px;font-size:20px}.button{display:inline-block;background:#f1d492;color:#143d32;text-decoration:none;padding:8px 24px;border-radius:10px}.layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;margin-top:32px}aside{align-self:start;position:sticky;top:16px;background:#fff;border:1px solid #dce6de;border-radius:18px;padding:20px}aside h2{font-size:26px}aside nav a{display:block;text-decoration:none;padding:10px;border-bottom:1px solid #eef1ed;line-height:1.6}aside nav a span{display:block;font-weight:650;font-size:14px}aside small{font-size:18px;color:#698077}aside a[aria-current=page]{background:#e4f1e9;border-right:3px solid #08705c;border-radius:6px}.content{min-width:0}.card{padding:30px;background:#fff;border:1px solid #dce6de;border-radius:18px;margin-bottom:24px;box-shadow:0 5px 18px #173d2f04}.tip{background:#fff6dd;border-right:4px solid #c99a35;padding:15px 22px;border-radius:10px;margin:20px 0}.formula{background:#edf6f1;padding:18px;border-radius:10px;overflow-wrap:anywhere;color:#0c5647;font-weight:650}.contents a{display:inline-block;margin:2px 0 2px 20px}.table-wrap{overflow-x:auto;max-width:100%;border:1px solid #e1e9e2;border-radius:10px;margin:20px 0}table{width:100%;border-collapse:collapse;font-size:17px}caption{padding:12px;background:#f5f8f4;font-size:16px}td,th{padding:12px 16px;border-bottom:1px solid #e1e9e2;text-align:start}th{background:#eaf2ec}td a{font-size:14px!important}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}.lesson-card{text-decoration:none;display:block;background:#fff;border:1px solid #d9e6dc;padding:24px;border-radius:16px;transition:transform .15s,border-color .15s}.lesson-card:hover{transform:translateY(-3px);border-color:#19806b}.lesson-card h3{font-size:19px;font-weight:750;margin:10px 0}.lesson-card p{margin:0}.lesson-card small{font-size:19px;color:#597b6e}.number{font:700 13px system-ui;color:#95701b;background:#fcf1d3;border-radius:8px;padding:6px 10px}.examples ol{padding-right:28px}.examples li{border-bottom:1px solid #e3eae5;padding:16px 5px}.examples li:last-child{border:0}.examples li p{margin:3px 0}.examples li [lang=en]{font-size:18px;color:#173b34;font-weight:550}summary{cursor:pointer;font-weight:600;padding:10px 0}details{border-bottom:1px solid #e5ece6}details p{padding:10px 0}.related{display:flex;flex-wrap:wrap;gap:12px}.related a{padding:8px 14px;background:#eef6f0;border-radius:8px}.footer{border-top:1px solid #d5e0d8;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#53776a}.skip{position:absolute;top:-150px;background:#fff;padding:12px;z-index:10}.skip:focus{top:0}a:focus-visible,summary:focus-visible{outline:3px solid #c89934;outline-offset:5px}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{position:static}aside nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:24px}.top{flex-wrap:wrap}.card{padding:22px}.wrap{padding:16px}.top nav{gap:18px;font-size:20px}.lesson-grid{gap:12px}.lesson-card{padding:18px}}@media(max-width:480px){.lesson-grid{grid-template-columns:1fr}.hero h1 [lang=en]{display:block}.stats span{font-size:18px}.card{padding:18px}body{font-size:21px}h2{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lesson-card{transition:none}}@media print{aside,.top,.contents,.button,.footer{display:none}.layout{display:block}.hero{background:#fff;color:#000;border:1px solid #ccc}.card{box-shadow:none;border:0;padding:10px}.examples li{break-inside:avoid}body{background:#fff;color:#000}}