/*SFR Multi*/
#SFR_Multi {display: grid;gap: 24px 40px;grid-template-columns: min-content 1fr;grid-template-rows: min-content min-content;grid-auto-columns: 1fr;grid-template-areas: "a c" "b b";}
#SFR_Multi picture {display: flex;}
#SFR_Multi picture img {border-radius: 8px;}
#SFR_Multi .transcription {grid-area: b;margin: 0;}
#SFR_Multi .transcription ul {margin-left: 24px;}
#SFR_Multi .transcription p:last-of-type {margin-top: 20px;}
#SFR_Multi > div {display: flex;flex-direction: column;grid-area: c;}
#SFR_Multi > div p[aria-level="3"] {font: 24px / normal SFR-Bold;margin-bottom: 8px;}
#SFR_Multi > div ul {margin: 24px 0;display: grid;gap: 24px;}
#SFR_Multi > div li {display: grid; justify-items: flex-start; align-items: start; gap: 4px; grid-template-rows: auto;grid-template-areas: "a b" "a c";grid-template-columns: min-content 1fr;}
#SFR_Multi > div p.title {font: 14px/normal SFR-Bold;}
#SFR_Multi > div p.title:last-child {grid-row: span 2 / span 2; align-self: center;}
#SFR_Multi > div img {grid-area: a;grid-row: span 2 / span 2;align-self: center;}
#SFR_Multi > div a {width: fit-content;margin-top: auto;}

@media all and (max-width: 1100px) {
    /*SFR Multi*/
	#SFR_Multi {gap: 0;grid-template-areas: "a" "b" "c";grid-template-columns: 1fr;}
	#SFR_Multi picture img {width: 100%; height: auto;}
	#SFR_Multi picture {margin-bottom: 16px;}
	#SFR_Multi .transcription {margin-bottom: 24px;}
	#SFR_Multi > div p[aria-level="3"] {font: 18px / normal SFR-Bold;}
	#SFR_Multi > div ul {margin: 16px 0;gap: 16px;}
	#SFR_Multi > div a {width: 100%;margin-top: 16px;}
}