:root{--ink:#102a43;--muted:#627d98;--blue:#0b5cab;--gold:#d7a84d;--pale:#f4f7fb;--line:#d9e2ec;--white:#fff;--shadow:0 18px 50px rgba(16,42,67,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;line-height:1.65}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);
white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;background:var(--ink);color:#fff;padding:10px 14px;z-index:30}.topline{background:var(--ink);color:#d9e2ec;font-size:.78rem}.top-line-inner{display:flex;justify-content:
    space-between;padding:8px 0}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(217,226,236,.8)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:78px}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}
    .brand img{width:47px;height:47px;object-fit:contain}.brand strong{display:block;font-size:1.5rem;letter-spacing:.08em;line-height:1}.brand small{display:block;color:var(--muted);
        font-size:.7rem;margin-top:3px}.site-nav{display:flex;align-items:center;gap:25px}.site-nav a{color:var(--ink);font-weight:600;font-size:.92rem;text-decoration:none;transition:color 
            
            .2s ease}.site-nav a:hover,.site-nav a.active{color:var(--blue)}.nav-search{font-size:1.55rem;line-height:1}.nav-admin{border:1px solid rgba(16,42,67,.25)
                
                ;border-radius:999px;padding:7px 12px!important;color:var(--blue)!important;background:#f4f7fb}.nav-admin:hover,.nav-admin:focus{background:var(--gold);border-color:var(--gold);color:var(--ink)
                    
                    !important}.nav-toggle{display:none;border:0;background:none;padding:8px}.nav-toggle span{display:block;width:23px;height:2px;background:var(--ink);margin:4px}.hero{position:relative;overflow:hidden;background:
                        
                        linear-gradient(120deg,#102a43,#0b5cab);color:#fff}.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba
                            
                            (215,168,77,.4),transparent 35%);pointer-events:none}.hero-inner{position:relative;z-index:1;min-height:480px;display:grid;grid-template-columns:1.05fr 
                                
                                .95fr;gap:50px;align-items:center;padding:70px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#f6d98f;text-transform:uppercase;
                                    
                                    letter-spacing:.16em;font-size:.72rem;font-weight:700}.eyebrow:before{content:''
                                        
                                        ;width:28px;height:2px;background:var(--gold)}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;line-height:1.15;margin:0 0 18px}.hero h1{font-size:clamp(2.3rem,5vw,4.5rem)
                                            
                                            
                                            ;max-width:700px}.hero p{font-size:1.08rem;color:#d9e2ec;max-width:610px}.hero-media{height:360px;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:#234}.hero-media img{width:100%;height:100%;object-fit:cover}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:5px;padding:11px 18px;font-weight:700;text-decoration:none;transition:transform .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--gold);color:#172b4d}.btn-outline{border:1px solid var(--line);color:var(--ink);background:#fff}.section{padding:76px 0}.section-soft{background:var(--pale)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2{font-size:clamp(1.8rem,3vw,2.7rem);margin-bottom:7px}.section-heading p{color:var(--muted);margin:0}.news-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:22px}.news-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 6px 24px rgba(16,42,67,.05)}.news-card.featured{grid-row:span 2}.news-card-media{height:210px;background:#d9e2ec;overflow:hidden}.featured .news-card-media{height:315px}.news-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.news-card:hover .news-card-media img{transform:scale(1.04)}.news-card-body{padding:20px}.tag{display:inline-block;color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.news-card h3{font-family:'DM Sans',Arial,sans-serif;font-size:1.15rem;line-height:1.35;margin-bottom:9px}.featured h3{font-family:'Playfair Display',Georgia,serif;font-size:1.65rem}.meta{color:var(--muted);font-size:.8rem}.news-card p{color:var(--muted);margin:12px 0 18px}.card-link{color:var(--blue);font-weight:700;text-decoration:none}.card-link:after{content:' →';}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.stat{padding:20px;border-radius:10px;background:#fff;border:1px solid var(--line)}.stat strong{display:block;font-family:'Playfair Display',Georgia,serif;font-size:2rem}.stat span{color:var(--muted);font-size:.88rem}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:45px}.article-header{padding:70px 0 30px}.article-header h1{font-size:clamp(2.3rem,5vw,4.3rem);max-width:900px}.article-cover{height:min(560px,55vw);border-radius:16px;overflow:hidden;margin:20px 0 35px;background:#d9e2ec}.article-cover img{width:100%;height:100%;object-fit:cover}.article-content{font-size:1.08rem;max-width:790px}.article-content p{margin:0 0 1.2em}.article-content img{max-width:100%;height:auto;border-radius:10px}.article-sidebar{padding-top:125px}.sidebar-card{padding:22px;background:var(--pale);border:1px solid var(--line);border-radius:12px;margin-bottom:18px}.sidebar-card h2{font-size:1.3rem}.sidebar-card a{display:block;color:var(--ink);text-decoration:none;padding:7px 0}.filters{display:flex;flex-wrap:wrap;gap:10px;padding:18px;background:var(--pale);border:1px solid var(--line);border-radius:10px;margin-bottom:30px}.filters input,.filters select{min-height:43px;padding:8px 11px;border:1px solid var(--line);border-radius:5px;background:#fff;font:inherit}.filters input{flex:1;min-width:230px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pagination{display:flex;gap:8px;justify-content:center;margin-top:35px}.pagination a,.pagination span{padding:8px 13px;border:1px solid var(--line);border-radius:5px;text-decoration:none;color:var(--ink)}.pagination .current{background:var(--blue);color:#fff}.empty{padding:45px;text-align:center;background:var(--pale);border-radius:10px;color:var(--muted)}.site-footer{background:#102a43;color:#d9e2ec;padding:55px 0 18px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer-brand{font-family:'Playfair Display',Georgia,serif;font-size:2.2rem;color:#fff}.site-footer h2{font-family:'DM Sans',Arial,sans-serif;font-size:1rem;color:#fff}.site-footer p{color:#9fb3c8}.site-footer a{display:block;color:#d9e2ec;text-decoration:none;margin:5px 0}.footer-bottom{border-top:1px solid rgba(217,226,236,.18);margin-top:38px;padding-top:15px;display:flex;justify-content:space-between;color:#9fb3c8;font-size:.78rem}.alert{padding:14px 17px;border-radius:8px;margin:18px 0}.alert-error{background:#fff1f0;color:#b42318}.alert-success{background:#eafaf2;color:#067647}.form-card{max-width:800px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:.9rem}.field input,.field textarea,.field select{font:inherit;padding:11px 12px;border:1px solid var(--line);border-radius:6px}.field textarea{min-height:180px;resize:vertical}@media(max-width:900px){.site-nav{gap:15px}.hero-inner{grid-template-columns:1fr}.hero-media{height:280px}.news-grid{grid-template-columns:1fr 1fr}.news-card.featured{grid-row:auto}.archive-grid{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.article-sidebar{padding-top:0}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.container{width:min(100% - 28px,1160px)}.top-line-inner{display:none}.nav-wrap{min-height:70px}.nav-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:70px;padding:16px 20px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 15px 25px rgba(16,42,67,.08);flex-direction:column;align-items:flex-start}.site-nav.is-open{display:flex}.hero-inner{padding:50px 0}.section{padding:55px 0}.section-heading{display:block}.section-heading .btn{margin-top:15px}.news-grid,.archive-grid,.form-grid,.footer-grid{grid-template-columns:1fr}.news-card.featured .news-card-media,.news-card-media{height:230px}.stats{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}.article-header{padding:45px 0 20px}.article-cover{height:270px}.filters input{min-width:100%}}



                                            /* =========================================================
   JOURNAL DE L'OASP - GRILLE DES 6 ACTUALITÉS
   ========================================================= */

.news-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
}

.news-grid .news-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-width: 0;
    overflow: hidden;
}

.news-grid .news-card-media {
    display: block;
    width: 100%;
    height: 230px;
    min-height: 230px;
    overflow: hidden;
    flex-shrink: 0;
    background: #f1f5f9;
}

.news-grid .news-card-media img {
    display: block;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center;
}

.news-grid .news-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 24px;
}

.news-grid .news-card-body h3 {
    margin: 10px 0 12px;
    line-height: 1.35;

    /* Même hauteur visuelle pour les titres */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news-grid .news-card-body p {
    line-height: 1.6;

    /* Même hauteur pour les descriptions */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;

    margin-bottom: 18px;
}

.news-grid .news-card-body .card-link {
    margin-top: auto;
}

/* Tablette */
@media (max-width: 992px) {
    .news-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }

    .news-grid .news-card-media {
        height: 220px;
        min-height: 220px;
    }
}

/* Téléphone */
@media (max-width: 640px) {
    .news-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .news-grid .news-card-media {
        height: 220px;
        min-height: 220px;
    }

    .news-grid .news-card-body {
        padding: 20px;
    }
}