/* Styles isolés pour l'approche : ne modifie pas le portfolio */
.approche-main{background:#fbfaf7;min-height:65vh;padding-bottom:80px}.approche-intro{max-width:1100px;margin:auto;padding:78px 24px 28px}.approche-intro h1,.approche-article h1{font:400 clamp(42px,5vw,66px)/1.1 Georgia,serif;letter-spacing:-.04em;margin:12px 0 18px}.approche-intro>p:last-child{font-size:18px;max-width:760px;color:#4c5863}.approche-tabs{display:flex;gap:12px;flex-wrap:wrap;max-width:1100px;margin:0 auto 30px;padding:0 24px}.approche-tabs a{border:1px solid #c9d5dc;border-radius:30px;padding:11px 19px;text-decoration:none;font-weight:700;background:#fff}.approche-tabs a.active{background:#18212b;color:#fff;border-color:#18212b}.approche-principles{max-width:1100px;margin:auto;padding:0 24px}.approche-principle{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:45px;align-items:center;border-bottom:1px solid #d9e0e5;padding:38px 0}.approche-principle:nth-child(even) img{order:2}.approche-principle img{width:100%;max-height:360px;object-fit:contain;background:#e8f4f9;border-radius:22px;padding:14px}.approche-principle:nth-child(even) img{background:#fbe8ef}.approche-principle h2,.approche-card h2{font:400 34px/1.2 Georgia,serif;margin:12px 0}.approche-principle h3{font-size:17px;line-height:1.5}.approche-principle p{color:#4c5863}.approche-next{max-width:1100px;margin:55px auto 0;padding:30px 24px;background:#e8f4f9;border-radius:20px;text-align:center}.approche-button{display:inline-block;padding:12px 24px;border-radius:30px;background:#18212b;color:white;text-decoration:none;font-weight:700}.approche-cards{max-width:1100px;margin:auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.approche-card{background:#fff;border:1px solid #d9e0e5;border-radius:17px;overflow:hidden;display:flex;flex-direction:column}.approche-card img{height:165px;width:100%;object-fit:contain;background:#e8f4f9;padding:10px}.approche-card>div{padding:22px;display:flex;flex:1;flex-direction:column}.approche-card h2{font-size:24px}.approche-card p{color:#4c5863}.approche-card a{margin-top:auto;font-weight:700;color:#187eb2}.approche-article{max-width:900px;margin:auto;padding:65px 24px}.approche-article .back-link{font-weight:700}.approche-article main{display:block}.approche-article img{max-width:100%;height:auto;border-radius:14px}.approche-article p,.approche-article li{line-height:1.8}.approche-article h2{font:400 30px Georgia,serif;margin-top:32px}.approche-article .section{padding:20px 0}.approche-article .section__title2{font-weight:700}.approche-article iframe{max-width:100%}@media(max-width:800px){.approche-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.approche-principle{grid-template-columns:1fr;gap:16px}.approche-principle:nth-child(even) img{order:0}}@media(max-width:550px){.approche-cards{grid-template-columns:1fr}.approche-intro{padding-top:42px}}

/* Retours réflexifs : 4 cartes par ligne sur grand écran uniquement. */
@media (min-width: 1051px) {
  .approche-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
  .approche-card img { height: 145px; }
  .approche-card > div { padding: 16px; }
  .approche-card h2 { font-size: 20px; line-height: 1.25; }
  .approche-card a { font-size: 14px; }
}
/* Logo dans l'en-tête */
.site-header .brand-logo {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none;
}

.site-header .brand-logo img {
  display: block;
  width: 180px;
  max-width: 100%;
  height: auto;
}

@media (max-width: 600px) {
  .site-header .brand-logo img {
    width: 145px;
  }
}

/* PADD’TIME : styles locaux, sans effet sur les autres pages */
.paddtime-section{max-width:1100px;margin:68px auto 0;padding:48px 24px 12px;border-top:1px solid #d9e0e5}
.paddtime-heading{text-align:center;max-width:860px;margin:0 auto 32px}
.paddtime-heading h2{font:400 clamp(30px,4vw,46px)/1.15 Georgia,serif;letter-spacing:-.035em;margin:10px 0 12px;color:#18212b}
.paddtime-heading>p:not(.eyebrow){color:#4c5863;font-size:17px;margin:0 auto 24px}
.paddtime-heading>p strong{color:#279fac}
.paddtime-logo{display:block;width:min(100%,570px);height:auto;max-height:180px;object-fit:contain;margin:0 auto}
.paddtime-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.paddtime-card{background:#fff;border:1px solid #d9e0e5;border-radius:15px;overflow:hidden;box-shadow:0 5px 16px rgba(24,33,43,.045)}
.paddtime-card h3{margin:0;padding:15px 9px;text-align:center;background:#e8f4f9;color:#18212b;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.paddtime-card:nth-child(4n+2) h3{background:#fbe8ef}
.paddtime-card:nth-child(4n+3) h3{background:#fff2d4}
.paddtime-card:nth-child(4n+4) h3{background:#e7f3e5}
.paddtime-card p{margin:0;padding:18px 15px 22px;color:#4c5863;font-size:14px;line-height:1.65;text-align:center}
@media(max-width:850px){.paddtime-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.paddtime-section{margin-top:46px;padding-top:35px}.paddtime-grid{grid-template-columns:1fr}.paddtime-card p{padding:16px 18px}}

/* Ajustements visuels PADD'TIME — section uniquement */
.paddtime-section{max-width:1100px;margin:64px auto 0;padding:58px 24px 18px;border-top:1px solid #d9e0e5}
.paddtime-heading{max-width:800px;margin:0 auto 38px;text-align:center}
.paddtime-heading h2{font-size:clamp(29px,3.8vw,43px);margin:10px 0 18px}
.paddtime-logo{display:block;width:min(100%,430px);max-height:none;height:auto;object-fit:contain;margin:24px auto 22px}
.paddtime-heading>p:not(.eyebrow){font-size:16px;line-height:1.6;max-width:650px;margin:0 auto 16px}
.paddtime-grid{gap:15px;align-items:stretch}
.paddtime-card{display:flex;flex-direction:column;border-radius:16px;box-shadow:0 4px 14px rgba(24,33,43,.04)}
.paddtime-card h3{display:flex;align-items:center;justify-content:center;min-height:58px;padding:12px 8px;font-size:13px;line-height:1.3;letter-spacing:.025em}
.paddtime-card p{flex:1;padding:18px 14px 20px;font-size:13.5px;line-height:1.65;text-align:left}
@media(max-width:850px){.paddtime-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.paddtime-section{padding:40px 20px 10px}.paddtime-grid{grid-template-columns:1fr;gap:12px}.paddtime-logo{width:min(100%,340px)}.paddtime-card h3{min-height:48px}.paddtime-card p{padding:16px 18px}}