:root{--bg: #eef1f5;--panel: #ffffff;--panel-alt: #f5f7fa;--panel-hover: #eaeef4;--text: #1c2430;--text-secondary: #334155;--muted: #5c6878;--border: #d4dce6;--border-strong: #b8c4d4;--brand: #ea670c;--brand-hover: #d05604;--brand-soft: #fff1e6;--accent: #0f62fe;--accent-soft: #e0edff;--success: #198038;--success-soft: #defbe6;--warning: #b25000;--warning-soft: #fff2e2;--danger: #da1e28;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--max-width: 1260px}html[data-theme=dark]{--bg: #16191e;--panel: #20252d;--panel-alt: #1b2027;--panel-hover: #282f3a;--text: #e6edf5;--text-secondary: #c3cfde;--muted: #8b98a9;--border: #2e3643;--border-strong: #3e4859;--brand: #f06f0a;--brand-hover: #ff8324;--brand-soft: rgba(240, 111, 10, .14);--accent: #4589ff;--accent-soft: rgba(69, 137, 255, .15);--success: #24a148;--success-soft: rgba(36, 161, 72, .16);--warning: #f1c21b;--warning-soft: rgba(241, 194, 27, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 6px 18px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box}html{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,sans-serif;font-size:15px;line-height:1.55;color:var(--text);background-color:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg);color:var(--text)}a{color:var(--brand);text-decoration:none;transition:color .15s ease}a:hover{color:var(--brand-hover)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}.site-header{position:sticky;top:0;z-index:100;background-color:var(--panel);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:1rem}.brand-link{display:flex;align-items:center;gap:.75rem;color:var(--text);font-weight:700}.brand-link:hover{color:var(--text)}.brand-logo{width:44px;height:48px;object-fit:contain}[data-theme=dark] .brand-logo{background-color:#fff;padding:3px 4px;border-radius:var(--radius-sm)}.brand-text{display:flex;flex-direction:column}.brand-title{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--text)}.brand-title span{color:var(--brand)}.brand-tagline{font-size:.72rem;font-weight:500;color:var(--muted)}.main-nav{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.nav-link{padding:.45rem .75rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;color:var(--text-secondary);transition:background-color .15s,color .15s}.nav-link:hover{background-color:var(--panel-hover);color:var(--text)}.nav-link.is-active{background-color:var(--brand-soft);color:var(--brand)}.header-actions{display:flex;align-items:center;gap:.5rem}.icon-btn{display:inline-flex;align-items:center;gap:.45rem;height:36px;padding:0 .7rem;border-radius:var(--radius-sm);border:1px solid var(--border);background-color:var(--panel-alt);color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer;transition:background-color .15s,border-color .15s}.icon-btn:hover{background-color:var(--panel-hover);border-color:var(--border-strong);color:var(--text)}.icon-btn svg{width:16px;height:16px;flex-shrink:0}.studio-btn{background-color:var(--brand-soft);border-color:#ea670c59;color:var(--brand)}.studio-btn:hover{background-color:var(--brand);border-color:var(--brand);color:#fff}.draft-pill{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background-color:var(--brand);color:#fff;font-size:.7rem;font-weight:700}.studio-btn:hover .draft-pill{background-color:#fff;color:var(--brand)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:var(--radius-sm);font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.badge--revues{background-color:var(--brand-soft);color:var(--brand)}.badge--news{background-color:var(--accent-soft);color:var(--accent)}.badge--formations{background-color:var(--success-soft);color:var(--success)}.badge--astuces{background-color:var(--warning-soft);color:var(--warning)}.badge--draft{background-color:#fef3c7;color:#b45309;border:1px solid #f59e0b}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1.05rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .15s ease}.btn svg{width:16px;height:16px}.btn--primary{background-color:var(--brand);color:#fff}.btn--primary:hover{background-color:var(--brand-hover);color:#fff}.btn--secondary{background-color:var(--panel);border-color:var(--border-strong);color:var(--text)}.btn--secondary:hover{background-color:var(--panel-hover);color:var(--text)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1.25rem}.post-card{background-color:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.post-card__thumb{position:relative;aspect-ratio:16 / 9;background-color:var(--panel-alt);overflow:hidden;border-bottom:1px solid var(--border)}.post-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.post-card:hover .post-card__thumb img{transform:scale(1.03)}.post-card__video-indicator{position:absolute;bottom:.5rem;right:.5rem;background-color:#16191ed9;color:#fff;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.72rem;font-weight:600;display:inline-flex;align-items:center;gap:.3rem}.post-card__body{padding:1.1rem 1.2rem;display:flex;flex-direction:column;flex:1}.post-card__meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.6rem;font-size:.78rem;color:var(--muted)}.post-card__title{margin:0 0 .6rem;font-size:1.05rem;font-weight:700;line-height:1.35}.post-card__title a{color:var(--text)}.post-card__title a:hover{color:var(--brand)}.post-card__excerpt{margin:0 0 1rem;font-size:.88rem;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.post-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.8rem}.post-card__tags{display:flex;flex-wrap:wrap;gap:.35rem}.tag-chip{font-size:.72rem;padding:.12rem .45rem;border-radius:var(--radius-sm);background-color:var(--panel-alt);border:1px solid var(--border);color:var(--muted)}.article-prose{font-size:1.03rem;line-height:1.72;color:var(--text)}.article-prose h2{margin:2.2rem 0 .85rem;padding-bottom:.45rem;border-bottom:2px solid var(--border);font-size:1.4rem;font-weight:700;color:var(--text)}.article-prose h3{margin:1.6rem 0 .6rem;font-size:1.15rem;font-weight:700;color:var(--text)}.article-prose p{margin:0 0 1.15rem}.article-prose ul,.article-prose ol{margin:0 0 1.25rem;padding-left:1.5rem}.article-prose li{margin-bottom:.4rem}.article-prose img{border-radius:var(--radius-md);border:1px solid var(--border);margin:1.25rem auto}.article-prose .image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1.5rem 0}.article-prose .image-grid--2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.article-prose .image-grid--3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.article-prose .image-grid img{margin:0;width:100%;height:100%;max-height:380px;object-fit:cover}.article-prose figure.article-figure{margin:1.4rem 0;text-align:center}.article-prose figure.article-figure img{margin:0 auto}.article-prose figure.article-figure--medium img{max-width:65%}.article-prose figcaption,.article-prose .image-caption{margin-top:.45rem;font-size:.84rem;color:var(--muted);text-align:center;font-style:italic}.video-embed{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border);background-color:#000;margin:1.25rem 0}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.table-wrapper{overflow-x:auto;margin:1.25rem 0}.article-prose table,.data-table{width:100%;border-collapse:collapse;background-color:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.92rem}.article-prose th,.article-prose td,.data-table th,.data-table td{padding:.65rem .9rem;border-bottom:1px solid var(--border);text-align:left}.article-prose th,.data-table th{background-color:var(--panel-alt);font-weight:700}.search-modal-backdrop{position:fixed;inset:0;z-index:500;background-color:#0f172a8c;display:none;align-items:flex-start;justify-content:center;padding:5vh 1rem}.search-modal-backdrop.is-open{display:flex}.search-modal{width:100%;max-width:680px;background-color:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.search-modal__header{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--border)}.search-modal__input{flex:1;border:none;background:transparent;color:var(--text);font-size:1rem;outline:none}.search-modal__results{max-height:62vh;overflow-y:auto;padding:.5rem}.search-result-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem .85rem;border-radius:var(--radius-sm);color:var(--text)}.search-result-item:hover{background-color:var(--panel-hover);color:var(--text)}.site-footer{margin-top:auto;background-color:var(--panel);border-top:1px solid var(--border);padding:2.5rem 0 1.5rem;font-size:.88rem;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:2rem;margin-bottom:2rem}.footer-heading{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text);margin:0 0 .75rem}.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.footer-links a{color:var(--muted)}.footer-links a:hover{color:var(--brand)}.social-links{display:flex;flex-wrap:wrap;gap:.5rem}.social-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);background-color:var(--panel-alt);color:var(--text-secondary);transition:all .15s}.social-btn:hover{background-color:var(--brand);border-color:var(--brand);color:#fff}.social-btn svg{width:17px;height:17px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:1.25rem;border-top:1px solid var(--border);font-size:.8rem}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}.header-inner{flex-wrap:wrap;padding:.6rem 0}.main-nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem}}@media(max-width:600px){.footer-grid,.posts-grid{grid-template-columns:1fr}}