/* Page saisonniere /primes-2027.html.
   Le CSP du site interdit tout style en ligne : cette feuille est la seule source
   des styles propres a la page. Les composants partages (en-tete, pied de page,
   encart de rappel, frise) viennent de public.css et landing-primes.css. */

.pr-hero{padding:20px 0 30px;background:linear-gradient(180deg,#fdfefb 0%,#f5f9f0 70%,#eef5e7 100%)}
.pr-hero .breadcrumb{margin-bottom:18px}
.pr-hero h1{margin:10px 0 0;font-size:clamp(31px,7.2vw,52px);line-height:1.07;letter-spacing:-1.5px;font-weight:750;max-width:26ch}
.pr-lead{margin:14px 0 0;font-size:15px;line-height:1.62;color:#4f6558;max-width:44em}
.pr-hero .lp-cta-row{margin-top:20px}
.pr-hero .lp-cta{font-size:14.5px}
.pr-hero .lp-promise{margin-top:13px}
.pr-hero .lp-micro{color:#5c7264}

.pr-band{padding:44px 0}
.pr-band h2,.pr-timeline h2,.pr-related h2{margin:8px 0 0;font-size:clamp(25px,5.6vw,36px);line-height:1.14;letter-spacing:-1.1px;max-width:30ch}
.pr-intro{margin:12px 0 0;font-size:14.5px;line-height:1.62;color:#4f6558;max-width:44em}

/* Les quatre chiffres officiels. */
.pr-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0 0;padding:0;list-style:none}
.pr-figures li{padding:14px 15px 15px;background:#fff;border:1px solid #dbe7d5;border-radius:14px}
.pr-figure{margin:0;font-size:clamp(23px,5.8vw,29px);line-height:1.05;letter-spacing:-.9px;font-weight:700;color:#174b3c}
.pr-figure span{font-size:.52em;letter-spacing:.4px;font-weight:600;color:#4d7a5f}
.pr-label{margin:6px 0 0;font-size:12px;line-height:1.4;color:#54695c}
.pr-precision{margin:14px 0 0;font-size:12.5px;line-height:1.6;color:#5b7164;max-width:60em}
.pr-band .article-source{margin-top:18px}
.pr-band .article-source a{display:block;margin-top:7px;word-break:break-word}

/* Frise des dates : quatre jalons, pas cinq. */
.pr-timeline{padding:44px 0}
.pr-timeline .lp-steps{margin-top:18px}
.pr-timeline .lp-steps time{letter-spacing:.7px}
.pr-note{margin:10px 0 0;font-size:12px;line-height:1.55;color:#63796c}
.pr-note a{color:#2f5a45;text-decoration:underline;text-underline-offset:2px}

/* Perimetre : ce qu'on compare, ce qu'on ne fait pas. */
.pr-scope{display:grid;gap:12px;margin:20px 0 0}
.pr-scope-col{padding:16px 17px 18px;background:#fff;border:1px solid #dbe7d5;border-radius:14px}
.pr-scope-col--no{background:#f7f8f4;border-color:#e2e6db}
.pr-scope-col h3{margin:0;font-size:16px;letter-spacing:-.3px}
.pr-scope-col ul{margin:10px 0 0;padding:0;list-style:none}
.pr-scope-col li{position:relative;padding:0 0 0 22px;margin-top:8px;font-size:13px;line-height:1.55;color:#4f6558}
.pr-scope-col li:before{content:"";position:absolute;left:2px;top:8px;width:9px;height:9px;border-radius:50%;background:#8fb79b}
.pr-scope-col--no li:before{background:#b3bcae}
.pr-scope-col li strong{color:#17251f;font-weight:650}
.pr-scope-foot{margin:14px 0 0;font-size:12.5px;line-height:1.6;color:#5b7164}
.pr-scope-foot a{color:#2f5a45;text-decoration:underline;text-underline-offset:2px}

/* Lectures liees. */
.pr-related{padding:44px 0 8px}
.pr-related .blog-grid{margin-top:18px}
.pr-related .blog-card p{font-size:13.5px}

@media(min-width:600px){
 .pr-hero{padding:26px 0 34px}
 .pr-lead{font-size:16px}
 .pr-figures{gap:12px}
 .pr-figures li{padding:16px 17px 17px}
 .pr-figure{font-size:31px}
 .pr-label{font-size:12.5px}
}
@media(min-width:820px){
 .pr-hero{padding:34px 0 44px}
 .pr-hero .container,.pr-band .container,.pr-timeline .container,.pr-related .container{width:min(1000px,calc(100% - 96px))}
 .pr-hero h1{font-size:46px;letter-spacing:-1.9px;max-width:24ch}
 .pr-lead{font-size:17px;max-width:40em;margin-top:18px}
 .pr-hero .lp-cta-row{margin-top:24px;gap:22px}
 .pr-hero .lp-cta{font-size:16px;padding:0 26px}
 .pr-band{padding:60px 0}
 .pr-band h2,.pr-timeline h2,.pr-related h2{font-size:34px}
 .pr-intro{font-size:15.5px}
 .pr-figures{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}
 .pr-figures li{padding:18px 18px 19px}
 .pr-figure{font-size:30px}
 .pr-timeline{padding:60px 0}
 .pr-timeline .pr-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
 .pr-timeline .pr-steps:before{right:25%}
 .pr-scope{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
 .pr-scope-col{padding:20px 22px 22px}
 .pr-related{padding:60px 0 12px}
}
@media(min-width:1024px){
 .pr-hero h1{font-size:52px}
 .pr-figure{font-size:32px}
}