.arapcaPrinciplesButton{margin-left:auto!important;border-color:#7c3aed!important;background:#f5f3ff!important;color:#5b21b6!important}.arapcaPrinciplesButton>span{display:grid!important;place-items:center;min-width:22px!important;height:22px;border-radius:50%;background:#7c3aed!important;color:#fff!important;font-family:Georgia,serif;font-weight:900}.arapcaPrinciplesButton:hover,.arapcaPrinciplesButton:focus-visible{background:#ede9fe!important;border-color:#6d28d9!important}.arapcaPrinciplesOpen{overflow:hidden}.arapcaPrinciplesModal[hidden]{display:none}.arapcaPrinciplesModal{position:fixed;inset:0;z-index:2450;display:flex;align-items:center;justify-content:center;padding:20px}.arapcaPrinciplesOverlay{position:absolute;inset:0;background:rgba(15,23,42,.72);backdrop-filter:blur(3px)}.arapcaPrinciplesPanel{position:relative;z-index:1;width:min(980px,100%);max-height:94vh;overflow:auto;border-radius:20px;background:#f8fafc;box-shadow:0 28px 80px rgba(15,23,42,.4)}.arapcaPrinciplesClose{position:absolute;top:13px;right:13px;z-index:2;width:40px;height:40px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:28px;line-height:1;cursor:pointer}.arapcaPrinciplesHeader{padding:25px 70px 22px 25px;border-radius:20px 20px 0 0;background:linear-gradient(135deg,#4c1d95,#7c3aed);color:#fff}.arapcaPrinciplesHeader>span{font-size:.76rem;font-weight:900;letter-spacing:.12em;color:#ddd6fe}.arapcaPrinciplesHeader h3{margin:5px 0 4px;font-size:clamp(1.3rem,3vw,1.9rem)}.arapcaPrinciplesHeader p{margin:0;color:#ede9fe;line-height:1.55}.arapcaPrinciplesList{display:grid;gap:14px;padding:20px}.arapcaPrincipleCard{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:17px;border:1px solid #ddd6fe;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(76,29,149,.07)}.arapcaPrincipleNumber{display:grid;place-items:center;align-self:start;width:34px;height:34px;border-radius:50%;background:#ede9fe;color:#6d28d9;font-weight:900}.arapcaPrincipleTitle{display:grid;grid-template-columns:minmax(220px,.85fr) 1.15fr;align-items:center;gap:14px}.arapcaPrincipleTitle>div{padding:10px 12px;border-radius:12px;background:#faf5ff}.arapcaPrincipleTitle>div>b{display:block;font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.55rem;line-height:1.45;color:#5b21b6;text-align:right}.arapcaPrincipleTitle small{display:block;color:#9a3412;font-weight:750;direction:ltr;text-align:left}.arapcaPrincipleTitle h4{margin:0;color:#172033;font-size:1.1rem}.arapcaPrincipleBody>p{margin:12px 0;color:#475569;line-height:1.65}.arapcaPrincipleExamples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.arapcaPrincipleExample{padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.arapcaPrincipleExampleHead{display:flex;align-items:flex-start;gap:9px}.arapcaPrincipleExampleHead>b{flex:1;font-family:"Noto Naskh Arabic","Segoe UI",serif;font-size:1.45rem;line-height:1.55;text-align:right;color:#172033}.arapcaPrincipleExampleHead button{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #c4b5fd;border-radius:8px;background:#fff;color:#6d28d9;font-weight:800;cursor:pointer}.arapcaPrincipleExample>small,.arapcaPrincipleExample>span{display:block;margin-top:5px}.arapcaPrincipleExample>small{color:#9a3412}.arapcaPrincipleExample>span{color:#334155}.arapcaPrincipleExample>small b,.arapcaPrincipleExample>span b{color:#64748b}.arapcaPrincipleExampleHead button:hover,.arapcaPrincipleExampleHead button:focus-visible{background:#ede9fe;outline:2px solid #c4b5fd}@media(max-width:720px){.arapcaPrinciplesModal{padding:0}.arapcaPrinciplesPanel{width:100%;max-height:100vh;border-radius:0}.arapcaPrinciplesHeader{padding:20px 58px 18px 15px;border-radius:0}.arapcaPrinciplesList{padding:12px}.arapcaPrincipleCard{grid-template-columns:1fr;padding:14px}.arapcaPrincipleNumber{position:absolute;top:10px;left:10px;width:28px;height:28px}.arapcaPrincipleTitle{grid-template-columns:1fr;padding-top:24px}.arapcaPrincipleExamples{grid-template-columns:1fr}.arapcaPrinciplesButton{margin-left:0!important}}