@font-face{font-family:"Manrope";font-style:normal;font-display:swap;font-weight:200 800;src:url("polices/manrope-latin-wght-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url("polices/inter-latin-wght-normal.woff2") format("woff2")}
body,input,select,textarea,button{font-family:"Inter","Segoe UI",Arial,sans-serif}
body{font-size:16px;line-height:1.6}
h1,h2,h3,.brand,.hero h1{font-family:"Manrope","Inter",Arial,sans-serif;letter-spacing:-.01em}
main h1,.hero h1{font-size:32px;font-weight:700;line-height:1.2}
main h2{font-size:24px;font-weight:600;line-height:1.3}
main h3{font-weight:600}
main :is(input,select,textarea,button,.button){font-size:16px;font-weight:500}
small,.notice,figcaption,.cours-note,.price-note{font-size:14px}
.cours-prix,.prix,.spot-prix,dd,output,.fine-result strong,.demo-row strong,[class*="prix"]{font-variant-numeric:tabular-nums}
.cours-prix{font-family:"Inter",Arial,sans-serif;font-size:24px;font-weight:600}
/* Justification réservée aux paragraphes rédactionnels (introductions, explications, hypothèses, mentions, FAQ). */
/* Tous les paragraphes justifiés, sur toute la largeur de leur encadré, à toutes les tailles d'écran. */
p,li,.pf-footer p{text-align:justify!important;text-align-last:left;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto;line-height:1.7;width:auto;max-width:none!important}
main p{font-size:16px}
.hero p,.example-note{text-align:justify!important;text-align-last:center}
main section > h2:first-child,.pf-information section h2{margin-top:0}
.pf-information section,main.membre > section{padding:28px 32px!important;min-height:0!important}
@media(max-width:640px){.pf-information section,main.membre > section{padding:22px 20px!important}}
/* Couleurs des métaux */
.metal-or{color:#e0b94f!important}.metal-argent{color:#c9ced6!important}.metal-platine{color:#ece8dc!important}.metal-palladium{color:#9fb0c9!important}
html[data-theme=light] .metal-or{color:#8a6510!important}html[data-theme=light] .metal-argent{color:#5f6874!important}html[data-theme=light] .metal-platine{color:#6f6a5c!important}html[data-theme=light] .metal-palladium{color:#4a5a78!important}
.eyebrow .nom-metal{font-weight:800}
.nom-metal{background:none!important;border:0!important;padding:0!important;box-shadow:none!important}
.eyebrow{font-size:14px!important;letter-spacing:.12em!important;line-height:1.4}
.hero .eyebrow{font-size:16px!important;letter-spacing:.14em!important;margin-bottom:14px!important}
.page-reference h1{font-size:32px!important;margin:6px 0 14px!important;line-height:1.2}.page-reference h2{font-size:24px!important;margin:0 0 12px!important;line-height:1.3}.page-reference h3{font-size:19px!important}
.page-reference .encadre-cours{margin:24px 0}.encadre-titre{font-family:"Manrope","Inter",sans-serif;font-weight:700;font-size:20px;margin:0 0 12px}.page-reference section{margin-top:36px}.page-reference h3{margin:24px 0 10px}.table-pieces{margin-bottom:12px}.liens-utiles ul{padding-left:20px}.liens-utiles li{margin:8px 0}
.hero-accroche{font-family:"Manrope","Inter",sans-serif;font-size:20px;font-weight:600;margin:12px auto 0;color:#d9c08a}
html[data-theme=light] .hero-accroche{color:#7a5a1c}
.contact-courriel a{font-weight:600}
/* Dimensions communes : conteneur 1 360 px, données en Inter 16 px, montants 20 px tabulaires, lignes 48-56 px. */
:root{--pf-max:1360px;--pf-rayon:10px;--pf-cellule:14px 16px}
.container,.membre.container{--max:1360px;max-width:1360px!important}
.pf-footer-inner{max-width:1360px!important}
/* En-tête : logo | [bouton « Calculer mon poids fin » + rubriques, centrés] | préférences */
@media(max-width:760px){header .header-inner>.header-cta{display:block;width:100%;box-sizing:border-box;text-align:center;margin:6px 0 4px!important;order:3}}
@media(min-width:1360px){
 header .header-inner{display:grid!important;grid-template-columns:auto minmax(24px,1fr) auto auto minmax(24px,1fr) auto;align-items:center;column-gap:0;width:calc(100% - 64px)!important;max-width:none!important}
 header .header-inner>.brand{grid-column:1;grid-row:1;justify-self:start}
 header .header-inner>.header-cta{grid-column:3;grid-row:1;white-space:nowrap;margin:0 clamp(24px,2.5vw,48px) 0 0!important}
 header .header-inner>nav.nav{grid-column:4;grid-row:1;gap:clamp(18px,1.8vw,32px);margin:0!important}
 header .header-inner>.pf-preferences{grid-column:6;grid-row:1;justify-self:end;margin-left:0}
}
@media(min-width:761px) and (max-width:1359px){
 header .header-inner{display:grid!important;grid-template-columns:1fr auto auto 1fr;align-items:center;row-gap:12px;column-gap:0;width:calc(100% - 48px)!important;max-width:none!important}
 header .header-inner>.brand{grid-column:1/3;grid-row:1;justify-self:start}
 header .header-inner>.pf-preferences{grid-column:3/5;grid-row:1;justify-self:end;margin-left:0}
 header .header-inner>.header-cta{grid-column:2;grid-row:2;white-space:nowrap;margin:0 28px 0 0!important}
 header .header-inner>nav.nav{grid-column:3;grid-row:2;gap:22px;margin:0!important}
}

.pf-footer{font-family:"Inter","Segoe UI",Arial,sans-serif!important}
main select{max-width:100%}.champ-pieces select,body:has(#calculateur) select{min-width:0;width:100%;text-overflow:ellipsis}
.calcul-avance,body:has(#calculateur) main{max-width:var(--pf-max)!important;margin-inline:auto!important;box-sizing:border-box;padding-inline:clamp(20px,3vw,40px)!important}
main h2,.calcul-avance h2{font-size:24px;font-weight:600;margin:40px 0 14px}
main h3{font-size:20px}
main label{font-size:16px;font-weight:600}
main :is(input,select,textarea){font-size:16px!important;min-height:48px;border-radius:8px!important;box-sizing:border-box}
main textarea{min-height:140px}
main :is(button,.button){min-height:48px;border-radius:8px}
.calcul-avance form,body:has(#calculateur) form{border-radius:12px;gap:20px 24px;padding:28px}
.erreur,.calcul-avance #erreur{font-size:14px}
/* Panneaux de résultats en lignes */
.calcul-avance #sortie,#resultat{border-radius:12px;padding:8px 0 4px;margin-top:24px}
#resultat:not(:has(dl)){padding:16px 20px;font-size:18px;line-height:1.6}
.calcul-avance #sortie dl,.resultats-lignes{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:0;margin:0}
.calcul-avance #sortie dt,.calcul-avance #sortie dd,.resultats-lignes dt,.resultats-lignes dd{display:flex;align-items:center;min-height:52px;padding:var(--pf-cellule);margin:0;box-sizing:border-box;border-bottom:1px solid rgba(127,140,133,.28)}
.calcul-avance #sortie dt,.resultats-lignes dt{font-size:16px;font-weight:500}
.calcul-avance #sortie dd,.resultats-lignes dd{justify-content:flex-end;text-align:right;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}
.calcul-avance #sortie dl > :nth-last-child(-n+2),.resultats-lignes > :nth-last-child(-n+2){border-bottom:0}
.calcul-avance #sortie .notice,#resultat .notice{padding:6px 16px 10px;margin:0}
/* Tableaux de données */
.table-donnees{width:100%;border-collapse:separate;border-spacing:0;border:1px solid rgba(127,140,133,.35);border-radius:12px;overflow:hidden;font-size:16px}
.table-donnees th,.table-donnees td{padding:var(--pf-cellule);height:52px;box-sizing:border-box;text-align:left;border-bottom:1px solid rgba(127,140,133,.22);vertical-align:middle}
.table-donnees thead th{font-weight:600;font-size:16px;background:rgba(127,140,133,.12)}
.table-donnees tbody tr:last-child > *{border-bottom:0}
.table-donnees .num{text-align:right}
.table-donnees .montant{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.table-donnees .date{font-size:14px;white-space:nowrap}
.table-cours .metal-nom{display:block;font-family:"Manrope","Inter",sans-serif;font-weight:700;font-size:18px}
.table-cours .metal-symbole{display:block;font-size:14px;font-weight:400;opacity:.75}
#cours.cours-grille{display:block}
.source-cours{margin-top:12px}
/* Actualités */
.actualites-outils{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin:20px 0}
.actualites-outils label{flex-basis:100%}
.actualites-outils select{min-width:260px}
#liste-actualites .actualite{padding:16px 0;border-bottom:1px solid rgba(127,140,133,.28)}
#liste-actualites .actualite h3{font-size:18px;margin:4px 0 6px}
.actualite-theme,.actualite-source{font-size:14px;margin:0}
.actualite-theme{font-weight:600}
/* Tablette */
@media(max-width:1024px){.calcul-avance form,body:has(#calculateur) form{padding:22px}}
/* Téléphone : une colonne, tableaux présentés en cartes */
@media(max-width:640px){
 .calcul-avance form,body:has(#calculateur) form{grid-template-columns:minmax(0,1fr)!important;padding:18px}
 .calcul-avance #sortie dl,.resultats-lignes{grid-template-columns:1fr}
 .calcul-avance #sortie dt,.resultats-lignes dt{min-height:0;padding:12px 16px 0;border-bottom:0}
 .calcul-avance #sortie dd,.resultats-lignes dd{justify-content:flex-start;text-align:left;min-height:0;padding:2px 16px 12px}
 .calcul-avance #sortie dl > :nth-last-child(2),.resultats-lignes > :nth-last-child(2){border-bottom:0}
 .table-donnees,.table-donnees tbody,.table-donnees tr,.table-donnees th,.table-donnees td{display:block;width:100%}
 .table-donnees{border:0;border-radius:0;overflow:visible}
 .table-donnees thead{display:none}
 .table-donnees tbody tr{border:1px solid rgba(127,140,133,.35);border-radius:12px;margin-bottom:12px;padding:6px 0}
 .table-donnees th,.table-donnees td{height:auto;border:0;padding:8px 16px}
 .table-donnees td[data-label]{display:flex;justify-content:space-between;gap:12px}
 .table-donnees td[data-label]::before{content:attr(data-label);font-weight:600;font-size:14px}
 .table-donnees .num{text-align:right}
}
.hero .lead{max-width:1180px;text-wrap:balance}
html[data-theme=dark] #resultat{background:#24302b;color:#e4e9e6;border-color:#c9a45c}
.champ-pieces{margin-bottom:6px}.champ-pieces select{width:100%}.note-pieces{font-size:14px}