.hero-bases {
    background: linear-gradient(rgba(0,0,0,0.72), rgba(0,0,0,0.72)),
                url('img/vocabulaire.jpg') center/cover no-repeat;
    padding: clamp(50px,9vw,90px) 0; text-align: center;
}
.hero-bases h1 { font-size: clamp(1.8rem,5vw,3.5rem); font-weight:700; }
.hero-bases p  { font-size: clamp(1rem,2vw,1.2rem); color:#cbd5e1; }
.bases-section { margin-bottom: 60px; }
.bases-section-title {
    font-size: clamp(1.3rem,3vw,1.8rem); font-weight:700;
    border-left:5px solid #dc2626; padding-left:16px;
    margin-bottom:28px; color:#fff;
}
/* Carte aliment avec image */
.food-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:16px; }
.food-card {
    background:#1e293b; border-radius:16px; padding:16px 12px;
    border:1px solid rgba(255,255,255,.07); text-align:center;
    display:flex; flex-direction:column; align-items:center; gap:8px;
    transition:transform .2s, box-shadow .2s;
}
.food-card:hover { transform:translateY(-4px); box-shadow:0 10px 25px rgba(0,0,0,.4); }
.food-card img { width:180px; height:180px; object-fit:contain; border-radius:10px; }
.food-emoji { font-size:6rem; line-height:1; }
.food-fr  { font-size:.92rem; font-weight:700; color:#f1f5f9; }
.food-jp  { font-family:'Noto Sans JP',sans-serif; font-size:1.05rem; color:#f87171; font-weight:700; }
.food-kanji { font-family:'Noto Sans JP',sans-serif; font-size:.8rem; color:#94a3b8; }
.food-romaji { font-size:.75rem; color:#cbd5e1; background:#0f172a; border-radius:6px; padding:2px 8px; }
.food-price { font-size:.8rem; color:#fbbf24; font-weight:700; }

/* Expressions */
.phrase-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:14px; }
.phrase-card {
    background:#1e293b; border-radius:14px; padding:16px 18px;
    border:1px solid rgba(255,255,255,.07);
}
.phrase-fr   { font-size:.95rem; font-weight:600; color:#f1f5f9; margin-bottom:3px; }
.phrase-jp   { font-family:'Noto Sans JP',sans-serif; font-size:1.15rem; color:#f87171; font-weight:700; }
.phrase-kanji{ font-family:'Noto Sans JP',sans-serif; font-size:.82rem; color:#94a3b8; }
.phrase-romaji{ font-size:.8rem; color:#cbd5e1; background:#0f172a; border-radius:6px; padding:2px 8px; display:inline-block; margin-top:4px; }

/* Monnaie */
.money-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:14px; }
.money-card {
    background:#1e293b; border-radius:14px; padding:14px 10px;
    border:1px solid rgba(255,255,255,.07); text-align:center;
}
.money-card img { width:100%; max-width:220px; height:140px; object-fit:contain; margin-bottom:6px; }
.money-val { font-size:1.1rem; font-weight:700; color:#fbbf24; }
.money-jp  { font-family:'Noto Sans JP',sans-serif; font-size:.9rem; color:#f87171; }

.memo-bloc {
    background:#0f172a; border-left:5px solid #dc2626;
    border-radius:0 12px 12px 0; padding:14px 18px;
    margin-bottom:22px; font-size:.93rem; color:#cbd5e1; line-height:1.8;
}
.memo-bloc strong { color:#f87171; }
.section-badge { display:inline-block; background:#dc2626; color:#fff; font-size:.7rem; font-weight:700; padding:3px 10px; border-radius:20px; text-transform:uppercase; margin-bottom:12px; }