:root {
    --brand: #0d6efd;
}
* {
    font-family: "Tajawal", system-ui, -apple-system, Segoe UI, Roboto,
        "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol";
}
.hero {
    background: linear-gradient(
        135deg,
        rgba(13, 110, 253, 0.08),
        rgba(99, 102, 241, 0.08)
    );
}
.hero .hero-card img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.hero-shape {
    position: absolute;
    inset: auto 0 0 0;
    height: 60px;
    background: radial-gradient(
        ellipse at top,
        rgba(13, 110, 253, 0.2),
        transparent
    );
    filter: blur(20px);
}
.avatar-lg {
    width: 64px;
    height: 64px;
    object-fit: cover;
}
.avatar-xl {
    width: 96px;
    height: 96px;
    object-fit: cover;
}
.hover-lift {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hover-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 0.75rem 1.25rem rgba(0, 0, 0, 0.08) !important;
}
.subject-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    background: #f0f4ff;
    color: var(--brand);
    font-size: 1.25rem;
}
.breadcrumb {
    --bs-breadcrumb-divider: "›";
}
.article-content p {
    line-height: 1.9;
}
.lesson-content p {
    line-height: 1.9;
}
.stat .display-6 {
    color: var(--brand);
}
footer a {
    color: inherit;
}