.alu-grid {
    display: grid;
    gap: 22px;
    grid-template-columns: repeat(auto-fill, minmax(150px,1fr));
}
.alu-card { position: relative; }

.alu-img-wrap { position: relative; }

.alu-img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0,0,0,.25);
    transition: transform .25s ease;
}
.alu-img:hover { transform: scale(1.05); }

.alu-title {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
}

.alu-menu-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0,0,0,.75);
    color: #fff;
    padding: 6px 8px;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    z-index: 10;
}

.alu-popup {
    display:none;
    position:absolute;
    top:40px;
    right:10px;
    width:200px;
    background:#1c1c1c;
    color:#fff;
    border-radius:12px;
    padding:10px 0;
    z-index:50;
    box-shadow:0 4px 20px rgba(0,0,0,.4);
}
.alu-popup ul { margin:0; padding:0; list-style:none; }
.alu-popup li {
    padding:12px 15px;
    cursor:pointer;
}
.alu-popup li:hover { background:#333; }

.alu-read-btn {
    padding:10px 16px;
    background:#2196f3;
    color:#fff;
    border:none;
    border-radius:8px;
    cursor:pointer;
}

.alu-reader {
    max-width:800px;
    margin:auto;
    padding:20px;
    line-height:1.7;
    font-size:18px;
}