/* Finances Expat — stratégies pédagogiques validées, octobre 2026.
   Composants limités à l’accueil hybride ; sans bibliothèque ni correctif global. */
.fe-home.strategy-hybrid .fe8-doors { grid-auto-rows: auto; align-items: stretch; margin-top: 16px; }
.fe-home.strategy-hybrid .fe8-door { overflow: hidden; }
.fe-home.strategy-hybrid .strategy-card-head { padding: 16px 18px 14px; border-bottom: 1px solid var(--fe-line); }
.fe-home.strategy-hybrid .strategy-card-head .fe8-door-badge { display: block; font-size: 11px; letter-spacing: .065em; }
.fe-home.strategy-hybrid .fe8-door h3 { margin-top: 6px; font-size: 25px; line-height: 1.13; }
.fe-home.strategy-hybrid .fe8-door-copy { padding: 15px 18px 17px; }
.fe-home.strategy-hybrid .fe8-door-copy > p { margin: 0; font-size: 15px; line-height: 1.5; }
.fe-home.strategy-hybrid .fe8-door-copy > strong { padding-top: 14px; }
.fe-home.strategy-hybrid .strategy-visual { min-width: 0; margin: 0; padding: 13px 18px; border-bottom: 1px solid var(--fe-line); background: var(--fe-beige-soft); font-family: var(--fe-font-ui); }
.fe-home.strategy-hybrid .strategy-visual-label { display: block; color: var(--fe-forest); font-size: 12px; font-weight: 700; letter-spacing: .045em; line-height: 1.4; text-transform: uppercase; }
.fe-home.strategy-hybrid .growth-inputs { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 3px 10px; margin-top: 6px; color: var(--fe-navy); font-size: 12px; line-height: 1.45; }
.fe-home.strategy-hybrid .growth-inputs strong { font-weight: 650; }
.fe-home.strategy-hybrid .strategy-chart { position: relative; height: 117px; margin-top: 11px; padding-left: 37px; padding-bottom: 19px; }
.fe-home.strategy-hybrid .strategy-chart > svg { display: block; width: 100%; height: 96px; overflow: visible; }
.fe-home.strategy-hybrid .strategy-chart-grid { fill: none; stroke: #d7d9cf; stroke-width: 1; vector-effect: non-scaling-stroke; }
.fe-home.strategy-hybrid .strategy-chart-paid-area { fill: #e4dfd2; }
.fe-home.strategy-hybrid .strategy-chart-growth-area { fill: #c4d8c9; }
.fe-home.strategy-hybrid .strategy-chart-paid { fill: none; stroke: #70694f; stroke-width: 2; stroke-dasharray: 5 4; vector-effect: non-scaling-stroke; }
.fe-home.strategy-hybrid .strategy-chart-total { fill: none; stroke: var(--fe-forest); stroke-width: 3; vector-effect: non-scaling-stroke; }
.fe-home.strategy-hybrid .growth-endpoint { fill: var(--fe-forest); stroke: var(--fe-beige-soft); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.fe-home.strategy-hybrid .strategy-y-axis { position: absolute; inset: -5px auto 19px 0; display: flex; width: 31px; flex-direction: column; justify-content: space-between; color: var(--fe-muted); font-size: 12px; line-height: 1.25; text-align: right; }
.fe-home.strategy-hybrid .strategy-x-axis { display: flex; justify-content: space-between; padding-top: 3px; color: var(--fe-muted); font-size: 12px; line-height: 1.25; }
.fe-home.strategy-hybrid .growth-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 8px 0 0; }
.fe-home.strategy-hybrid .growth-summary dt { display: flex; align-items: center; gap: 6px; color: var(--fe-muted); font-size: 12px; line-height: 1.4; }
.fe-home.strategy-hybrid .growth-summary dt::before { width: 14px; flex: 0 0 14px; border-top: 2px dashed #70694f; content: ''; }
.fe-home.strategy-hybrid .growth-summary .growth-total dt::before { border-top: 3px solid var(--fe-forest); }
.fe-home.strategy-hybrid .growth-summary dd { margin: 3px 0 0; color: var(--fe-navy); font-family: var(--fe-font-numbers); font-size: 22px; font-weight: 500; line-height: 1.1; letter-spacing: -.05em; white-space: nowrap; }
.fe-home.strategy-hybrid .strategy-assumptions { margin-top: 8px; color: var(--fe-muted); font-size: 12px; line-height: 1.45; }
.fe-home.strategy-hybrid .wealth-root { margin-top: 8px; padding: 7px 9px; color: var(--fe-white); background: var(--fe-navy); font-size: 12px; font-weight: 650; line-height: 1.35; text-align: center; }
.fe-home.strategy-hybrid .wealth-split { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 11px; }
.fe-home.strategy-hybrid .wealth-split::before { position: absolute; top: -6px; right: 24%; left: 24%; border-top: 1px solid #8b9b90; content: ''; }
.fe-home.strategy-hybrid .wealth-split::after { position: absolute; top: -11px; left: 50%; height: 5px; border-left: 1px solid #8b9b90; content: ''; }
.fe-home.strategy-hybrid .wealth-split > div { position: relative; min-width: 0; padding: 8px; background: #e4e2d8; }
.fe-home.strategy-hybrid .wealth-split > div::before { position: absolute; top: -6px; left: 50%; height: 6px; border-left: 1px solid #8b9b90; content: ''; }
.fe-home.strategy-hybrid .wealth-split b,.fe-home.strategy-hybrid .wealth-invested b { display: block; color: var(--fe-navy); font-size: 12px; font-weight: 650; line-height: 1.3; }
.fe-home.strategy-hybrid .wealth-split span,.fe-home.strategy-hybrid .wealth-invested span { display: block; margin-top: 3px; color: var(--fe-text); font-size: 12px; line-height: 1.35; }
.fe-home.strategy-hybrid .wealth-split > .wealth-liquid { background: #d9e4db; }
.fe-home.strategy-hybrid .wealth-invested { position: relative; width: calc(50% - 4px); margin-top: 10px; margin-left: auto; padding: 7px 8px; background: #c4d8c9; }
.fe-home.strategy-hybrid .wealth-invested::before { position: absolute; top: -10px; left: 50%; height: 10px; border-left: 1px solid var(--fe-forest); content: ''; }
.fe-home.strategy-hybrid .wealth-caution { margin-top: 8px; color: var(--fe-muted); font-size: 12px; line-height: 1.4; }
.fe-home.strategy-hybrid .wealth-caution strong { color: var(--fe-navy); font-weight: 650; }
.fe-home.strategy-hybrid .strategy-documentary { padding: 0; }
.fe-home.strategy-hybrid .strategy-documentary > img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.fe-home.strategy-hybrid .strategy-documentary > figcaption { padding: 8px 18px; color: var(--fe-muted); font-size: 11px; line-height: 1.4; }
.fe-home.strategy-hybrid .strategy-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 24px; margin-top: 9px; padding-top: 8px; border-top: 1px solid var(--fe-line); color: var(--fe-muted); font-family: var(--fe-font-ui); font-size: 11px; line-height: 1.5; }
.fe-home.strategy-hybrid .strategy-notes a { font-weight: 600; text-underline-offset: 2px; }
@media (min-width:600px) and (max-width:900px) {
 .fe-home.strategy-hybrid .fe8-door { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.05fr); }
 .fe-home.strategy-hybrid .strategy-card-head { grid-column: 1 / -1; }
 .fe-home.strategy-hybrid .strategy-visual { border-right: 1px solid var(--fe-line); border-bottom: 0; }
 .fe-home.strategy-hybrid .strategy-documentary > img { height: 100%; object-fit: cover; }
 .fe-home.strategy-hybrid .strategy-documentary { display: flex; flex-direction: column; }
 .fe-home.strategy-hybrid .strategy-documentary > figcaption { flex: none; }
}
@media (max-width:900px) { .fe-home.strategy-hybrid .strategy-notes { grid-template-columns: 1fr; } }
@media (max-width:540px) {
 .fe-home.strategy-hybrid #choisir-parcours { padding-block: 23px; }
 .fe-home.strategy-hybrid .fe8-doors { gap: 10px; }
 .fe-home.strategy-hybrid .strategy-card-head { padding: 11px 16px 9px; }
 .fe-home.strategy-hybrid .fe8-door h3 { font-size: 24px; }
 .fe-home.strategy-hybrid .strategy-visual { padding: 10px 16px; }
 .fe-home.strategy-hybrid .fe8-door-copy { padding: 11px 16px; }
 .fe-home.strategy-hybrid .fe8-door-copy > strong { padding-top: 12px; }
 .fe-home.strategy-hybrid .strategy-chart { height: 109px; }
 .fe-home.strategy-hybrid .strategy-chart > svg { height: 88px; }
 .fe-home.strategy-hybrid .strategy-documentary { padding: 0; }
 .fe-home.strategy-hybrid .strategy-documentary > figcaption { padding: 7px 16px; }
}