/* ===================================================== */
/*                    کارتِ اصلیِ مرکزِ آموزش                */
/* ===================================================== */

.edu-hub-card{

    flex:1;

    padding:26px 28px;

    overflow-y:auto;
    min-height:0;
}

.edu-hub-head h2{

    margin:0 0 6px;

    font-size:17px;
}

.edu-hub-head p{

    margin:0 0 22px;

    font-size:12.5px;

    text-align:justify;

    color:var(--jn-text-3);
}

.edu-topic-grid{

    display:grid;

    grid-template-columns:repeat(auto-fill, minmax(230px, 1fr));

    gap:14px;
}

.edu-topic-card{

    display:flex;

    flex-direction:column;

    gap:8px;

    background:var(--jn-bg-2);

    border:1px solid rgba(var(--jn-overlay-rgb),.08);

    border-radius:14px;

    padding:18px;

    text-decoration:none;

    color:inherit;

    transition:border-color .18s, transform .18s;
}

:root[data-theme="light"] .edu-topic-card{
    background:rgba(240,244,251,.62);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
    border-color:rgba(255,255,255,.7);
}

.edu-topic-card:not(.disabled):hover{

    border-color:rgba(var(--jn-cyan-rgb),.35);

    transform:translateY(-2px);
}

.edu-topic-card.featured{

    border-color:rgba(var(--jn-cyan-rgb),.35);

    background:linear-gradient(160deg, rgba(var(--jn-cyan-rgb),.08), rgba(var(--jn-purple-rgb),.05));
}

.edu-topic-card.disabled{

    opacity:.55;

    cursor:not-allowed;
}

.edu-topic-card .ic{

    width:38px;

    height:38px;

    border-radius:10px;

    background:rgba(var(--jn-cyan-rgb),.1);

    border:1px solid rgba(var(--jn-cyan-rgb),.25);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:17px;
}

.edu-topic-card h3{

    margin:2px 0 0;

    font-size:13.5px;
}

.edu-topic-card p{

    margin:0;

    text-align:justify;

    font-size:11.5px;

    color:var(--jn-text-3);

    line-height:1.7;
}

.edu-topic-card .tag{

    align-self:flex-start;

    font-size:10px;

    color:var(--jn-cyan-text);

    background:rgba(var(--jn-cyan-rgb),.1);

    padding:3px 10px;

    border-radius:10px;

    margin-top:4px;
}

.edu-topic-card .tag.soon{

    color:var(--jn-text-3);

    background:rgba(var(--jn-overlay-rgb),.06);
}