:root{--paper: #FBFAF8;--paper-2: #F2F0EC;--paper-dark: #0E1116;--paper-dark-2: #161B22;--ink: #14181F;--ink-muted: #5A636F;--ink-faint: #9AA3AD;--hairline: #E7E3DC;--hairline-dark:#2A3040;--accent: #163A5F;--accent-2: #0E7C86;--accent-light: #E8F4F8;--cat-fondamentaux: #0E7C86;--cat-decryptages: #163A5F;--cat-guides: #B7410E;--cat-comparatifs: #553C9A;--cat-moteurs: #276749;--cat-actualites: #4A5568;--cat-etudes: #92400E;--font-display: "Fraunces", Georgia, serif;--font-reading: "Newsreader", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.875rem;--text-3xl: 2.5rem;--text-4xl: 3.5rem;--text-hero: clamp(3rem, 7vw, 5.5rem);--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s6: 1.5rem;--s8: 2rem;--s12: 3rem;--s16: 4rem;--s24: 6rem;--s32: 8rem;--max-content: 1100px;--max-wide: 1320px;--max-reading: 720px;--ease: .15s ease-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased}img,video{display:block;max-width:100%}a{color:var(--accent-2);text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--ease)}a:hover{color:var(--accent)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;line-height:1.12;letter-spacing:-.015em;color:var(--ink)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin-bottom:var(--s4);max-width:var(--max-reading)}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);display:block;margin-bottom:var(--s2)}.eyebrow--light{color:#ffffff80}.container{max-width:var(--max-content);margin-inline:auto;padding-inline:var(--s6)}.container--wide{max-width:var(--max-wide);margin-inline:auto;padding-inline:var(--s6)}.section{padding-block:var(--s24)}.section--sm{padding-block:var(--s12)}.section--alt{background:var(--paper-2)}.section--dark{background:var(--paper-dark);color:#ffffffe6}.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:#fff}.section--dark p{color:#ffffffb3}.section--dark a{color:var(--accent-2)}.section--dark .eyebrow{color:#fff6}.section--dark hr{border-color:var(--hairline-dark)}hr{border:none;border-top:1px solid var(--hairline);margin-block:var(--s8)}.cat-badge{display:inline-block;font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:.2em .7em;border-radius:3px;color:#fff;text-decoration:none}.cat-badge--fondamentaux{background:var(--cat-fondamentaux)}.cat-badge--decryptages{background:var(--cat-decryptages)}.cat-badge--guides{background:var(--cat-guides)}.cat-badge--comparatifs{background:var(--cat-comparatifs)}.cat-badge--moteurs{background:var(--cat-moteurs)}.cat-badge--actualites{background:var(--cat-actualites)}.cat-badge--etudes{background:var(--cat-etudes)}.reading-time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-faint)}.article-card{display:flex;flex-direction:column;border:1px solid var(--hairline);border-radius:8px;overflow:hidden;background:var(--paper);text-decoration:none;color:inherit;transition:transform var(--ease),box-shadow var(--ease)}.article-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000012}.article-card__thumb{height:160px;display:flex;align-items:flex-end;padding:var(--s4)}.article-card__thumb--fondamentaux{background:linear-gradient(135deg,#0e7c86,#0a5a62)}.article-card__thumb--decryptages{background:linear-gradient(135deg,#163a5f,#0d2340)}.article-card__thumb--guides{background:linear-gradient(135deg,#b7410e,#8b300a)}.article-card__thumb--comparatifs{background:linear-gradient(135deg,#553c9a,#3d2b72)}.article-card__thumb--moteurs{background:linear-gradient(135deg,#276749,#1a4a34)}.article-card__thumb--actualites{background:linear-gradient(135deg,#4a5568,#2d3748)}.article-card__thumb--etudes{background:linear-gradient(135deg,#92400e,#6b2f0a)}.article-card__body{padding:var(--s6);display:flex;flex-direction:column;gap:var(--s2);flex:1}.article-card__meta{display:flex;align-items:center;gap:var(--s3)}.article-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:1.3;color:var(--ink);margin:0;max-width:100%}.article-card:hover .article-card__title{color:var(--accent)}.article-card__excerpt{font-size:var(--text-sm);color:var(--ink-muted);line-height:1.6;margin:0;flex:1;max-width:100%}.featured-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--hairline);border-radius:8px;overflow:hidden;background:var(--paper);text-decoration:none;color:inherit;min-height:380px;transition:box-shadow var(--ease)}.featured-card:hover{box-shadow:0 12px 48px #00000014}.featured-card__thumb{min-height:100%}.featured-card__body{padding:var(--s12);display:flex;flex-direction:column;justify-content:center;gap:var(--s4)}.featured-card__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500;line-height:1.2;color:var(--ink);margin:0;max-width:100%}.featured-card:hover .featured-card__title{color:var(--accent)}.featured-card__excerpt{color:var(--ink-muted);margin:0;font-size:var(--text-lg);max-width:100%}.pull-quote{border-left:4px solid var(--accent-2);padding:var(--s6) var(--s8);margin-block:var(--s8);background:var(--paper-2);border-radius:0 6px 6px 0}.pull-quote__text{font-family:var(--font-reading);font-size:var(--text-xl);font-weight:400;font-style:italic;line-height:1.5;color:var(--ink);margin:0 0 var(--s2);max-width:100%}.pull-quote__source{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em}.article-body{font-family:var(--font-reading);font-size:1.125rem;line-height:1.8;max-width:var(--max-reading)}.article-body p{max-width:100%;margin-bottom:var(--s6)}.article-body h2{margin-block:var(--s12) var(--s4);font-size:var(--text-2xl)}.article-body h3{margin-block:var(--s8) var(--s3);font-size:var(--text-xl)}.article-body ul,.article-body ol{padding-left:1.5rem;margin-bottom:var(--s6);display:flex;flex-direction:column;gap:var(--s2)}.article-body li{line-height:1.7}.article-body strong{font-weight:600;color:var(--ink)}.article-body code{font-family:var(--font-mono);font-size:.9em;background:var(--paper-2);border:1px solid var(--hairline);padding:.1em .4em;border-radius:3px}.source-block{background:var(--paper-2);border-left:3px solid var(--accent-2);padding:var(--s4) var(--s6);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-muted);margin-block:var(--s6)}.article-layout{display:grid;grid-template-columns:1fr 280px;gap:var(--s12);align-items:start}.article-toc{position:sticky;top:5rem;padding:var(--s6);border:1px solid var(--hairline);border-radius:6px}.article-toc__title{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin-bottom:var(--s4)}.article-toc__list{list-style:none;display:flex;flex-direction:column;gap:var(--s2)}.article-toc__list a{font-size:var(--text-sm);color:var(--ink-muted);text-decoration:none;transition:color var(--ease);display:block;padding:var(--s1) 0;border-bottom:1px solid var(--hairline)}.article-toc__list a:hover{color:var(--accent-2)}.article-header{padding-block:var(--s16) var(--s8);border-bottom:1px solid var(--hairline);margin-bottom:var(--s12)}.article-header__meta{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4);flex-wrap:wrap}.article-header h1{font-size:var(--text-3xl);margin-bottom:var(--s4)}.article-header__intro{font-family:var(--font-reading);font-size:var(--text-lg);color:var(--ink-muted);line-height:1.7;max-width:680px;margin:0}.key-stat{border:1px solid var(--hairline);border-radius:6px;padding:var(--s6);margin-block:var(--s8);display:flex;gap:var(--s6);align-items:center}.key-stat__value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;color:var(--accent-2);line-height:1;white-space:nowrap}.key-stat__desc{color:var(--ink-muted);font-size:var(--text-sm);margin:0}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s6)}.articles-grid--2{grid-template-columns:repeat(2,1fr)}.btn{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;border-radius:4px;text-decoration:none;transition:background var(--ease),opacity var(--ease);cursor:pointer;border:none}.btn--primary{background:var(--accent-2);color:#fff}.btn--primary:hover{background:#0a5a62;color:#fff}.btn--dark{background:#fff;color:var(--ink)}.btn--dark:hover{background:var(--accent-light);color:var(--accent)}.btn--ghost{background:transparent;border:1px solid var(--hairline);color:var(--ink)}.btn--ghost:hover{border-color:var(--accent-2);color:var(--accent-2)}.site-nav{position:sticky;top:0;z-index:100;background:#fbfaf8f0;backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline)}.site-nav__inner{max-width:var(--max-wide);margin-inline:auto;padding-inline:var(--s6);padding-block:var(--s4);display:flex;align-items:center;justify-content:space-between;gap:var(--s8)}.site-nav__logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--ink);text-decoration:none;line-height:1.1}.site-nav__logo span{display:block;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);font-weight:400}.site-nav__links{display:flex;gap:var(--s6);list-style:none}.site-nav__links a{font-size:var(--text-sm);color:var(--ink-muted);text-decoration:none;transition:color var(--ease);font-weight:500}.site-nav__links a:hover{color:var(--ink)}.site-footer{background:var(--paper-dark);padding-block:var(--s16);color:#fff9}.site-footer__inner{max-width:var(--max-wide);margin-inline:auto;padding-inline:var(--s6);display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--s12)}.site-footer__brand .site-nav__logo{color:#fff}.site-footer__brand p{color:#ffffff80;font-size:var(--text-sm);margin-top:var(--s3);max-width:300px}.site-footer__col h4{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin-bottom:var(--s4)}.site-footer__col ul{list-style:none;display:flex;flex-direction:column;gap:var(--s2)}.site-footer__col a{font-size:var(--text-sm);color:#ffffff80;text-decoration:none;transition:color var(--ease)}.site-footer__col a:hover{color:#fff}.site-footer__bottom{max-width:var(--max-wide);margin-inline:auto;padding-inline:var(--s6);padding-top:var(--s8);margin-top:var(--s8);border-top:1px solid var(--hairline-dark);font-family:var(--font-mono);font-size:var(--text-xs);color:#ffffff4d}:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;border-radius:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:1024px){.article-layout{grid-template-columns:1fr}.article-toc{display:none}.featured-card{grid-template-columns:1fr;min-height:auto}.featured-card__thumb{height:220px}.site-footer__inner{grid-template-columns:1fr 1fr}}@media(max-width:768px){.articles-grid,.articles-grid--2,.site-footer__inner{grid-template-columns:1fr}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}}
