:root{--primary-color:#00e6c3;--primary-dark:#00c1a5;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--bg-dark:#0f172a;--bg-card:#1e293b;--bg-surface:#334155;--border-color:#475569;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem}.article-content{min-height:100vh;background:var(--bg-dark);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;contain:layout style}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.article-header{position:relative;padding:4rem 2rem 3rem;background:linear-gradient(135deg,var(--bg-dark) 0,var(--bg-card) 100%);border-bottom:1px solid var(--border-color)}.article-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark))}.article-cover{display:block;width:100%;max-width:900px;margin:0 auto 2.5rem;height:400px;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);transition:transform .3s ease}.article-cover:hover{transform:scale(1.02)}.article-meta{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;font-size:.9rem;color:var(--text-secondary)}.article-date,.reading-time{display:flex;align-items:center;gap:.5rem;font-weight:500}.article-date:before{content:"📅"}.reading-time:before{content:"⏱️"}.article-title{max-width:800px;margin:0 auto 1.5rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.1;text-align:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-wrap:balance}.article-description{max-width:600px;margin:0 auto 2rem;font-size:1.25rem;line-height:1.7;color:var(--text-secondary);text-align:center;text-wrap:pretty}.article-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin:0;padding:0;list-style:none}.article-category{padding:.5rem 1rem;background:var(--bg-surface);color:var(--primary-color);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}.article-category:hover{background:var(--primary-color);color:var(--bg-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.article-body{max-width:750px;margin:0 auto;padding:3rem 2rem;background:var(--bg-dark)}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{color:var(--text-primary);font-weight:700;line-height:1.3;margin:2.5rem 0 1rem;text-wrap:balance}.article-body h1{font-size:clamp(1.875rem,3vw,2.25rem);margin-top:3rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary-color)}.article-body h2{font-size:clamp(1.5rem,2.5vw,1.875rem);position:relative;padding-left:1.5rem;margin-top:3rem}.article-body h2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-color),var(--primary-dark));border-radius:2px}.article-body h3{font-size:clamp(1.25rem,2vw,1.5rem);color:var(--primary-color)}.article-body h4{font-size:clamp(1.125rem,1.5vw,1.25rem);color:var(--text-secondary);font-weight:600}.article-body p{font-size:1.125rem;line-height:1.8;color:var(--text-primary);margin:0 0 1.5rem;text-align:justify;-webkit-hyphens:auto;hyphens:auto;text-wrap:pretty}.article-body p:first-of-type{font-size:1.25rem;font-weight:500;color:var(--text-secondary)}.article-body p:first-of-type:first-letter{float:left;font-size:4rem;line-height:1;margin:.1rem .5rem 0 0;color:var(--primary-color);font-weight:800}.article-body a{color:var(--primary-color);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:all .2s ease}.article-body a:hover{color:var(--primary-dark);border-bottom-color:var(--primary-color)}.article-body img{display:block;width:100%;max-width:100%;margin:2.5rem auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:transform .3s ease}.article-body img:hover{transform:scale(1.02)}.article-body ol,.article-body ul{margin:2rem 0;padding-left:0;list-style:none}.article-body ol li,.article-body ul li{position:relative;padding:.75rem 0 .75rem 2.5rem;margin-bottom:.5rem;background:var(--bg-card);border-radius:var(--radius-md);border-left:3px solid var(--primary-color);transition:all .2s ease}.article-body ol li:hover,.article-body ul li:hover{background:var(--bg-surface);transform:translateX(.5rem)}.article-body ul li:before{content:"✦";position:absolute;left:1rem;top:.75rem;color:var(--primary-color);font-size:1rem}.article-body ol{counter-reset:item}.article-body ol li:before{counter-increment:item;content:counter(item);position:absolute;left:1rem;top:.75rem;width:1.5rem;height:1.5rem;background:var(--primary-color);color:var(--bg-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.article-body blockquote{position:relative;margin:3rem 0;padding:2rem 2rem 2rem 4rem;background:var(--bg-card);border-radius:var(--radius-lg);font-style:italic;font-size:1.25rem;line-height:1.7;color:var(--text-secondary);box-shadow:var(--shadow-md)}.article-body blockquote:before{content:'"';position:absolute;left:1rem;top:1rem;font-size:3rem;color:var(--primary-color);font-family:Georgia,serif;line-height:1}.article-body pre{background:#0d1117;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin:2rem 0;overflow-x:auto;font-size:.9rem;line-height:1.6}.article-body code,.article-body pre{font-family:JetBrains Mono,Fira Code,Consolas,monospace}.article-body code{background:var(--bg-surface);color:var(--primary-color);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.9em}.article-body pre code{background:none;padding:0;color:#e6edf3}.article-body table{width:100%;margin:2.5rem 0;border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.article-body td,.article-body th{padding:1.25rem 1rem;text-align:left;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);vertical-align:middle}.article-body td:last-child,.article-body th:last-child{border-right:none}.article-body th{background:var(--bg-surface);color:var(--primary-color);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;text-align:center;position:-webkit-sticky;position:sticky;top:0;z-index:10}.article-body th:first-child{text-align:left;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--bg-dark);font-size:.9rem}.article-body td{font-size:1rem;color:var(--text-primary);transition:all .2s ease}.article-body td:first-child{font-weight:600;color:var(--text-primary);background:rgba(0,230,195,.05);border-left:3px solid var(--primary-color)}.article-body td:nth-child(2){text-align:center;font-weight:700;color:var(--primary-color);font-size:1.1rem}.article-body td:nth-child(3){text-align:center;color:var(--text-secondary);font-weight:500}.article-body tr:hover{background:var(--bg-surface);transform:scale(1.01);box-shadow:0 4px 12px rgba(0,230,195,.1)}.article-body tr:hover td:first-child{background:rgba(0,230,195,.1);border-left-color:var(--primary-dark)}.article-body table th:nth-child(2):before{content:"💰 "}.article-body table th:nth-child(3):before{content:"⏱️ "}@media (max-width:768px){.article-body table{font-size:.9rem;border-radius:var(--radius-md)}.article-body td,.article-body th{padding:.75rem .5rem}.article-body th{font-size:.8rem}.article-body td:nth-child(2){font-size:1rem}}@media (max-width:480px){.article-body table{display:block;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--bg-surface)}.article-body table::-webkit-scrollbar{height:8px}.article-body table::-webkit-scrollbar-track{background:var(--bg-surface);border-radius:4px}.article-body table::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}}.reading-progress-container{position:fixed;top:0;left:0;right:0;height:3px;background:var(--bg-surface);z-index:1000;contain:strict}.reading-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));transition:width .15s ease-out;will-change:width;transform:translateZ(0)}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:3.5rem;height:3.5rem;background:var(--primary-color);color:var(--bg-dark);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999;will-change:opacity,transform}.back-to-top.show{opacity:1;transform:translateY(0)}.back-to-top:hover{background:var(--primary-dark);transform:translateY(-3px) scale(1.1);box-shadow:var(--shadow-xl)}.back-to-top:before{content:"↑"}.share-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.share-button,.tts-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease}.share-button:hover,.tts-button:hover{background:var(--primary-color);color:var(--bg-dark);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width:768px){.article-header{padding:2rem 1rem}.article-cover{height:250px;margin-bottom:1.5rem}.article-meta{flex-direction:column;gap:.5rem}.article-title{font-size:clamp(1.5rem,5vw,2rem)}.article-description{font-size:1.125rem}.article-body{padding:2rem 1rem}.article-body p{font-size:1rem;text-align:left}.article-body p:first-of-type:first-letter{font-size:3rem;margin-right:.25rem}.article-body ol li,.article-body ul li{padding-left:2rem}.article-body blockquote{padding:1.5rem 1.5rem 1.5rem 3rem;font-size:1.125rem}.back-to-top{bottom:1rem;right:1rem;width:3rem;height:3rem}.share-buttons{gap:.75rem}.share-button,.tts-button{padding:.5rem 1rem;font-size:.8rem}}@media (max-width:480px){.article-cover{height:200px;border-radius:var(--radius-md)}.article-body h2{padding-left:1rem}.article-body ol li,.article-body ul li{padding:.5rem 0 .5rem 1.5rem}.article-body ol li:before{left:.5rem;top:.5rem;width:1.25rem;height:1.25rem;font-size:.7rem}.article-body ul li:before{left:.5rem;top:.5rem}}@media (prefers-reduced-motion:reduce){.article-body img,.article-body ol li,.article-body ul li,.article-cover,.back-to-top,.share-button,.tts-button{transition:none}}@media (prefers-color-scheme:light){:root{--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--bg-dark:#ffffff;--bg-card:#f8fafc;--bg-surface:#f1f5f9;--border-color:#e2e8f0}}.article-content:empty:before{content:"Chargement de l'article...";display:block;text-align:center;padding:4rem 2rem;color:var(--text-muted);font-style:italic}@media print{.back-to-top,.reading-progress-container,.share-buttons{display:none!important}.article-content{background:white!important;color:black!important}.article-cover{max-height:300px}}html{scroll-behavior:smooth}.back-to-top:focus-visible,.share-button:focus-visible,.tts-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}