/* Pro'Renov — feuille de style partagée (extraite de la home le 07/09/2026) */

    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:'Inter',system-ui,-apple-system,sans-serif;color:#222;line-height:1.65;background:#faf8f5;-webkit-font-smoothing:antialiased}
    img{max-width:100%;display:block}
    a{text-decoration:none;color:inherit}
    :root{
      /* Identité de marque Pro'Renov : rouge / noir / blanc */
      --or:#E4000A;--or-light:#ff2a32;--or-dark:#b3000a;
      --pierre:#17181a;--eau:#3c3f44;
      --fond:#faf8f5;--gris:#f2ede7;--texte:#222;--texte-doux:#6b6b6b
    }
    .container{max-width:1140px;margin:0 auto;padding:0 1.5rem}
    section{scroll-margin-top:120px}
    .section{padding:5rem 0}
    .section-sombre{background:var(--pierre);color:#fff;padding:5rem 0}
    .section-gris{background:var(--gris);padding:5rem 0}
    .titre-section{font-family:'Oswald',Impact,sans-serif;font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.2;margin-bottom:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.01em}
    .sous-titre{color:var(--texte-doux);font-size:1.05rem;margin-bottom:2.5rem;max-width:640px}
    .section-sombre .sous-titre{color:rgba(255,255,255,.7)}
    .ligne-or{width:56px;height:4px;background:var(--or);margin-bottom:2rem}
    .grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.75rem}
    .grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem;align-items:center}
    .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;border-radius:4px;font-weight:600;font-size:.95rem;transition:all .2s;cursor:pointer;border:none}
    .btn:focus-visible{outline:3px solid var(--or-light);outline-offset:2px}
    .btn-or{background:var(--or);color:#fff}
    .btn-or:hover{background:var(--or-dark);transform:translateY(-1px)}
    .btn-contour{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.65)}
    .btn-contour:hover{border-color:var(--or);color:#fff;background:var(--or)}
    .btn-pierre{background:var(--pierre);color:#fff}
    .btn-pierre:hover{background:#2b2d30;transform:translateY(-1px)}
    a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--or);outline-offset:2px}

    /* Système d'icônes SVG */
    .ico{width:1em;height:1em;display:inline-block;vertical-align:-.14em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
    .ico-fill{fill:currentColor;stroke:none}

    .skip-link{position:absolute;left:-999px;top:0;background:var(--or);color:#fff;padding:.6rem 1rem;z-index:999;border-radius:0 0 4px 0}
    .skip-link:focus{left:0}

    /* Topbar */
    .topbar{background:#0d0e0f;color:rgba(255,255,255,.75);font-size:.82rem;padding:.5rem 0}
    .topbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}
    .topbar a{color:#fff;font-weight:600}
    .topbar a strong{color:var(--or-light)}
    .topbar-info{display:flex;gap:1.5rem;flex-wrap:wrap}

    /* Nav (sombre pour porter le logo blanc) */
    nav{background:var(--pierre);position:sticky;top:0;z-index:100;transition:box-shadow .3s;box-shadow:0 1px 0 rgba(255,255,255,.06)}
    nav.scrolled{box-shadow:0 4px 20px rgba(0,0,0,.35)}
    .nav-inner{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1.5rem;max-width:1140px;margin:0 auto}
    .logo{display:flex;align-items:center}
    .logo img{height:44px;width:auto;display:block}
    .nav-links{display:flex;gap:2rem;align-items:center;list-style:none}
    .nav-links a{color:#fff;font-weight:500;font-size:.95rem;position:relative;padding-bottom:2px;transition:color .2s}
    .nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--or);transition:width .2s}
    .nav-links a:not(.nav-cta):hover{color:var(--or-light)}
    .nav-links a:not(.nav-cta):hover::after{width:100%}
    .nav-cta{background:var(--or)!important;color:#fff!important;padding:.55rem 1.2rem!important;border-radius:4px!important;font-weight:600!important}
    .nav-cta:hover{background:var(--or-dark)!important}
    .nav-cta::after{display:none!important}
    .burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
    .burger span{display:block;width:24px;height:2px;background:#fff;transition:all .3s}

    /* Hero */
    .hero{position:relative;min-height:92vh;display:flex;align-items:flex-end;overflow:hidden}
    .hero-bg{position:absolute;inset:0;background-image:url('/images/hero.webp');background-size:cover;background-position:center}
    .hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(8,9,10,.95) 0%,rgba(8,9,10,.5) 50%,rgba(8,9,10,.28) 100%)}
    .hero-content{position:relative;z-index:2;padding:0 1.5rem 5rem;max-width:1140px;margin:0 auto;width:100%}
    .hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(228,0,10,.18);border:1px solid rgba(228,0,10,.55);color:#fff;font-size:.82rem;font-weight:600;padding:.35rem .9rem;border-radius:20px;margin-bottom:1.5rem;letter-spacing:.05em;text-transform:uppercase}
    .hero h1{font-family:'Oswald',Impact,sans-serif;font-size:clamp(2.2rem,5vw,4rem);color:#fff;line-height:1.18;margin-bottom:1.25rem;max-width:820px;font-weight:700;text-transform:uppercase}
    .hero h1 em{color:var(--or);font-style:normal}
    .hero-lede{color:rgba(255,255,255,.85);font-size:1.12rem;max-width:600px;margin-bottom:2.2rem;line-height:1.7}
    .hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}
    .hero-stats{display:flex;gap:2.5rem;flex-wrap:wrap;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.15)}
    .stat-nb{font-family:'Oswald',Impact,sans-serif;font-size:2.1rem;font-weight:700;color:var(--or);line-height:1}
    .stat-label{color:rgba(255,255,255,.62);font-size:.85rem;margin-top:.2rem}

    /* Trust band */
    .trust-band{background:var(--or);color:#fff;padding:1rem 0}
    .trust-band .container{display:flex;align-items:center;justify-content:center;gap:2.5rem;flex-wrap:wrap;text-align:center}
    .trust-item{display:flex;align-items:center;gap:.6rem;font-weight:600;font-size:.9rem}

    /* Intro / réponse directe (AEO) */
    .intro-aeo{background:#fff;border-left:4px solid var(--or);padding:1.75rem 2rem;border-radius:0 8px 8px 0;box-shadow:0 2px 16px rgba(0,0,0,.05);font-size:1.05rem;color:var(--texte);max-width:900px}
    .intro-aeo strong{color:var(--pierre)}

    /* Services */
    .service-card{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 16px rgba(0,0,0,.06);transition:transform .25s,box-shadow .25s;border-bottom:3px solid transparent;height:100%}
    .service-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.1);border-bottom-color:var(--or)}
    .service-icon{width:60px;height:60px;border-radius:15px;background:radial-gradient(circle at 30% 22%,#34353b 0%,#17181a 72%);border:1px solid rgba(255,255,255,.07);border-bottom:3px solid var(--or);display:flex;align-items:center;justify-content:center;margin-bottom:1.35rem;box-shadow:0 6px 18px rgba(0,0,0,.2);transition:box-shadow .25s,transform .25s}
    .service-icon svg{width:32px;height:32px;display:block}
    .service-card:hover .service-icon{transform:translateY(-2px);box-shadow:0 8px 24px rgba(228,0,10,.38)}
    .service-card h3{font-family:'Oswald',Impact,sans-serif;font-size:1.3rem;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.01em}
    .service-card p{color:var(--texte-doux);font-size:.95rem;line-height:1.6}

    /* Process */
    .process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;counter-reset:step}
    .process-step{position:relative;padding:1.75rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:8px}
    .process-step::before{counter-increment:step;content:counter(step,decimal-leading-zero);font-family:'Oswald',Impact,sans-serif;font-size:2.2rem;color:var(--or);font-weight:700;display:block;margin-bottom:.75rem}
    .process-step h3{font-family:'Oswald',Impact,sans-serif;font-size:1.15rem;color:#fff;margin-bottom:.5rem;text-transform:uppercase}
    .process-step p{color:rgba(255,255,255,.62);font-size:.9rem;line-height:1.6}

    /* Galerie */
    .galerie-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:220px 220px;gap:12px}
    .galerie-item{position:relative;overflow:hidden;border-radius:6px}
    .galerie-item:first-child{grid-row:1/3}
    .galerie-photo{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
    .galerie-item:hover .galerie-photo{transform:scale(1.05)}
    .galerie-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,9,10,.88) 0%,transparent 55%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.2rem;opacity:1;transition:opacity .3s}
    .galerie-label{color:#fff;font-weight:700;font-size:.98rem;text-transform:uppercase;letter-spacing:.02em}
    .galerie-sub{color:rgba(255,255,255,.75);font-size:.8rem;border-left:2px solid var(--or);padding-left:.5rem;margin-top:.25rem}

    /* Chiffres */
    .chiffres-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;text-align:center}
    .chiffre-nb{font-family:'Oswald',Impact,sans-serif;font-size:3.1rem;font-weight:700;color:var(--or);line-height:1}
    .chiffre-label{color:rgba(255,255,255,.65);margin-top:.5rem;font-size:.95rem}

    /* Témoignages */
    .temoignage-card{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 16px rgba(0,0,0,.06);border-top:3px solid var(--or)}
    .etoiles{color:var(--or);font-size:1.15rem;margin-bottom:1rem;display:flex;gap:3px}
    .temoignage-texte{font-size:.98rem;color:var(--texte);line-height:1.7;font-style:italic;margin-bottom:1.25rem}
    .temoignage-auteur{display:flex;align-items:center;gap:.75rem}
    .avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--pierre),var(--or));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;flex-shrink:0}
    .auteur-nom{font-weight:600;font-size:.95rem}
    .auteur-info{color:var(--texte-doux);font-size:.82rem}
    .google-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--gris);border-radius:20px;padding:.3rem .8rem;font-size:.8rem;font-weight:600;color:var(--pierre);margin-top:.9rem}

    /* À propos */
    .garanties{list-style:none;margin-top:1.5rem}
    .garanties li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.85rem;font-size:.97rem}
    .garanties li::before{content:'✓';flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--or);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;margin-top:2px}
    .zones{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
    .zone-tag{background:rgba(228,0,10,.08);color:var(--pierre);border:1px solid rgba(228,0,10,.35);padding:.35rem .9rem;border-radius:20px;font-size:.85rem;font-weight:500}

    /* FAQ */
    .faq-list{max-width:820px;margin:0 auto}
    .faq-item{background:#fff;border:1px solid #e8e0d6;border-radius:8px;margin-bottom:.9rem;overflow:hidden;transition:box-shadow .2s}
    .faq-item[open]{box-shadow:0 4px 20px rgba(0,0,0,.07);border-color:rgba(228,0,10,.3)}
    .faq-item summary{list-style:none;cursor:pointer;padding:1.25rem 1.5rem;font-weight:600;font-size:1.02rem;color:var(--pierre);display:flex;justify-content:space-between;align-items:center;gap:1rem}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary::after{content:'+';font-size:1.5rem;color:var(--or);flex-shrink:0;transition:transform .2s;line-height:1}
    .faq-item[open] summary::after{transform:rotate(45deg)}
    .faq-answer{padding:0 1.5rem 1.35rem;color:var(--texte-doux);font-size:.97rem;line-height:1.7}

    /* Contact */
    .contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:start}
    .contact-info h3{font-family:'Oswald',Impact,sans-serif;font-size:1.7rem;margin-bottom:1.5rem;text-transform:uppercase}
    .contact-ligne{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}
    .contact-icone{width:44px;height:44px;border-radius:10px;background:rgba(228,0,10,.1);color:var(--or);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
    .contact-label{font-size:.82rem;color:var(--texte-doux);text-transform:uppercase;letter-spacing:.05em}
    .contact-valeur{font-weight:600;font-size:1.05rem;margin-top:.1rem}
    .contact-valeur a{color:var(--pierre);transition:color .2s}
    .contact-valeur a:hover{color:var(--or)}
    .form-card{background:#fff;border-radius:10px;padding:2.5rem;box-shadow:0 4px 30px rgba(0,0,0,.08)}
    .form-card h3{font-family:'Oswald',Impact,sans-serif;font-size:1.5rem;margin-bottom:.4rem;text-transform:uppercase}
    .form-card .form-note{color:var(--texte-doux);font-size:.88rem;margin-bottom:1.5rem}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
    .form-group{margin-bottom:1.1rem}
    .form-group label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.4rem;color:var(--texte)}
    .form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:1.5px solid #e0d9d0;border-radius:6px;font-family:inherit;font-size:.95rem;color:var(--texte);background:var(--fond);transition:border-color .2s;outline:none}
    .form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--or)}
    .form-group textarea{resize:vertical;min-height:110px}
    .btn-submit{width:100%;padding:1rem;background:var(--or);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s;display:flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;letter-spacing:.03em}
    .btn-submit:hover{background:var(--or-dark);transform:translateY(-1px)}
    .form-success{display:none;text-align:center;padding:2rem;color:#166534;background:#dcfce7;border-radius:8px}

    /* CTA */
    .cta-section{background:linear-gradient(135deg,#17181a 0%,#3a0507 100%);color:#fff;padding:5rem 0;text-align:center}
    .cta-section h2{font-family:'Oswald',Impact,sans-serif;font-size:clamp(1.9rem,3.2vw,2.9rem);margin-bottom:1rem;text-transform:uppercase}
    .cta-section p{color:rgba(255,255,255,.75);font-size:1.1rem;margin-bottom:2rem}
    .cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
    .tel-big{font-family:'Oswald',Impact,sans-serif;font-size:2.2rem;color:var(--or-light);font-weight:700;display:block;margin-bottom:.5rem}

    /* Footer */
    footer{background:#0d0e0f;color:rgba(255,255,255,.6);padding:3rem 0 1.5rem}
    .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:2.5rem}
    .footer-logo img{height:46px;width:auto;margin-bottom:1rem}
    footer h4{color:#fff;font-size:.95rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.03em}
    footer ul{list-style:none}
    footer ul li{margin-bottom:.5rem}
    footer ul a{color:rgba(255,255,255,.55);font-size:.88rem;transition:color .2s}
    footer ul a:hover{color:var(--or-light)}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.82rem}
    .footer-bottom a{color:rgba(255,255,255,.7);text-decoration:underline;text-underline-offset:2px}
    .footer-bottom a:hover{color:var(--or-light)}
    .rcs{color:rgba(255,255,255,.35);font-size:.78rem}

    /* Scroll top */
    .scroll-top{position:fixed;bottom:1.5rem;right:1.5rem;width:44px;height:44px;border-radius:50%;background:var(--or);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(10px);transition:all .3s;z-index:99;font-size:1.1rem}
    .scroll-top.visible{opacity:1;transform:translateY(0)}

    /* Animations */
    .fade-up{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
    .fade-up.visible{opacity:1;transform:translateY(0)}
    @media(prefers-reduced-motion:reduce){
      *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
      .fade-up{opacity:1;transform:none}
    }

    /* Responsive */
    @media(max-width:900px){
      .galerie-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
      .galerie-item:first-child{grid-row:auto}
      .galerie-item{aspect-ratio:4/3}
      .contact-grid{grid-template-columns:1fr}
      .footer-grid{grid-template-columns:1fr 1fr}
    }
    @media(max-width:680px){
      .nav-links{display:none;flex-direction:column;gap:.5rem}
      .nav-links.open{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--pierre);padding:1.5rem;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:200}
      .burger{display:flex}
      .logo img{height:38px}
      .hero h1{font-size:2.3rem}
      .hero-stats{gap:1.5rem}
      .galerie-grid{grid-template-columns:1fr}
      .form-row{grid-template-columns:1fr}
      .footer-grid{grid-template-columns:1fr;gap:2rem}
      .trust-band .container{gap:1rem}
    }

/* ═══════════ Pages articles / guides (cocons SEO-GEO) ═══════════ */
.article-hero{background:var(--pierre);color:#fff;padding:2.75rem 0 2.5rem}
.breadcrumb{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.85rem;color:rgba(255,255,255,.55);margin-bottom:1.25rem}
.breadcrumb a{color:rgba(255,255,255,.75);transition:color .2s}
.breadcrumb a:hover{color:var(--or-light)}
.breadcrumb .sep{opacity:.5}
.breadcrumb .courant{color:#fff;font-weight:500}
.article-kicker{display:inline-flex;align-items:center;gap:.5rem;color:var(--or-light);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.9rem}
.article-hero h1{font-family:'Oswald',Impact,sans-serif;font-size:clamp(1.9rem,4vw,3rem);line-height:1.2;font-weight:700;text-transform:uppercase;max-width:820px}
.article-meta{color:rgba(255,255,255,.55);font-size:.85rem;margin-top:1rem}

.article-layout{display:grid;grid-template-columns:1fr 260px;gap:3rem;align-items:start;padding:3.5rem 0}
.article-body{max-width:720px}
.article-body p{margin-bottom:1.15rem;font-size:1.02rem;color:var(--texte)}
.article-body h2{font-family:'Oswald',Impact,sans-serif;font-size:1.55rem;text-transform:uppercase;margin:2.4rem 0 1rem;padding-top:.25rem;border-top:3px solid var(--or);padding-top:.9rem}
.article-body h2:first-of-type{border-top:none;padding-top:0;margin-top:0}
.article-body h3{font-family:'Oswald',Impact,sans-serif;font-size:1.15rem;text-transform:uppercase;margin:1.6rem 0 .75rem}
.article-body ul,.article-body ol{margin:0 0 1.15rem 1.3rem}
.article-body li{margin-bottom:.5rem;font-size:1rem}
.reponse-directe{background:#fff;border-left:4px solid var(--or);padding:1.5rem 1.75rem;border-radius:0 8px 8px 0;box-shadow:0 2px 16px rgba(0,0,0,.05);font-size:1.05rem;margin-bottom:1.75rem}
.hypothese-box{background:var(--gris);border:1px solid #e4dcd0;border-radius:8px;padding:1.35rem 1.6rem;margin:1.5rem 0;font-size:.95rem}
.hypothese-box strong{color:var(--pierre)}
.article-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.92rem;overflow-x:auto;display:block}
.article-table thead{background:var(--pierre);color:#fff}
.article-table th,.article-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e4dcd0}
.article-table tbody tr:nth-child(even){background:#faf8f5}
.article-cta{background:linear-gradient(135deg,var(--pierre) 0%,#2b2d30 100%);color:#fff;border-radius:10px;padding:2rem;text-align:center;margin:2.5rem 0}
.article-cta h3{font-family:'Oswald',Impact,sans-serif;text-transform:uppercase;margin-bottom:.6rem;font-size:1.25rem}
.article-cta p{color:rgba(255,255,255,.72);margin-bottom:1.25rem;font-size:.95rem}

.article-sidebar{position:sticky;top:100px}
.sidebar-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 16px rgba(0,0,0,.06);margin-bottom:1.5rem}
.sidebar-card h4{font-family:'Oswald',Impact,sans-serif;font-size:.9rem;text-transform:uppercase;letter-spacing:.03em;margin-bottom:1rem;color:var(--texte-doux)}
.sidebar-card ul{list-style:none}
.sidebar-card li{margin-bottom:.7rem;font-size:.92rem}
.sidebar-card li a{color:var(--pierre);font-weight:500;transition:color .2s}
.sidebar-card li a:hover{color:var(--or)}
.sidebar-card .btn{width:100%;justify-content:center;margin-top:.25rem}

.guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem}
.guide-card{background:#fff;border-radius:8px;padding:1.75rem;box-shadow:0 2px 16px rgba(0,0,0,.06);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;height:100%}
.guide-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,0,0,.1)}
.guide-card .article-kicker{color:var(--or-dark)}
.guide-card h3{font-family:'Oswald',Impact,sans-serif;font-size:1.15rem;text-transform:uppercase;margin-bottom:.65rem}
.guide-card p{color:var(--texte-doux);font-size:.92rem;flex-grow:1;margin-bottom:1rem}
.guide-card a.lire-plus{color:var(--or-dark);font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:.4rem}
.guide-pilier{border:2px solid var(--or);position:relative}
.guide-pilier::before{content:'Guide complet';position:absolute;top:-11px;left:1.5rem;background:var(--or);color:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase;padding:.2rem .7rem;border-radius:20px;letter-spacing:.03em}

@media(max-width:900px){
  .article-layout{grid-template-columns:1fr}
  .article-sidebar{position:static}
}