/* Staturf – page d'accueil (complète Bootstrap 4.6.1)
   Toutes les tailles de la version initiale multipliées par 2 */
:root {
    --st-ink: #12263a;
    --st-ink-2: #1d3b57;
    --st-turf: #1f6f5c;
    --st-accent: #d63a12;
    --st-accent-dark: #b32f0d;
    --st-bg: #f5f7fa;
    --st-line: #dfe5ec;
    --st-text: #243447;
    --st-muted: #5b6b7c;
}

.staturf-equipe { margin-top: 2rem; }

.staturf-body {
    color: var(--st-text);
    font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 2rem;
    line-height: 1.65;
    overflow-x: hidden;
}

.staturf-body h1, .staturf-body h2, .staturf-body h3, .staturf-body h4 {
    color: var(--st-ink);
    line-height: 1.25;
}

/* Tailles Bootstrap (rem) recalculées ×2 */
.staturf-body .h4 { font-size: 3rem; }
.staturf-body .h5 { font-size: 2.5rem; }
.staturf-body .h6 { font-size: 2rem; }
.staturf-body .btn { font-size: 2rem; padding: .75rem 1.5rem; }
.staturf-body .btn-sm { font-size: 1.75rem; padding: .5rem 1rem; }
.staturf-body .btn-lg { font-size: 2.5rem; padding: 1rem 2rem; }
.staturf-body .navbar-brand { font-size: 2.5rem; }
.staturf-body .nav-link { padding-top: 1rem; padding-bottom: 1rem; }
.staturf-body .alert { padding: 1.5rem 2.5rem; }
.staturf-body .table td, .staturf-body .table th { padding: 1.5rem; }

/* .staturf-body a { color: var(--st-turf); } */
/* .staturf-body a:hover { color: var(--st-ink); } */

/* .staturf-body a:focus, .staturf-body button:focus, .staturf-body summary:focus { */
/*     outline: 6px solid rgba(31, 111, 92, 0.5); */
/*     outline-offset: 4px; */
/* } */

/* Lien d'évitement */
.staturf-skip {
    position: absolute;
    left: -9999px;
    top: 0;
    background: #fff;
    padding: 1rem 2rem;
    z-index: 2000;
}
.staturf-skip:focus { left: 0; }

/* Header */
.staturf-header {
    background: #fff;
    border-bottom: 2px solid var(--st-line);
    z-index: 1030;
}
.staturf-brand {
    font-weight: 800;
    letter-spacing: .02em;
    color: var(--st-ink) !important;
}
.staturf-header .nav-link { color: var(--st-text); font-weight: 500; }
.staturf-header .nav-link:hover { color: var(--st-turf); }
.staturf-header__actions .btn { margin: .5rem .5rem .5rem 0; }

/* Boutons */
.btn-staturf {
    background: var(--st-accent);
    border-color: var(--st-accent);
    color: #fff;
}
.btn-staturf:hover, .btn-staturf:focus {
    background: var(--st-accent-dark);
    border-color: var(--st-accent-dark);
    color: #fff;
}

/* Hero */
.staturf-hero {
    background: linear-gradient(135deg, var(--st-ink) 0%, var(--st-ink-2) 100%);
    color: #fff;
    padding: 8rem 0 7rem;
}
.staturf-hero h1 {
    color: #fff;
    font-size: 4.4rem;
    font-weight: 800;
    margin-bottom: 2rem;
}
.staturf-hero__date {
    display: inline-block;
    background: rgba(255, 255, 255, .12);
    border-radius: 999px;
    padding: .5rem 1.8rem;
    font-size: 1.8rem;
    margin-bottom: 2rem;
}
.staturf-hero__lead { font-size: 2.2rem; max-width: 80rem; opacity: .95; }
.staturf-hero__cta { margin-top: 3rem; }
.staturf-hero__cta .btn { margin: 0 1rem 1rem 0; }

/* Sections */
.staturf-section { padding: 7rem 0; }
.staturf-section--alt { background: var(--st-bg); }
.staturf-section h2 { font-size: 3.4rem; font-weight: 700; margin-bottom: 2rem; }
.staturf-section__intro { color: var(--st-muted); max-width: 88rem;}
.staturf-note {
    border-left: 8px solid var(--st-turf);
    background: #fff;
    padding: 1.5rem 2rem;
    margin-top: 2rem;
}

/* Cartes */
.staturf-card {
    background: #fff;
    border: 2px solid var(--st-line);
    border-radius: 1rem;
    padding: 2.5rem;
    box-shadow: 0 2px 4px rgba(18, 38, 58, .05);
}
.staturf-card--note { border-top: 8px solid var(--st-turf); }
.staturf-feature { border-top: 6px solid var(--st-turf); }
.staturf-article__date { color: var(--st-muted); font-size: 1.7rem; }
.staturf-card h3 a { text-decoration: none; }

.staturf-list { padding-left: 2.2rem; }
.staturf-list li { margin-bottom: .8rem; }

/* Étapes */
.staturf-steps {
    list-style: none;
    counter-reset: etape;
    padding: 0;
    margin: 0;
}
.staturf-steps > li {
    counter-increment: etape;
    position: relative;
    margin-bottom: 2rem;
    padding-left: 8rem;
}
.staturf-steps > li::before {
    content: counter(etape);
    position: absolute;
    left: 2.2rem;
    top: 2.3rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: var(--st-turf);
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 4rem;
}
.staturf-steps p { margin-bottom: 0; }

/* Tableaux */
.staturf-table { background: #fff; border: 2px solid var(--st-line); }
.staturf-table thead th {
    background: var(--st-ink);
    color: #fff;
    border-color: var(--st-ink);
    white-space: nowrap;
}
.staturf-table td, .staturf-table tbody th { vertical-align: middle; }
.staturf-badge-fictif { margin-bottom: 2rem; }

/* Alertes */
.staturf-alert { max-width: 88rem; }

/* FAQ */
.staturf-faq details {
    background: #fff;
    border: 2px solid var(--st-line);
    border-radius: 1rem;
    margin-bottom: 1.2rem;
    padding: 1.6rem 2rem;
}
.staturf-faq summary {
    cursor: pointer;
    font-weight: 600;
    color: var(--st-ink);
}
.staturf-faq details[open] summary { margin-bottom: 1rem; }
.staturf-faq p { margin-bottom: 0; }

/* Footer */
.staturf-footer {
    background: var(--st-ink);
    color: #cfd8e3;
    padding: 5rem 0 3rem;
}
.staturf-footer a { color: #fff; }
.staturf-footer a:hover { color: #ffd0c2; }
.staturf-footer li { margin-bottom: .7rem; }
.staturf-footer__brand { color: #fff; font-weight: 800; font-size: 2.6rem; margin-bottom: .5rem; }
.staturf-footer__text { margin-bottom: 0; }
.staturf-footer__copy {
    border-top: 2px solid rgba(255, 255, 255, .15);
    margin: 3rem 0 0;
    padding-top: 2rem;
    font-size: 1.8rem;
}

/* Responsive */
@media (max-width: 992px) {
    .staturf-hero { padding: 5rem 0; }
    .staturf-hero h1 { font-size: 3.4rem; }
    .staturf-section { padding: 5rem 0; }
    .staturf-steps > li { padding-left: 7rem; }
    .staturf-steps > li::before { left: 1.6rem; }
    
    .staturf-quinte-section > .container {
    padding-left: 0;
    padding-right: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    * { transition: none !important; scroll-behavior: auto !important; }
}

.staturf-hero > .container {
    max-width: 100%;
    padding-left: 2rem;
    padding-right: 0;
}
.staturf-hero .row {
    margin-left: 0;
    margin-right: 0;
}
.staturf-hero .row > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.staturf-quinte-section > .container {
    max-width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0;
}
.staturf-quinte-section .row {
    margin-left: 0;
    margin-right: 0;
}
.staturf-quinte-section .row > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.staturf-partants {
    background-color: #12263a;
    padding-top: 2rem;
    font-size: 1.5rem;
}
.staturf-body .staturf-partants h2 {
    font-size: 2.5rem;
}
.staturf-body .staturf-partants table,
.staturf-body .staturf-partants table td,
.staturf-body .staturf-partants table th {
    font-size: 1.5rem;
}
.staturf-body .staturf-partants table td,
.staturf-body .staturf-partants table th {
    padding: .5rem .75rem;
}

.staturf-analyse {
/*     margin: 2rem 0 0 8rem;  */
    background: #fff;
    border: 2px solid var(--st-line);
    border-left: 8px solid var(--st-turf);
    border-radius: 1rem;
    box-shadow: 0 2px 6px rgba(18, 38, 58, .08);
    overflow: hidden;
}
.staturf-analyse__header {
    background: var(--st-bg);
    border-bottom: 2px solid var(--st-line);
    padding: 1.5rem 2.5rem;
}
.staturf-analyse__label {
    display: inline-block;
    background: var(--st-turf);
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    border-radius: 999px;
    padding: .2rem 1.2rem;
    margin-bottom: .6rem;
}
.staturf-analyse__title {
    margin: 0;
    font-size: 2.6rem;
    font-weight: 700;
    color: var(--st-ink);
}
.staturf-analyse__body {
    padding: 2.5rem;
}
.staturf-analyse__body p:last-child {
    margin-bottom: 0;
}


/* .staturf-hero__visual img { */
/*     max-width: 100%; */
/*     height: auto; */
/* } */
/* @media (min-width: 992px) { */
/*     .staturf-hero__visual { */
/*         margin-top: 0; */
/*         text-align: right; */
/*     } */
/* } */
.staturf-hero__visual img {
    width: 100%;
    max-width: 420px;   /* largeur maximale de l'image */
    height: auto;       /* conserve les proportions */
}
@media (min-width: 992px) {
    .staturf-hero .row > .col-lg-4.staturf-hero__visual {
        text-align: right;
        padding-right: 5rem;   /* marge à droite */
    }
}