.edu-sidebar-card {
    --edu-sidebar-red: #d50711;
    --edu-sidebar-red-dark: #b70009;
    --edu-sidebar-navy: #102443;
    --edu-sidebar-line: #e4e9f1;
    width: 100%;
    overflow: hidden;
    color: var(--edu-sidebar-navy);
    background: #fff;
    border: 1px solid rgba(16, 36, 67, .08);
    border-radius: 15px;
    box-shadow: 0 14px 35px rgba(25, 42, 72, .11);
    text-align: left;
}

.edu-sidebar-card__header {
    position: relative;
    display: flex;
    min-height: 68px;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    overflow: hidden;
    color: #fff;
    background-color: var(--edu-sidebar-red);
    background-image:
        linear-gradient(90deg, rgba(207, 0, 9, .98) 0%, rgba(207, 0, 9, .92) 54%, rgba(176, 0, 8, .58) 100%),
        var(--edu-sidebar-header-image, linear-gradient(135deg, #e81720, #a90008));
    background-position: center, right center;
    background-repeat: no-repeat;
    background-size: cover, 48% auto;
    text-align: left;
}

.edu-sidebar-card__header::after {
    position: absolute;
    right: -28px;
    bottom: -48px;
    width: 150px;
    height: 150px;
    content: "";
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
    box-shadow: 0 0 0 24px rgba(255, 255, 255, .035), 0 0 0 52px rgba(255, 255, 255, .025);
}

.edu-sidebar-card__grid {
    position: relative;
    z-index: 1;
    display: grid;
    flex: 0 0 42px;
    grid-template-columns: repeat(2, 17px);
    gap: 5px;
}

.edu-sidebar-card__grid i {
    display: block;
    width: 17px;
    height: 17px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(85, 0, 0, .14);
}

.edu-sidebar-card__heading {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    flex-direction: column;
    line-height: 1.2;
    text-align: left;
}

.edu-sidebar-card__heading strong {
    color: #fff !important;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -.025em;
    line-height: 1.2;
    text-align: left;
}

.edu-sidebar-card__heading small {
    margin-top: 3px;
    overflow: hidden;
    color: rgba(255, 255, 255, .86);
    font-size: 11px;
    font-weight: 400;
    text-overflow: ellipsis;
    text-align: left;
    white-space: nowrap;
}

.edu-sidebar-card__links {
    padding: 5px 0;
    text-align: left;
}

.edu-sidebar-card__link {
    position: relative;
    display: grid;
    min-height: 42px;
    align-items: center;
    grid-template-columns: 30px minmax(0, 1fr) 18px;
    gap: 8px;
    margin: 0;
    padding: 5px 10px 5px 7px;
    color: var(--edu-sidebar-navy);
    border-bottom: 1px solid var(--edu-sidebar-line);
    text-decoration: none;
    text-align: left;
    transition: color .2s ease, background-color .2s ease;
}

.edu-sidebar-card__link:last-child {
    border-bottom: 0;
}

.edu-sidebar-card__link.is-featured {
    margin-bottom: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #c60912;
    background: linear-gradient(105deg, #fff 4%, #fff2f2 100%);
    border: 0;
    border-radius: 10px;
}

.edu-sidebar-card__accent {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 4px;
    background: var(--edu-sidebar-red);
    border-radius: 0 4px 4px 0;
    opacity: 0;
    transform: scaleY(.35);
    transition: opacity .2s ease, transform .2s ease;
}

.edu-sidebar-card__link.is-featured .edu-sidebar-card__accent {
    opacity: 1;
    transform: scaleY(1);
}

.edu-sidebar-card__icon {
    display: grid;
    width: 20px;
    height: 20px;
    justify-self: center;
    place-items: center;
    color: rgb(144 10 0);
    background: linear-gradient(145deg, #f7f9fc, #edf2f8);
    border: 1px solid rgba(37, 63, 99, .04);
    border-radius: 50%;
    transition: color .2s ease, background .2s ease, box-shadow .2s ease;
}

.edu-sidebar-card__icon::before {
    display: block;
    width: 15px;
    height: 15px;
    content: "";
    background: rgb(144 10 0);
    -webkit-mask: var(--edu-sidebar-icon) center / contain no-repeat;
    mask: var(--edu-sidebar-icon) center / contain no-repeat;
}

.edu-sidebar-card__link.is-featured .edu-sidebar-card__icon {
    color: #fff;
    background: linear-gradient(145deg, #e41b25, #c40009);
    box-shadow: 0 7px 16px rgba(207, 0, 10, .2);
}

.edu-sidebar-card__link.is-featured .edu-sidebar-card__icon::before {
    background: #fff !important;
}

.edu-sidebar-card__label {
    min-width: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    text-align: left !important;
    transition: color .2s ease, transform .2s ease;
}

.edu-sidebar-card__link.is-featured .edu-sidebar-card__label {
    font-weight: 700;
}

.edu-sidebar-card__arrow {
    color: currentColor;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    transition: color .2s ease, transform .2s ease;
}

.edu-sidebar-card__link:focus-visible {
    color: var(--edu-sidebar-red-dark);
    background: #fff4f4;
    outline: 2px solid rgba(213, 7, 17, .32);
    outline-offset: -2px;
}

.edu-sidebar-card__link:focus-visible .edu-sidebar-card__accent {
    opacity: 1;
    transform: scaleY(1);
}

@media (hover: hover) and (pointer: fine) {
    .edu-sidebar-card__link:hover {
        color: var(--edu-sidebar-red-dark);
        background: #fff7f7;
    }

    .edu-sidebar-card__link.is-featured:hover {
        background: #ffe8e9;
    }

    .edu-sidebar-card__link:hover .edu-sidebar-card__accent {
        opacity: 1;
        transform: scaleY(1);
    }

    .edu-sidebar-card__link:hover .edu-sidebar-card__icon {
        color: #fff;
        background: linear-gradient(145deg, #e41b25, #b70009);
        box-shadow: 0 5px 13px rgba(183, 0, 9, .2);
    }

    .edu-sidebar-card__link:hover .edu-sidebar-card__icon::before {
        background: #fff;
    }

    .edu-sidebar-card__link:hover .edu-sidebar-card__label,
    .edu-sidebar-card__link:hover .edu-sidebar-card__arrow {
        transform: translateX(3px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .edu-sidebar-card__link,
    .edu-sidebar-card__accent,
    .edu-sidebar-card__icon,
    .edu-sidebar-card__label,
    .edu-sidebar-card__arrow {
        transition: none;
    }
}

.edu-sidebar-icon--chat { --edu-sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C6.9 3 3 6.4 3 10.7c0 2.3 1.1 4.3 3 5.7l-.9 3.1 3.6-1.7c1 .3 2.1.5 3.3.5 5.1 0 9-3.3 9-7.6S17.1 3 12 3Zm-4 9a1.3 1.3 0 1 1 0-2.6A1.3 1.3 0 0 1 8 12Zm4 0a1.3 1.3 0 1 1 0-2.6A1.3 1.3 0 0 1 12 12Zm4 0a1.3 1.3 0 1 1 0-2.6A1.3 1.3 0 0 1 16 12Z'/%3E%3C/svg%3E"); }
.edu-sidebar-icon--document { --edu-sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h8l5 5v15H6V2Zm8 2.5V8h3.5L14 4.5ZM9 12v2h7v-2H9Zm0 4v2h7v-2H9Z'/%3E%3C/svg%3E"); }
.edu-sidebar-icon--pin { --edu-sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.8a8 8 0 0 0-8 8c0 5.7 8 12.4 8 12.4s8-6.7 8-12.4a8 8 0 0 0-8-8Zm0 11.1a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4Z'/%3E%3C/svg%3E"); }
.edu-sidebar-icon--education { --edu-sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 11 5.5L12 13 3.7 8.9V15H2V7.5L12 2Zm-6 9.5V17c2.9 3.2 9.1 3.2 12 0v-5.5L12 14.5l-6-3Z'/%3E%3C/svg%3E"); }
.edu-sidebar-icon--checklist { --edu-sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2h14v20H5V2Zm3 4v2h2V6H8Zm4 0v2h4V6h-4ZM8 11v2h2v-2H8Zm4 0v2h4v-2h-4Zm-4 5v2h2v-2H8Zm4 0v2h4v-2h-4Z'/%3E%3C/svg%3E"); }
.edu-sidebar-icon--gift { --edu-sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 10h7V7H8.8C6 7 5.2 3.2 7.7 2.2 9.3 1.6 11 3 12 4.4c1-1.4 2.7-2.8 4.3-2.2C18.8 3.2 18 7 15.2 7H13v3h7v4h-7v8h-2v-8H4v-4Zm5-5.9c-.9-.4-1.4.7-.7 1.2.5.4 1.5.5 2.5.5C10.3 5 9.6 4.3 9 4.1Zm6 0c-.6.2-1.3.9-1.8 1.7 1 0 2-.1 2.5-.5.7-.5.2-1.6-.7-1.2ZM4 15h6v7H4v-7Zm10 0h6v7h-6v-7Z'/%3E%3C/svg%3E"); }
.edu-sidebar-icon--passport { --edu-sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2h14v20H5V2Zm7 4a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-3 4h2c.1-.7.3-1.4.6-2A3.1 3.1 0 0 0 9 10Zm4-2c.3.6.5 1.3.6 2H15A3.1 3.1 0 0 0 13 8Zm-2 4H9a3.1 3.1 0 0 0 2.6 2c-.3-.6-.5-1.3-.6-2Zm2.6 0c-.1.7-.3 1.4-.6 2a3.1 3.1 0 0 0 2-2h-1.4Z'/%3E%3C/svg%3E"); }
.edu-sidebar-icon--coins { --edu-sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3c3.9 0 7 1.3 7 3s-3.1 3-7 3-7-1.3-7-3 3.1-3 7-3Zm-7 6c1.5 1.2 4 2 7 2s5.5-.8 7-2v3c0 1.7-3.1 3-7 3s-7-1.3-7-3V9Zm0 6c1.5 1.2 4 2 7 2 1 0 2-.1 3-.3V20c-.9.2-1.9.3-3 .3-3.9 0-7-1.3-7-3V15Zm15-6c3.9 0 7 1.3 7 3s-3.1 3-7 3v-2c2.4 0 4-.6 4.7-1-.7-.4-2.3-1-4.7-1V9Zm0 8c3 0 5.5-.8 7-2v3c0 1.7-3.1 3-7 3-1.1 0-2.1-.1-3-.3v-3.4c1 .5 2 .7 3 .7Z'/%3E%3C/svg%3E"); }
.edu-sidebar-icon--school { --edu-sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 10 6v2H2V8l10-6ZM4 12h3v7h2v-7h3v7h2v-7h3v7h3v3H2v-3h2v-7Z'/%3E%3C/svg%3E"); }
.edu-sidebar-icon--news { --edu-sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h15v4h3v14H5a2 2 0 0 1-2-2V3Zm3 3v5h9V6H6Zm0 8v2h9v-2H6Zm0 4v1h9v-1H6Zm12-8v9h1v-9h-1Z'/%3E%3C/svg%3E"); }
.edu-sidebar-icon--link { --edu-sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.5 7H7a5 5 0 0 0 0 10h4v-2H7a3 3 0 0 1 0-6h1.5V7Zm4.5 4H7v2h6v-2Zm4-4h-4v2h4a3 3 0 0 1 0 6h-1.5v2H17a5 5 0 0 0 0-10Zm0 4h-6v2h6v-2Z'/%3E%3C/svg%3E"); }

@media (max-width: 480px) {
    .edu-sidebar-card__header {
        min-height: 68px;
        gap: 10px;
        padding: 9px 12px;
    }

    .edu-sidebar-card__heading strong {
        font-size: 15px;
    }

    .edu-sidebar-card__heading small {
        font-size: 11px;
    }

    .edu-sidebar-card__link {
        min-height: 42px;
        grid-template-columns: 30px minmax(0, 1fr) 18px;
        gap: 7px;
        padding: 5px 8px 5px 6px;
    }

    .edu-sidebar-card__icon {
        width: 20px;
        height: 20px;
    }

    .edu-sidebar-card__label {
        font-size: 12px;
    }
}