/* SAKUGAART · module Articles connexes · bloc « À lire aussi » */
.sga-connexes{box-sizing:border-box;clear:both;max-width:860px;margin:3.5em auto 2em;padding:1.8em 1.8em 2em;background:#f2ede6;color:#1d1a16;font-size:16px;line-height:1.5;text-align:left}
.sga-connexes *,.sga-connexes *::before,.sga-connexes *::after{box-sizing:border-box}
.sga-connexes .sga-connexes-entete{margin:0 0 1em;padding:0;border:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.7em;font-weight:600;line-height:1.2;color:#1d1a16;letter-spacing:normal;text-transform:none}
.sga-connexes-ja .sga-connexes-entete{font-family:'Shippori Mincho','Hiragino Mincho ProN','Yu Mincho',serif;font-size:1.4em}
.sga-connexes .sga-connexes-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1em;margin:0;padding:0;list-style:none}
.sga-connexes .sga-connexes-carte{margin:0;padding:0;list-style:none;background:#fff;border:1px solid #d8cfc2;transition:border-color .15s ease,box-shadow .15s ease}
.sga-connexes .sga-connexes-carte::before,.sga-connexes .sga-connexes-carte::marker{content:none}
.sga-connexes .sga-connexes-carte:hover{border-color:#1d1a16;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.sga-connexes .sga-connexes-lien{display:flex;flex-direction:column;height:100%;color:#1d1a16;text-decoration:none;border:0;box-shadow:none}
.sga-connexes .sga-connexes-lien:focus-visible{outline:3px solid #1d1a16;outline-offset:2px}
.sga-connexes .sga-connexes-vignette{display:block;aspect-ratio:16/9;overflow:hidden;background:#e9e2d7}
.sga-connexes .sga-connexes-image{display:block;width:100%;height:100%;object-fit:cover;margin:0;border:0;border-radius:0;max-width:none}
.sga-connexes .sga-connexes-texte{display:flex;flex-direction:column;gap:.35em;padding:.9em 1em 1.1em}
.sga-connexes .sga-connexes-rubrique{font-family:'DM Mono',ui-monospace,monospace;font-size:.68em;letter-spacing:.14em;text-transform:uppercase;color:#5b544b}
.sga-connexes-ja .sga-connexes-rubrique{font-family:inherit;font-size:.8em;letter-spacing:.04em;text-transform:none}
.sga-connexes .sga-connexes-titre{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.2em;font-weight:600;line-height:1.25;color:#1d1a16}
.sga-connexes-ja .sga-connexes-titre{font-family:'Shippori Mincho','Hiragino Mincho ProN','Yu Mincho',serif;font-size:1.08em}
.sga-connexes .sga-connexes-lien:hover .sga-connexes-titre{text-decoration:underline;text-underline-offset:3px}
.sga-connexes .sga-connexes-resume{font-size:.88em;line-height:1.5;color:#4a443c}
.sga-connexes-ja .sga-connexes-resume{font-size:.95em;line-height:1.75}
@media (max-width:1000px){.sga-connexes .sga-connexes-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.sga-connexes{padding:1.4em 1.1em 1.6em;margin-top:2.5em}.sga-connexes .sga-connexes-liste{grid-template-columns:1fr}.sga-connexes .sga-connexes-lien{flex-direction:row}.sga-connexes .sga-connexes-vignette{flex:0 0 38%;aspect-ratio:auto;min-height:100%}.sga-connexes .sga-connexes-resume{display:none}}
@media (prefers-reduced-motion:reduce){.sga-connexes .sga-connexes-carte{transition:none}}
/* Débordement : bouton « Afficher plus » */
.sga-connexes [hidden]{display:none!important}
.sga-connexes.sga-connexes-replie .sga-connexes-suite{display:none}
.sga-connexes .sga-connexes-pied{margin:1.3em 0 0;padding:0;text-align:center}
.sga-connexes .sga-connexes-plus{appearance:none;display:inline-block;margin:0;padding:.7em 1.7em;background:transparent;border:1px solid #1d1a16;border-radius:0;color:#1d1a16;font:inherit;font-size:.9em;letter-spacing:.04em;line-height:1.3;text-transform:none;cursor:pointer;box-shadow:none;transition:background-color .15s ease,color .15s ease}
.sga-connexes .sga-connexes-plus:hover{background:#1d1a16;color:#fff}
.sga-connexes .sga-connexes-plus:focus-visible,.sga-connexes .sga-connexes-nav button:focus-visible{outline:3px solid #1d1a16;outline-offset:2px}
.sga-connexes .sga-connexes-nombre{opacity:.7}
/* Débordement : carrousel */
.sga-connexes-carrousel .sga-connexes-tete{display:flex;align-items:flex-end;justify-content:space-between;gap:1em;margin:0 0 1em}
.sga-connexes-carrousel .sga-connexes-tete .sga-connexes-entete{margin:0}
.sga-connexes .sga-connexes-nav{display:flex;gap:.5em;flex:none}
.sga-connexes .sga-connexes-nav button{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:2.5em;height:2.5em;margin:0;padding:0;background:#fff;border:1px solid #1d1a16;border-radius:0;color:#1d1a16;cursor:pointer;box-shadow:none;transition:background-color .15s ease,color .15s ease}
.sga-connexes .sga-connexes-nav button:hover:not(:disabled){background:#1d1a16;color:#fff}
.sga-connexes .sga-connexes-nav button:disabled{opacity:.35;cursor:default}
.sga-connexes .sga-connexes-nav svg{display:block;width:1.1em;height:1.1em}
.sga-connexes-carrousel .sga-connexes-liste{display:flex;gap:1.1em;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b9ad9c transparent;padding:0 0 .8em}
.sga-connexes-carrousel .sga-connexes-carte{flex:0 0 calc((100% - 2.2em) / 3);scroll-snap-align:start}
@media (max-width:1000px){.sga-connexes-carrousel .sga-connexes-carte{flex-basis:calc((100% - 1.1em) / 2)}}
@media (max-width:640px){.sga-connexes-carrousel .sga-connexes-carte{flex-basis:80%}.sga-connexes-carrousel .sga-connexes-lien{flex-direction:column}.sga-connexes-carrousel .sga-connexes-vignette{flex:none;aspect-ratio:16/9;min-height:0}.sga-connexes .sga-connexes-nav{display:none}}
@media (prefers-reduced-motion:reduce){.sga-connexes .sga-connexes-plus,.sga-connexes .sga-connexes-nav button{transition:none}}
/* Couleurs verrouillées : le bloc garde son fond clair et son texte foncé quelles que soient
   les couleurs propres à l'article (styles d'article, thème, widgets) */
.sga-connexes{background:#f2ede6!important;color:#1d1a16!important}
.sga-connexes .sga-connexes-entete{color:#1d1a16!important;background:none!important;-webkit-text-fill-color:#1d1a16!important;text-shadow:none!important}
.sga-connexes .sga-connexes-carte{background:#fff!important}
.sga-connexes .sga-connexes-lien,.sga-connexes .sga-connexes-lien:visited,.sga-connexes .sga-connexes-lien:hover,.sga-connexes .sga-connexes-lien:focus{color:#1d1a16!important;background:none!important;text-decoration:none!important}
.sga-connexes .sga-connexes-titre{color:#1d1a16!important;-webkit-text-fill-color:#1d1a16!important;text-shadow:none!important}
.sga-connexes .sga-connexes-rubrique{color:#5b544b!important;-webkit-text-fill-color:#5b544b!important}
.sga-connexes .sga-connexes-resume{color:#4a443c!important;-webkit-text-fill-color:#4a443c!important}
.sga-connexes .sga-connexes-plus,.sga-connexes .sga-connexes-nav button{background:#fff!important;color:#1d1a16!important;border-color:#1d1a16!important}
.sga-connexes .sga-connexes-plus{background:transparent!important}
.sga-connexes .sga-connexes-plus:hover,.sga-connexes .sga-connexes-nav button:hover:not(:disabled){background:#1d1a16!important;color:#fff!important}
.sga-connexes .sga-connexes-plus span,.sga-connexes .sga-connexes-plus:hover span{color:inherit!important;-webkit-text-fill-color:currentColor!important}