/* doc-project | public/assets/css/page.css | Styles mobile-first des landing pages CMS SEO avec breadcrumb, CTA, FAQ et maillage associé. | Expose: interface pages publiques | Dépend de: page.php, public-base.css | Impacte: lecture, conversion et SEO local/international | Tables: aucune */
.content-page{max-width:1040px;margin:0 auto;padding:1.2rem 1rem 5rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin:.6rem 0 2rem;color:var(--muted);font-size:.88rem}.breadcrumbs a{color:var(--brand-dark);text-decoration-thickness:.08em;text-underline-offset:.2em}.page-hero{max-width:900px}.page-hero h1{font-size:clamp(2.6rem,9vw,5.2rem);line-height:.96;letter-spacing:-.04em;margin:.45rem 0 1rem}.lead{max-width:780px;font-size:clamp(1.08rem,2.5vw,1.3rem);color:var(--muted)}.page-hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}.featured-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:24px;margin:2.2rem 0;box-shadow:var(--shadow)}.rich-content{max-width:820px;margin:2rem 0;font-size:1.08rem}.rich-content h2{font-size:clamp(1.8rem,5vw,2.45rem);line-height:1.12;margin:2.7rem 0 .8rem}.rich-content h3{font-size:1.35rem;line-height:1.2;margin:2rem 0 .6rem}.rich-content p,.rich-content li{color:#3f4851}.rich-content a{color:var(--brand-dark);font-weight:750;text-underline-offset:.18em}.rich-content img{border-radius:16px}.rich-content ul,.rich-content ol{padding-left:1.25rem}.page-faq,.related-pages{margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid var(--line)}.page-faq h2,.related-pages h2{font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.1}.faq-list{display:grid;gap:.7rem}.page-faq details{padding:1rem 1.15rem;border:1px solid var(--line);border-radius:16px;background:#fff}.page-faq summary{cursor:pointer;font-weight:850}.page-faq details p{color:var(--muted)}.related-grid{display:grid;gap:.75rem}.related-grid a{display:grid;gap:.3rem;padding:1.1rem;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.related-grid a:hover,.related-grid a:focus-visible{transform:translateY(-2px);box-shadow:0 12px 30px rgba(23,32,42,.08)}.related-grid span{color:var(--brand-dark);font-size:.9rem}.page-cta{margin-top:3.5rem;padding:1.6rem;background:var(--ink);color:#fff;border-radius:22px;display:grid;gap:1.4rem}.page-cta .eyebrow{color:#ffd89f}.page-cta h2{margin:.35rem 0 .55rem;font-size:clamp(1.9rem,6vw,3rem);line-height:1.05}.page-cta p{margin:0;color:#d9e0e4}.page-cta-actions{display:grid;gap:.6rem;align-content:center}.page-cta .button{width:100%}@media(min-width:720px){.content-page{padding-top:2rem}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-cta{grid-template-columns:1.4fr .8fr;align-items:center;padding:2.4rem}.page-cta-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.page-cta-actions .button:last-child{grid-column:1/-1}}@media(min-width:1000px){.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.related-grid a{transition:none}.related-grid a:hover{transform:none}}