.chart-card { 
    background:var(--navy-card); 
    border:1px solid var(--border); 
    border-radius:12px; 
    overflow:hidden; 
    margin-top:1.25rem; 
}
.chart-header { 
    padding:.8rem 1.1rem; 
    border-bottom:1px solid var(--border);
    background:rgba(0,0,0,.15);
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap; gap:.5rem; 
}
.chart-header .ch-title {
    font-family:'Space Grotesk',sans-serif; 
    font-size:.82rem; 
    font-weight:600; 
    color:var(--white); 
}
.chart-hint { 
    font-size:.74rem; 
    color:var(--text-dim); 
}
.chart-map { 
    display:block; 
    width:100%; 
    background:#0a1a30; 
}
.chart-caption { 
    padding:.7rem 1.1rem; 
    font-size:1.78rem;
    color:var(--text-dim);
    font-style:italic;
    border-top:1px solid var(--border); 
}

.tips-grid { 
    display:grid; 
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); 
    gap:.75rem; 
    margin-top:1.25rem; 
}
.tip-card { 
    background:var(--navy-card); 
    border:1px solid var(--border); 
    border-radius:10px; padding:.85rem 1rem; 
    display:flex; gap:.65rem; 
    align-items:flex-start; 
}
.tip-icon { 
    font-size:1.1rem; 
    flex-shrink:0; 
    margin-top:.05rem; 
}
.tip-card p { 
    font-size:.8rem; 
    color:var(--text-dim); 
    line-height:1.5; 
}
.tip-card strong { 
    color:var(--white); 
    display:block; 
    font-size:.8rem; 
    margin-bottom:.2rem; 
}