@charset "UTF-8";
/**
 * tune.scss — Variables de design du skin "svi" (sport-viennois.info)
 * Surcharge des variables Yacs (_reference/variables.scss, toutes en !default).
 *
 * ATTENTION : ces variables ne sont PAS exploitables dans les layouts Yacs.
 * Pour respecter la charte dans un layout, redéclarer les variables nécessaires
 * en tête du fichier SCSS du layout concerné.
 *
 * Palette : bleus du logo SV + gris acier. Rouge réservé aux alertes/direct.
 * Contrastes vérifiés RGAA (>= 4.5:1 texte normal sur fond blanc).
 *
 * @skin    svi
 * @author  Christian Loubechine
 * @license GNU Lesser General Public License
 */
.mag-grid{display:grid;gap:1.8rem;grid-template-columns:repeat(3,1fr);margin:2rem 0}.mag-card{position:relative;display:flex;flex-direction:column;background:#fff;border:.1rem solid #D9E1EB;border-radius:.4rem;overflow:hidden;box-shadow:0 .1rem .3rem rgba(22,35,59,.1);transition:transform 0.15s ease,box-shadow 0.15s ease}.mag-card:hover{transform:translateY(-.2rem);box-shadow:0 .4rem 1.2rem rgba(22,35,59,.12)}.mag-link{text-decoration:none;color:inherit}.mag-link::after{content:"";position:absolute;inset:0;z-index:1}.mag-link:focus::after{outline:.3rem solid #1E5FBE;outline-offset:-.3rem}.mag-media{position:relative;aspect-ratio:1.7777777778;overflow:hidden;background:#D9E9F8;display:flex;align-items:center;justify-content:center}.mag-media img{width:100%;height:100%;object-fit:cover;transition:transform 0.35s ease}.mag-card:hover .mag-media img{transform:scale(1.06)}.mag-card-text{border-top:.3rem solid #16305E}.mag-card-text .mag-body{padding-top:1.6rem}.mag-card-text .mag-title{font-size:1.9rem}.mag-card-text .mag-intro{-webkit-line-clamp:5}.mag-category-inline{margin:0 0 .6rem}.mag-category-inline .mag-category{position:static;max-width:100%;box-shadow:none}.mag-hero.mag-card-text .mag-body{flex:1 1 100%}.mag-hero.mag-card-text .mag-title{font-size:2.4rem}.mag-category{position:absolute;top:.8rem;left:.8rem;z-index:2;display:inline-block;max-width:calc(100% - 1.6rem);padding:.3rem 1rem;border-radius:.4rem;font-size:1.1rem;font-weight:700;line-height:1.4;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mag-category:hover,.mag-category:focus{text-decoration:underline}.mag-body{display:flex;flex-direction:column;flex-grow:1;padding:1.3rem 1.5rem 1.2rem}.mag-kicker{margin:0 0 .4rem;font-size:1.1rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#1E5FBE}.mag-meta{margin:0 0 .4rem;font-size:1.1rem;color:#5f574f;text-transform:uppercase;letter-spacing:.05em}.mag-dot{color:#1E5FBE}.mag-title{margin:0;font-family:"Helvetica Neue","Segoe UI",system-ui,Arial,sans-serif;font-size:1.6rem;font-weight:900;line-height:1.25;text-transform:none;text-align:left;min-height:unset}.mag-title a:hover{color:#1E5FBE}.mag-intro{flex-grow:1;margin:.6rem 0 0;font-size:1.3rem;line-height:1.5;color:#3d3a36;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mag-more{margin:.6rem 0 0;font-size:1.15rem;font-weight:700;color:#1E5FBE;letter-spacing:.03em;transition:letter-spacing 0.2s ease}.mag-card:hover .mag-more{letter-spacing:.1em}.mag-hero{grid-column:1 / -1;flex-direction:row;min-height:22rem}.mag-hero .mag-media{flex:1 1 55%;aspect-ratio:1.6;max-height:36rem}.mag-hero .mag-body{flex:1 1 45%;justify-content:center;padding:2rem 2.6rem}.mag-hero .mag-title{font-size:2.4rem}.mag-hero .mag-intro{font-size:1.5rem;-webkit-line-clamp:5;flex-grow:0}@media (max-width:64rem){.mag-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:40rem){.mag-grid{gap:1.6rem;grid-template-columns:1fr}.mag-hero{flex-direction:column;min-height:unset}.mag-hero .mag-media{aspect-ratio:1.7777777778}.mag-hero .mag-body{padding:1.6rem 1.8rem}.mag-hero .mag-title{font-size:2rem}}