.r12-social{background:linear-gradient(135deg,#faf6ee,#f2ebdf);overflow:hidden;color:#191919;padding-top:85px!important;padding-bottom:80px!important}
.r12-social-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:32px}.r12-social h2{font-size:clamp(34px,4vw,58px);margin:0;line-height:1.08}.r12-social-intro{font-size:17px;line-height:1.65;color:#625d54;max-width:430px;margin:0 0 3px}
.r12-social-networks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.r12-social-networks>a{position:relative;display:flex;align-items:start;gap:15px;padding:24px 20px;border:1px solid #dbd1c0;border-radius:17px;background:#ffffff70;color:#23251f;text-decoration:none;transition:background .2s,border-color .2s}.r12-social-networks>a:hover{background:#fff;border-color:#a77d37}.r12-network-symbol{display:grid;place-items:center;flex:0 0 32px;height:32px;color:#967029;font:600 25px/1 'DM Sans',sans-serif}.r12-social-networks>a>span:nth-child(2){display:grid;gap:8px;min-width:0}.r12-social-networks small{font-size:9px;letter-spacing:.13em;color:#796441}.r12-social-networks strong{font:600 24px/1.2 Poppins,sans-serif;letter-spacing:-.04em}.r12-social-networks a>span>span{font-size:13px;line-height:1.5;color:#655d51}.r12-network-arrow{font-size:23px;margin-left:auto;color:#987236}.r12-social-others{font-size:14px;color:#6b6357;margin:18px 0 0;text-align:right}.r12-social-others a{text-decoration:underline;text-underline-offset:4px;margin:0 5px;color:#2f322d}
.r12-social-glimpse{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:45px;margin-top:48px;padding-top:40px;border-top:1px solid #d6c9b3}.r12-glimpse-intro .o{font-size:10px}.r12-glimpse-intro h3{font:600 clamp(24px,2.4vw,34px)/1.18 Poppins,sans-serif;letter-spacing:-.04em;margin:16px 0}.r12-glimpse-intro>p:not(.o){font-size:16px;line-height:1.7;color:#6b6257;max-width:330px}.r12-social .g1{font-size:13px;border-color:#b28230;margin-top:10px}
.r12-social-feed{min-width:0}.r12-social-rail{display:flex;align-items:start;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c4ae87 transparent;padding:3px 0 16px;position:relative;overscroll-behavior-x:contain}.r12-social-card{flex:0 0 calc((100% - 32px)/3);min-width:0;scroll-snap-align:start;border:1px solid #dfd4c3;background:#fff;border-radius:13px;overflow:hidden}.r12-social-media{display:block;position:relative;background:#141512;color:#fff;text-decoration:none}.r12-social-media img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}.r12-media-label{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;font-size:11px;line-height:1.4;background:#181b18;color:#fff}.r12-media-label>span{color:#ffbd4a;font-size:16px}.r12-social-card-copy{padding:12px;display:grid;gap:9px}.r12-social-card-copy time{font-size:10px;color:#85775f}.r12-social-card-copy>a{font-size:12px;line-height:1.5;font-weight:500;color:#2a2926;text-decoration:none}.r12-social-card-copy>a:hover{text-decoration:underline;text-underline-offset:3px}
.r12-social-controls{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:12px}.r12-social-controls p{font-size:11px;color:#71644d;margin:0}.r12-social-controls>div{display:flex;gap:12px;align-items:center}.r12-social-controls button{height:42px;width:42px;border:1px solid #c8b898;border-radius:50%;background:#fff9;color:#805815;font-size:21px}.r12-social-count{font-size:12px;white-space:nowrap}.r12-social:has(.r12-social-controls button:first-child:disabled):has(.r12-social-controls button:last-child:disabled) .r12-social-controls>div{display:none}
@media(max-width:1000px){.r12-social-heading{gap:30px}.r12-social-glimpse{grid-template-columns:1fr;gap:24px}.r12-glimpse-intro>p:not(.o){max-width:650px}.r12-social-feed{width:100%;max-width:740px}.r12-social-networks>a{padding:20px 15px;gap:9px}.r12-network-symbol{display:none}}
@media(max-width:650px){.r12-social{padding-top:60px!important;padding-bottom:55px!important}.r12-social-heading{grid-template-columns:1fr;gap:24px}.r12-social-networks{grid-template-columns:1fr;gap:10px}.r12-social-networks>a{padding:18px;align-items:center}.r12-network-symbol{display:grid}.r12-social-networks strong{font-size:21px}.r12-social-networks>a>span:nth-child(2){gap:5px}.r12-social-others{text-align:left;line-height:1.8}.r12-social-glimpse{margin-top:32px;padding-top:30px}.r12-social-card{flex-basis:72%;max-width:245px}.r12-social-controls{align-items:center}.r12-social-controls p{max-width:135px}.r12-social-controls>div{gap:8px}.r12-social-card-copy>a{font-size:13px}}
@media(prefers-reduced-motion:reduce){.r12-social-rail{scroll-behavior:auto!important}.r12-social-networks>a{transition:none}}
.r12-social-rail:focus-visible{outline:2px solid #ad7a2d;outline-offset:5px;border-radius:6px}

/* Retours16h : logos de plateforme et liens plus présents, communs aux quatre parcours. */
.r12-social-networks>a{padding:27px 23px;border-color:#bc9a5e88;background:linear-gradient(125deg,#fffdf8,#f2e6cd);box-shadow:0 12px 28px -18px #78551f66,inset 0 1px 0 #fff;transition:transform .22s,border-color .22s,box-shadow .22s}
.r12-social-networks>a:hover,.r12-social-networks>a:focus-visible{transform:translateY(-4px);border-color:#b07c28;box-shadow:0 18px 30px -18px #78551f99;outline-offset:4px}
.r12-network-symbol{display:grid!important;flex-basis:46px;height:46px;border-radius:13px;background:#fffdf6;border:1px solid #d5bd8b;box-shadow:0 5px 12px #a77d3715}
.r12-network-symbol img{width:27px;height:27px;object-fit:contain;display:block;opacity:.85}
.r12-network-arrow{width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#252823;color:#ffe2a3;font-size:20px}
@media(min-width:651px) and (max-width:1000px){.r12-social-networks>a{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:22px 18px}.r12-network-arrow{position:absolute;right:16px;top:28px}.r12-social-networks>a>span:nth-child(2){grid-column:1/-1}.r12-social-networks strong{font-size:22px}}
@media(max-width:650px){.r12-social-networks>a{padding:20px 17px;gap:14px}.r12-network-symbol{flex-basis:40px;height:40px}.r12-network-arrow{width:29px;height:29px}.r12-social-networks strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.r12-social-networks>a{transition:none}.r12-social-networks>a:hover{transform:none}}
