/* assets/css/blog.css */ /* Active sur uniquement */ body.blog{background:#ffffff;color:#111} header.backdrop-blur{background:#ffffffcc;border-bottom:1px solid #e5e7eb} footer{background:#fff;border-top:1px solid #e5e7eb} body.blog footer p{color:inherit} .blog-hero{position:relative;overflow:hidden} .blog-hero .content{padding-top:7rem;padding-bottom:5rem} .hero-meta{color:rgba(255,255,255,0.8);font-weight:600} .hero-meta span{display:flex;align-items:center;gap:.35rem} .hero-meta span+span{margin-left:.35rem} .blog-listing{background:#fff;color:#111;border-top-left-radius:28px;border-top-right-radius:28px;margin-top:-3rem;padding-top:3rem;box-shadow:0 -15px 35px rgba(0,0,0,0.12)} .blog-list__title{font-size:1.6rem;font-weight:800;margin:0 0 1rem;color:#111} /* Article */ .post{max-width:840px;margin:-3rem auto 0;background:#fff;padding:3rem 1.75rem;box-shadow:0 -10px 35px rgba(0,0,0,0.1)} .post-header{margin:1rem 0 1.5rem} .post-title{font-size:clamp(2rem,5vw,2.75rem);line-height:1.15;font-weight:800;color:#111} .post-meta{color:#8a8b8d;text-shadow: 1px 1px black;font-size:.9rem;display:flex;gap:.5rem;align-items:center;margin-top:.5rem} .post-hero img{display:block;width:100%;height:auto;border-radius:.75rem;border:1px solid #e5e7eb;margin:1rem 0 1.5rem} /* Corps de l'article */ .post-body{font-family: Georgia, Cambria, "Times New Roman", Times, serif; font-size:1.1rem; line-height:1.8; color:#1f2937} .post-body p{margin:1rem 0; color:#242424} .post-body h2{font-size:1.5rem; line-height:1.3; margin:2rem 0 .75rem; font-weight:800; color:#111} .post-body h3{font-size:1.25rem; margin:1.5rem 0 .5rem; font-weight:700; color:#111} .post-body a{color:#111; text-decoration: underline} .post-body ul,.post-body ol{margin:1rem 0 1rem 1.25rem;list-style: initial;} .post-body li{margin:.4rem 0} .post-body blockquote{border-left:3px solid #e5e7eb; padding-left:1rem; color:#374151; font-style:italic} .post-body pre{background:#0f172a; color:#e5e7eb; border-radius:.75rem; padding:1rem; overflow:auto} .post-body code{background:#f3f4f6; color:#111; padding:.15rem .35rem; border-radius:.35rem} .post-body img{border-radius:.75rem;border:1px solid #e5e7eb;max-width:100%;margin: 0 auto} /* Liste des articles (/blog) */ .blog-list{max-width:860px;margin:0 auto;padding:2rem 1.25rem} .blog-card{display:block;border-bottom:1px solid #e5e7eb;padding:1.25rem 0} .blog-card h2{font-size:1.35rem;font-weight:800;color:#111} .blog-card p{color:#374151;margin-top:.35rem} .blog-card .meta{font-size:.85rem;color:#6b7280;margin-top:.25rem} @media (max-width:768px){ .blog-listing{margin-top:-2rem;border-top-left-radius:22px;border-top-right-radius:22px;padding-top:2.25rem} .post{margin:-2.5rem auto 0;padding:2.25rem 1.25rem;border-radius:22px} .blog-hero .content{padding-top:6rem;padding-bottom:4rem} }