/* HEADER */
    
    
    
    
    .h-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;font-family:"Inter",sans-serif;font-size:13px;font-weight:600;padding:8px 16px;cursor:pointer;white-space:nowrap;}
    .h-btn:hover{background:var(--accent-h);}

    /* HERO */
    .actu-hero{background:linear-gradient(135deg,#0b1d5e 0%,#1a56db 60%,#1e88c8 100%);padding:52px 20px;text-align:center;}
    .actu-hero-inner{max-width:680px;margin:0 auto;}
    .actu-hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:12px;font-weight:600;padding:5px 14px;border-radius:20px;margin-bottom:20px;}
    .actu-hero h1{font-family:"Manrope",sans-serif;font-size:clamp(24px,4vw,38px);font-weight:800;color:#fff;line-height:1.2;letter-spacing:-.5px;margin-bottom:12px;}
    .actu-hero p{font-size:15px;color:rgba(255,255,255,.75);line-height:1.6;}

    /* FILTERS */
    .actu-filters{max-width:1100px;margin:0 auto;padding:28px 20px 0;display:flex;gap:8px;flex-wrap:wrap;}
    .actu-filter-btn{font-family:"Inter",sans-serif;font-size:12.5px;font-weight:600;padding:6px 14px;border-radius:99px;border:1.5px solid var(--border);background:var(--white);color:var(--text2);cursor:pointer;transition:all .15s;}
    .actu-filter-btn:hover,.actu-filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);}

    /* GRID */
    .actu-main{max-width:1100px;margin:0 auto;padding:24px 20px 64px;}
    .actu-count{font-size:13px;color:var(--text3);margin-bottom:20px;}
    .actu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
    @media(max-width:900px){.actu-grid{grid-template-columns:repeat(2,1fr);}}
    @media(max-width:560px){.actu-grid{grid-template-columns:1fr;}}

    /* CARD */
    .actu-card{background:var(--white);border:1px solid var(--border);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s;}
    .actu-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.10);transform:translateY(-2px);}
    .actu-card-thumb{height:150px;display:flex;align-items:center;justify-content:center;font-size:54px;background:linear-gradient(135deg,var(--accent-l),var(--accent-m));position:relative;}
    .actu-card-body{padding:14px 16px;display:flex;flex-direction:column;gap:8px;flex:1;}
    .actu-card-
    .actu-card-cat{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);}
    .actu-card-cat.green{color:var(--green);}
    .actu-card-cat.gold{color:var(--gold);}
    .actu-card-title{font-family:"Manrope",sans-serif;font-size:14.5px;font-weight:700;line-height:1.35;color:var(--text);}
    .actu-card-excerpt{font-size:12.5px;color:var(--text2);line-height:1.55;flex:1;}
    .actu-card-
    .actu-card-date{font-size:11px;color:var(--text3);}
    .actu-card-read{font-size:12px;font-weight:600;color:var(--accent);}

    /* ARTICLE MODAL */
    .article-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;overflow-y:auto;padding:40px 20px;}
    .article-overlay.open{display:flex;align-items:flex-start;justify-content:center;}
    .article-modal{background:#fff;border-radius:16px;max-width:740px;width:100%;padding:48px;position:relative;}
    .article-close{position:absolute;top:20px;right:20px;background:var(--bg);border:none;border-radius:50%;width:36px;height:36px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text2);}
    .article-close:hover{background:var(--border);}
    .article-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);margin-bottom:12px;}
    .article-h1{font-family:"Manrope",sans-serif;font-size:clamp(20px,3vw,28px);font-weight:800;line-height:1.25;letter-spacing:-.4px;margin-bottom:16px;}
    .article-meta{font-size:12px;color:var(--text3);margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border);}
    .article-
    .article-body h2{font-family:"Manrope",sans-serif;font-size:18px;font-weight:700;color:var(--text);margin:28px 0 10px;}
    .article-body p{margin-bottom:14px;}
    .article-body ul{padding-left:20px;margin-bottom:14px;}
    .article-body li{margin-bottom:6px;}
    .article-cta-wrap{margin-top:32px;padding-top:24px;border-top:1px solid var(--border);text-align:center;}
    .article-cta{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;font-family:"Inter",sans-serif;font-size:14px;font-weight:600;padding:12px 24px;border-radius:9px;text-decoration:none;}
    .article-cta:hover{background:var(--accent-h);}

    /* FOOTER */
    
    footer a{color:rgba(255,255,255,.5);text-decoration:none;}
    footer a:hover{color:#fff;}