/* ── PROGRESS BAR ── */
.itg-progress{position:fixed;top:0;left:0;height:3px;background:var(--accent2);z-index:300;transition:width 0.1s linear;width:0%}

/* ── ARTICLE HERO (fond accent, homepage style) ── */
.itg-article-hero{background:var(--accent);position:relative;overflow:hidden;margin-top:67px;padding:72px var(--pad-x) 64px}
.itg-article-hero::after{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,0.25) 0%,transparent 70%);top:-80px;right:-80px;pointer-events:none}
.itg-article-hero{margin:0}
.itg-article-hero__inner{max-width:var(--max-w);margin:0 auto;position:relative;z-index:2}
.itg-article-hero__breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,0.45);margin-bottom:24px}
.itg-article-hero__breadcrumb a{color:rgba(255,255,255,0.55);transition:color 0.2s}
.itg-article-hero__breadcrumb a:hover{color:white}
.itg-article-hero__breadcrumb span{color:rgba(255,255,255,0.25)}
.itg-article-hero__meta{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.itg-article-hero__cat{font-size:11px;font-weight:700;color:white;text-transform:uppercase;letter-spacing:0.08em;background:rgba(255,255,255,0.15);padding:4px 12px;border-radius:99px}
.itg-article-hero__date{font-size:13px;color:rgba(255,255,255,0.55)}
.itg-article-hero__reading{font-size:13px;color:rgba(255,255,255,0.55)}
.itg-article-hero__h1{font-size:clamp(2rem,3.5vw,3rem);font-weight:800;color:white;margin-bottom:20px;max-width:780px;line-height:1.1}
.itg-article-hero__h1 em{font-style:normal;color:rgba(255,255,255,0.6)}
.itg-article-hero__intro{font-size:1.1rem;color:rgba(255,255,255,0.75);line-height:1.8;max-width:680px;margin-bottom:32px}
.itg-article-hero__tags{display:flex;gap:8px;flex-wrap:wrap}
.art-tag{font-size:11px;color:rgba(255,255,255,0.6);background:rgba(255,255,255,0.1);padding:4px 12px;border-radius:99px;border:1px solid rgba(255,255,255,0.15)}

/* ── ARTICLE LAYOUT ── */
.itg-article-layout{padding:64px var(--pad-x) 100px;}
.itg-article-layout__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 300px;gap:80px;align-items:start}
.itg-article-body{min-width:0}

/* ── ARTICLE CONTENT ── */
.itg-article-body h2{font-size:1.55rem;font-weight:800;color:var(--ink);margin:52px 0 18px;padding-top:12px;border-top:2px solid var(--line)}
.itg-article-body h2:first-child{border-top:none;margin-top:0}
.itg-article-body h3{font-size:1.15rem;font-weight:700;color:var(--ink2);margin:32px 0 12px}
.itg-article-body p:not(.itg-encart-label, .itg-encart-title, .itg-encart-desc){margin-bottom:22px;font-size:1rem;line-height:1.8;color:var(--ink2)}
.itg-article-body strong{color:var(--ink);font-weight:600}
.itg-article-body ul,.itg-article-body ol{margin:0 0 22px 20px;font-size:16px;}
.itg-article-body li{margin-bottom:10px;line-height:1.7;color:var(--ink2)}
.itg-article-body a:not(.itg-encart-url){color:var(--accent2);text-decoration:underline;text-underline-offset:3px}

/* ── CALLOUT BOXES ── */
.itg-callout{border-radius:var(--radius-md);padding:22px 24px;margin:32px 0;border-left:4px solid}
.itg-callout--info{background:rgba(37,99,235,0.05);border-color:var(--accent2)}
.itg-callout--gold{background:rgba(196,147,63,0.07);border-color:var(--gold)}
.itg-callout--green{background:rgba(22,163,74,0.06);border-color:var(--green)}
.itg-callout-orange{background:rgba(234,88,12,0.05);border-color:var(--orange)}
.itg-callout-teal{background:rgba(13,148,136,0.05);border-color:var(--teal)}
.itg-callout-purple{background:rgba(124,58,237,0.05);border-color:var(--purple)}
.itg-callout-amber{background:rgba(254, 243, 199, 1);border-color:var(--amber)}
.itg-callout-coral{background:rgba(225,29,72,0.05);border-color:var(--coral)}
.itg-callout__title{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:8px}
.itg-callout--info .itg-callout__title{color:var(--accent2)!important}
.itg-callout--gold .itg-callout__title{color:var(--gold)!important}
.itg-callout--green .itg-callout__title{color:var(--green)!important}
.itg-callout-orange .itg-callout__title{color:var(--orange)!important}
.itg-callout-teal .itg-callout__title{color:var(--teal)!important}
.itg-callout-purple .itg-callout__title{color:var(--purple)!important}
.itg-callout-amber .itg-callout__title{color:var(--amber)!important}
.itg-callout-coral .itg-callout__title{color:var(--coral)!important}
.itg-callout p{margin-bottom:0;font-size:14px}

/* ── PRICING TABLE ── */
.itg-pricing-table{display:block;width:100%;border-collapse:collapse;margin:32px 0;border-radius:var(--radius-lg);overflow-x:auto;border:1px solid var(--line)}
.table > table{border-collapse:collapse;width:100%}
.itg-pricing-table th{background:var(--ink);color:white;font-family:'Syne',sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;padding:14px 18px;text-align:left}
.itg-pricing-table td{padding:14px 18px;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink2);vertical-align:top}
.itg-pricing-table tr:last-child td{border-bottom:none}
.itg-pricing-table tr:nth-child(even) td{background:var(--subtle)}
.itg-pricing-table .price{font-family:'Syne',sans-serif;font-weight:800;color:var(--accent2);white-space:nowrap}

/* FIT TABLE */
.fit-table{display:block;width:100%;border-collapse:collapse;margin:32px 0;border-radius:var(--radius-lg);overflow-x:auto;border:1px solid var(--line)}
.fit-table th{font-family:'Syne',sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;padding:14px 18px;text-align:left}
.fit-table th:first-child{background:var(--subtle);color:var(--muted)}
.fit-table th.th-agency{background:rgba(37,99,235,0.08);color:var(--accent2)}
.fit-table th.th-free{background:rgba(234,88,12,0.08);color:var(--orange)}
.fit-table td{padding:13px 18px;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink2);vertical-align:top}
.fit-table tr:last-child td{border-bottom:none}
.fit-table td:first-child{font-weight:600;color:var(--ink);background:var(--subtle)}
.fit-yes{color:var(--green)!important;font-weight:700}
.fit-no{color:var(--red)!important;font-weight:700}
.fit-maybe{color:var(--orange)!important;font-weight:700}

/* ── COMMISSION TABLE ── */
.itg-comm-table{display:block;width:100%;border-collapse:collapse;margin:32px 0;border-radius:var(--radius-lg);overflow-x:auto;border:1px solid var(--line)}
.itg-comm-table th{background:var(--ink);color:white;font-family:'Syne',sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;padding:14px 18px;text-align:left}
.itg-comm-table td{padding:14px 18px;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink2)}
.itg-comm-table tr:last-child td{border-bottom:none}
.itg-comm-table tr:nth-child(even) td{background:var(--subtle)}
.comm-pct{font-family:'Syne',sans-serif;font-weight:800;color:var(--red)}
.comm-site{font-family:'Syne',sans-serif;font-weight:800;color:var(--green)}

/* ── FEATURES GRID ── */
.itg-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}
.itg-feature-item{background:var(--subtle);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px}
.itg-feature-num{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;color:var(--green);line-height:1;margin-bottom:6px}
.itg-feature-title{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:4px}
.itg-feature-desc{font-size:12px;color:var(--muted);line-height:1.6}

/* ── COMPARISON TABLE ── */
.itg-comp-table{display:block;width:100%;border-collapse:collapse;margin:32px 0;border-radius:var(--radius-lg);overflow-x:auto;border:1px solid var(--line)}
.itg-comp-table th{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;padding:16px 18px;text-align:left}
.itg-comp-table th:first-child{background:var(--subtle);color:var(--muted)}
.itg-comp-table .th-platform{background:#FEF2F2;color:var(--red)}
.itg-comp-table .th-own{background:#F0FDF4;color:var(--green)}
.itg-comp-table td{padding:13px 18px;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink2)}
.itg-comp-table tr:last-child td{border-bottom:none}
.itg-comp-table td:first-child{font-weight:600;color:var(--ink);background:var(--subtle)}

/* ── CHECKLIST ── */
.itg-checklist{margin:24px 0;display:flex;flex-direction:column;gap:10px}
.itg-checklist-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--subtle);border-radius:var(--radius-md);border:1px solid var(--line)}
.itg-checklist-num{font-family:'Syne',sans-serif;font-size:18px;font-weight:800;color:var(--accent2);min-width:28px;line-height:1}
.itg-checklist-title{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;color:var(--ink);margin-bottom:3px}
.itg-checklist-desc{font-size:13px;color:var(--muted);line-height:1.6}

/* ── ROI CARD ── */
.itg-roi-card{background:var(--subtle);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;margin:32px 0}
.itg-roi-card__title{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;color:var(--accent);margin-bottom:20px;text-transform:uppercase;letter-spacing:0.06em}
.itg-roi-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}
.itg-roi-row:last-child{border-bottom:none}
.itg-roi-label{font-size:14px;color:var(--ink2)}
.itg-roi-val{font-family:'Syne',sans-serif;font-size:16px;font-weight:800}
.itg-roi-val.neg{color:var(--red)}
.itg-roi-val.pos{color:var(--green)}
.itg-roi-val.neutral{color:var(--accent)}
.itg-roi-total{background:var(--accent);border-radius:var(--radius-md);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;margin-top:16px}
.itg-roi-total-label{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;color:rgba(255,255,255,0.7)}
.itg-roi-total-val{font-family:'Syne',sans-serif;font-size:20px;font-weight:800;color:white}

/* SENIOR DIFFERENTIATOR */
.senior-card{background:var(--ink);border-radius:var(--radius-lg);padding:36px;margin:36px 0;position:relative;overflow:hidden}
.senior-card::before{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(234,88,12,0.15) 0%,transparent 70%);top:-100px;right:-100px;pointer-events:none}
.senior-card__label{font-size:11px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:0.12em;margin-bottom:14px;position:relative}
.senior-card__title{font-family:'Syne',sans-serif;font-size:1.2rem;font-weight:800;color:white;margin-bottom:20px;position:relative}
.senior-items{display:flex;flex-direction:column;gap:14px;position:relative}
.senior-item{display:flex;gap:14px;align-items:flex-start}
.senior-item__icon{font-size:20px;flex-shrink:0;margin-top:2px}
.senior-item__title{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;color:white;margin-bottom:4px}
.senior-item__desc{font-size:13px;color:rgba(255,255,255,0.6);line-height:1.6}
.senior-item__icon-grue{color:wheat;}

/* POSITION CARD */
.position-card{background:var(--subtle);border:2px solid var(--orange);border-radius:var(--radius-lg);padding:28px;margin:36px 0}
.position-card__label{font-size:11px;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px}
.position-card__title{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:800;color:var(--ink);margin-bottom:14px}
.position-card p{font-size:14px;color:var(--ink2);line-height:1.75;margin-bottom:12px}
.position-card p:last-child{margin-bottom:0}

/* QUESTIONS CHECKLIST */
.questions-list{display:flex;flex-direction:column;gap:14px;margin:28px 0}
.question-item{background:var(--subtle);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px}
.question-item__q{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;color:var(--ink);margin-bottom:8px;display:flex;gap:10px;align-items:flex-start}
.question-item__q::before{content:'"';font-size:24px;color:var(--orange);line-height:1;flex-shrink:0;margin-top:-4px}
.question-item__a{font-size:13px;color:var(--muted);line-height:1.7}

/* ── FACTORS GRID ── */
.itg-factors-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:32px 0}
.itg-factor-card{background:var(--subtle);border:1px solid var(--line);border-radius:var(--radius-md);padding:18px}
.itg-factor-card__num{font-family:'Syne',sans-serif;font-size:28px;font-weight:800;color:var(--accent2);margin-bottom:6px;line-height:1}
.itg-factor-card__title{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:6px}
.itg-factor-card__desc{font-size:12px;color:var(--muted);line-height:1.6}

/* Errors grid */
.errors-grid{display:flex;flex-direction:column;gap:16px;margin:28px 0!important}
.error-card{display:flex;gap:16px;background:var(--subtle);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px;align-items:flex-start}
.error-card__num{font-family:'Syne',sans-serif;font-size:28px;font-weight:800;color:#DC2626;min-width:40px;line-height:1}
.error-card__title{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;color:var(--ink);margin-bottom:6px}
.error-card__desc{font-size:13px;color:var(--muted);line-height:1.65}

/* Case study */
.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:32px 0}
.case-card{border-radius:var(--radius-lg);padding:24px;border:1px solid var(--line)}
.case-card.vert{border-top:3px solid var(--green)}
.case-card.blue{border-top:3px solid var(--teal)}
.case-card__label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:8px}
.case-card.vert .case-card__label{color:var(--green)}
.case-card.blue .case-card__label{color:var(--teal)}
.case-card__name{font-family:'Syne',sans-serif;font-size:15px;font-weight:800;color:var(--ink);margin-bottom:12px}
.case-card__body{font-size:13px;color:var(--ink2);line-height:1.65}

/* Aides */
.aides-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}
.aide-card{background:var(--subtle);border:1px solid var(--line);border-radius:var(--radius-md);padding:18px}
.aide-card__icon{font-size:24px;margin-bottom:8px}
.aide-card__title{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:6px}
.aide-card__desc{font-size:12px;color:var(--muted);line-height:1.6}

/* Decision tree */
.decision-card{background:var(--ink);border-radius:var(--radius-lg);padding:32px;margin:32px 0;position:relative;overflow:hidden}
.decision-card::before{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,0.2) 0%,transparent 70%);top:-50px;right:-50px}
.decision-card__title{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:20px;position:relative}
.decision-row{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px;position:relative}
.decision-row:last-child{margin-bottom:0}
.decision-icon{font-size:20px;min-width:28px}
.decision-title{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;color:white;margin-bottom:4px}
.decision-desc{font-size:13px;color:rgba(255,255,255,0.55);line-height:1.6}

/* Architecture grid */
.arch-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}
.arch-card{background:var(--subtle);border:1px solid var(--line);border-radius:var(--radius-md);padding:18px}
.arch-card__badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;padding:3px 8px;border-radius:99px;margin-bottom:10px}
.arch-card__badge.critical{background:rgba(220,38,38,0.1);color:#DC2626}
.arch-card__badge.important{background:rgba(234,88,12,0.1);color:#EA580C}
.arch-card__badge.recommended{background:rgba(22,163,74,0.1);color:#16A34A}
.arch-card__title{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:6px}
.arch-card__desc{font-size:12px;color:var(--muted);line-height:1.6}

/* Timeline */
.timeline{display:flex;flex-direction:column;gap:0;margin:28px 0;border-left:2px solid var(--line);padding-left:24px}
.timeline-item{position:relative;padding-bottom:28px}
.timeline-item:last-child{padding-bottom:0}
.timeline-item::before{content:'';position:absolute;left:-30px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--purple);border:2px solid white;box-shadow:0 0 0 2px var(--purple)}
.timeline-phase{font-size:10px;font-weight:700;color:var(--purple);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:4px}
.timeline-title{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;color:var(--ink);margin-bottom:6px}
.timeline-desc{font-size:13px;color:var(--muted);line-height:1.6}
.timeline-duration{display:inline-block;font-size:11px;font-weight:600;color:var(--purple);background:rgba(124,58,237,0.08);padding:2px 8px;border-radius:99px;margin-top:6px}

/* Viability signals */
.signals-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}
.signal-card{padding:16px;border-radius:var(--radius-md);border:1px solid}
.signal-card.go{background:rgba(22,163,74,0.04);border-color:rgba(22,163,74,0.2)}
.signal-card.nogo{background:rgba(220,38,38,0.04);border-color:rgba(220,38,38,0.2)}
.signal-card__header{font-family:'Syne',sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:10px}
.signal-card.go .signal-card__header{color:#16A34A}
.signal-card.nogo .signal-card__header{color:#DC2626}
.signal-item{font-size:13px;color:var(--ink2);padding:5px 0;border-bottom:1px solid var(--line);line-height:1.5}
.signal-item:last-child{border-bottom:none}

/* ── FAQ ── */
.itg-faq-item{border-bottom:1px solid var(--line);padding:20px 0}
.itg-faq-item:first-child{border-top:1px solid var(--line)}
.itg-faq-q{font-family:'Syne',sans-serif;font-size:15px;font-weight:700;color:var(--ink);margin-bottom:10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}
.itg-faq-q::after{content:'+';font-size:20px;color:var(--accent2);flex-shrink:0;transition:transform 0.3s}
.itg-faq-item.open .itg-faq-q::after{transform:rotate(45deg)}
.itg-faq-a{font-size:14px;color:var(--muted);line-height:1.75;display:none}
.itg-faq-item.open .itg-faq-a{display:block}

/* ── ARTICLE CTA ── */
.itg-article-cta{background:var(--ink);border-radius:var(--radius-lg);padding:40px;margin:60px 0 20px;text-align:center;position:relative;overflow:hidden}
.itg-article-cta::before{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,0.2) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.itg-article-cta__label{font-size:11px;font-weight:600;color:var(--gold)!important;text-transform:uppercase;letter-spacing:0.12em;margin-bottom:10px;position:relative}
.itg-article-cta__title{font-family:'Syne',sans-serif;font-size:1.4rem;font-weight:800;color:white!important;margin-bottom:10px;position:relative}
.itg-article-cta__sub{font-size:14px;color:rgba(255,255,255,0.5)!important;margin-bottom:24px;position:relative}
.itg-article-cta__btn{display:inline-flex;align-items:center;gap:8px;background:white;color:var(--ink);padding:14px 28px;border-radius:var(--radius);font-family:'Syne',sans-serif;font-size:14px;font-weight:700;transition:all 0.2s;position:relative}
.itg-article-cta__btn:hover{background:var(--subtle);transform:translateY(-1px)}

/* ── INTERNAL LINKS ── */
.itg-internal-links{background:var(--subtle);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;margin:40px 0}
.itg-internal-links__title{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;color:var(--accent);margin-bottom:14px;text-transform:uppercase;letter-spacing:0.06em}
.itg-internal-link{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink2);font-size:14px;font-weight:500;transition:color 0.2s}
.itg-internal-link:last-child{border-bottom:none}
.itg-internal-link:hover{color:var(--accent2)}
.itg-internal-link__arrow{color:var(--accent2);margin-left:auto;transition:transform 0.2s}
.itg-internal-link:hover .itg-internal-link__arrow{transform:translateX(4px)}

/* ── SIDEBAR ── */
.itg-article-sidebar{position:sticky;top:88px}
.itg-sidebar-toc{background:var(--subtle);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px}
.itg-sidebar-toc__title{font-family:'Syne',sans-serif;font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:16px}
.itg-toc-link{display:block;font-size:13px;color:var(--muted);padding:6px 0;border-left:2px solid var(--line);padding-left:12px;margin-bottom:4px;transition:all 0.2s;line-height:1.4}
.itg-toc-link:hover,.itg-toc-link.active{color:var(--accent2);border-left-color:var(--accent2)}
.itg-sidebar-card{background:var(--subtle);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px}
.itg-sidebar-card__title{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;color:var(--accent);margin-bottom:14px}
.itg-sidebar-link{display:flex;align-items:center;gap:10px;color:var(--ink2);padding:8px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:500;transition:color 0.2s}
.itg-sidebar-link:last-child{border-bottom:none}
.itg-sidebar-link:hover{color:var(--accent2)}
.itg-sidebar-link__arrow{color:var(--accent2);margin-left:auto;transition:transform 0.2s}
.itg-sidebar-link:hover .itg-sidebar-link__arrow{transform:translateX(4px)}
.itg-sidebar-card--accent{background:var(--accent);border:none}
.itg-sidebar-card--accent .itg-sidebar-card__title{color:rgba(255,255,255,0.55)}
.itg-sidebar-card--accent p{font-size:13px;color:rgba(255,255,255,0.7);line-height:1.65;margin-bottom:16px}
.itg-sidebar-card--accent a{display:block;text-align:center;background:white;color:var(--accent);padding:10px;border-radius:var(--radius);font-size:13px;font-weight:600;font-family:'Syne',sans-serif;transition:background 0.2s}
.itg-sidebar-card--accent a:hover{background:var(--subtle)}

/* ── ARTICLE NAV ── */
.itg-article-nav{background:var(--subtle);border-top:1px solid var(--line);padding:60px var(--pad-x)}
.itg-article-nav__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;flex-wrap:nowrap}
.itg-article-nav__card{max-width:48%;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;color:inherit;transition:all 0.3s;display:block;flex-direction:column;gap:8px}
.itg-article-nav__card:hover{border-color:var(--accent2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,99,235,0.07)}
.itg-article-nav__card:empty{visibility:hidden}
.itg-article-nav__card > a{font-family:'Syne',sans-serif;font-size:15px;font-weight:700;color:var(--ink);line-height:1.3}
.itg-article-nav__dir{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em}
.itg-article-nav__title{font-family:'Syne',sans-serif;font-size:15px;font-weight:700;color:var(--ink);line-height:1.3}
.itg-article-nav__next{text-align:right}
.post-navigation-link-next > a:before {content:"Article suivant →";display:block;font-size: 11px;font-weight: 600;color: var(--muted);text-transform: uppercase;letter-spacing: 0.06em;}
.post-navigation-link-previous > a:before {content:"← Article précédent";display:block;font-size: 11px;font-weight: 600;color: var(--muted);text-transform: uppercase;letter-spacing: 0.06em;}

/* VERSUS CARDS */
.versus-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:32px 0}
.versus-card{border-radius:var(--radius-lg);padding:28px;border:2px solid}
.versus-card.agency{border-color:var(--accent2);background:rgba(37,99,235,0.03)}
.versus-card.freelance{border-color:var(--orange);background:rgba(234,88,12,0.03)}
.versus-card__header{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.versus-card__icon{font-size:24px}
.versus-card__label{font-family:'Syne',sans-serif;font-size:14px;font-weight:800}
.versus-card.agency .versus-card__label{color:var(--accent2)}
.versus-card.freelance .versus-card__label{color:var(--orange)}
.versus-card__list{list-style:none;margin:0;display:flex;flex-direction:column;gap:10px}
.versus-card__list li{font-size:14px;color:var(--ink2);line-height:1.6;display:flex;gap:10px;align-items:flex-start}
.versus-card__list li::before{content:'✓';font-weight:700;flex-shrink:0;margin-top:1px}
.versus-card.agency .versus-card__list li::before{color:var(--accent2)}
.versus-card.freelance .versus-card__list li::before{color:var(--orange)}

  /* ── Cards grille ── */
  .cards { display: grid; grid-template-columns: repeat(3, 1fr);
           gap: 16px; margin: 28px 0; }
  ol.cards { display: grid; grid-template-columns: repeat(3, 1fr);
           gap: 16px; margin: 0; list-style:none }
  .itg-card { background: var(--subtle); border: 1px solid var(--gray-200); border-radius: var(--radius);
          padding: 22px; box-shadow: var(--shadow); }
  .card-icon { font-size: 1.5rem; margin-bottom: 12px; }
  .card-title { font-weight: 700; font-size: .95rem; color: var(--dark); margin-bottom: 8px; }
  .card-body  { font-size: .85rem; color: var(--gray-600); line-height: 1.6; }
  .card-badge { display: inline-block; margin-top: 10px; padding: 3px 10px;
                border-radius: 4px; font-size: .75rem; font-weight: 700; }
  .card-badge-crit { background: #fee2e2; color: #dc2626; }
  .card-badge-impo { background: var(--amber-light); color: var(--amber); }
  .card-badge-ok   { background: #dcfce7; color: #16a34a; }

  /* ── Steps (numérotés) ── */
  .steps { display: grid; grid-template-columns: repeat(3, minmax(200px, 1fr));
           gap: 16px; margin: 28px 0; }
ol.steps{display: grid; grid-template-columns: repeat(3, minmax(200px, 1fr));
           gap: 16px; margin: 0;}
  .itg-step { background: var(--subtle); border: 1px solid var(--gray-200); border-radius: var(--radius);
          padding: 22px; position: relative; overflow: hidden; }
  .itg-step::before { font-family:'Syne',sans-serif;content: attr(data-n); position: absolute; top: -8px; right: 12px;
                  font-size: 4rem; font-weight: 900; color: var(--coral-light); line-height: 1;
                  pointer-events: none; }
  .itg-step-title { position:relative;font-size: .95rem; font-weight: 700; color: var(--dark); margin-bottom: 8px; }
  .itg-step-body  { font-size: .88rem; color: var(--gray-600); line-height: 1.6; }

  /* ── Check/cross list ── */
  .check-list { list-style: none; margin: 0 0 18px; padding: 0; }
  .check-list li { padding: 6px 0 6px 28px; position: relative; font-size: .93rem; color: var(--gray-600); }
  .check-list li::before { position: absolute; left: 0; font-size: 1rem; }
  .check-list.ok li::before  { content: '✓'; color: #16a34a; }
  .check-list.nok li::before { content: '✗'; color: #dc2626; }

/* projects grid */
.itg-projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}
.itg-project-card{background:var(--subtle);border:1px solid var(--line);border-radius:var(--radius-md);padding:18px;border-left:3px solid var(--coral)}
.itg-project-card__icon{font-size:22px;margin-bottom:8px}
.itg-project-card__title{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:6px}
.itg-project-card__desc{font-size:12px;color:var(--muted);line-height:1.6}

/* aides box */
.itg-aide-box{background:var(--subtle);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;margin:28px 0}
.itg-aide-box__title{font-family:'Syne',sans-serif;font-size:15px;font-weight:800;color:var(--accent);margin-bottom:6px}
.itg-aide-box__sub{font-size:13px;color:var(--muted);margin-bottom:16px}
.itg-aide-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);align-items:flex-start}
.itg-aide-row:last-child{border-bottom:none}
.itg-aide-icon{font-size:18px;min-width:24px}
.itg-aide-label{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:3px}
.itg-aide-desc{font-size:12px;color:var(--muted);line-height:1.5}

/* eval list */
.itg-eval-list{display:flex;flex-direction:column;gap:12px;margin:24px 0!important}
.itg-eval-item{display:flex;gap:14px;padding:16px;background:var(--subtle);border-radius:var(--radius-md);border:1px solid var(--line)}
.itg-eval-num{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;color:var(--coral);min-width:32px;line-height:1}
.itg-eval-title{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;color:var(--ink);margin-bottom:4px}
.itg-eval-desc{font-size:13px;color:var(--muted);line-height:1.6}

/* responsive */
@media(max-width:1078px){ol.steps,ol.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1024px){.itg-article-sidebar{position:static}.itg-footer__grid{grid-template-columns:1fr 1fr;gap:32px}.itg-article-layout__inner,.itg-article-nav__inner,.case-grid,.signals-grid,.versus-grid,.itg-projects-grid{grid-template-columns:1fr}.cards:not(ol),.steps:not(ol){grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){:root{--pad-x:4%}.itg-nav__links{display:none}.itg-footer__bottom{flex-direction:column;align-items:flex-start}.itg-factors-grid,.itg-footer__grid,.arch-grid,.aides-grid,.itg-features-grid,.cards,.cards:not(ol),ol.cards,.steps:not(ol),ol.steps{grid-template-columns:1fr}}