/* Link Page — style fidèle à la maquette */

.lp-wrap {
    max-width: 480px;
    margin: 0 auto;
    padding: 40px 20px 60px;
    background: #F5F0E8;
    font-family: Georgia, 'Times New Roman', serif;
    color: #1A1A1A;
    box-sizing: border-box;
}

/* En-tête */
.lp-surtitre {
    margin: 0 0 14px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #C4A882;
    text-align: center;
}

.lp-titre {
    margin: 0 0 16px;
    font-size: clamp(30px, 9vw, 50px);
    font-weight: 400;
    line-height: 1.1;
    text-align: center;
    color: #1A1A1A;
}

.lp-sous {
    margin: 0 0 36px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.65;
    color: #999;
    text-align: center;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}

/* Bloc featured */
.lp-featured {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #1A1A1A;
    border-radius: 10px;
    padding: 22px 18px;
    margin-bottom: 16px;
    text-decoration: none;
    color: #fff;
    transition: opacity .18s;
}

.lp-featured:hover { opacity: .88; text-decoration: none; color: #fff; }

.lp-featured__icon { flex-shrink: 0; margin-top: 3px; }
.lp-featured__icon .ti { font-size: 20px; color: #C4A882; }

.lp-featured__body { flex: 1; min-width: 0; }

.lp-featured__badge {
    display: inline-block;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #C4A882;
    margin-bottom: 6px;
}

.lp-featured__titre {
    margin: 0 0 6px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.25;
    color: #fff;
}

.lp-featured__desc {
    margin: 0;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255,255,255,.6);
}

.lp-featured__arrow {
    flex-shrink: 0;
    font-size: 17px;
    color: rgba(255,255,255,.4);
    margin-top: 3px;
}

/* Liste */
.lp-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.lp-item {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.07);
    border-radius: 10px;
    padding: 16px 14px;
    text-decoration: none;
    color: #1A1A1A;
    transition: background .15s;
}

.lp-item:hover { background: #fdf9f4; color: #1A1A1A; text-decoration: none; }

.lp-item__icon {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: #F5F0E8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lp-item__icon .ti { font-size: 19px; color: #C4A882; }

.lp-item__text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.lp-item__titre {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #1A1A1A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lp-item__sous {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 13px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lp-item__arrow { flex-shrink: 0; font-size: 17px; color: #C4A882; opacity: .65; }

@media (max-width: 520px) {
    .lp-wrap { padding: 30px 14px 48px; }
    .lp-titre { font-size: 34px; }
}