/* One local visual treatment for the two native hero calculators.
   Load after each composition. Layout, controls, values and native engine survive. */
.aec-glass[data-lpsim]{padding:22px;border-radius:20px;border:1px solid #D1D1CD;background:#fff;color:#0A0A0B;font:400 16px/1.6 "Instrument Sans",sans-serif;box-shadow:0 18px 48px -32px rgba(10,10,11,.28)}
.aec-glass[data-lpsim] .simu-title{font:600 18px/1.2 "Instrument Sans",sans-serif;letter-spacing:-.025em;margin:0}
.aec-glass[data-lpsim] :is(.simu-meta,.result-lab,.simu-hyp,.simu-legal,.lp-simu-legal,.grp-label,.eco-grid .h,.eco-grid .who,.flabel,.simu-row,.tabs button,.chips button,.seg button){font-family:"Instrument Sans",sans-serif;letter-spacing:0}
.aec-glass[data-lpsim] .simu-meta{font-size:12px;line-height:1.5;text-transform:none;white-space:normal}
.aec-glass[data-lpsim] .simu-head{padding-bottom:12px}
.aec-glass[data-lpsim] .simu-row{padding:9px 0;margin:0 0 12px}
.aec-glass[data-lpsim] .tabs{margin-bottom:20px}
.aec-glass[data-lpsim] .tabs button{font-size:14px;padding:10px 5px}
.aec-glass[data-lpsim] .field{margin-bottom:0}
.aec-glass[data-lpsim] .flabel{flex-wrap:nowrap;gap:12px;align-items:center;font-size:12px;line-height:1.4}
.aec-glass[data-lpsim] .result{padding:20px;border-radius:16px;margin:0;background:#0A0A0B;color:#fff}
.aec-glass[data-lpsim] .result-big{font:500 40px/1.1 "JetBrains Mono",monospace;color:#fff!important;margin:14px 0 16px;letter-spacing:-.03em}
.aec-glass[data-lpsim] .result-lab{font-size:12px;line-height:1.4;color:#eee}
.aec-glass[data-lpsim] .result-grid{gap:10px;padding-top:12px;color:#eee}
.aec-glass[data-lpsim] .result-grid>div{font:400 12px/1.5 "Instrument Sans",sans-serif}
.aec-glass[data-lpsim] .result-grid b{font-size:13px}
.aec-glass[data-lpsim] :is(.direction-sim-details,.hn-sim-details){margin-top:12px;border-top:1px solid #525257}
.aec-glass[data-lpsim] :is(.direction-sim-details,.hn-sim-details)>summary{display:block;list-style:none;position:relative;min-height:44px;padding:14px 24px 0 0;font:400 12px/1.5 "Instrument Sans",sans-serif;color:#eee;cursor:pointer}
.aec-glass[data-lpsim] :is(.direction-sim-details,.hn-sim-details)>summary::-webkit-details-marker{display:none}
.aec-glass[data-lpsim] :is(.direction-sim-details,.hn-sim-details)>summary::after{content:'+';position:absolute;right:0;top:11px;font-size:22px;font-weight:400;line-height:1}
.aec-glass[data-lpsim] :is(.direction-sim-details,.hn-sim-details)[open]>summary::after{content:'−'}
.aec-glass[data-lpsim] :is(.direction-sim-details,.hn-sim-details)>summary:focus-visible{outline:2px solid #ADE83C;outline-offset:3px}
.aec-glass[data-lpsim] .simu-hyp{font-size:12px;line-height:1.5;color:#eee}
.aec-glass[data-lpsim] .simu-cta{font:600 15px/1.4 "Instrument Sans",sans-serif;padding:15px 18px;margin-top:16px;color:#fff}
.aec-glass[data-lpsim] :is(.simu-legal,.lp-simu-legal){font:400 12px/1.5 "Instrument Sans",sans-serif;color:#55565A;margin-top:12px}
@media(max-width:760px){.aec-glass[data-lpsim]{padding:18px}}
@container ae-night-calculator (max-width:340px){
 .aec-glass[data-lpsim] .result{padding:16px}
 .aec-glass[data-lpsim] .result-big{font-size:32px}
 .aec-glass[data-lpsim] .result-grid{grid-template-columns:1fr;gap:10px}
}
@container ae-night-calculator (max-width:260px){
 .aec-glass[data-lpsim] .result-big{font-size:28px}
 .aec-glass[data-lpsim] .tabs button{font-size:12px;padding:10px 3px}
}

.hn-number{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}
.hn-number input{width:94px;min-height:44px;border:1px solid #767676;border-radius:8px;background:#fff;color:#0A0A0B;padding:8px;font:16px/1.2 "JetBrains Mono",monospace;text-align:right;appearance:textfield}
.hn-number input::-webkit-inner-spin-button,.hn-number input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.hn-number>span{font-size:12px;color:#525257}
.hn-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hn-input-feedback{display:block;font-size:12px;color:#525257;line-height:1.5}
/* Le focus du range dépasse de 17 px son rail sur pointeur fin ; le message
   n'occupe l'espace supplémentaire que lorsqu'une saisie précise le rend visible. */
.aec-glass[data-lpsim] .hn-input-feedback:not(:empty){margin-top:22px}
@media(pointer:coarse){.aec-glass[data-lpsim] .hn-input-feedback:not(:empty){margin-top:8px}}
.aec-glass[data-lpsim] .result-status{color:#fff;font:400 13px/1.4 "Instrument Sans",sans-serif;margin:0 0 12px}
 .aec-glass[data-lpsim] .hn-number input{width:102px}
.aec-glass[data-lpsim]{container-type:inline-size;container-name:ae-night-calculator}
.aec-glass[data-lpsim] .panel{display:grid;gap:18px}
.aec-glass[data-lpsim] .panel[hidden]{display:none}
.aec-glass[data-lpsim] .result{display:block}
@container ae-night-calculator (max-width:320px){.aec-glass[data-lpsim] .hn-number input{width:82px}}

/* Book §04, LP seulement : le traitement générique ci-dessus reste disponible
   aux autres compositions. Aucune cote ni aucun état du calculateur ne change. */
.local-design .aec-glass[data-lpsim] :is(.simu-meta,.result-status,.result-lab,.result-hyp,.grp-label,.flabel,.eco-grid .h){font-family:var(--mono);font-weight:400;font-variant-numeric:tabular-nums}
.local-design .aec-glass[data-lpsim] .result-grid>div{font-family:var(--mono);font-weight:400;font-variant-numeric:tabular-nums}
.local-design .aec-glass[data-lpsim] :is(.result-big,.result-grid b,.flabel strong,.hn-number input,.chips button,.eco-grid .n,.eco-grid .who b,.eco-month .v,[data-lps-out="hypSpread"],[data-lps-out="hypRemise"]){font-family:var(--mono);font-weight:500;font-variant-numeric:tabular-nums}
.local-design .aec-glass[data-lpsim] :is(.simu-title,.tabs button,.seg button,.simu-cta){font-family:var(--body);font-weight:600}
