:root{color-scheme:light;--bg:#f4f6fa;--surface:#fff;--ink:#1d2c43;--muted:#64748b;--accent:#2456a5;--line:#dfe6f0}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--accent)}
body>header{background:#193d70;color:#fff;padding:15px max(16px,calc((100vw - 1080px)/2))}body>header h1{font-size:23px;line-height:1.2;margin:0 0 3px}body>header p{margin:0;color:#dbeafe;font-size:12px}
.layout{max-width:1112px;margin:auto;padding:14px 16px}.main{min-width:0}.top-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 10px}.top-nav a,.record-nav a,.gender-switch a{display:inline-block;text-decoration:none;border:1px solid var(--line);border-radius:7px;padding:7px 10px;background:#fff;font-size:13px}.top-nav a.active,.gender-switch a.active{background:var(--accent);color:#fff;border-color:var(--accent)}

article{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:14px 16px;margin:0 0 12px;box-shadow:0 2px 8px #1a365908}.record-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 10px}.record-head h2{font-size:17px;margin:0 8px 0 0}.badge{background:#eaf1fc;color:#234f8d;border-radius:30px;padding:3px 8px;font-size:11px;font-weight:700}.badge.secondary{background:#f1edff;color:#6742a2}
.examples{background:#f8faff;border:1px solid var(--line);border-radius:8px;padding:10px 14px;text-align:center}
.ace-arabic{font-family:"Noto Naskh Arabic","Amiri",serif;font-size:clamp(28px,4vw,38px);line-height:1.55}
.ace-mubtada{color:#bd3030}.ace-predicate{color:#2066ac}.ace-neutral{color:#1d2c43}
.ace-suffix{color:#df8315;font-weight:700}
.ace-meta{font-size:12px;line-height:1.4;margin:2px 0 4px;direction:ltr;color:var(--muted)}
.ace-meta a{color:var(--accent)}.ace-en{font-size:19px;line-height:1.4;margin:2px 0}
.ace-ur{font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic",serif;font-size:21px;line-height:1.8;margin:0}
.arabic{font-family:"Noto Naskh Arabic","Amiri",serif;font-size:clamp(29px,4vw,40px);line-height:1.85}
.urdu{font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic",serif;font-size:23px;line-height:2.1}
.english-text{font-size:21px;line-height:1.6}
.note{border-left:3px solid #d59c39;padding:7px 10px;background:#fffaf0;color:#765321;margin:10px 0 0;overflow-wrap:anywhere;font-size:13px}.focus{margin:8px 0 0;color:#495b75;font-size:13px}.forms{margin-top:12px}.forms summary{cursor:pointer;font-size:14px;font-weight:700;color:var(--accent);padding:9px 12px;background:#edf3fb;border:1px solid var(--line);border-radius:8px;list-style:revert}.forms summary:hover{background:#e2ecfa}.forms[open] summary{border-radius:8px 8px 0 0}.forms .forms-content{padding:9px 0 0}.forms summary:focus-visible{outline:3px solid #df8315;outline-offset:2px}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:8px;margin-top:7px}table{border-collapse:collapse;width:100%;min-width:590px}th,td{text-align:left;padding:7px 10px;border-bottom:1px solid #e7edf6;vertical-align:middle}th{background:#edf3fb;font-size:12px}tbody tr:nth-child(even){background:#fafcff}tbody tr:last-child td{border-bottom:0}td.arabic{font-size:23px;line-height:1.6;min-width:175px}td.urdu{font-size:17px;line-height:1.8;min-width:155px}.gender-switch{display:flex;flex-wrap:wrap;gap:6px}.record-nav{display:flex;justify-content:space-between;gap:8px;margin-top:12px;font-size:13px}
@media(max-width:600px){.layout{padding:10px}.examples{padding:8px 10px}article{padding:11px}.count{margin-left:0}body>header{padding:13px 12px}}
@media print{details.forms .forms-content{display:block!important}body>header,.top-nav,.record-nav,.gender-switch{display:none!important}.layout{padding:0}article{break-inside:avoid;box-shadow:none}}
.ipa.ace-ipa-link {
    display: block;
    text-align: center;
}

.record-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 15px;
}

.record-heading {
    flex: 1;
    text-align: center;
}

.record-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 4px;
}

.record-arrow {
    font-size: 26px;
    font-weight: bold;
    text-decoration: none;
    padding: 6px 12px;
    border-radius: 8px;
    color: #2563eb;
}

.record-arrow:hover {
    background: #eff6ff;
}
.ace-ipa-container {
    text-align: center;
    width: 100%;
}