/**
 * grid4 layout — liste 4 colonnes dans le style du skin
 * @author Actupro
 */

/* --- Liste --- */
.grid4-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* --- Item --- */
.grid4-item {
    display: flex;
    flex-direction: column;
}

/* --- Lien principal --- */
.grid4-link {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    padding: 0.7rem 1rem;
    font-size: 1.6rem;
    font-weight: 600;
    text-decoration: none;
    border-left: 0.3rem solid #0061A0;
    border-radius: 0 0.3rem 0.3rem 0;
    transition: background 0.15s ease;
}

.grid4-link::before {
    content: "›";
    font-size: 1.8rem;
    line-height: 1;
    flex-shrink: 0;
    color: #0061A0;
}

.grid4-link:hover,
.grid4-link:focus {
    background: rgba(0, 97, 160, 0.08);
    text-decoration: none;
}

/* --- Introduction (optionnelle) --- */
.grid4-intro {
    display: block;
    font-size: 1.3rem;
    color: #555;
    padding: 0.3rem 1rem 0.5rem calc(1rem + 0.3rem);
    border-left: 0.3rem solid rgba(0, 97, 160, 0.2);
}