/* CSS complémentaire chargé après rendu */
/* Google Fonts optimisé */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap&subset=latin');

/* ===== RELATED ARTICLES ===== */
.related-articles{padding:40px 0;border-top:2px solid var(--border);margin-top:40px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
@media(max-width:768px){.related-grid{grid-template-columns:1fr}}

/* ===== READING PROGRESS ===== */
#reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--primary);z-index:9999;transition:width .1s linear;width:0}

/* ===== TABLE OF CONTENTS ===== */
.toc{background:var(--light);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin:32px 0}
.toc-title{font-weight:700;margin-bottom:10px}
.toc ol{padding-left:20px}
.toc li{margin-bottom:4px;font-size:.9rem}
.toc a{color:var(--primary)}

/* ===== SOCIAL SHARE ===== */
.share-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:32px 0}
.share-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:.85rem;font-weight:600;border:none;cursor:pointer;transition:var(--transition);color:#fff}
.share-btn.facebook{background:#1877f2}
.share-btn.twitter{background:#000}
.share-btn.whatsapp{background:#25d366}
.share-btn.copy-link{background:var(--gray);position:relative}
.share-btn:hover{opacity:.85;transform:translateY(-1px)}

/* ===== DARK MODE ===== */
@media(prefers-color-scheme:dark){
  :root{--dark:#f1f5f9;--light:#1e293b;--border:#334155;--gray:#94a3b8}
  body{background:#0f172a;color:#e2e8f0}
  #site-header{background:#1e293b}
  .card{background:#1e293b}
  #site-footer{background:#020617}
}

/* ===== PRINT ===== */
@media print{
  #site-header,#site-footer,.sidebar,.share-buttons,.breaking-bar{display:none}
  .grid-main{grid-template-columns:1fr}
  .article-content{font-size:12pt}
}