.home-button{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:10px16px;border-radius:24px;background:#1a1a1a;color:white;text-decoration:none;font-weight:bold;transition:background.2sease,transform.2sease;}
.home-button:hover{background:#1557b0;transform:translateY(-1px);}
.home-button:focus-visible{outline:3pxsolid#1a73e8;outline-offset:3px;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:#f6f8fc;color:#202124;font-family:'ReemKufi',Arial,sans-serif;line-height:1.5;}
/*ACCESSIBILITÉ*/
.skip-link{position:absolute;left:-9999px;}
.skip-link:focus{left:20px;top:20px;z-index:9999;background:#000;color:#fff;padding:12px;border-radius:6px;text-decoration:none;}
.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;}
:focus-visible{outline:3pxsolid#1a73e8;outline-offset:3px;}
img{max-width:100%;height:auto;display:block;-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none;}
/*EN-TÊTE*/
.top-bar{position:sticky;top:0;z-index:1000;background:#ffffff;padding:20px;box-shadow:02px10pxrgba(0,0,0,.08);}
.site-title{margin:0;color:#CECECE;font-size:34px;}
.site-author{margin:5px015px;color:#4b5563;}
/*FILTRES*/
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;}
#searchBox,
#categoryFilter,
#yearFilter{padding:12px16px;border:1pxsolid#d0d7de;border-radius:24px;background:#fff;font-size:15px;}
#searchBox{flex:1;min-width:250px;}
#categoryFilter,
#yearFilter{min-width:180px;}
#resetFilters{padding:12px20px;border:none;border-radius:24px;background:#1a73e8;color:white;cursor:pointer;font-weight:bold;}
#resetFilters:hover{background:#1557b0;}
#resultsCount{margin-top:10px;font-size:14px;font-weight:bold;color:#4b5563;}
/*GOOGLEACTUALITÉS*/
.top-stories{max-width:1500px;margin:20pxauto;padding:020px;display:grid;grid-template-columns:2fr1fr;gap:24px;}
.headline-story{background:white;border-radius:20px;overflow:hidden;box-shadow:02px8pxrgba(0,0,0,.10);}
.headline-storyimg{width:100%;height:500px;object-fit:cover;}
.headline-content{padding:24px;}
.headline-contenth2{margin:0015px;font-size:36px;}
.latest-stories{display:flex;flex-direction:column;gap:16px;}
.story-small{display:flex;gap:12px;background:white;border-radius:14px;padding:10px;box-shadow:02px8pxrgba(0,0,0,.08);}
.story-smallimg{width:140px;height:90px;object-fit:cover;border-radius:5px;}
/*GRILLEDESGALERIES*/
.news-grid{max-width:1500px;margin:auto;padding:20px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));}
.news-card{background:white;border-radius:5px;overflow:hidden;border:1pxsolid#e5e7eb;transition:transform.2sease,box-shadow.2sease;}
.news-card:hover{transform:translateY(-3px);box-shadow:06px16pxrgba(0,0,0,.12);}
.card-link{display:block;color:inherit;text-decoration:none;}
.news-cardimg{width:100%;aspect-ratio:16/9;object-fit:cover;}
.news-content{padding:18px;}
.news-tag{display:inline-block;padding:4px10px;border-radius:999px;background:#e8f0fe;color:#1967d2;font-size:12px;font-weight:600;}
.news-contenth2{margin:10px0;font-size:20px;line-height:1.35;}
.news-date{color:#6b7280;font-size:13px;margin-bottom:8px;}
/*PAGINATION*/
.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:20px040px;}
.paginationbutton{min-height:44px;padding:12px16px;border:none;border-radius:24px;background:#1a73e8;color:white;cursor:pointer;}
.page-numbers{display:flex;gap:8px;flex-wrap:wrap;}
.page-number{width:44px;height:44px;border:none;border-radius:50%;background:white;cursor:pointer;}
.page-number.active{background:#1a73e8;color:white;}
/*RETOURENHAUT*/
.navigation-tools{display:flex;justify-content:center;margin:20px0;}
.scroll-top{display:none;padding:12px20px;border:none;border-radius:24px;background:#1a73e8;color:white;cursor:pointer;}
/*FOOTER*/
.footer{background:#0d0d0d;color:white;text-align:center;padding:30px;}
.footera{color:#7db5ff;}
/*MOBILE*/
.mobile-only{display:none;}
@media(max-width:768px){
.top-stories{grid-template-columns:1fr;}
.headline-storyimg{height:250px;}
.site-title{font-size:24px;text-align:center;}
.site-author{text-align:center;}
.filters{flex-direction:column;}
#searchBox,
#categoryFilter,
#yearFilter,
#resetFilters{width:100%;}
.news-grid{grid-template-columns:1fr;padding:12px;}
.desktop-only{display:none;}
.mobile-only{display:inline;}
.scroll-top{padding:8px14px;font-size:13px;}}
/*MODESOMBRE*/
@media(prefers-color-scheme:dark){
body{background:#121212;color:#f1f1f1;}
.top-bar,
.news-card,
.headline-story,
.story-small{background:#1e1e1e;}
#searchBox,
#categoryFilter,
#yearFilter{background:#2c2c2c;color:white;border-color:#444;}
.news-date,
.site-author,
#resultsCount{color:#c7c7c7;}
.page-number{background:#1f2937;color:#f3f4f6;}
.page-number.active{background:#60a5fa;color:#111827;}
.scroll-top{background:#60a5fa;color:#111827;}}