/* Accueil commercial du 30/09/2026. Composition sc-* dans sbc-visual.css.
   Anciennes compositions sbc-home-* retirées après remplacement du HTML. */
#view-accueil :where(h1,h2,h3,p,figure,blockquote,dl,dd){box-sizing:border-box}
#view-accueil > section::before,#view-accueil > section::after{content:none!important}
#view-accueil > section{scroll-margin-top:calc(var(--hdr-h,126px) + 16px)}
#view-accueil :is(h1,h2,h3,p,a){overflow-wrap:break-word}
#view-accueil a:focus-visible{outline:2px solid var(--brand-gold);outline-offset:4px}
#view-accueil .sbc-paper a:focus-visible{outline-color:var(--brand-bronze)}

/* Chiffres rétablis à la demande de Samih, affichage sans signe approximatif demandé le 30/09 ; périmètres documentés séparément. */
#view-accueil .sc-foundations.sc-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0;gap:0}
#view-accueil .sc-figures>div{display:flex;flex-direction:column;min-width:0;align-items:center;text-align:center;border-left:1px solid #c9a14a40;padding:0 24px}
#view-accueil .sc-figures>div:first-child{border-left:0}
#view-accueil .sc-figures dt{font:400 var(--sbc-type-caption)/1.5 var(--sans);color:var(--sbc-color-muted-dark);overflow-wrap:anywhere}
#view-accueil .sc-figures dd{order:-1;margin:0 0 7px;font:500 clamp(2.25rem,3.8vw,3.4rem)/1.1 var(--serif);color:var(--brand-gold);font-variant-numeric:tabular-nums}
@media(max-width:700px){
 #view-accueil .sc-foundations.sc-figures{grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr));gap:18px 16px}
 #view-accueil .sc-figures>div{padding:0 6px}
 #view-accueil .sc-figures dt{font-size:var(--sbc-type-meta)}
 #view-accueil .sc-figures dd{font-size:2.25rem}
}
@media(max-width:360px){
 #view-accueil .sc-foundations.sc-figures{grid-template-columns:1fr;gap:0}
 #view-accueil .sc-figures>div,#view-accueil .sc-figures>div:first-child{display:grid;grid-template-columns:minmax(5rem,.7fr) 1fr;gap:16px;align-items:center;padding:12px 0;border-left:0;border-bottom:1px solid #c9a14a30}
 #view-accueil .sc-figures>div:last-child{border-bottom:0}
 #view-accueil .sc-figures dd{margin:0;grid-column:1;grid-row:1}
 #view-accueil .sc-figures dt{grid-column:2;grid-row:1}
}

/* Demandes d'accueil reprises le 30/09 : role, orientation, lectures. */
#view-accueil .sc-supports{list-style:none;margin:0;padding:0;display:grid;gap:28px;align-self:center}
#view-accueil .sc-supports li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:18px}
#view-accueil .sc-supports .sc-support-num{font:500 var(--sbc-type-meta)/1.5 var(--sans);color:var(--brand-gold);padding-top:6px}
#view-accueil .sc-supports h3{font-size:1.6rem;margin:0 0 8px}
#view-accueil .sc-supports p{margin:0;max-width:42ch}
#view-accueil .sc-project-list .sc-project-title{min-width:0}
#view-accueil .sc-project-title .sc-label{display:block;font-size:var(--sbc-type-meta);margin:0 0 10px;letter-spacing:.08em}
#view-accueil .sc-readings>a{display:flex;flex-direction:column;align-items:stretch;gap:0}
#view-accueil .sc-readings h3{font-size:clamp(1.65rem,2.5vw,2.3rem);margin-bottom:18px}
#view-accueil .sc-readings p{margin:0 0 24px;max-width:45ch}
#view-accueil .sc-readings .sc-link{margin-top:auto;width:100%}
#view-accueil .sc-readings .sc-label{margin-bottom:18px}
@media(max-width:700px){
 #view-accueil .sc-supports{gap:24px;margin-top:8px}
 #view-accueil .sc-supports li{grid-template-columns:25px minmax(0,1fr);gap:12px}
 #view-accueil .sc-project-title{grid-column:2}
 #view-accueil .sc-project-title .sc-label{font-size:var(--sbc-type-meta);line-height:1.6}
}
