/* Spiraltis – gabarit Étude de cas (complète front.css) */

/* 1. En-tête */
.spt-case .spt-chero{padding-top:calc(var(--spt-hdr,0px) + clamp(32px,4vw,72px));padding-bottom:clamp(32px,4vw,56px)}
.spt-case .spt-chero__inner{display:flex;flex-direction:column;gap:26px}
body .spt-case .spt-ch1{max-width:1020px;font-family:'Tenor Sans',sans-serif;font-weight:400;font-size:clamp(36px,4.4vw,64px);line-height:1.1}
body .spt-case .spt-csub{max-width:820px;font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:clamp(24px,2.3vw,32px);line-height:1.3}
.spt-case .spt-chero .spt-fiche{margin-top:6px;gap:18px 32px}

/* 2. En chiffres */
.spt-case .spt-kpis{background:var(--cream);padding-top:clamp(40px,5vw,64px);padding-bottom:clamp(40px,5vw,64px)}
.spt-case .spt-kpis__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}
.spt-case .spt-kpi{display:flex;flex-direction:column;gap:8px;border-top:2px solid var(--ink);padding-top:16px}
.spt-case .spt-kpi__v{font-family:'Tenor Sans',sans-serif;font-size:clamp(26px,2.3vw,34px);line-height:1.1}
.spt-case .spt-kpi__t{font-size:15px;line-height:1.45}

/* 3. Visuel principal */
.spt-case .spt-cvisual{padding-top:clamp(40px,5vw,72px)}
body .spt-case .spt-cvisual figure{margin:0 auto!important}

/* 4. Corps */
.spt-case .spt-case__body{padding-top:clamp(48px,6vw,96px);padding-bottom:clamp(48px,6vw,96px)}
.spt-case .spt-case__grid{display:flex;flex-wrap:wrap;gap:48px 72px;align-items:flex-start}
.spt-case .spt-case__aside{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:32px}
.spt-case .spt-case__article{flex:999 1 560px;min-width:0;max-width:720px;display:flex;flex-direction:column;gap:22px}
@media (min-width:1025px){.spt-case .spt-case__aside{position:sticky;top:calc(var(--spt-hdr,0px) + 32px)}}
.spt-case .spt-toc summary{list-style:none;cursor:default;margin-bottom:8px}
.spt-case .spt-toc summary::-webkit-details-marker{display:none}
body .spt-case .spt-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
body .spt-case .spt-toc li{margin:0;border-top:1px solid var(--line)}
body .spt-case .spt-toc li:last-child{border-bottom:1px solid var(--line)}
body .spt-case .spt-toc a{display:flex;gap:12px;color:var(--ink);text-decoration:none;font-size:15px;line-height:1.4;padding:10px 0}
body .spt-case .spt-toc a span{font-family:'Tenor Sans',sans-serif;color:var(--orange-txt)}
body .spt-case .spt-toc a:hover,body .spt-case .spt-toc a.is-on{color:var(--orange-txt)}
.spt-case .spt-pm{background:var(--cream);padding:22px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.5}
.spt-case .spt-pm__name{font-family:'Tenor Sans',sans-serif;font-size:18px}
body .spt-case .spt-pm a{color:var(--ink);word-break:break-word}

body .spt-case .spt-case__article p,body .spt-case .spt-case__article li{font-size:17px;line-height:1.7}
body .spt-case .spt-case__article p.spt-lead{font-size:19px;line-height:1.65}
.spt-case .spt-case__article a{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px}
.spt-case .spt-cpart{display:flex;flex-direction:column;gap:22px;scroll-margin-top:calc(var(--spt-hdr,0px) + 24px)}
.spt-case .spt-cpart__head{display:flex;flex-direction:column;gap:6px;margin-top:28px;border-top:1px solid var(--ink);padding-top:22px}
body .spt-case .spt-cpart__head h2{font-size:clamp(26px,2.4vw,34px);line-height:1.2}
body .spt-case .spt-case__article h3{font-family:'Tenor Sans',sans-serif;font-weight:400;font-size:21px;line-height:1.3;margin:8px 0 0}

/* Liste à repères */
body .spt-case .spt-case__article ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
body .spt-case .spt-case__article ul>li{position:relative;padding:12px 0 12px 22px;border-bottom:1px solid var(--line);margin:0}
body .spt-case .spt-case__article ul>li:before{content:"";position:absolute;left:0;top:23px;width:8px;height:8px;background:var(--orange)}
body .spt-case .spt-case__article ol:not(.spt-steps){margin:0;padding-left:1.3em}

/* Encadré chiffre */
.spt-case .spt-figure-box{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;background:var(--cream);padding:26px 28px}
.spt-case .spt-figure-box__v{font-family:'Tenor Sans',sans-serif;font-size:56px;line-height:1}
.spt-case .spt-figure-box__v small{font-size:24px;color:var(--grey)}
.spt-case .spt-figure-box__t{flex:1 1 260px;font-size:16px;line-height:1.55}

/* Frise d'étapes */
body .spt-case ol.spt-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
body .spt-case .spt-step{display:flex;gap:20px;margin:0;padding:0}
.spt-case .spt-step__rail{display:flex;flex-direction:column;align-items:center}
.spt-case .spt-step__n{width:44px;height:44px;border-radius:50%;border:1px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:'Tenor Sans',sans-serif;font-size:15px;flex-shrink:0;background:#fff}
.spt-case .spt-step.is-key .spt-step__n{background:var(--ink);color:#fff}
.spt-case .spt-step__line{flex-grow:1;width:1px;background:#D9D3C9}
.spt-case .spt-step:last-child .spt-step__line{display:none}
.spt-case .spt-step__body{padding-bottom:26px;display:flex;flex-direction:column;gap:10px;min-width:0;flex:1}
body .spt-case .spt-step__body p,body .spt-case .spt-step__body li{font-size:16px}

/* Citation */
body .spt-case .spt-case__article blockquote{margin:8px 0;padding:4px 0 4px 24px;border-left:2px solid var(--orange);display:flex;flex-direction:column;gap:8px}
body .spt-case .spt-case__article blockquote p{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:clamp(24px,2.2vw,30px);line-height:1.3}
body .spt-case .spt-case__article blockquote cite{font-style:normal;font-size:12px;font-weight:500;letter-spacing:1.98px;text-transform:uppercase;color:var(--grey)}

/* Tableau avant / après */
body .spt-case .wp-block-table{margin:0;overflow-x:auto}
body .spt-case .wp-block-table table{width:100%;min-width:520px;border-collapse:collapse;font-size:15px;line-height:1.45;border:0}
body .spt-case .wp-block-table thead{border-bottom:2px solid var(--ink)}
body .spt-case .wp-block-table th,body .spt-case .wp-block-table td{border:0;border-bottom:1px solid var(--line);padding:14px 12px;text-align:left;vertical-align:top;background:none}
body .spt-case .wp-block-table thead th{font-size:11px;font-weight:500;letter-spacing:1.98px;text-transform:uppercase;color:var(--grey);border-bottom:0;padding:10px 12px}
body .spt-case .wp-block-table tbody td:first-child{font-weight:500;padding-left:0}
body .spt-case .wp-block-table thead th:first-child{padding-left:0}
body .spt-case .wp-block-table tbody td:nth-child(2){color:var(--grey)}
body .spt-case .wp-block-table tbody td:nth-child(3){font-family:'Tenor Sans',sans-serif;font-size:19px}

/* Cartes résultats (bloc Points clés dans une étude de cas) */
body .spt-case .spt-points{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
body .spt-case .spt-points li{background:var(--cream);border-top:0;padding:22px;gap:8px}
body .spt-case .spt-points h3{font-size:19px;margin:0}
body .spt-case .spt-points p{font-size:15px;line-height:1.55}

body .spt-case .spt-case__article ul.spt-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
body .spt-case .spt-case__article ul.spt-points>li{padding:22px;border-bottom:0}
body .spt-case .spt-case__article ul.spt-points>li:before{display:none}
/* Figures */
body .spt-case .spt-case__article figure{margin:8px 0 0;display:flex;flex-direction:column;gap:10px}
body .spt-case .spt-case__article figure img{width:100%;height:auto}
body .spt-case .wp-block-gallery.has-nested-images{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}
body .spt-case .wp-block-gallery.has-nested-images figure.wp-block-image{width:auto!important;margin:0!important}

/* 6. Appel à l'action */
.spt-case .spt-ccta{background:var(--cream);padding-top:clamp(64px,8vw,112px);padding-bottom:clamp(64px,8vw,112px)}
.spt-case .spt-ccta__inner{max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
body .spt-case .spt-ccta h2{font-size:clamp(28px,3vw,42px);line-height:1.2}

/* 7. Précédente / suivante */
.spt-case .spt-cadj{padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(48px,6vw,88px)}
.spt-case .spt-cadj__inner{display:flex;flex-direction:column;gap:28px}
.spt-case .spt-cadj__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
body .spt-case .spt-cadj__link{display:flex;flex-direction:column;gap:12px;color:var(--ink);text-decoration:none;border-top:1px solid var(--ink);padding-top:18px}
body .spt-case .spt-cadj__link--next{text-align:right}
.spt-case .spt-cadj__title{font-family:'Tenor Sans',sans-serif;font-size:22px;line-height:1.3}
body .spt-case .spt-cadj__link:hover .spt-cadj__title{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:4px}
body .spt-case .spt-cadj__all{align-self:center;color:var(--ink);font-size:12px;font-weight:500;letter-spacing:2.16px;text-transform:uppercase;text-underline-offset:4px}

@media (max-width:1024px){
	.spt-case .spt-toc summary{cursor:pointer;display:flex;justify-content:space-between}
	.spt-case .spt-toc summary:after{content:"+";font-size:16px}
	.spt-case .spt-toc[open] summary:after{content:"−"}
}
@media (max-width:767px){
	body .spt-case .spt-cadj__link--next{text-align:left}
	body .spt-case .wp-block-gallery.has-nested-images{grid-template-columns:1fr}
	.spt-case .spt-figure-box__v{font-size:44px}
}