body{font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
.arabic{font-family:'Amiri',serif;direction:rtl;text-align:right;line-height:1.9;overflow-wrap:anywhere}
.tab-link.active{background:#0d9488;color:#fff;box-shadow:0 4px 14px rgba(13,148,136,.35)}
.type-link.active{border-color:#0d9488;background:#f0fdfa;box-shadow:0 0 0 3px rgba(13,148,136,.15)}
.state-card,.card-hover{transition:transform .2s,box-shadow .2s}
.state-card:hover,.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.hareke-dot{width:14px;height:14px;border-radius:50%;display:inline-block}
.fade-in{animation:fadeIn .3s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.irab-icon svg{width:100%;height:100%}
.tab-link,.ozet-nav{display:inline-flex;align-items:center;gap:.375rem;min-height:2.5rem}
.nav-groups{display:grid;gap:.75rem}
@media(min-width:640px){.nav-groups{grid-template-columns:repeat(2,1fr)}}
@media(max-width:639px){.nav-groups{grid-template-columns:1fr}}
.nav-group{border-radius:1rem;padding:.875rem}
.nav-group-title{font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.5rem}
.nav-group-btns{display:flex;flex-wrap:wrap;gap:.375rem}
.hareke-block{border-radius:1.25rem;padding:1.25rem;margin-bottom:1.25rem}
.hareke-block-head{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid}
.hareke-block-title{font-weight:700;font-size:.95rem}
.hareke-card{min-height:10.5rem}
.hareke-sign{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:.75rem;font-family:'Amiri',serif;font-size:1.75rem;line-height:1;font-weight:700}
.nahiv-lesson-link{display:inline-flex;align-items:center;font-weight:600;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;transition:background .15s,color .15s,border-color .15s;text-decoration:none;white-space:nowrap;max-width:100%}
.nahiv-lesson-link:hover{background:#d1fae5;color:#065f46;border-color:#6ee7b7}
.sarf-lesson-link{display:inline-flex;align-items:center;font-weight:600;color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:9999px;transition:background .15s,color .15s,border-color .15s;text-decoration:none;white-space:nowrap;max-width:100%}
.sarf-lesson-link:hover{background:#ede9fe;color:#5b21b6;border-color:#c4b5fd}
.irab-picker{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;margin-bottom:1.25rem}
.irab-picker-chip{display:inline-block;text-decoration:none;line-height:1.35;max-width:100%}
.irab-detail-panel{min-height:0}
.irab-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -.25rem;padding:0 .25rem}
.irab-table-wrap table{min-width:32rem}
.irab-matrix-head{background:#f1f5f9}
.irab-matrix-row{border-top:1px solid #e2e8f0}
.irab-matrix-row:hover{background:#f8fafc}
.irab-grid-full{grid-column:1/-1}
.hareke-core-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.irab-sentence-card{background:#fff;border:1px solid #e2e8f0}
.irab-state-grid{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}
.irab-grid-2{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.irab-grid-3{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}
.irab-ozet-hero{text-align:center}
.irab-ozet-chain-pill{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:.5rem;font-weight:700;font-size:.8125rem;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}
.irab-ozet-chain-step .irab-ozet-chain-pill{margin-bottom:0}
.irab-ozet-chain-arrow{color:#94a3b8;font-weight:700}
.irab-ozet-table{min-width:28rem;border-collapse:collapse}
.irab-ozet-head{background:#f8fafc}
.irab-ozet-row:hover{background:#f8fafc}
.irab-ozet-type--emerald{border-color:#a7f3d0}
.irab-ozet-type--amber{border-color:#fde68a}
.irab-ozet-type--violet{border-color:#ddd6fe}
.irab-ozet-hal--emerald{border-color:#a7f3d0}
.irab-ozet-hal--rose{border-color:#fecdd3}
.irab-ozet-hal--blue{border-color:#bfdbfe}
.irab-ozet-hal-title--emerald{color:#047857}
.irab-ozet-hal-title--rose{color:#be123c}
.irab-ozet-hal-title--blue{color:#1d4ed8}
.irab-ozet-hal-kok--emerald{color:#059669}
.irab-ozet-hal-kok--rose{color:#e11d48}
.irab-ozet-hal-kok--blue{color:#2563eb}
.irab-ozet-hal-alamet--emerald{color:#047857}
.irab-ozet-hal-alamet--rose{color:#be123c}
.irab-ozet-hal-alamet--blue{color:#1d4ed8}
.irab-ozet-hal-example{background:#f8fafc;border:1px solid #e2e8f0}
.irab-ozet-hal-mark{padding:0 .15em;border-radius:.2rem;font-weight:700;background:transparent}
.irab-ozet-hal-mark--emerald{background:#d1fae5;color:#065f46}
.irab-ozet-hal-mark--rose{background:#ffe4e6;color:#9f1239}
.irab-ozet-hal-mark--blue{background:#dbeafe;color:#1e40af}
.irab-ozet-quick{text-decoration:none;color:inherit}
.irab-ozet-quick:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.06)}
.panel{background:#fff;border-color:#e2e8f0}
.type-link{background:#fff;border-color:#e2e8f0}
.nav-group{background:#fff;border:1px solid #e2e8f0}
.hareke-block{background:#fff;border:1px solid #e2e8f0}
.hareke-block-head{border-color:#f1f5f9}
.hareke-block-title{color:#0f172a}
.irab-detail-muted{color:#475569}
.irab-detail-subtle{color:#94a3b8}
.irab-example-box{background:#f8fafc;border-color:#e2e8f0}
@media(max-width:639px){
    .irab-state-grid,.irab-grid-3,.irab-grid-2,.hareke-core-grid{grid-template-columns:1fr}
    .nahiv-lesson-link{white-space:normal}
    .sarf-lesson-link{white-space:normal}
    .hareke-card{min-height:0}
    .irab-detail-panel{padding:1rem}
}
@media(min-width:1024px){
    .hareke-core-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
    .irab-picker{justify-content:center}
}
.irab-cetvel-page .irab-table-wrap{margin-bottom:0}
.irab-cetvel-page .irab-table-wrap+.irab-table-wrap{margin-top:0}
.irab-cetvel-jump{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;border:1px solid;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.irab-cetvel-jump--emerald{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
.irab-cetvel-jump--emerald:hover{background:#d1fae5;border-color:#6ee7b7}
.irab-cetvel-jump--violet{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}
.irab-cetvel-jump--violet:hover{background:#ede9fe;border-color:#c4b5fd}
.irab-cetvel-jump--amber{background:#fffbeb;color:#b45309;border-color:#fde68a}
.irab-cetvel-jump--amber:hover{background:#fef3c7;border-color:#fcd34d}