:root{--ink: #1a1612;--cream: #faf8f5;--white: #ffffff;--sand: #f2ead8;--sand-2: #e8e0cc;--accent: #c8522a;--accent-light: rgba(200,82,42,.1);--accent-pale: rgba(200,82,42,.07);--muted: #8a8480;--border: #ddd8cf;--shadow: 0 1px 4px rgba(26,22,18,.08);--green: #4a7a5a;--brown: #8a6a42;--blue: #5a6a9a}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--sand);color:var(--ink);font-family:DM Sans,sans-serif}a{text-decoration:none;color:inherit}.reading-bar{position:fixed;top:72px;left:0;height:2px;background:var(--accent);width:0;z-index:100;transition:width .1s}.site-header{background:var(--white);border-bottom:1px solid var(--border);box-shadow:var(--shadow);padding:0 40px;height:72px;display:flex;align-items:center;position:sticky;top:0;z-index:50}.logo-group{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-right:32px}.logo-mark{width:46px;height:46px;background:var(--ink);display:flex;align-items:center;justify-content:center;font-family:Bitter,serif;font-size:28px;color:#fff;font-weight:900;flex-shrink:0;letter-spacing:-.02em}.logo-text{display:flex;flex-direction:column;gap:1px}.logo{font-family:Bitter,serif;font-size:30px;font-weight:900;letter-spacing:-.03em;white-space:nowrap;line-height:1.1}.logo em{color:var(--accent);font-style:italic}.logo-tagline{font-size:10px;color:var(--muted);letter-spacing:.04em;white-space:nowrap;font-style:italic}.header-nav{display:flex;align-items:center;justify-content:center;gap:2px;flex:1}.hn-link{font-size:12.5px;font-weight:500;color:var(--muted);padding:7px 13px;border-radius:4px;transition:background .15s,color .15s;white-space:nowrap;display:flex;align-items:center;gap:6px}.hn-link:hover{background:var(--sand);color:var(--ink)}.hn-link.active{background:var(--accent-light);color:var(--accent);font-weight:600}.hn-count{font-size:10px;font-weight:700;background:var(--sand-2);color:var(--muted);padding:1px 6px;border-radius:10px;letter-spacing:0}.hn-link.active .hn-count{background:#c8522a26;color:var(--accent)}.hn-link:hover .hn-count{background:var(--border);color:var(--ink)}.ht-right{display:flex;align-items:center;flex-shrink:0}.pill-btn{display:inline-block;background:var(--ink);color:var(--cream);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:8px 20px;border-radius:20px;white-space:nowrap;transition:background .15s}.pill-btn:hover{background:var(--accent)}.content{display:grid;grid-template-columns:1fr 300px;max-width:1200px;margin:0 auto}.main{border-right:1px solid var(--border);background:var(--white);min-width:0}.page-header{padding:40px 48px 32px;background:var(--white);border-bottom:1px solid var(--border)}.ph-tag{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);background:var(--accent-pale);border:1px solid rgba(200,82,42,.2);padding:4px 10px;display:inline-block;margin-bottom:16px}.ph-title{font-family:Bitter,serif;font-size:32px;font-weight:900;letter-spacing:-.03em;margin-bottom:10px;line-height:1.1}.ph-desc{font-size:14px;color:var(--muted);line-height:1.6;max-width:500px}.ph-count{margin-top:16px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hero-article{background:var(--white);padding:44px 48px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr 200px;gap:40px;align-items:start}.ha-tag{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);background:var(--accent-pale);border:1px solid rgba(200,82,42,.2);padding:4px 10px;display:inline-block;margin-bottom:16px}.ha-title{font-family:Bitter,serif;font-size:clamp(26px,2.8vw,38px);font-weight:900;line-height:1.1;letter-spacing:-.03em;margin-bottom:14px}.ha-title em{font-style:italic;color:var(--accent)}.ha-deck{font-size:15px;line-height:1.75;color:#4a4540;margin-bottom:24px}.ha-footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ha-btn{display:inline-block;background:var(--ink);color:var(--cream);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:11px 26px;border-radius:3px;transition:background .15s}.ha-btn:hover{background:var(--accent)}.ha-btn-ghost{display:inline-block;border:1.5px solid var(--border);color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:11px 20px;border-radius:3px;transition:border-color .15s,color .15s}.ha-btn-ghost:hover{border-color:var(--ink);color:var(--ink)}.ha-meta{font-size:12px;color:var(--muted);letter-spacing:.04em}.ha-right{display:flex;flex-direction:column;gap:12px}.ha-score-block{background:var(--sand);border:1px solid var(--border);padding:16px;text-align:center}.ha-score-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.ha-score-val{font-family:Bitter,serif;font-size:48px;font-weight:900;line-height:1;letter-spacing:-.04em;color:var(--accent)}.ha-score-sub{font-size:10px;color:var(--muted);margin-top:4px;letter-spacing:.08em}.ha-verdict{background:var(--sand);border:1px solid var(--border);border-left:3px solid var(--accent);padding:14px}.ha-verdict-label{font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.ha-verdict-text{font-size:12.5px;color:#3d3830;line-height:1.55;font-style:italic}.articles-header{display:grid;grid-template-columns:100px 1fr 140px 80px 60px;gap:16px;padding:10px 48px;background:var(--sand-2);border-bottom:1px solid var(--border)}.col-head{font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.article-row{display:grid;grid-template-columns:100px 1fr 140px 80px 60px;gap:16px;padding:18px 48px;border-bottom:1px solid var(--border);background:var(--white);align-items:center;cursor:pointer;transition:background .12s}.article-row:nth-child(2n){background:var(--cream)}.article-row:hover{background:var(--accent-pale)}.row-badge{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;text-align:center;border:1px solid;border-radius:2px;white-space:nowrap}.row-title{font-family:Bitter,serif;font-size:15px;font-weight:700;line-height:1.3;letter-spacing:-.01em;margin-bottom:3px}.row-title a{color:inherit}.row-title a:hover{color:var(--accent)}.row-desc{font-size:12px;color:var(--muted);line-height:1.45}.row-cat,.row-date{font-size:12px;color:var(--muted);letter-spacing:.04em}.row-time{font-family:Bitter,serif;font-size:16px;font-weight:900;color:var(--border);letter-spacing:-.02em;text-align:right}.table-footer{padding:16px 48px;background:var(--sand-2);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.tf-info{font-size:12px;color:var(--muted);letter-spacing:.04em}.tf-link{display:inline-block;font-size:12px;font-weight:700;color:var(--cream);background:var(--ink);letter-spacing:.08em;text-transform:uppercase;padding:9px 20px;border-radius:3px;transition:background .15s}.tf-link:hover{background:var(--accent)}.breadcrumb{padding:14px 48px;background:var(--sand-2);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.bc-link{font-size:12px;color:var(--muted);letter-spacing:.03em;transition:color .12s}.bc-link:hover{color:var(--accent)}.bc-sep{font-size:11px;color:var(--border)}.bc-current{font-size:12px;color:var(--ink);font-weight:500}.article-header{padding:44px 48px 32px;border-bottom:1px solid var(--border)}.ah-tag{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);background:var(--accent-pale);border:1px solid rgba(200,82,42,.2);padding:4px 10px;display:inline-block;margin-bottom:18px}.ah-title{font-family:Bitter,serif;font-size:clamp(26px,3vw,40px);font-weight:900;line-height:1.1;letter-spacing:-.03em;margin-bottom:16px;max-width:640px}.ah-title em{font-style:italic;color:var(--accent)}.ah-deck{font-size:15.5px;line-height:1.75;color:#4a4540;max-width:600px;margin-bottom:24px}.ah-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ah-meta-item{font-size:12px;color:var(--muted);letter-spacing:.04em}.ah-meta-sep{width:3px;height:3px;background:var(--border);border-radius:50%}.ah-score-inline{display:flex;flex-direction:column;gap:2px;margin-left:auto}.ah-score-val{font-family:Bitter,serif;font-size:32px;font-weight:900;color:var(--accent);letter-spacing:-.04em;line-height:1}.ah-score-denom{font-size:12px;color:var(--muted);letter-spacing:.04em}.ah-score-label{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.verdict-box{margin:28px 48px;padding:22px 24px;background:var(--sand);border:1px solid var(--border);border-left:4px solid var(--accent);display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;position:relative}.verdict-box-label{position:absolute;top:-1px;left:24px;transform:translateY(-50%);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);background:var(--sand);padding:2px 8px;border:1px solid rgba(200,82,42,.25)}.vb-item-label{font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.vb-item-val{font-size:13px;color:var(--ink);line-height:1.5}.vb-item-val.good{color:var(--green);font-weight:600}.vb-item-val.bad{color:var(--accent);font-weight:600}.article-body{padding:36px 48px 56px;overflow-x:hidden}.article-body img{max-width:100%;height:auto;display:block}.article-body h2,.article-body h3,.article-body h4{scroll-margin-top:88px}.article-body h2{font-family:Bitter,serif;font-size:22px;font-weight:900;letter-spacing:-.02em;margin:44px 0 14px;padding-top:10px;border-top:1px solid var(--border);line-height:1.2}.article-body h2:first-child{margin-top:0;border-top:none;padding-top:0}.article-body>h1:first-child{display:none}.article-body h3{font-family:Bitter,serif;font-size:16px;font-weight:700;margin:28px 0 10px;color:var(--ink);letter-spacing:-.01em}.article-body p{font-size:15.5px;line-height:1.85;color:#2d2926;margin-bottom:20px}.article-body strong{font-weight:700;color:var(--ink)}.article-body ul,.article-body ol{margin:0 0 20px 20px}.article-body ul li,.article-body ol li{font-size:15px;line-height:1.7;color:#2d2926;margin-bottom:8px;padding-left:6px}.article-body blockquote{border-left:3px solid var(--border);padding:12px 20px;margin:20px 0;background:var(--cream)}.article-body blockquote p{font-size:14.5px;color:#4a4540;margin:0;font-style:italic}.article-body pre{background:var(--ink);color:var(--cream);padding:20px 24px;margin:20px 0;overflow-x:auto;font-size:13px;line-height:1.6}.article-body code{font-family:monospace;font-size:13px;background:var(--sand-2);padding:2px 6px;border-radius:3px}.article-body pre code{background:none;padding:0}.callout{background:var(--sand);border:1px solid var(--border);border-left:3px solid var(--ink);padding:16px 20px;margin:24px 0}.article-body h2#sommaire{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-top:32px;margin-bottom:0;padding-top:0;border-top:none}.article-body h2#sommaire+ol{background:var(--sand);border:1px solid var(--border);border-left:4px solid var(--accent);padding:20px 24px 20px 44px;margin:10px 0 40px;list-style:decimal}.article-body h2#sommaire+ol li{margin-bottom:10px;font-size:14.5px;line-height:1.5;color:var(--ink);padding-left:4px}.article-body h2#sommaire+ol li:last-child{margin-bottom:0}.article-body h2#sommaire+ol li::marker{font-family:Bitter,serif;font-weight:700;color:var(--accent);font-size:15px}.article-body h2#sommaire+ol a{color:#2d2926;font-weight:500;text-decoration:none;transition:color .12s}.article-body h2#sommaire+ol a:hover{color:var(--accent)}.article-body h2#faq~h3{font-size:15px;font-weight:700;color:var(--ink);background:var(--sand);border-left:3px solid var(--accent);padding:10px 16px;margin:28px 0 10px;letter-spacing:0;line-height:1.4}.article-body h2#faq~p{font-size:15px;color:#2d2926;line-height:1.8;margin-bottom:20px}.article-body table{width:100%;border-collapse:collapse;margin:28px 0;font-size:14px;border:1px solid var(--border)}.article-body thead{background:#e4d9c4}.article-body thead th{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);padding:13px 16px;text-align:left;border-right:1px solid var(--border)}.article-body thead th:last-child{border-right:none}.article-body tbody tr:nth-child(odd) td{background:var(--white)}.article-body tbody tr:nth-child(2n) td{background:var(--cream)}.article-body tbody td{padding:11px 16px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);color:#2d2926;line-height:1.45;vertical-align:top}.article-body tbody td:last-child{border-right:none}.article-body tbody tr:last-child td{border-bottom:none}.callout.warning{border-left-color:var(--accent);background:#c8522a0d}.callout.tip{border-left-color:var(--green);background:#4a7a5a0d}.callout-label{font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.callout.warning .callout-label{color:var(--accent)}.callout.tip .callout-label{color:var(--green)}.callout p{font-size:14px;max-width:none;margin:0;color:#3d3830}.score-block-inline{display:flex;align-items:center;gap:28px;background:var(--ink);padding:22px 28px;margin:32px 0}.sbi-score{text-align:center;flex-shrink:0}.sbi-val{font-family:Bitter,serif;font-size:52px;font-weight:900;color:var(--accent);line-height:1;letter-spacing:-.04em}.sbi-denom{font-size:13px;color:#faf8f566;letter-spacing:.06em}.sbi-divider{width:1px;height:56px;background:#ffffff1f;flex-shrink:0}.sbi-label{font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#faf8f566;margin-bottom:8px}.sbi-verdict{font-size:14.5px;color:var(--cream);font-style:italic;line-height:1.5}.compare-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:13.5px}.compare-table th{font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:9px 14px;background:var(--sand-2);border:1px solid var(--border);text-align:left}.compare-table td{padding:10px 14px;border:1px solid var(--border);color:#2d2926;line-height:1.4;background:var(--white)}.compare-table tr:nth-child(2n) td{background:var(--cream)}.article-cta{margin-top:44px;padding-top:28px;border-top:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px}.cta-prev,.cta-next{display:flex;flex-direction:column;gap:4px;max-width:240px}.cta-next{text-align:right}.cta-dir{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.cta-title{font-family:Bitter,serif;font-size:14px;font-weight:700;color:var(--ink);line-height:1.3;transition:color .12s}.cta-prev:hover .cta-title,.cta-next:hover .cta-title{color:var(--accent)}.sidebar{padding:28px 22px;background:var(--white);border-left:1px solid var(--border);position:sticky;top:72px;align-self:start;max-height:calc(100vh - 72px);overflow-y:auto}.sb-section{margin-bottom:28px}.sb-title{font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:14px}.nl-block{background:var(--ink);padding:20px}.nl-sub{font-size:12px;color:#faf8f58c;line-height:1.6;margin-bottom:16px}.nl-input{width:100%;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:var(--cream);font-family:DM Sans,sans-serif;font-size:13px;padding:9px 12px;margin-bottom:8px;outline:none}.nl-input::placeholder{color:#faf8f559}.nl-input:focus{border-color:var(--accent)}.nl-btn{width:100%;background:var(--accent);color:#fff;border:none;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:10px;cursor:pointer;transition:opacity .15s}.nl-btn:hover{opacity:.9}.nl-note{font-size:10px;color:#faf8f54d;margin-top:8px;letter-spacing:.04em;text-align:center}.verdict-card{padding:12px 0;border-bottom:1px solid var(--border);display:block}.verdict-card:last-child{border-bottom:none}.verdict-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px}.verdict-tool{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--ink)}.verdict-score{font-family:Bitter,serif;font-size:17px;font-weight:900;color:var(--accent);letter-spacing:-.02em;line-height:1;flex-shrink:0}.verdict-score span{font-size:10px;font-weight:400;font-family:DM Sans,sans-serif;color:var(--muted);letter-spacing:.06em}.verdict-note{font-size:12px;color:var(--muted);line-height:1.5;font-style:italic}.rec-article{padding:12px 0;border-bottom:1px solid var(--border);display:block}.rec-article:last-child{border-bottom:none}.rec-article:hover .rec-title{color:var(--accent)}.rec-tag{font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.rec-title{font-family:Bitter,serif;font-size:13px;font-weight:700;line-height:1.35;color:var(--ink);margin-bottom:3px;transition:color .12s;letter-spacing:-.01em}.rec-meta{font-size:11px;color:var(--muted);letter-spacing:.04em}.site-footer{background:var(--ink);padding:20px 40px;display:flex;justify-content:space-between;align-items:center}.footer-logo{font-family:Bitter,serif;font-size:16px;font-weight:900;color:var(--cream)}.footer-logo em{color:var(--accent);font-style:italic}.footer-note{font-size:11px;color:#faf8f566;letter-spacing:.04em}.hero{padding:52px 48px 44px;background:var(--white);border-bottom:1px solid var(--border)}.hero-tag{font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);background:var(--accent-pale);border:1px solid rgba(200,82,42,.2);padding:4px 10px;display:inline-block;margin-bottom:20px}.hero-title{font-family:Bitter,serif;font-size:clamp(28px,3.5vw,46px);font-weight:900;line-height:1.08;letter-spacing:-.04em;margin-bottom:18px;max-width:580px}.hero-sub{font-size:15px;line-height:1.75;color:#4a4540;max-width:540px;margin-bottom:28px}.hero-cta{display:inline-block;background:var(--ink);color:var(--cream);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:12px 28px;border-radius:3px;transition:background .15s}.hero-cta:hover{background:var(--accent)}.article-table{background:var(--white)}.at-header{display:flex;justify-content:space-between;align-items:center;padding:10px 48px;background:var(--sand-2);border-bottom:1px solid var(--border);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.at-row{display:grid;grid-template-columns:110px 1fr auto;gap:20px;padding:18px 48px;border-bottom:1px solid var(--border);background:var(--white);align-items:center;transition:background .12s;cursor:pointer}.at-row:nth-child(2n){background:var(--cream)}.at-row:hover{background:var(--accent-pale)}.at-tag-col{display:flex;align-items:center}.at-tag{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:var(--accent-pale);border:1px solid rgba(200,82,42,.2);padding:3px 8px;white-space:nowrap}.at-main-col{min-width:0}.at-title{font-family:Bitter,serif;font-size:15px;font-weight:700;line-height:1.3;letter-spacing:-.01em;margin-bottom:4px;color:var(--ink)}.at-row:hover .at-title{color:var(--accent)}.at-meta{font-size:12px;color:var(--muted);letter-spacing:.03em}.at-score-col{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.at-score{font-family:Bitter,serif;font-size:22px;font-weight:900;color:var(--accent);letter-spacing:-.04em;line-height:1;white-space:nowrap}.at-score span{font-size:11px;font-weight:400;color:var(--muted);font-family:DM Sans,sans-serif}.at-empty{padding:40px 48px;font-size:14px;color:var(--muted);font-style:italic;text-align:center}.at-tag[data-cat="Outils IA"]{color:var(--accent);background:var(--accent-pale);border-color:#c8522a33}.at-tag[data-cat=Comparatifs]{color:var(--blue);background:#5a6a9a14;border-color:#5a6a9a40}.at-tag[data-cat=Tutoriels]{color:var(--brown);background:#8a6a4214;border-color:#8a6a4240}.at-tag[data-cat="Build in public"]{color:var(--green);background:#4a7a5a14;border-color:#4a7a5a40}