/* TipTop Conseil - styles des pages commerciales, Conseils et articles.
 * Même charte graphique que l'accueil V4 : bleu marine, corail, végétaux, grands visuels.
 */
.page-secondary .sub-hero{position:relative;overflow:hidden;background:#f7f8f5}
.sub-hero-layout{position:relative;min-height:440px;display:grid;grid-template-columns:57% 43%;align-items:center}
.sub-hero-text{padding:47px 0 51px;z-index:2;position:relative;max-width:690px}
.sub-hero h1{font-size:clamp(33px,3.8vw,54px);letter-spacing:-.045em;line-height:1.08;margin:0 0 22px;text-wrap:balance}
.sub-hero h1 em,.advice-hero-layout h1 em{font-family:'Segoe Print','Comic Sans MS',cursive;font-size:1.09em;color:var(--coral);font-weight:600;white-space:nowrap;letter-spacing:-.065em}
.sub-lead{font-size:clamp(18px,1.62vw,23px);color:var(--navy);font-weight:800;line-height:1.29;max-width:570px;margin:0 0 12px}
.sub-description{font-size:16px;line-height:1.51;max-width:570px;color:#24516a;margin:0 0 23px}
.sub-hero-cta{display:flex;gap:11px;align-items:center;flex-wrap:wrap}
.sub-hero-cta .btn{font-size:14px;padding:14px 21px}
.sub-hero-photo{position:absolute;right:0;inset-block:0;width:50%;background-position:right center;background-repeat:no-repeat;background-size:cover;z-index:0}
.sub-hero-online{background:linear-gradient(99deg,#fff 10%,#fff9f3 60%,#e6eee7 100%)}
.sub-hero-online .sub-hero-photo{background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.6) 14%,transparent 38%),url('images/portrait-femme-bilan-en-ligne-2026.jpg');background-position:right center;background-size:cover}
.sub-hero-cpf{background:linear-gradient(99deg,#fff 7%,#fff6ed 62%,#ecefe3 100%)}
.sub-hero-cpf .sub-hero-photo{background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.62) 14%,transparent 37%),url('images/portrait-homme-cpf-2026.jpg');background-position:right center;background-size:cover}
.sub-hero-price{background:#f6f1eb}
.sub-hero-price .sub-hero-photo{background-image:linear-gradient(90deg,rgba(255,255,255,.89) 1%,rgba(255,255,255,.57) 27%,rgba(255,255,255,.03) 70%),url('images/hero-femme-montagne.jpg');width:100%;background-position:center 41%}
.sub-hero-price .sub-hero-text{max-width:650px}
.sub-hero-advice{background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.83) 41%,rgba(255,255,255,.1) 76%),url('images/montagne-final.jpg') center 43%/cover;min-height:430px}
.advice-hero-layout{min-height:430px;display:flex;align-items:center}
.advice-hero-layout>div{width:670px;max-width:65%;padding-block:44px}
.advice-hero-layout h1{font-size:clamp(33px,3.65vw,50px);line-height:1.1;letter-spacing:-.035em;margin-bottom:16px}
.advice-hero-layout .btn{font-size:14px;padding:15px 22px}
.sub-facts>.container{padding-block:20px}.sub-facts .facts-list{justify-content:space-between}
.feature-section .container,.section-white>.container,.section-soft>.container{padding-block:41px}
.section-soft{background:#f6f8f5}.section-white{background:#fff}.feature-section h2,.section-white h2,.section-soft h2{margin-bottom:20px}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.feature-card{min-height:184px;border-radius:17px;background:#fff;box-shadow:0 8px 19px rgba(14,58,75,.045);padding:22px 12px 19px;text-align:center;display:flex;flex-direction:column;align-items:center}
.feature-card .round-icon{width:66px;height:66px;margin-bottom:13px}
.feature-card h3{font-size:17px;line-height:1.2;margin:0 0 7px}
.feature-card p{font-size:12px;line-height:1.42;margin:0;color:#546e76}
.who-block{display:grid;grid-template-columns:250px 1fr;align-items:center;gap:28px;padding:19px;border:1px solid #ebefee;border-radius:17px;background:linear-gradient(90deg,#fff,#fbfbf8)}
.who-portrait{height:185px;border-radius:14px;background:url('images/visuel-pour-qui-bilan-en-ligne.jpg') center 34%/cover}
.who-block p{font-size:17px;font-weight:700;margin-bottom:16px;color:var(--navy)}
.tick-list{list-style:none;padding:0;margin:0}.tick-list li{position:relative;padding-left:26px;margin-bottom:10px;line-height:1.43;font-size:15px}.tick-list li:before{content:'✓';position:absolute;left:0;top:-1px;color:#e36b55;font-size:18px;font-weight:900}
.steps-area>.container>p{max-width:900px}
.steps-with-visual{display:grid;grid-template-columns:1.1fr .9fr;gap:25px;align-items:stretch;margin:23px 0 19px}
.step-list{list-style:none;padding:6px 0;margin:0;display:grid;gap:18px;align-content:center}.step-list li{display:flex;gap:14px;align-items:flex-start}.step-list li>span{flex:none;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#35acd7;color:#fff;font-weight:850;font-size:19px;box-shadow:0 4px 10px rgba(38,137,174,.1)}.step-list strong{display:block;font-size:16px;color:var(--navy);line-height:1.3}.step-list p{font-size:14px;line-height:1.4;margin:3px 0 0}
.step-photo{min-height:350px;background:url('images/visio-homme-bilan-en-ligne-2026.jpg') center center/cover;border-radius:15px;position:relative;box-shadow:var(--shadow)}
.callout-sticker{position:absolute;bottom:18px;left:18px;padding:12px 18px;color:var(--navy);font-family:'Segoe Print','Comic Sans MS',cursive;font-weight:bold;font-size:16px;line-height:1.25;border-radius:14px;background:rgba(255,255,255,.9);transform:rotate(-5deg)}
.gentle-note{display:flex;align-items:center;gap:12px;padding:15px 20px;border-radius:11px;background:#f2f6ef;font-size:14px;color:var(--navy);line-height:1.45;margin:17px 0 0}.gentle-note .icon{width:28px;height:28px;color:var(--coral)}
.two-columns{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:26px}.two-columns h2{margin-bottom:13px}.two-columns p{font-size:15px}
.soft-card{background:#fff;border-radius:16px;padding:24px 26px;border:1px solid #edf1ed;box-shadow:0 7px 21px rgba(10,65,67,.035)}.soft-card h3{font-size:22px;margin-bottom:14px}.soft-card.warm{background:#fff9f3;border-color:#f8e8db}
.results-compact .container{padding-block:38px}.results-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.results-row .feature-card{min-height:140px;background:rgba(255,255,255,.9)}.results-row .feature-card p{display:none}.results-row .feature-card h3{font-size:14px}.results-row .feature-card .round-icon{width:51px;height:51px;margin-bottom:8px}.results-row .feature-card .round-icon .icon{width:27px;height:27px}.result-note{max-width:700px;display:flex;align-items:center;justify-content:center;gap:15px;background:#fff;margin:20px auto 0;padding:12px 16px;border-radius:11px;font-size:13px;color:var(--navy)}.result-note .icon{color:#127aa2;flex:none}
.mini-finance{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:center}.links-box{display:grid;gap:13px;padding:23px 24px;border-radius:15px;background:#f5fafb}.prominent-link{color:#147ba7;display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:15px}.prominent-link .icon{width:18px;height:18px}.mini-faq-title{margin-top:3px!important}.mini-faq{display:grid;gap:9px}.mini-faq details{background:#f6f9fb;border:1px solid #e6edef;border-radius:12px;overflow:hidden}.mini-faq summary{list-style:none;cursor:pointer;font-weight:740;color:var(--navy);padding:14px 16px;position:relative;padding-right:46px}.mini-faq summary::-webkit-details-marker{display:none}.mini-faq summary:after{content:'+';position:absolute;right:16px;top:9px;font-size:23px;font-weight:400;color:#13739d}.mini-faq details[open] summary:after{content:'−'}.mini-faq details>p{margin:0;padding:0 16px 17px;font-size:14px;color:#426371}.outside-faq{margin-top:25px}
.wide-cta{position:relative;background:url('images/montagne-final.jpg') center 54%/cover;min-height:215px}.wide-cta:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,39,51,.53),rgba(6,55,67,.05) 60%,rgba(5,28,45,.25))}.wide-cta-inner{min-height:240px;display:flex;position:relative;align-items:center;justify-content:space-between;gap:30px;padding-block:32px}.wide-cta h2{font-family:'Segoe Print','Comic Sans MS',cursive;color:#fff;line-height:1.3;font-size:clamp(24px,2.8vw,34px);transform:rotate(-3deg);max-width:555px;text-shadow:0 2px 8px rgba(0,0,0,.26)}.wide-cta-inner>div{background:rgba(255,255,255,.88);border-radius:17px;min-width:310px;max-width:480px;padding:20px 25px}.wide-cta-inner p{color:var(--navy);font-weight:650;font-size:16px}.wide-cta .btn{font-size:14px;padding:14px 22px}
.cpf-conditions{margin-top:20px}.cpf-conditions .tick-list li{font-size:14px}
.cpf-laptop{height:345px;min-height:320px;align-self:center;border-radius:17px;background:linear-gradient(145deg,#dfeef3,#fff9eb);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:35px;text-align:center;position:relative;box-shadow:inset 0 0 0 1px #e1ecee;overflow:hidden}.cpf-laptop:after{content:'';position:absolute;bottom:-60px;right:-100px;width:250px;height:220px;border-radius:50%;background:#b9d9d3;opacity:.55}.screen-top{font-weight:900;font-size:30px;letter-spacing:-.04em;padding:27px 38px;border:13px solid #183d65;border-radius:14px;background:#fff;color:#195abc;box-shadow:0 8px 0 #b3bbc3,0 24px 35px rgba(29,55,71,.15);line-height:1.08;margin-bottom:26px;z-index:1;transform:rotate(3deg)}.cpf-laptop p{z-index:1;color:var(--navy);font-size:15px;font-weight:750}.cpf-laptop .btn{z-index:1}
.cpf-listing{display:grid;grid-template-columns:170px 1fr 250px;gap:25px;align-items:center;border:1px solid #e7edee;box-shadow:0 9px 24px rgba(26,74,89,.055);padding:23px;border-radius:17px}.listing-picture{min-height:166px;background:linear-gradient(150deg,#eaf5f6,#fff3e4);display:grid;place-items:center;border-radius:12px}.listing-picture .icon{width:80px;height:80px;color:#2076a0}.listing-detail h3{font-size:20px;margin:3px 0}.listing-detail>strong{color:#2784a8}.listing-detail .tick-list li{font-size:14px;margin-bottom:5px}.listing-stars{margin:0 0 10px;font-size:11px}.listing-stars span{font-size:15px}.listing-side{display:flex;flex-direction:column;align-items:flex-end;gap:17px}.listing-side>span{font-size:23px;color:var(--navy);font-weight:900;white-space:nowrap}.listing-side .btn{white-space:normal;text-align:center}.small-disclaimer{font-size:12px;color:#647e87;line-height:1.5;margin:9px 0}.help-box{display:flex;align-items:center;gap:20px;background:#fff4ec;border-radius:16px;padding:20px;margin-top:27px}.help-circle{width:78px;height:78px;flex:none;border-radius:50%;background:#f8e0cf;display:grid;place-items:center}.help-circle .icon{width:44px;height:44px;color:#e89464}.help-box>div:nth-child(2){flex:1}.help-box h3{font-size:22px;margin:0 0 5px}.help-box p{margin:0;font-size:14px}.help-box .btn{white-space:normal;text-align:center}
.price-showcase{display:grid;grid-template-columns:155px 1fr;gap:25px;align-items:start;background:white;border-radius:21px;padding:34px 40px;box-shadow:0 10px 27px rgba(14,66,81,.05)}.price-medallion{height:115px;width:115px;border-radius:50%;background:#fff2df;display:grid;place-items:center;color:#eca019}.price-medallion .icon{width:72px;height:72px;stroke-width:1.7}.price-content h3{font-size:clamp(30px,4.2vw,53px);margin:0 0 2px}.price-content>p{font-size:16px}.price-content .tick-list{columns:2;column-gap:35px}.price-content .tick-list li{break-inside:avoid;font-size:15px}.funding-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.funding-card{padding:26px 25px 25px;background:white;border:1px solid #e8eeee;border-radius:18px;box-shadow:0 6px 18px rgba(20,65,90,.04)}.funding-card .round-icon{margin:0 0 14px}.funding-card h3{font-size:21px}.funding-card p{font-size:14px;line-height:1.52}.funding-card .btn{margin-bottom:15px}.funding-card .prominent-link{display:flex;font-size:13px;line-height:1.25}
.eyebrow{font-size:12px;letter-spacing:.115em;font-weight:850;color:#dd705e;text-transform:uppercase;margin-bottom:13px}
.advice-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.hub-article{background:#fff;border-radius:18px;border:1px solid #e9eeee;box-shadow:0 7px 23px rgba(23,69,83,.045);overflow:hidden;transition:transform .2s,box-shadow .2s}.hub-article:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.hub-visual{height:212px;position:relative;overflow:hidden}.hub-visual img{height:100%;width:100%;object-fit:cover;transition:transform .25s}.hub-article:hover img{transform:scale(1.045)}.hub-symbol{position:absolute;bottom:15px;left:18px;width:49px;height:49px;background:#fff;border-radius:14px;box-shadow:0 5px 15px rgba(8,54,85,.1);display:grid;place-items:center;color:var(--coral)}.hub-symbol .icon{height:27px;width:27px}.hub-copy{padding:22px 23px 25px}.hub-category{color:#6a9693;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.hub-copy h3{font-size:23px;max-width:490px;margin:10px 0 11px}.hub-copy p{font-size:15px;min-height:45px}.hub-link{font-weight:850;font-size:14px;color:#1881a3;display:inline-flex;align-items:center;gap:8px}.hub-link .icon{width:17px;height:17px}.gentle-card{border-radius:19px;background:#fff;padding:24px 28px;box-shadow:var(--shadow)}.gentle-card .round-icon{margin:0 0 15px}.gentle-card h3{font-size:24px}.gentle-card .btn{font-size:14px;padding:13px 16px;max-width:100%;white-space:normal;text-align:center}
.article-hero{position:relative;padding:32px 0 75px;background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.75) 50%,rgba(255,255,255,.15) 100%),url('images/hero-femme-montagne.jpg') center 51%/cover}.article-hero-trouver-sa-voie-professionnelle{background-image:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.7) 54%,rgba(255,255,255,.05)),url('images/montagne-final.jpg')}.article-hero-retrouver-du-sens-au-travail{background-image:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.72) 54%,rgba(255,255,255,.07)),url('images/pcm-pierres.jpg')}.article-hero-competences-transferables{background-image:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.7) 54%,rgba(255,255,255,.06)),url('images/resultats-montagne.jpg')}
.breadcrumbs{font-size:13px;color:#36718c;margin-bottom:24px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.article-hero h1{max-width:660px;font-size:clamp(34px,4vw,56px);line-height:1.07;letter-spacing:-.046em;margin-bottom:15px}.article-hero .sub-lead{max-width:690px}.article-hero .sub-description{max-width:700px}.article-body{max-width:1090px}.article-body>h2{margin-top:22px}.article-block-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:34px}.article-mini-card{background:#fff;border:1px solid #e8eceb;border-radius:15px;padding:21px 19px;box-shadow:0 6px 13px rgba(18,73,98,.03)}.article-mini-card .round-icon{margin:0 0 12px;width:51px;height:51px}.article-mini-card h3{font-size:18px;margin:0 0 8px}.article-mini-card p{font-size:14px;margin:0;line-height:1.48}.article-highlight{display:flex;align-items:center;gap:14px;font-weight:700;font-size:16px;color:var(--navy);border-radius:13px;background:#f1f7ee;padding:17px 23px;line-height:1.45;margin:20px 0}.article-highlight .icon{width:30px;height:30px;color:#f1a21f}.article-cta-box{display:flex;align-items:center;gap:25px;justify-content:space-between;padding:30px 35px;background:#fff8f3;border-radius:19px;margin:25px 0 15px}.article-cta-box>div{max-width:670px}.article-cta-box h2{font-size:29px;margin:0 0 9px}.article-cta-box p{font-size:15px;margin-bottom:10px}.article-cta-box .btn{font-size:14px;white-space:normal;text-align:center}.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-links a{display:flex;align-items:center;gap:11px;color:#146e8d;font-weight:780;background:#fff;border:1px solid #e9eeee;border-radius:13px;padding:16px;font-size:14px}.related-links .icon{width:17px;height:17px}.table-scroll{overflow-x:auto;margin:20px 0}.table-scroll table{width:100%;border-collapse:collapse;min-width:600px}.table-scroll th,.table-scroll td{border:1px solid #dde9eb;text-align:left;padding:14px 16px;font-size:14px}.table-scroll th{background:#eaf5f7;color:var(--navy)}
.sub-hero-legal{background:linear-gradient(105deg,#eaf6f5,#fff7ee);min-height:170px;padding:39px 0}.sub-hero-legal h1{font-size:clamp(30px,3.5vw,45px);margin-bottom:9px}.sub-hero-legal p{margin:0}.legal-copy{max-width:930px;line-height:1.52}.legal-copy h2{margin:30px 0 11px;font-size:23px}.legal-copy>p{font-size:14px;margin-bottom:13px}.legal-copy .legal-date{color:#69808a;font-size:12px}.legal-copy .legal-note{padding:13px 17px;border-left:4px solid #f0a440;background:#fff6ed}.legal-bullet{padding-left:20px}
@media(max-width:1180px){.sub-hero-layout{grid-template-columns:60% 40%}.sub-hero h1{font-size:43px}.sub-hero-text{max-width:610px}.sub-hero-cta .btn{font-size:13px;padding:12px 15px}.cpf-listing{grid-template-columns:120px 1fr 185px;gap:18px}.listing-side>span{font-size:18px}.hub-copy h3{font-size:20px}}
@media(max-width:900px){.sub-hero-layout{grid-template-columns:64% 36%}.sub-hero .sub-hero-photo{width:49%;background-position:center center}.sub-hero h1{font-size:35px}.sub-description{font-size:14px}.sub-lead{font-size:17px}.feature-card h3{font-size:14px}.feature-card p{font-size:11px}.feature-card{padding:16px 9px;min-height:156px}.feature-card .round-icon{width:53px;height:53px}.who-block{grid-template-columns:170px 1fr}.steps-with-visual{grid-template-columns:1fr 0.8fr}.step-photo{min-height:310px}.price-showcase{grid-template-columns:105px 1fr;padding:24px}.price-medallion{width:95px;height:95px}.price-medallion .icon{width:60px;height:60px}.cpf-listing{grid-template-columns:120px 1fr}.listing-side{grid-column:1/-1;align-items:center;flex-direction:row;justify-content:flex-end}.article-hero{padding-bottom:48px}.article-mini-card h3{font-size:15px}.article-mini-card{padding:17px}.advice-hero-layout>div{max-width:83%}}
@media(max-width:620px){.sub-hero-layout{display:block;min-height:650px;padding-block:32px 260px}.sub-hero-text{padding:0;max-width:none}.sub-hero h1{font-size:clamp(29px,8.6vw,39px);max-width:98%;margin-bottom:13px}.sub-lead{font-size:17px}.sub-description{font-size:13.5px}.sub-hero .sub-hero-photo{inset:auto 0 0;width:100%;height:300px;background-position:center 36%;background-size:cover}.sub-hero-online .sub-hero-photo,.sub-hero-cpf .sub-hero-photo{background-position:center 32%;background-image:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.65) 11%,transparent 35%),url('images/portrait-femme-bilan-en-ligne-2026.jpg')}.sub-hero-cpf .sub-hero-photo{background-image:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.65) 11%,transparent 35%),url('images/portrait-homme-cpf-2026.jpg')}.sub-hero-price{background-image:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.9) 44%,rgba(255,255,255,.13)),url('images/hero-femme-montagne.jpg');background-position:63% bottom;background-size:cover}.sub-hero-price .sub-hero-photo{display:none}.sub-hero-price .sub-hero-layout{min-height:570px;padding-bottom:260px}.sub-hero-cta{gap:8px}.sub-hero-cta .btn{white-space:normal;text-align:center;font-size:12px;padding:12px 15px}.sub-facts .facts-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sub-facts .fact{font-size:11.2px}.feature-section .container,.section-white>.container,.section-soft>.container{padding-block:29px}.feature-grid,.results-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.feature-card{min-height:160px}.feature-card h3{font-size:13px}.feature-card p{font-size:11px}.who-block{grid-template-columns:1fr;padding:14px}.who-portrait{height:160px;background-position:center 35%}.who-block .tick-list li{font-size:13px}.steps-with-visual,.two-columns,.mini-finance{grid-template-columns:1fr}.step-photo{min-height:215px}.step-list{gap:13px}.step-list strong{font-size:14px}.step-list p{font-size:12.5px}.step-list li>span{width:29px;height:29px;font-size:16px}.soft-card{padding:19px}.gentle-note{font-size:12px}.result-note{font-size:12px}.wide-cta-inner{flex-direction:column;align-items:stretch;min-height:325px;justify-content:center}.wide-cta h2{font-size:25px}.wide-cta-inner>div{min-width:0;max-width:none}.wide-cta-inner p{font-size:14px}.wide-cta .btn{white-space:normal;text-align:center}.cpf-laptop{height:300px}.screen-top{font-size:23px;padding:20px 22px}.cpf-listing{grid-template-columns:1fr;padding:16px;gap:15px}.listing-picture{min-height:90px}.listing-side{flex-direction:column;align-items:stretch}.listing-side>span{text-align:center}.help-box{display:block;padding:18px}.help-circle{margin:0 0 14px}.help-box .btn{margin-top:15px;width:100%}.price-showcase{grid-template-columns:1fr;padding:22px}.price-medallion{width:83px;height:83px}.price-content h3{font-size:37px}.price-content .tick-list{columns:1}.price-content .tick-list li{font-size:13px}.funding-grid{grid-template-columns:1fr}.funding-card h3{font-size:19px}.funding-card{padding:20px}.advice-hero-layout{min-height:530px}.advice-hero-layout>div{max-width:100%;padding-bottom:210px;padding-top:26px}.advice-hero-layout h1{font-size:31px}.sub-hero-advice{background-image:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.9) 44%,rgba(255,255,255,.04)),url('images/montagne-final.jpg');background-position:62% bottom}.advice-hub-grid{grid-template-columns:1fr;gap:15px}.hub-visual{height:176px}.hub-copy{padding:18px}.hub-copy h3{font-size:20px}.hub-copy p{min-height:0;font-size:13px}.article-hero{padding:21px 0 43px}.article-hero h1{font-size:31px}.article-hero .sub-lead{font-size:17px}.article-hero .sub-description{font-size:13px}.breadcrumbs{font-size:11px;margin-bottom:17px}.article-block-grid{grid-template-columns:1fr;gap:10px}.article-mini-card{min-height:0}.article-highlight{font-size:13px;padding:14px;gap:10px}.article-cta-box{display:block;padding:20px}.article-cta-box h2{font-size:24px}.article-cta-box .btn{margin-top:10px}.related-links{grid-template-columns:1fr}.sub-hero-legal{min-height:0;padding:20px 0}.sub-hero-legal h1{font-size:29px}.legal-copy h2{font-size:21px}.legal-copy>p{font-size:13px}}

/* Preserve the full SEO H1 from the validated V4 without flattening the mockup typography. */
.sub-hero h1 .h1-tail{display:block;font-size:.49em;letter-spacing:-.015em;line-height:1.24;font-weight:780;max-width:585px;margin-top:11px;color:var(--navy)}
@media(max-width:620px){.sub-hero h1 .h1-tail{font-size:.54em;line-height:1.22;margin-top:9px}}

/* Cartouche MCF dans la page CPF (même contenu de la page conservé). */
.cpf-official-mark{display:flex;justify-content:flex-end;margin:10px 0 12px}
.cpf-official-mark img{display:block;width:99px;height:99px;object-fit:contain}
@media(max-width:620px){.cpf-official-mark{justify-content:center}.cpf-official-mark img{width:93px;height:93px}}

/* MAJ 23/10/2026 — photo complète de la visioconférence sur mobiles, y compris paysage. */
@media (max-width: 900px) {
  .steps-with-visual .step-photo {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f7f8f5;
  }
}
@media (max-width: 620px) {
  .steps-with-visual .step-photo { min-height: 0; aspect-ratio: 3 / 2; }
}

/* MAJ CIBLEE 26/10/2026 — Action 03 : retour de la photo sur la page Tarifs.
   Uniquement sur mobile ; le bandeau ordinateur demeure inchangé. */
@media (max-width: 620px) {
  .sub-hero-price { background: #f6f1eb; background-image: none; }
  .sub-hero-price .sub-hero-layout {
    min-height: 0;
    padding-bottom: calc(100vw * 2 / 3 + 14px);
  }
  .sub-hero-price .sub-hero-photo {
    display: block;
    inset: auto 0 0;
    width: 100%;
    height: calc(100vw * 2 / 3);
    background-image: url('images/hero-femme-montagne.jpg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
  }
}
