/* Charte commune des trente pages : présentation uniquement, moteurs conservés. */
@media screen {
html body.cr-page.charte30{background:#f3f5fb!important;color:#172335!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}
html body.charte30 #contenu{width:100%!important;max-width:none!important;margin:0!important;padding:0 0 36px!important;background:transparent!important;color:#172335;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}
html body.charte30 #contenu *,html body.charte30 #contenu *::before,html body.charte30 #contenu *::after{box-sizing:border-box}
html body.charte30 [hidden]{display:none!important}
/* Géométrie de l’index : 80vw sans plafond, avec 16px intérieurs.
   Ne pas réintroduire de max-width fixe ni des marges propres aux lots. */
html body.charte30 .cr-wrap{width:80vw!important;max-width:none!important;margin-inline:auto!important;padding-left:16px!important;padding-right:16px!important}
html body.charte30 #contenu .c30-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 8% 12%,#ffffff32,transparent 29%),linear-gradient(120deg,#ffb229 0%,#ffa300 50%,#d87800 100%)!important;color:#fff!important;margin:0!important;padding:34px 0 38px!important;border:0!important;border-radius:0!important;box-shadow:none!important;clip-path:none!important}
html body.charte30 #contenu .c30-hero::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:320px;height:320px;border:32px solid #ffffff20;border-radius:50%;right:-145px;top:-140px}
html body.cr-page.charte30 #contenu .c30-hero-grid{display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr)!important;grid-template-areas:none!important;gap:36px!important;align-items:center!important;padding-block:0!important;padding-inline:16px!important;position:relative;z-index:1}
html body.charte30 #contenu .c30-hero-grid>*{min-width:0;grid-area:auto!important}
html body.charte30 #contenu .c30-copy{display:block!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;color:#fff!important;background:transparent!important;border:0!important;box-shadow:none!important;clip-path:none!important;text-align:left!important}
html body.charte30 #contenu .c30-copy :is(h1,p,a,span,strong,b,div){color:#fff!important}
html body.charte30 #contenu .c30-copy h1{font-size:clamp(34px,3.3vw,49px)!important;line-height:1.08!important;letter-spacing:-.035em!important;margin:14px 0 18px!important;max-width:none!important;text-wrap:balance}
html body.charte30 #contenu .c30-copy :is([class$="-lead"],.cr-hero-lead){font-size:17px!important;line-height:1.65!important;max-width:48ch!important;margin:0!important}
html body.charte30 #contenu .c30-copy :is([class$="-eyebrow"],[class$="-kicker"],.cr-kicker){display:inline-block;font-size:11px!important;line-height:1.5;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#74450066!important;color:#fff!important;border:1px solid #ffffff33!important;border-radius:999px;padding:5px 10px!important;margin:0 0 4px!important}
html body.charte30 #contenu .c30-copy :is(.cr-hero-answer,.pct-hero-answer,.ct-quick,.pv-answer){background:#74450040!important;border:1px solid #ffffff40!important;border-radius:14px!important;padding:15px 17px!important;margin:20px 0 0!important;color:#fff!important;max-width:none!important;font-size:14px!important;line-height:1.65}
html body.charte30 #contenu .c30-copy :is([class$="-tags"],[class$="-meta"],[class$="-proof-row"],.cr-chip-row){display:flex!important;flex-wrap:wrap!important;overflow:visible!important;white-space:normal!important;gap:8px!important;margin:18px 0 0!important;font-size:12px;line-height:1.5}
html body.charte30 #contenu .c30-copy :is([class$="-tags"],[class$="-proof-row"],.cr-chip-row)>span{background:#ffffff18!important;border:1px solid #ffffff55!important;color:#fff!important;padding:5px 9px;border-radius:999px}
html body.charte30 #contenu .c30-copy a{text-underline-offset:4px;text-decoration:underline!important}
html body.charte30 #contenu .c30-copy :is(.lot2-hero-action,[class$="-jumps"] a){display:inline-block;background:#192437!important;color:#fff!important;border-radius:9px;padding:10px 15px;font-weight:700}
html body.charte30 #contenu .c30-copy.pv-hero{grid-template-columns:1fr!important}
html body.cr-page.charte30 #contenu .c30-tool{display:block!important;background:linear-gradient(145deg,#222c3d,#121827)!important;color:#f4f7fc!important;border:1px solid #3b475c!important;border-radius:22px!important;box-shadow:0 16px 30px #57300040!important;padding:24px!important;margin:0!important;width:100%!important;max-width:none!important;min-width:0!important;position:static!important}
html body.charte30 #contenu .c30-tool :is(h2,h3,h4,legend,label,summary,dt,dd,li){color:#f4f7fc!important}
html body.charte30 #contenu .c30-tool :is(p,small,[class$="-hint"],[class$="-help"],[class$="-small"]){color:#d6deeb!important;font-size:13px;line-height:1.6}
html body.charte30 #contenu .c30-tool h2{font-size:22px!important;line-height:1.25!important;margin:0 0 10px!important;letter-spacing:-.015em}
html body.charte30 #contenu .c30-tool h3{font-size:17px!important;line-height:1.4}
html body.charte30 #contenu .c30-tool a{color:#ffd083!important;text-underline-offset:3px}
html body.charte30 #contenu .c30-tool :is(.cr-calc-card-inner,#calculateur,.ce-card,.oc-entry,.pv-tool-heading){background:transparent!important;color:inherit!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;width:100%!important;max-width:none!important}
html body.charte30 #contenu .c30-tool :is(.cr-calc-card-inner,.au-grid,.ep-grid,.mi-grid,.fn-grid,.pv-grid,.ce-layout,.oc-workbench,.cr-salary-model){display:block!important}
html body.charte30 #contenu .c30-tool :is(.cr-calc-card-inner,.cr-salary-model)>*{grid-column:auto!important;grid-row:auto!important}
html body.charte30 #contenu .c30-tool :is(.vehicle-fields,.health-fields,.au-fields,.ep-fields,.mi-fields,.fn-fields,.ce-grid,.oc-fields,.dd-fields,.fx-fields,.ct-fields,.cc-fields,.ra-fields,.tf-fields){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 16px!important}
html body.charte30 #contenu .c30-tool :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),select,textarea){background:#f0f4fc!important;color:#172335!important;border:1px solid #9aa9bf!important;border-radius:8px!important;min-height:44px!important;min-width:0!important;max-width:100%!important;width:100%;font:16px/1.4 inherit;padding:9px 11px!important;box-shadow:none!important}
html body.charte30 #contenu .c30-tool input:is([type=checkbox],[type=radio]){width:18px!important;height:18px!important;min-height:18px!important;accent-color:#ffa300;flex:none}
html body.charte30 #contenu .c30-tool label{font-size:13px!important;line-height:1.5;font-weight:650}
html body.charte30 #contenu .c30-tool fieldset{min-width:0;border-color:#526176!important}
html body.charte30 #contenu .c30-tool button{font-family:inherit;min-height:42px;border-radius:8px;border:1px solid #64748b;background:#344156;color:#fff;padding:9px 12px;cursor:pointer}
html body.charte30 #contenu .c30-tool :is(button[type=submit],.vehicle-submit,.health-submit,.au-button:not(.au-secondary),.ep-button:not(.ep-secondary),.mi-button:not(.mi-button-light),.fn-button:not(.fn-secondary),.dd-primary,.fx-primary,.ct-primary,.cc-primary,.pv-button,.oc-primary){background:#ffa300!important;color:#182133!important;border-color:#ffa300!important;font-weight:750}
html body.charte30 #contenu .c30-tool :is(.au-result,.ep-result,.mi-result,.fn-result,.pv-result,.pv-placeholder,.ce-result,.ce-placeholder,.oc-result,.dd-result,.fx-result,.ct-result,.cc-result,.focus-idle,.lot2-preview,.vehicle-result,.health-result,[data-salary-result]){position:static!important;background:#29364c!important;color:#f4f7fc!important;border:1px solid #586780!important;border-radius:13px!important;padding:18px!important;margin:20px 0 0!important;min-width:0;max-width:100%;width:100%;box-shadow:none!important}
html body.charte30 #contenu .c30-tool :is(.au-big,.ep-big,.mi-big,.fn-big,.pv-total,.ce-amount,.focus-amount,.lot3-big,.focus-result-main){color:#ffd083!important;font-size:clamp(27px,3vw,38px)!important;line-height:1.25}
html body.charte30 #contenu .c30-tool :is(.au-cost,.ep-real,.ce-stat,.ce-budget,.oc-key,.oc-variation,.ct-kpi,.dd-kpi,.cc-kpi,.pv-kpi){background:#182437!important;color:#f4f7fc!important;border-color:#526176!important}
html body.charte30 #contenu .c30-tool :is(.au-note,.ep-note,.mi-note,.fn-note,.pv-new-note,.oc-alert,.lot2-note,.lot3-scope,.focus-scope,.dd-note,.fx-note,.cc-note,.vehicle-note,.vehicle-result-note){background:#354057!important;color:#f4f7fc!important;border-color:#67768e!important}
html body.charte30 #contenu .c30-tool :is(.vehicle-note,.lot3-scope,.oc-alert) :is(p,strong,li){color:#f4f7fc!important}
html body.charte30 #contenu .c30-tool .cr-eyebrow{background:#374256!important;color:#ffd083!important}
html body.charte30 #contenu .c30-tool :is(.cr-section-head,.cr-unified-calc-head){margin:0 0 16px!important;padding:0!important}
html body.charte30 #contenu .c30-tool :is(.cr-dossier-section,.cr-brief-card,.cr-dossier-info-card,.cr-dossier-text){background:transparent!important;color:#f4f7fc!important;border-color:#526176!important;box-shadow:none!important;padding:0!important;margin:0 0 20px!important}
html body.charte30 #contenu .c30-tool .cr-dossier-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body.charte30 #contenu .c30-tool :is(table,th,td){background:#f5f7fc!important;color:#172335!important;font-size:13px}
html body.charte30 #contenu .c30-tool :is(th,td) :is(p,span,strong){color:#172335!important}
html body.charte30 #contenu .c30-tool :is(.cr-formula-hero,.cr-highlight-box){background:#29364c!important;border-color:#526176!important}
html body.charte30 #contenu .c30-hero-grid>.vehicle-hero-note{grid-column:1/-1!important;color:#fff!important;max-width:none!important;margin:0!important}
html body.charte30 #contenu :is(.c30-content-grid,.cr-content-grid){display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:24px!important;margin:26px auto 0!important;align-items:start!important}
html body.charte30 #contenu :is(.c30-primary,.cr-primary){min-width:0!important;max-width:100%!important}
html body.charte30 #contenu .c30-primary :is(.dd-content,.fx-content,.ct-content,.cc-content,.tc-content,.ra-content,.tf-content,.pv-reading,.mi-top-grid){display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
html body.charte30 #contenu .c30-primary :is(.au-section,.dd-section,.fx-section,.ct-section,.tc-section,.ra-section,.cc-section,.tf-section,.fn-section,.pv-section,.ep-section,.ce-section,.mi-section,.oc-section,.focus-content,.mi-table-card),html body.charte30 #contenu .cr-primary>.cr-section{background:#fff!important;border:1px solid #e5eaf2!important;border-radius:18px!important;box-shadow:0 8px 22px #1723350a!important;padding:24px!important;margin:0 0 20px!important;color:#172335;max-width:100%;min-width:0}
html body.charte30 #contenu :is(.c30-primary,.cr-primary) :is(h2,h3){color:#172335;line-height:1.25}
html body.charte30 #contenu :is(.c30-primary,.cr-primary) h2{font-size:26px;letter-spacing:-.025em}
html body.charte30 #contenu :is(.c30-sidebar,.cr-sidebar){display:block!important;position:static!important;width:auto!important;min-width:0!important;padding:0!important;margin:0!important}
html body.charte30 #contenu :is(.c30-sidecard,.cr-sidebar-card){display:block!important;width:100%!important;max-width:100%!important;background:#fff!important;color:#172335!important;border:1px solid #e5eaf2!important;border-radius:16px!important;box-shadow:0 6px 18px #17233508!important;padding:20px!important;margin:0 0 18px!important;position:static!important;font-size:14px!important;line-height:1.65}
html body.charte30 #contenu :is(.c30-sidecard,.cr-sidebar-card) h2{font-size:18px!important;color:#172335!important}
html body.charte30 #contenu :is(.c30-sidecard,.cr-sidebar-card) h3{font-size:15px!important}
html body.charte30 #contenu :is(.c30-sidecard,.cr-sidebar-card) :is(button,a){max-width:100%;white-space:normal}
html body.charte30 #contenu :is(.au-scroll,.ep-scroll,.mi-scroll,.fn-scroll,.pv-scroll,.ct-scroll,.dd-scroll,.fx-scroll,.cc-scroll,.tc-scroll,.ra-scroll,.tf-scroll,.ce-table,.cr-dossier-table-wrap,.mi-figure){max-width:100%;overflow-x:auto}
html body.charte30 #contenu :is(.cr-ad,.c30-ad){background:#fff;border:1px solid #e5eaf2;border-radius:16px;padding:10px;margin:0 0 20px;min-width:0;overflow:hidden;box-shadow:none}
html body.charte30 #contenu .cr-ad-label{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#667085;text-align:center;margin-bottom:5px}
html body.charte30 #contenu .cr-ad-sidebar ins{min-height:250px}
html body.charte30 #contenu .cr-ad-inline ins{min-height:90px}
html body.charte30 #contenu .cr-ad:has(ins[data-ad-status="unfilled"]),html body.charte30 #contenu .cr-ad.c30-ad-unavailable{display:none!important}
html body.charte30 #contenu :is(button,input,select,textarea,summary,a):focus-visible{outline:3px solid #bd6800;outline-offset:3px}
html body.charte30 #contenu .c30-tool :is(button,input,select,textarea,summary,a):focus-visible{outline-color:#ffd083}
html body.charte30 #contenu .c30-tool .cr-graph-layout{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:20px}
html body.charte30 #contenu .c30-tool .cr-graph-canvas{width:100%;max-width:100%;height:auto;aspect-ratio:12/7}
html body.charte30 #contenu .c30-tool .cr-graph-plot-panel{background:#fff;border-radius:12px;overflow:hidden}
html body.charte30 #contenu .c30-tool :is(.cr-graph-plot-panel,.cr-graph-legend) :is(p,span){color:#172335!important}
html body.charte30 #contenu .c30-tool .pct-layout{grid-template-columns:1fr!important}
html body.charte30 #contenu .c30-tool .pct-result-panel{margin-top:14px}
html body.charte30 #contenu .c30-tool .cr-dossier-brief{display:block!important}
@media(max-width:980px){
 html body.cr-page.charte30 #contenu .c30-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:24px!important;align-items:start!important}
 html body.charte30 #contenu .c30-copy h1{font-size:36px!important;max-width:22ch!important}
 html body.charte30 #contenu .c30-copy :is([class$="-lead"],.cr-hero-lead){max-width:70ch!important}
 html body.charte30 #contenu :is(.c30-content-grid,.cr-content-grid){grid-template-columns:minmax(0,1fr)!important}
 html body.charte30 #contenu :is(.c30-sidebar,.cr-sidebar){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:start}
}
@media(max-width:600px){
 html body.charte30 #contenu .c30-hero{padding:24px 0 28px!important}
 html body.charte30 #contenu .c30-copy h1{font-size:31px!important;line-height:1.12!important;margin:12px 0!important}
 html body.charte30 #contenu .c30-copy :is([class$="-lead"],.cr-hero-lead){font-size:16px!important;line-height:1.6!important}
 html body.charte30 #contenu .c30-copy :is([class$="-tags"],[class$="-meta"],[class$="-proof-row"],.cr-chip-row){margin-top:12px!important}
 html body.cr-page.charte30 #contenu .c30-tool{padding:18px 15px!important;border-radius:17px!important}
 html body.charte30 #contenu .c30-tool :is(.vehicle-fields,.health-fields,.au-fields,.ep-fields,.mi-fields,.fn-fields,.ce-grid,.oc-fields,.dd-fields,.fx-fields,.ct-fields,.cc-fields,.ra-fields,.tf-fields,.cr-dossier-card-grid){grid-template-columns:minmax(0,1fr)!important}
 html body.charte30 #contenu .c30-primary :is(.au-section,.dd-section,.fx-section,.ct-section,.tc-section,.ra-section,.cc-section,.tf-section,.fn-section,.pv-section,.ep-section,.ce-section,.mi-section,.oc-section,.focus-content,.mi-table-card),html body.charte30 #contenu .cr-primary>.cr-section{padding:19px 16px!important;border-radius:15px!important}
 html body.charte30 #contenu :is(.c30-sidebar,.cr-sidebar){display:block!important}
 html body.charte30 #contenu :is(.c30-primary,.cr-primary) h2{font-size:23px!important}
 html body.charte30 #contenu :is(.au-guide-grid,.au-type-grid,.fn-guide-grid,.ep-guide-grid,.mi-guide-grid,.pv-columns,.oc-two,.mi-example-grid,.mi-context-grid,.mi-next-section){grid-template-columns:1fr!important}
 html body.charte30 #contenu .c30-tool .focus-fractions{grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr)!important;gap:8px}
 html body.charte30 #contenu .c30-tool .focus-fractions input{padding-inline:4px!important}
}
}
@media print{.c30-ad,.c30-sidebar{display:none!important}.c30-hero-grid,.c30-content-grid{display:block!important}.c30-tool{box-shadow:none!important}.c30-copy{display:none!important}}
@media screen {
html body.charte30 #contenu .c30-tool label:has(input[type=radio]){background:#344156!important;color:#f4f7fc!important;border-color:#64748b!important}
html body.charte30 #contenu .c30-tool label:has(input[type=radio]:checked){background:#ffa300!important;color:#172335!important;border-color:#ffa300!important}
html body.charte30 #contenu .c30-tool :is(input,select,textarea){font-size:16px!important}
html body.charte30 #contenu .c30-tool .au-cost span{color:#ffd083!important}
}
/* Même remise à zéro sur les anciens gabarits « focus ». */
@media screen {
html body.charte30{margin:0!important;padding:0!important;min-width:0}
html body.charte30 *,html body.charte30 *::before,html body.charte30 *::after{box-sizing:border-box}
html body.charte30 #contenu .c30-copy .pct-hero-links{display:flex;gap:12px 18px;flex-wrap:wrap;margin-top:18px}
html body.charte30 #contenu .c30-tool button[aria-pressed="true"]{background:#ffa300!important;border-color:#ffa300!important;color:#172335!important}
html body.charte30 #contenu .c30-tool button[aria-pressed="true"] :is(span,small){color:#172335!important}
html body.charte30 #contenu .c30-tool .pct-tool-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}
@media(max-width:600px){
html body.charte30 #contenu .c30-tool :is(.cr-percent-tabs,.pct-tool-heading,.pct-more){display:none!important}
html body.charte30 #contenu .c30-tool .pct-mobile-modes{display:block!important;margin-bottom:16px}
}
}
@media screen {
html body.charte30 #contenu .c30-hero-grid{width:80vw!important;max-width:none!important;margin-inline:auto!important}
html body.charte30 #contenu .c30-tool details{background:#273348!important;color:#f4f7fc!important;border-color:#586780!important;border-radius:10px;padding:10px 12px;margin-block:12px}
html body.charte30 #contenu .c30-tool details summary{background:transparent!important;color:#f4f7fc!important}


}
@media screen {
html body.charte30 #contenu .c30-tool :is(.health-result-placeholder,.vehicle-result-placeholder),
html body.charte30 #contenu .c30-tool :is(.health-result-placeholder,.vehicle-result-placeholder) :is(strong,span),
html body.charte30 #contenu .c30-tool :is(.health-result-head,.vehicle-result-head) span{color:#d6deeb!important}
html body.charte30 #contenu .c30-tool :is(.health-result-primary,.vehicle-result-primary){color:#ffd083!important}
html body.charte30 #contenu .c30-tool :is(.health-result-item,.vehicle-result-item){background:#182437!important;border-color:#526176!important}
html body.charte30 #contenu .c30-tool :is(.health-result-item,.vehicle-result-item) :is(strong,span){color:#f4f7fc!important}
}
@media screen {
html body.charte30 #contenu #bmi-result .lot3-big{color:#ffd083!important}
html body.charte30 #contenu .c30-tool :is(.health-result-error,.vehicle-result-error){color:#ffb4ab!important}
}

/* Paliers du gabarit de référence, séparés du comportement des outils. */
@media screen and (max-width:900px){
 html body.charte30 .cr-wrap,
 html body.charte30 #contenu .c30-hero-grid{width:100%!important;max-width:none!important;padding-left:14px!important;padding-right:14px!important}
 html body.cr-page.charte30 #contenu .c30-hero-grid{padding-inline:14px!important}
}
@media screen and (max-width:480px){
 html body.charte30 .cr-wrap{padding-left:16px!important;padding-right:16px!important}
 html body.cr-page.charte30 #contenu .c30-hero-grid{padding-inline:12px!important}
}

@media screen {
/* Les formules de tableur restent lisibles sans élargir la page mobile. */
html body.charte30 #contenu .ct-section code{overflow-wrap:anywhere;white-space:normal}
}

/* Densité desktop : mêmes largeurs, commandes regroupées, aucune hauteur forcée. */
@media screen and (min-width:981px){
 html body.charte30 #contenu .c30-hero{padding-block:18px 22px!important}
 html body.cr-page.charte30 #contenu .c30-tool{padding:18px!important;line-height:1.4!important}
 html body.charte30 #contenu .c30-tool :is(p,small,[class$="-hint"],[class$="-help"],[class$="-small"]){font-size:13px!important;line-height:1.4!important}
 html body.charte30 #contenu .c30-tool p{margin-block:7px!important}
 html body.charte30 #contenu .c30-tool :is(h2,h3){margin-block:0 8px!important}
 html body.charte30 #contenu .c30-tool h2{font-size:20px!important}
 html body.charte30 #contenu .c30-tool :is(form,fieldset){min-width:0}
 html body.charte30 #contenu .c30-tool form>fieldset{margin:0!important;padding:0!important;border:0!important}
 html body.charte30 #contenu .c30-tool :is(.vehicle-fields,.health-fields,.au-fields,.ep-fields,.mi-fields,.fn-fields,.ce-grid,.oc-fields,.dd-fields,.fx-fields,.ct-fields,.cc-fields,.ra-fields,.tf-fields,.lot3-fields){gap:8px 12px!important}
 html body.charte30 #contenu .c30-tool :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select){min-height:40px!important;padding:7px 10px!important}
 html body.charte30 #contenu .c30-tool label{line-height:1.35!important}
 html body.charte30 #contenu .c30-tool :is([class$="-actions"],.au-duration-presets,.au-modes,.focus-examples,.cr-graph-examples){display:flex!important;flex-wrap:wrap!important;align-items:center;gap:6px!important;margin-block:8px!important}
 html body.charte30 #contenu .c30-tool button{min-height:40px!important;padding:8px 11px!important;line-height:1.35!important;margin:0!important;width:auto}
 html body.charte30 #contenu .c30-tool :is(.vehicle-submit,.health-submit){margin-top:10px!important}
 html body.charte30 #contenu .c30-tool details{padding:0!important;margin-block:8px!important}
 html body.charte30 #contenu .c30-tool details>summary{min-height:40px;padding:10px 12px!important;line-height:1.4!important;margin:0!important;cursor:pointer}
 html body.charte30 #contenu .c30-tool details[open]>*:not(summary){margin-inline:12px}
 html body.charte30 #contenu .c30-tool details[open]{padding-bottom:10px!important}
 html body.charte30 #contenu .c30-tool :is(.cr-section-head,.cr-unified-calc-head){margin-bottom:10px!important}
 html body.charte30 #contenu .c30-tool :is(.au-grid,.ep-grid,.mi-grid,.fn-grid,.pv-grid){margin-block:10px 0!important;gap:14px!important}
 html body.charte30 #contenu .c30-tool :is(.au-result,.ep-result,.mi-result,.fn-result,.pv-result,.pv-placeholder,.ce-result,.ce-placeholder,.oc-result,.dd-result,.fx-result,.ct-result,.cc-result,.focus-idle,.lot2-preview,.vehicle-result,.health-result,[data-salary-result]){padding:12px!important;margin-top:12px!important}
 html body.charte30 #contenu .c30-tool :is(.au-big,.ep-big,.mi-big,.fn-big,.pv-total,.ce-amount,.focus-amount,.lot3-big,.focus-result-main){font-size:30px!important;line-height:1.15!important;margin-block:6px!important}
 html body.charte30 #contenu .c30-tool :is(.au-spaced,.dd-scope){margin-top:8px!important}
 html body.charte30 #contenu .c30-tool :is(.au-modes,.au-duration-presets){margin-block:6px!important}
 html body.charte30 #contenu .c30-tool :is(.au-modes label){padding:8px 10px!important;min-height:40px}
 html body.charte30 #contenu .c30-tool :is(.au-result,.ep-result,.mi-result,.fn-result) dl{margin-block:8px!important;gap:5px 10px!important}
 html body.charte30 #contenu .c30-tool :is(p,div):empty{margin:0!important;min-height:0!important;padding:0!important}
 html body.charte30 #contenu .c30-tool .cr-dossier-brief{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
 html body.charte30 #contenu .c30-tool.cr-dossier-brief{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
 html body.charte30 #contenu .c30-tool .cr-brief-card{margin:0!important}
 html body.charte30 #contenu .c30-tool :is(.cr-dossier-table th,.cr-dossier-table td){padding:8px 10px!important;line-height:1.4!important}
}

/* Champs alignés en tête de ligne : les aides ne créent plus d'espaces élastiques. */
@media screen and (min-width:981px){
 html body.charte30 #contenu .c30-tool :is([class$="-field"],.vehicle-field,.health-field){gap:4px!important;margin-block:0!important;align-content:start!important;justify-content:normal!important}
 html body.charte30 #contenu .c30-tool label{margin-block:0 4px!important;gap:4px!important}
 html body.charte30 #contenu .c30-tool :is(.vehicle-fields,.health-fields,.au-fields,.ep-fields,.mi-fields,.fn-fields,.ce-grid,.oc-fields,.dd-fields,.fx-fields,.ct-fields,.cc-fields,.ra-fields,.tf-fields,.tc-fields,.pv-fields){display:grid;align-items:start!important;gap:8px 12px!important;margin-block:8px!important}
 html body.charte30 #contenu .c30-tool :is(.tc-fields,.pv-fields){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body.charte30 #contenu .c30-tool :is(.ce-form-head,.pv-tool-heading){padding-bottom:0!important;margin-bottom:8px!important}
 html body.charte30 #contenu .c30-tool fieldset{margin-block:8px!important;padding:10px!important}
 html body.charte30 #contenu .c30-tool form>fieldset{padding:0!important;margin:0!important}
 html body.charte30 #contenu .c30-tool legend{margin-bottom:4px!important;padding:0!important;line-height:1.35!important;font-size:13px!important}
 html body.charte30 #contenu .c30-tool small{margin-top:3px!important}
 html body.charte30 #contenu .c30-tool .c30-example{margin:0!important;background:transparent!important;border:0!important}
 html body.charte30 #contenu .c30-tool :is(.au-result,.ep-result,.mi-result,.fn-result,.pv-placeholder,.ce-placeholder,.focus-idle,.lot2-preview):has(>.c30-example){padding:4px!important}
 html body.charte30 #contenu .c30-tool .lot2-note{padding:8px 10px!important;margin:8px 0!important}
 html body.charte30 #contenu .c30-tool :is(.vehicle-result-placeholder,.health-result-placeholder){min-height:0!important;padding:0!important;gap:5px!important}
 html body.charte30 #contenu .c30-tool .vehicle-result-placeholder strong{font-size:15px!important}
 html body.charte30 #contenu .c30-tool .vehicle-result:has(.vehicle-result-placeholder) .focus-export{display:none!important}
}

@media screen and (min-width:981px){
 html body.charte30 #contenu .c30-tool :is(.cr-percent-tabs,.pct-more,.pct-tool-heading){display:none!important}
 html body.charte30 #contenu .c30-tool .pct-mobile-modes{display:block!important;margin-bottom:12px!important}
 html body.charte30 #contenu .c30-tool .cr-graph-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:12px!important;align-items:start}
 html body.charte30 #contenu .c30-tool .cr-graph-function{margin:0!important}
 html body.charte30 #contenu .c30-tool .cr-graph-field-list{gap:6px!important}
 html body.charte30 #contenu .c30-tool .cr-graph-plot-panel{min-width:0;padding:8px!important}
 html body.charte30 #contenu .c30-tool .cr-graph-ranges{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body.charte30 #contenu .c30-tool .cr-graph-head{margin-bottom:10px!important}
 html body.charte30 #contenu .c30-tool .cr-graph-canvas{aspect-ratio:1.15;height:auto!important}
 html body.charte30 #contenu .c30-tool .cr-graph-status{padding:8px!important;min-height:0!important;font-size:13px!important}
 html body.charte30 #contenu .c30-tool :is(.c30-graph-export,.cr-graph-plot-panel .cr-help){color:#172335!important}
 html body.charte30 #contenu .c30-tool .c30-graph-export{background:#273348!important}
 html body.charte30 #contenu .c30-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px 0;font-size:13px}
 html body.charte30 #contenu .c30-tool .c30-help-grid strong{display:block;margin-bottom:3px}
 html body.charte30 #contenu .c30-tool .c30-help-grid small{display:block}
 html body.charte30 #contenu .c30-tool .oc-result:has(#oc-output[hidden]){padding:8px!important}
 html body.charte30 #contenu .c30-tool .oc-result-head{display:flex;gap:8px;flex-wrap:wrap;margin:0!important}
 html body.charte30 #contenu .c30-tool .oc-alert{padding:8px 10px!important;margin:8px 0!important}
 html body.charte30 #contenu .c30-tool .oc-result-head h2{font-size:16px!important;margin:0!important}
 html body.charte30 #contenu .c30-tool .oc-badge{font-size:11px!important;padding:3px 6px!important}
 html body.charte30 #contenu .c30-tool .cr-percent-result{margin-top:12px!important;padding:12px!important}
}

/* Enlever les anciennes réserves de hauteur ; jamais de zone de formulaire rognée. */
@media screen and (min-width:981px){
 html body.charte30 #contenu .c30-tool{align-self:start!important}
 html body.charte30 #contenu .c30-tool :is(div,section,form,fieldset){min-height:0!important}
 html body.charte30 #contenu .c30-tool .vehicle-result:has(.vehicle-result-placeholder) .cr-result-actions,
 html body.charte30 #contenu .c30-tool .health-result:has(.health-result-placeholder) .cr-result-actions{display:none!important}
 html body.charte30 #contenu .c30-tool .pv-tool-heading{display:block!important}
 html body.charte30 #contenu .c30-tool .pv-inline{gap:8px 12px!important;margin-block:8px!important}
 html body.charte30 #contenu .c30-tool .pv-modes{display:flex!important;flex-wrap:wrap;gap:6px!important}
 html body.charte30 #contenu .c30-tool .pv-modes label{display:flex;align-items:center;width:auto!important;padding:6px 8px!important;min-height:36px}
 html body.charte30 #contenu .c30-tool .c30-tax-options{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-block:8px}
 html body.charte30 #contenu .c30-tool .c30-tax-options>:is(#pv-costs-box,#pv-works-box){grid-column:1/-1}
 html body.charte30 #contenu .c30-tool .cr-graph-canvas{min-height:0!important}
 html body.charte30 #contenu .c30-tool .cr-graph-controls{padding:8px!important}
 html body.charte30 #contenu .c30-tool .cr-graph-function{grid-template-columns:32px minmax(0,1fr)!important}
 html body.charte30 #contenu .c30-tool .cr-graph-field-list{margin-bottom:8px!important}
 html body.charte30 #contenu .c30-tool .cr-graph-function span{padding:0!important}
 html body.charte30 #contenu .c30-tool .cr-graph-actions button{font-size:12px!important;padding:7px 8px!important}
 html body.charte30 #contenu .c30-tool .cr-calc-card-inner{padding:0!important}
 html body.charte30 #contenu .c30-tool .lot3-actions[aria-label="Accès direct aux modes"]{display:none!important}
 html body.charte30 #contenu .c30-tool .hour-row{margin-block:6px!important;gap:6px!important}
 html body.charte30 #contenu .c30-tool #oc-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
 html body.charte30 #contenu .c30-tool #oc-fields>*{grid-column:1/-1}
 html body.charte30 #contenu .c30-tool #oc-fields>.oc-field-full,
 html body.charte30 #contenu .c30-tool #oc-manual{grid-column:auto}
 html body.charte30 #contenu .c30-tool :is(.tc-group,.tc-vehicle,.tc-subfields){border:0!important;padding:0!important;margin:8px 0!important}
 html body.charte30 #contenu .c30-tool .tc-vehicle>.tc-field{margin:8px 0!important}
 html body.charte30 #contenu .c30-tool .tf-mode{padding:8px 10px!important;margin:8px 0!important}
}

@media screen {
 html body.charte30 #contenu .c30-example-section{background:#fff;border:1px solid #e5eaf2;border-radius:16px;margin:0 0 20px;padding:12px 18px;color:#172335}
 html body.charte30 #contenu .c30-example-section:has(>[hidden]:only-child){display:none}
 html body.charte30 #contenu .c30-example-section :is(.au-result,.ep-result,.mi-result,.fn-result,.pv-placeholder,.ce-placeholder,.focus-idle,.lot2-preview){margin:0!important;padding:0!important;background:transparent!important;border:0!important;min-height:0!important;box-shadow:none!important}
 html body.charte30 #contenu .c30-example-section summary{padding:8px 0;cursor:pointer;font-weight:700}
 html body.charte30 #contenu .c30-example-section .c30-example:not([open]){margin:0}
}
@media screen and (min-width:981px){
 html body.charte30 #contenu .c30-tool .vehicle-result:has(.vehicle-result-placeholder),
 html body.charte30 #contenu .c30-tool .health-result:has(.health-result-placeholder){display:none!important}
 html body.charte30 #contenu .c30-tool .c30-notary-location,
 html body.charte30 #contenu .c30-tool .c30-fx-top{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;align-items:start}
 html body.charte30 #contenu .c30-tool :is(.fn-spaced,.fx-reference){margin:8px 0!important}
 html body.charte30 #contenu .c30-tool .fx-reference{padding:10px 12px!important}
 html body.charte30 #contenu .c30-tool .fx-currency-row{margin:8px 0!important;gap:8px!important}
 html body.charte30 #contenu .c30-tool .fx-offer{padding:8px 10px!important;margin:8px 0!important}
 html body.charte30 #contenu .c30-tool .fx-reference :is(.fx-ref-value,.fx-live-message){margin:4px 0!important}
 html body.charte30 #contenu .c30-tool .cr-graph-layout{gap:8px!important}
 html body.charte30 #contenu .c30-tool .cr-graph-controls>details>summary{font-size:12px!important;padding:8px!important;min-height:34px}
 html body.charte30 #contenu .c30-tool .cr-graph-controls :is(.cr-graph-function input,.cr-graph-actions button){min-height:36px!important}
 html body.charte30 #contenu .c30-tool .cr-calc-note{font-size:12px!important;line-height:1.35!important}
 html body.charte30 #contenu .c30-tool :is(.oc-entry,.oc-workbench){gap:0!important}
}

@media screen {
 html body.charte30 #contenu .c30-help-grid small{display:block;font-size:14px;line-height:1.5}
 html body.charte30 #contenu .c30-help-grid strong{display:block;margin-bottom:4px}
 html body.charte30 #contenu .c30-help-link{font-size:12px;margin:5px 0!important}
 html body.charte30 #contenu #aide-saisie,html body.charte30 #contenu #fx-reference{scroll-margin-top:150px}
}
@media screen and (min-width:981px){
 html body.charte30 #contenu .c30-tool .c30-option-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start}
 html body.charte30 #contenu .c30-tool .c30-option-pair>details{margin:8px 0!important}
 html body.charte30 #contenu .c30-tool .c30-option-pair:has(>details[open]){grid-template-columns:1fr}
 html body.charte30 #contenu .c30-tool .pv-tool-heading p{max-width:none!important;width:auto!important}
 html body.charte30 #contenu .c30-tool .cr-graph-plot-panel{display:block!important}
 html body.charte30 #contenu .c30-tool .cr-graph-canvas{aspect-ratio:12/7!important}
 html body.charte30 #contenu .c30-tool .cr-graph-results strong{color:#fff!important}
 html body.charte30 #contenu .c30-tool [data-cr-graph-action="plot"]{background:#ffa300!important;color:#172335!important}
 html body.charte30 #contenu .c30-tool .vehicle-field:has(>#income-origin){grid-column:auto!important}
 html body.charte30 #contenu .c30-tool #tc-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px}
 html body.charte30 #contenu .c30-tool #tc-controls>.tc-group,html body.charte30 #contenu .c30-tool #tc-controls>.tc-group>.tc-fields{display:contents!important}
 html body.charte30 #contenu .c30-tool #tc-controls>.tc-group>legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 html body.charte30 #contenu .c30-tool #tc-controls>:not(.tc-field):not(.tc-group){grid-column:1/-1}
 html body.charte30 #contenu .c30-tool #tf-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
 html body.charte30 #contenu .c30-tool #tf-grouped,html body.charte30 #contenu .c30-tool #tf-grouped>.tf-fields{display:contents!important}
 html body.charte30 #contenu .c30-tool #tf-grouped .tf-full{grid-column:auto!important}
 html body.charte30 #contenu .c30-tool #tf-controls>:not(.tf-field):not(#tf-grouped),html body.charte30 #contenu .c30-tool #tf-base-note{grid-column:1/-1}
 html body.charte30 #contenu .c30-tool .fx-offer legend{padding-top:0!important}
 html body.charte30 #contenu .c30-tool .oc-result:has(#oc-output[hidden]) :is(.oc-result-head,#oc-empty){display:none!important}
 html body.charte30 #contenu .c30-tool .dossier-brief :is(th,td){padding:6px 10px!important}
}

@media screen {
 html body.charte30 #contenu .c30-example-section :is(p,small,strong,summary,dt,dd,h2,h3,h4,li,span,div){color:#172335!important}
 html body.charte30 #contenu .c30-example-section a{color:#805000!important}
}
@media screen and (min-width:981px){
 html body.charte30 #contenu .c30-tool .cr-dossier-table :is(th,td),
 html body.charte30 #contenu .c30-tool .cr-brief-card :is(th,td){padding:6px 8px!important}
 html body.charte30 #contenu .c30-tool .c30-option-pair>details>summary{font-size:13px!important;line-height:1.35!important;padding:8px 10px!important}
 html body.charte30 #contenu .c30-tool .ce-form-head{border:0!important}
 html body.charte30 #contenu .c30-tool .ce-form-head+noscript+form h3{font-size:15px!important;margin:8px 0!important}
 html body.charte30 #contenu .c30-tool .tc-actions button{font-size:13px!important;padding:8px 10px!important}
 html body.charte30 #contenu .c30-tool .tf-actions button{font-size:13px!important;padding:8px 10px!important}
 html body.charte30 #contenu .c30-hero{padding-block:12px!important}
 html body.charte30 #contenu .c30-tool{padding:16px!important}
 html body.charte30 #contenu .c30-tool #tc-controls{row-gap:4px!important}
 html body.charte30 #contenu .c30-tool #tf-controls{row-gap:4px!important}
 html body.charte30 #contenu .c30-tool .fx-offer{padding:4px 8px!important}
 html body.charte30 #contenu .c30-tool .cr-dossier-text{margin-bottom:8px!important}
}

@media screen and (min-width:981px){
 html body.charte30 #contenu .c30-tool #fx-offers{border:0!important;padding:0!important;margin:0!important}
 html body.charte30 #contenu .c30-tool .c30-fx-top>.fx-fields{margin:0!important}
 html body.charte30 #contenu .c30-tool:has(#tc-form),
 html body.charte30 #contenu .c30-tool:has(#ce-form),
 html body.charte30 #contenu .c30-tool:has(#fn-form){padding-block:10px!important}
 html body.charte30 #contenu .c30-tool:has(#pv-form){padding-block:8px!important}
}

/* Fenêtres de bureau basses : les contrôles restent lisibles et accessibles. */
@media screen and (min-width:981px) and (max-height:800px){
 html body.charte30 #contenu .c30-tool{padding-block:10px!important;line-height:1.35!important}
 html body.charte30 #contenu .c30-tool :is(p,small,[class$="-help"],[class$="-hint"]){margin-block:4px!important;line-height:1.35!important}
 html body.charte30 #contenu .c30-tool :is(h2,h3){margin-block:4px!important}
 html body.charte30 #contenu .c30-tool h2{font-size:18px!important;line-height:1.25!important}
 html body.charte30 #contenu .c30-tool :is(input:not([type=checkbox]):not([type=radio]),select,button){min-height:36px!important;padding-block:5px!important}
 html body.charte30 #contenu .c30-tool :is([class$="-fields"],.vehicle-fields,.health-fields){gap:6px 12px!important;margin-block:6px!important}
 html body.charte30 #contenu .c30-tool fieldset{padding-block:6px!important;margin-block:0!important}
 html body.charte30 #contenu .c30-tool details{margin-block:6px!important}
 html body.charte30 #contenu .c30-tool details>summary{min-height:36px!important;padding-block:7px!important;line-height:1.3!important}
 html body.charte30 #contenu .c30-tool :is([class$="-actions"],.vehicle-actions,.health-actions){margin-block:6px!important;gap:6px!important}
 html body.charte30 #contenu .c30-tool :is(.fn-note,.lot2-note,.oc-alert){padding-block:7px!important;margin-block:6px!important}
}
@media screen and (max-width:980px){
 html body.charte30 #contenu .c30-example-section{min-width:0;max-width:100%;overflow-wrap:anywhere}
 html body.charte30 #contenu .c30-example-section table{display:block;max-width:100%;overflow-x:auto}
}

/* Valeurs du graphique lisibles sur le panneau sombre, à toutes les tailles. */
@media screen {
 html body.charte30 #contenu .c30-tool .cr-graph-results :is(strong,span){color:#fff!important}
}