/* ===== Blog — West Coast Arcades ===== */
.blog-wrap{max-width:1100px;margin:0 auto;padding:46px 16px 50px;}
.blog-head{text-align:center;margin-bottom:36px;}
.blog-head h1{font-family:var(--poppins);font-weight:700;font-size:42px;color:var(--navy);}
.blog-head p{color:#5d6b85;margin-top:8px;}

/* index : grille de cartes */
.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.post-card{background:#fff;border:1px solid #ebebeb;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:.18s;}
.post-card:hover{box-shadow:0 16px 34px rgba(20,40,75,.12);transform:translateY(-4px);}
.post-card .thumb{height:180px;background:#0b0b0d;}
.post-card .thumb img{width:100%;height:100%;object-fit:cover;}
.post-card .pc-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1;}
.post-card .date{font-size:12px;color:#8a93a6;text-transform:uppercase;letter-spacing:.05em;}
.post-card h2{font-family:var(--poppins);font-weight:700;font-size:19px;color:var(--navy);line-height:1.25;}
.post-card p{font-size:14px;color:#5d6b85;flex:1;}
.post-card .more{color:var(--blue);font-weight:600;font-size:14px;}

/* article */
.article{max-width:820px;margin:0 auto;padding:0 16px 50px;}
.article-hero{background:var(--black);color:#fff;text-align:center;padding:36px 16px 46px;}
.article-hero .date{font-family:var(--heebo);color:#FDC300;font-size:13px;text-transform:uppercase;letter-spacing:.08em;}
.article-hero h1{font-family:var(--poppins);font-weight:700;font-size:38px;color:#fff;margin-top:10px;max-width:900px;margin-left:auto;margin-right:auto;line-height:1.15;}
.article .feat{margin:-30px auto 26px;max-width:820px;}
.article .feat img{width:100%;border-radius:8px;box-shadow:0 14px 30px rgba(0,0,0,.18);}
.article-body{font-size:17px;line-height:1.75;color:var(--text);}
.article-body p{margin:0 0 18px;}
.article-body h2,.article-body h3{font-family:var(--poppins);color:var(--navy);margin:26px 0 10px;}
.article-body img{border-radius:8px;margin:18px 0;}
.article-body a{color:var(--blue);}
.article-body ul,.article-body ol{margin:0 0 18px 22px;}
.article-back{display:inline-block;margin-bottom:20px;color:var(--blue);font-weight:600;}

@media(max-width:900px){.posts-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.posts-grid{grid-template-columns:1fr;}.blog-head h1{font-size:30px;}.article-hero h1{font-size:28px;}}