/* style.css – palette ultra‑minimaliste type Google */

body{
    background:#fafafa;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}
.logo-wrap{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:2rem;
    margin-top:3rem;
}
h1.center{
    font-size:1.6rem;
    text-align:center;
    margin:2rem 0 1rem;
    font-weight:600;
}
#trackForm{
    max-width:824px;
    margin:0 auto;
}
#progressArea{
    max-width:824px;
    margin:1rem auto;
}
#statusArea,#detailsArea{
    max-width:700px;
    margin:1.5rem auto;
}
#emailGroup{
    max-width:480px;
    margin:1rem auto;
}
.timeline-bullet{width:8px;height:8px;border-radius:50%;background:#0d6efd;display:inline-block;}

/* Champs empilés & bouton pleine largeur – tous écrans */
#trackForm .form-control{
    margin-bottom:.5rem;
}
#trackForm .btn{
    width:100%;
}

/* Texte SEO – visible mais discret */
.oes-text{
    font-size:.9rem;
    color:#666;
    line-height:1.5;
}
.h2-oes-text{
    font-size:1.4rem;
}

/* logo-wrap mise à jour (déjà appliquée) */
.logo-wrap{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:2rem;
    margin:3rem auto;
    max-width:900px;
    width:100%;
    padding:0 1rem;
}

/* -------- Liens inter‑pages (discret) -------- */
.tracker-links{
    font-size:.8rem;
    color:#999;
    text-align:center;
    margin:2rem auto;
}
.tracker-links ul{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-wrap:wrap;
    gap:.5rem;
    justify-content:center;
}
.tracker-links a{
    color:#999;
    text-decoration:none;
}
.tracker-links a:hover{
    text-decoration:underline;
}