/* Pages secondaires uniquement : aucune règle de l'accueil n'est redéfinie. */
.gb-seo-page { font-size: 15px; line-height: 1.6; color: #414739; }
.gb-seo-page .seo-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 36px max(6%, calc((100% - 1120px)/2)); background: #b3b6a6 url(IMG/entete_fond.gif) repeat-x; }
.gb-seo-page .seo-brand img { display: block; width: 320px; max-width: 100%; height: auto; }
.gb-seo-page .seo-languages { display: flex; gap: 18px; font-size: 13px; }
.gb-seo-page .seo-main { max-width: 1120px; margin: auto; padding: 26px 6% 48px; }
.gb-seo-page .seo-return a { color: #71172c; text-decoration: underline; }
.gb-seo-page .seo-title { position: static; font-size: clamp(27px, 4vw, 42px); line-height: 1.25; margin: 28px 0; color: #71172c; }
.gb-seo-page .seo-categories { display: flex; flex-wrap: wrap; gap: 8px 24px; border-top: 1px solid #92987f; border-bottom: 1px solid #92987f; margin: 0 0 36px; padding: 10px 0; }
.gb-seo-page .seo-categories a, .gb-seo-page .seo-languages a { display: inline-flex; align-items: center; min-height: 44px; color: #71172c; text-decoration: underline; }
.gb-seo-page .seo-category { background: none; padding: 0; color: #71172c; margin: 36px 0 22px; font-size: 24px; }
.gb-seo-page .seo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px 26px; --seo-image-outset: 16px; padding-top: var(--seo-image-outset); }
/* Même ombre que .gal_doc sur l’accueil ; débordement haut, images centrées sans redimensionnement. */
.gb-seo-page .seo-work { min-width: 0; margin: 0; padding: 20px; background: #caccc1; }
.gb-seo-page .seo-image { margin-top: calc(-20px - var(--seo-image-outset)); display: flex; align-items: flex-start; justify-content: center; }
.gb-seo-page .seo-image img { display: block; width: auto; height: auto; max-width: 100%; max-height: 400px; box-shadow: 3px 3px 8px #969983; }
.gb-seo-page .seo-work-title { position: static; background: none; padding: 0; font-size: 19px; font-variant: normal; color: #5a1427; margin: 20px 0 14px; line-height: 1.4; }
.gb-seo-page .seo-details { font-size: 13px; overflow-wrap: anywhere; }
.gb-seo-page .seo-details > div { margin-top: 7px; }
.gb-seo-page .seo-details dt { font-weight: bold; }
.gb-seo-page .seo-details dd { margin: 0; }
.gb-seo-page .seo-bottom { margin-top: 42px; }
.gb-seo-page .seo-footer { padding: 24px 6%; text-align: center; border-top: 1px solid #92987f; font-size: 12px; }
@media (max-width: 900px) { .gb-seo-page .seo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
 .gb-seo-page .seo-header { align-items: flex-start; flex-direction: column; padding: 28px 6% 12px; gap: 8px; }
 .gb-seo-page .seo-brand img { width: 270px; }
 .gb-seo-page .seo-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; --seo-image-outset: 8px; }
 .gb-seo-page .seo-categories { gap: 4px 18px; }
}

/* Texte éditorial natif de la seule page générale Studio Cocteau. */
.gb-seo-page .cocteau-expertise { max-width: 74ch; margin-top: clamp(48px, 6vw, 80px); overflow-wrap: anywhere; }
.gb-seo-page .cocteau-expertise h2 { position: static; background: none; padding: 0; margin: 0 0 20px; color: #71172c; font-size: clamp(21px, 3vw, 26px); line-height: 1.35; }
.gb-seo-page .cocteau-expertise p { margin: 0 0 18px; }
.gb-seo-page .cocteau-expertise p:last-child { margin-bottom: 0; }
.gb-seo-page .cocteau-expertise a { color: #71172c; text-decoration: underline; text-underline-offset: 3px; }
.gb-seo-page .cocteau-expertise a:hover { text-decoration-thickness: 2px; }
.gb-seo-page .cocteau-expertise a:focus-visible { outline: 2px solid #71172c; outline-offset: 4px; }


/* Les quatre catégories Cocteau restent sur deux colonnes sous 381 px. */
@media (max-width:380px) {
 .gb-seo-page .seo-categories { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 10px; }
 .gb-seo-page .seo-categories a { box-sizing:border-box; min-width:0; min-height:48px; padding:8px; justify-content:center; text-align:center; }
 .gb-seo-page .seo-categories a[aria-current="page"] { background:#caccc1; color:#71172c; font-weight:bold; text-decoration-thickness:2px; text-underline-offset:4px; }
}