/* Clic'N Start — Blog (home.php, category.php, single.php). Scopé .cns-blog ; accueil.css chargé avant. */
.cns-blog .cns-crumb{margin:0 0 32px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#605d5d;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.cns-blog .cns-crumb a{color:#605d5d}.cns-blog .cns-crumb span:last-child{color:#201e1d}

/* hero liste */
.cns-blog-hero{padding:48px 24px 40px}
.cns-blog-hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:end}
.cns-blog-hero .cns-h1{font-size:clamp(40px,6.5vw,96px)}
.cns-blog-hero .cns-lead{font-size:clamp(16px,1.4vw,20px);line-height:1.45}
.cns-cats{border-top:2px solid #201e1d;display:flex;flex-wrap:wrap;align-items:stretch}
.cns-cats a{color:#201e1d;padding:16px 22px;border-right:2px solid #201e1d;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;display:flex;gap:10px;align-items:center;transition:background .2s,color .2s}
.cns-cats a:hover{background:#eae9e9}
.cns-cats a span{color:#e2673f}
.cns-cats a.cns-active{background:#201e1d;color:#f3f2f2}

/* cartes */
.cns-post{color:#201e1d;display:flex;flex-direction:column}
.cns-post h3{transition:color .2s}
.cns-post:hover h3{color:#e2673f}
.cns-post img{transition:transform .5s ease}
.cns-post:hover img{transform:scale(1.03)}
.cns-post-media{aspect-ratio:16/10;overflow:hidden;border-bottom:2px solid #201e1d;background:#eae9e9}
.cns-post-media img{width:100%;height:100%;object-fit:cover;display:block}
.cns-post-media.cns-empty{display:flex;align-items:center;justify-content:center;font-weight:800;font-size:64px;letter-spacing:-.05em;color:#dcdada}
.cns-meta{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#605d5d;display:flex;flex-wrap:wrap;gap:6px 14px;line-height:1.4}
.cns-meta span{white-space:nowrap}
.cns-meta span:first-child{color:#e2673f}
.cns-featured{display:grid;grid-template-columns:7fr 5fr;color:#201e1d}
.cns-featured .cns-post-media{aspect-ratio:16/9;border-bottom:0;border-right:2px solid #201e1d}
.cns-featured-body{padding:40px 24px;display:flex;flex-direction:column;gap:16px;justify-content:space-between}
.cns-featured-body > div{display:grid;gap:16px}
.cns-featured h3{font-weight:800;font-size:clamp(26px,2.8vw,40px);line-height:1;letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance}
.cns-featured p.cns-excerpt{font-size:16px;line-height:1.5;color:#444141}
.cns-more{display:flex;justify-content:space-between;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.06em;border-top:2px solid #201e1d;padding-top:14px}
.cns-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.cns-grid .cns-post{border-right:2px solid #201e1d;border-bottom:2px solid #201e1d;transition:background .2s}
.cns-grid .cns-post:hover{background:#eae9e9}
.cns-grid .cns-post:nth-child(3n){border-right:0}
.cns-post-body{padding:22px 24px 26px;display:grid;gap:10px;flex:1;align-content:start}
.cns-post-body h3{font-weight:800;font-size:22px;line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance}
.cns-post-body p.cns-excerpt{font-size:15px;line-height:1.5;color:#444141}
.cns-read{margin-top:auto;padding-top:14px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#605d5d}
.cns-pagination{display:flex;justify-content:space-between;gap:12px;padding:22px 24px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.cns-pagination a{color:#201e1d}.cns-pagination a:hover{color:#e2673f}
.cns-pagination .cns-off{color:#9b9797}
.cns-empty-state{padding:72px 24px;font-size:18px;color:#444141}

/* article */
.cns-article-head{padding:48px 24px 40px}
.cns-article-head .cns-h1{font-size:clamp(36px,5.2vw,76px);line-height:.95;letter-spacing:-.04em;margin-bottom:24px;max-width:1000px}
.cns-article-head .cns-lead{font-size:clamp(17px,1.5vw,21px);line-height:1.45;max-width:760px}
.cns-article-meta > div{padding:18px 24px;border-right:2px solid #201e1d}
.cns-article-meta > div:last-child{border-right:0}
.cns-article-meta small{display:block;margin-bottom:4px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#605d5d}
.cns-article-meta strong{font-weight:600}
.cns-article-meta strong.cns-accent{color:#e2673f}
.cns-article-meta a{color:inherit}
.cns-cover{aspect-ratio:21/8;overflow:hidden;background:#eae9e9;border-bottom:2px solid #201e1d}
.cns-cover img{width:100%;height:100%;object-fit:cover;display:block}
.cns-article-grid{grid-template-columns:4fr 8fr}
.cns-aside{padding:40px 40px 40px 24px;border-right:2px solid #201e1d;position:sticky;top:68px;align-self:start}
.cns-aside > small{display:block;margin-bottom:14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#605d5d}
.cns-toc{border-top:2px solid #201e1d}
.cns-toc a{display:block;padding:10px 0;border-bottom:1px solid #201e1d;color:#201e1d;font-size:14px;transition:color .2s}
.cns-toc a:hover{color:#e2673f}
.cns-toc a.cns-toc-sub{padding-left:18px;font-size:13px;color:#444141}
.cns-aside .cns-btn{margin-top:32px;padding:18px 20px;font-size:13px}
.cns-prose{padding:40px 24px 64px;max-width:760px;font-size:18px;line-height:1.6;color:#201e1d}
.cns-prose > *:first-child{margin-top:0}
.cns-prose p{margin:0 0 22px;text-wrap:pretty}
.cns-prose h2{font-weight:800;font-size:clamp(26px,2.6vw,34px);line-height:1.05;letter-spacing:-.03em;margin:48px 0 18px;text-transform:uppercase;padding-top:24px;border-top:2px solid #201e1d;scroll-margin-top:90px}
.cns-prose h3{font-weight:800;font-size:20px;letter-spacing:-.01em;margin:32px 0 12px;scroll-margin-top:90px}
.cns-prose h4{font-weight:600;font-size:18px;margin:24px 0 10px}
.cns-prose ul,.cns-prose ol{margin:0 0 22px;padding:0 0 0 22px}
.cns-prose li{margin-bottom:8px}
.cns-prose li::marker{color:#e2673f;font-weight:800}
.cns-prose blockquote{margin:32px 0;padding:22px 28px;background:#201e1d;color:#f3f2f2;font-size:20px;line-height:1.4;font-weight:600}
.cns-prose blockquote p{margin:0}
.cns-prose a{color:#ae4a2c;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.cns-prose a:hover{color:#201e1d}
.cns-prose img,.cns-prose figure{max-width:100%;height:auto;margin:28px 0}
.cns-prose figure{margin-left:0;margin-right:0}
.cns-prose figcaption{font-size:13px;color:#605d5d;margin-top:8px;letter-spacing:.04em}
.cns-prose img{border:2px solid #201e1d;display:block}
.cns-prose table{width:100%;border-collapse:collapse;margin:28px 0;font-size:15px}
.cns-prose th,.cns-prose td{padding:12px 14px;border-bottom:1px solid #201e1d;text-align:left;vertical-align:top}
.cns-prose th{border-bottom:2px solid #201e1d;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#605d5d}
.cns-prose hr{border:0;border-top:2px solid #201e1d;margin:40px 0}
.cns-prose pre,.cns-prose code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em}
.cns-prose pre{background:#eae9e9;padding:18px;overflow:auto;border-left:4px solid #e2673f}
.cns-prose iframe{max-width:100%;border:2px solid #201e1d}
.cns-prose .wp-block-embed__wrapper{position:relative}
.cns-prose .et_pb_section,.cns-prose .et_pb_row,.cns-prose .et_pb_column{padding:0!important;margin:0!important;width:auto!important;max-width:none!important}
.cns-author{grid-template-columns:4fr 8fr}
.cns-author-card{padding:32px 24px;border-right:2px solid #201e1d;display:flex;gap:20px;align-items:center}
.cns-author-card img{width:72px;height:72px;object-fit:cover;border:2px solid #201e1d;filter:grayscale(1)}
.cns-author-card small{display:block;margin-bottom:4px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#605d5d}
.cns-author-card strong{font-weight:800;font-size:18px;letter-spacing:-.01em}
.cns-author-bio{padding:32px 24px;font-size:15px;line-height:1.5;color:#444141;align-self:center}
.cns-author-bio a{color:#201e1d;font-weight:600}
.cns-related-head{padding:40px 24px 24px}
.cns-related{border-top:2px solid #201e1d}
.cns-related .cns-post{display:grid;gap:10px;align-content:start;padding:22px 24px 26px;border-right:2px solid #201e1d;transition:background .2s}
.cns-related .cns-post:hover{background:#eae9e9}
.cns-related .cns-post:last-child{border-right:0}
.cns-related h3{font-weight:800;font-size:20px;line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance}
.cns-post-nav{display:grid;grid-template-columns:1fr 1fr}
.cns-post-nav a{padding:22px 24px;color:#201e1d;display:grid;gap:6px;border-right:2px solid #201e1d;transition:background .2s}
.cns-post-nav a:hover{background:#eae9e9}
.cns-post-nav a:last-child{border-right:0;text-align:right}
.cns-post-nav small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#605d5d}
.cns-post-nav strong{font-weight:600;font-size:15px}

@media (max-width:820px){
  .cns-blog-hero-grid{grid-template-columns:1fr;gap:24px}
  .cns-featured{grid-template-columns:1fr}
  .cns-featured .cns-post-media{border-right:0;border-bottom:2px solid #201e1d}
  .cns-grid{grid-template-columns:1fr}
  .cns-grid .cns-post{border-right:0}
  .cns-article-meta > div{border-right:0;border-bottom:2px solid #201e1d}
  .cns-article-meta > div:nth-child(odd){border-right:2px solid #201e1d}
  .cns-article-meta > div:nth-last-child(-n+2){border-bottom:0}
  .cns-aside{position:static;border-right:0;border-bottom:2px solid #201e1d}
  .cns-author-card{border-right:0;border-bottom:2px solid #201e1d}
  .cns-related{grid-template-columns:1fr}
  .cns-related .cns-post{border-right:0;border-bottom:2px solid #201e1d}
  .cns-related .cns-post:last-child{border-bottom:0}
  .cns-post-nav{grid-template-columns:1fr}
  .cns-post-nav a{border-right:0;border-bottom:2px solid #201e1d}
  .cns-post-nav a:last-child{border-bottom:0;text-align:left}
}
@media (max-width:520px){
  .cns-article-meta > div{border-right:0!important;border-bottom:2px solid #201e1d!important}
  .cns-article-meta > div:last-child{border-bottom:0!important}
}