.jawi{--j-cobalt:#1f44b8;--j-cobalt-d:#17359a;--j-ar:"Scheherazade New", "Noto Naskh Arabic", serif}.jawi main{max-width:720px;margin:0 auto;padding:4px 16px 40px}.jawi .vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.jawi .head{background:var(--j-cobalt);color:#fff;border-radius:24px;padding:24px 20px 22px}.jawi .head h1{font:800 28px/1.2 var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0}.jawi .head p{color:#dce3f8;margin:12px 0 0;font-size:15.5px;line-height:1.55}.jawi .tabs{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.jawi .tabs[hidden]{display:none}.jawi .tabs button{cursor:pointer;min-height:44px;font:700 14px/1.2 var(--font-display);color:var(--t-ink);border:1px solid var(--t-line-strong);background:#fff;border-radius:999px;padding:8px 14px}.jawi .tabs button:hover{border-color:var(--j-cobalt)}.jawi .tabs button[aria-selected=true]{background:var(--j-cobalt);color:#fff;border-color:var(--j-cobalt)}.jawi .tabs button:focus-visible{outline:3px solid var(--j-cobalt);outline-offset:2px}.jawi .panel{margin-top:22px;scroll-margin-top:12px}.jawi .panel+.panel{margin-top:36px}.jawi .panel[hidden]{display:none}.jawi h2{font:800 22px/1.25 var(--font-display);letter-spacing:-.01em;margin:0}.jawi .legend{color:var(--t-muted);margin:8px 0 0;font-size:14px;line-height:1.55}.jawi .block{margin-top:26px}.jawi .block-head{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.jawi .block-head h3{font:700 17px/1.3 var(--font-display);margin:0}.jawi .hafal{border:1px solid var(--j-cobalt);font:700 12px/1.5 var(--font-display);border-radius:999px;padding:2px 10px;display:inline-block}.jawi .rule{margin:8px 0 0;font-size:16px;line-height:1.6}.jawi .foot{color:var(--t-muted);margin:10px 0 0;font-size:14px;line-height:1.55}.jawi .ar{font-family:var(--j-ar);font-size:1.25em;line-height:1.2}.jawi .scroll{border:1px solid var(--t-line);background:#fff;border-radius:16px;margin-top:12px;overflow-x:auto}.jawi .scroll:focus-visible{outline:3px solid var(--j-cobalt);outline-offset:2px}.jawi table{border-collapse:collapse;width:100%;min-width:320px}.jawi table.three{min-width:500px}.jawi th,.jawi td{text-align:left;vertical-align:middle}.jawi thead th{color:var(--t-muted);border-bottom:1px solid var(--t-line-strong);padding:10px 14px;font-size:13.5px;font-weight:600;line-height:1.4}.jawi tbody tr+tr>*{border-top:1px solid var(--t-line)}.jawi tbody th{padding:8px 14px;font-size:15.5px;font-weight:600;line-height:1.4}.jawi td.j{font-family:var(--j-ar);text-align:center;padding:4px 14px;font-size:30px;line-height:1.5}.jawi table.three th:first-child{width:140px}.jawi table.three th:nth-child(2){text-align:center;width:130px}.jawi table:not(.three) th:nth-child(2){text-align:center}.jawi td.p{min-width:0;padding:6px 14px}.jawi .note{color:var(--t-muted);font-size:14px;line-height:1.45}.jawi .segs+.note{margin-top:4px}.jawi .segs{flex-wrap:nowrap;align-items:flex-end;gap:2px;display:flex}.jawi .seg{border-bottom:2px solid #0000;flex-direction:column;align-items:center;min-width:30px;padding:0 4px 2px;display:inline-flex}.jawi .seg .sr{color:var(--t-muted);font-size:13px;line-height:1.3}.jawi .seg .sj{font-family:var(--j-ar);color:var(--t-muted);font-size:26px;line-height:1.45}.jawi .seg-mark{border-bottom-color:var(--j-cobalt)}.jawi .seg-mark .sr,.jawi .seg-mark .sj{color:var(--t-ink);font-weight:700}.jawi .seg-drop .sr{color:var(--t-faint);text-decoration:line-through}.jawi .seg-drop .sj{color:#c9cedd}.jawi .summary{margin-top:40px}.jawi .summary ul{border:1px solid var(--t-line);background:#fff;border-radius:16px;margin:14px 0 0;padding:0;list-style:none}.jawi .summary li{flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:12px 16px;display:flex}.jawi .summary li+li{border-top:1px solid var(--t-line)}.jawi .summary .s-text{flex:340px;min-width:0;font-size:15px;line-height:1.55}.jawi .summary .s-text strong{font-weight:600}.jawi .summary .s-jawi{font-family:var(--j-ar);flex:none;font-size:24px;line-height:1.5}.jawi .indep{color:var(--t-faint);margin:28px 0 0;font-size:13px;line-height:1.6}@media (width>=720px){.jawi .head{padding:28px 32px 26px}.jawi .head h1{font-size:32px}}