/* Pages serveur /guide — design v2 */

.gcartes { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 22px; }
.gcarte {
  display: flex; flex-direction: column; background: #fff; border: 1px solid var(--ssp-bordure-2);
  border-radius: 20px; overflow: hidden; color: var(--ssp-marine-700); text-decoration: none;
  transition: transform .3s, box-shadow .3s;
}
.gcarte:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(20, 38, 74, 0.12); color: var(--ssp-marine-700); }
.gcarte-bandeau { height: 96px; background: linear-gradient(135deg, #1E3A6E, #2FB89D); }
.cat-comprendre .gcarte-bandeau { background: linear-gradient(135deg, #1E3A6E, #2C4F8F 60%, #2FB89D); }
.cat-prix .gcarte-bandeau { background: linear-gradient(135deg, #14264A, #1E8672); }
.cat-choisir .gcarte-bandeau { background: linear-gradient(135deg, #1B5A66, #2FB89D); }
.cat-demarches .gcarte-bandeau { background: linear-gradient(135deg, #1E3A6E, #1B5A66); }
.cat-region .gcarte-bandeau { background: linear-gradient(135deg, #2C4F8F, #7FE0CB); }
.gcarte-corps { padding: 22px 24px 24px; display: flex; flex-direction: column; gap: 12px; flex: 1; }
.gcarte-cat { font-size: 14px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--ssp-turquoise-700); }
.gcarte h3 { margin: 0; font-size: 21px; line-height: 1.35; letter-spacing: -0.3px; color: var(--ssp-marine-700); }
.gcarte p { margin: 0; font-size: 17px; line-height: 1.55; color: var(--ssp-encre-3); flex: 1; }
.gcarte-pied { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 4px; font-size: 15px; color: var(--ssp-encre-4); }
.gcarte-pied .lire { font-size: 17px; font-weight: 600; color: var(--ssp-turquoise-700); }

/* Guide à la une (photo Désirée) */
.gune {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  background: #14264A; border-radius: 24px; overflow: hidden; color: #FAFBFD;
  margin-bottom: 26px; text-decoration: none; transition: box-shadow .3s;
}
.gune:hover { box-shadow: 0 20px 50px rgba(20, 38, 74, 0.28); color: #FAFBFD; }
.gune-texte { padding: clamp(28px, 4.5vw, 52px); display: flex; flex-direction: column; justify-content: center; gap: 14px; align-items: flex-start; }
.gune-texte h2 { margin: 0; font-size: clamp(26px, 3.4vw, 36px); line-height: 1.2; letter-spacing: -0.5px; color: #FAFBFD; text-wrap: balance; }
.gune-texte p { margin: 0; font-size: 18px; line-height: 1.6; color: #B9C8E4; }
.gune-meta { display: flex; gap: 18px; font-size: 16px; color: #8FA3C8; }
.gune-cta { font-size: 18px; font-weight: 700; color: var(--ssp-accent-clair); }
.gune-photo { position: relative; min-height: 340px; }
.gune-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 20%; }
@media (max-width: 900px) { .gune { grid-template-columns: 1fr; } .gune-photo { min-height: 220px; } }

/* Article */
.entete2-article { padding-bottom: clamp(40px, 6vw, 64px); }
.entete2-article .fil-ariane { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 18px; color: #C9D8EE; }
.entete2-article .fil-ariane a { color: var(--ssp-accent-clair); font-weight: 600; }
.entete2-article .lecture { font-size: 16px; color: #8FA3C8; }
.entete2-article h1 { font-size: clamp(28px, 4vw, 44px); }
.article-guide { max-width: 800px; }
.corps-article { padding-top: clamp(30px, 5vw, 50px); }
.corps-article h2 { margin-top: var(--ssp-espace-4); }
.corps-article p { margin-bottom: var(--ssp-espace-2); font-size: 19px; line-height: 1.7; color: var(--ssp-encre-2); }
.corps-article h1, .corps-article h2, .corps-article h3 { color: var(--ssp-marine-700); }
.corps-article em { color: var(--ssp-encre-3); }
[data-titre-encart] { margin: 0 0 8px; font-size: clamp(22px, 3vw, 28px); letter-spacing: -0.4px; color: #14264A; }