/* Pages SEO statiques de trackary.com (guides, pages piliers) — générées par tools/seo/build_pages.py */
:root{--bg:#fff;--soft:#f3f6f2;--ink:#193029;--muted:#596660;--line:#dbe3dd;--accent:#256343;--forest:#173526;--lime:#c8ff00;color-scheme:light}
[data-theme=dark]{--bg:#101b16;--soft:#16261e;--ink:#edf4ec;--muted:#b3c2b7;--line:#2f4437;--accent:#c8ff00;color-scheme:dark}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}
.wrap{width:min(1080px,calc(100% - 40px));margin-inline:auto}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0}
.logo img{height:30px;width:auto;display:block}.logo .logo-dark,[data-theme=dark] .logo .logo-light{display:none}[data-theme=dark] .logo .logo-dark{display:block}
.top-nav{display:flex;align-items:center;gap:22px;font-size:15px;font-weight:600}.top-nav>a:not(.btn){text-decoration:none}
.theme{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--ink);cursor:pointer;padding:0}
.theme svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.sun,[data-theme=dark] .moon{display:none}[data-theme=dark] .sun{display:block}
.btn{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--forest);color:#fff;text-decoration:none;font-weight:650;white-space:nowrap}
[data-theme=dark] .btn{background:var(--lime);color:#10200f}.btn-lime{background:var(--lime);color:#10200f}
main{padding:24px 0 72px}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted);margin:8px 0 40px}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.article{max-width:760px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}
h1{font-size:clamp(34px,5.4vw,54px);line-height:1.06;letter-spacing:-.04em;font-weight:620;margin:0 0 20px;text-wrap:balance}
.lead{font-size:clamp(18px,2.2vw,21px);line-height:1.55;color:var(--muted);margin:0 0 32px}
.toc{border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin:0 0 40px;font-size:15px}.toc b{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.toc ol{margin:10px 0 0;padding-left:20px}.toc li{margin:4px 0}.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}
.prose h2{font-size:clamp(24px,3vw,30px);line-height:1.2;letter-spacing:-.025em;font-weight:620;margin:48px 0 14px;scroll-margin-top:24px;text-wrap:balance}
.prose h3{font-size:19px;letter-spacing:-.01em;margin:28px 0 8px}.prose h4{font-size:17px;margin:22px 0 6px}
.prose p,.prose li,.prose dd{color:var(--ink)}.prose p{margin:0 0 14px}.prose ul,.prose ol{padding-left:22px;margin:0 0 18px}.prose li{margin:6px 0}
.prose .kicker{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:48px 0 -34px}
.prose a{color:var(--accent);font-weight:600}
.prose table{width:100%;border-collapse:collapse;margin:18px 0 24px;font-size:15px;display:block;overflow-x:auto}
.prose th,.prose td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}.prose th{background:var(--soft)}
.prose dl{margin:0}.prose dt{font-weight:700;margin:22px 0 4px;font-size:18px}.prose dd{margin:0;padding-bottom:14px;border-bottom:1px solid var(--line)}
.honest{margin:40px 0 0;padding:20px 22px;border-left:4px solid var(--accent);background:var(--soft);border-radius:0 12px 12px 0;font-size:15px}.honest p{margin:0}
.faq,.related,.hub{max-width:760px;margin-top:64px}.hub{max-width:none}
.faq h2,.related h2,.hub h2{font-size:clamp(24px,3vw,30px);letter-spacing:-.025em;font-weight:620;margin:0 0 18px}
.faq details{border-top:1px solid var(--line);padding:4px 0}.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:16px 36px 16px 0;font-weight:650;position:relative}.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:12px;font-size:24px;font-weight:400;color:var(--muted)}.faq details[open] summary::after{content:"–"}
.faq details p{margin:0 0 18px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.card{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--line);border-radius:16px;text-decoration:none;transition:border-color .2s,transform .2s}
.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card b{font-size:17px;line-height:1.3}.card span{font-size:14px;line-height:1.5;color:var(--muted)}
.cta{margin-top:72px;padding:clamp(28px,5vw,48px);border-radius:24px;background:var(--forest);color:#fff}
.cta h2{font-size:clamp(26px,3.6vw,38px);letter-spacing:-.03em;line-height:1.1;margin:0 0 10px}.cta p{color:#cfe0d4;margin:0 0 24px}
[data-theme=dark] .cta{background:#1b3226}
.foot{border-top:1px solid var(--line);padding:40px 0 34px;font-size:14px;color:var(--muted)}
.foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.foot-cols div{display:flex;flex-direction:column;gap:8px}.foot-cols b{color:var(--ink);margin-bottom:4px}
.foot a{text-decoration:none}.foot a:hover{text-decoration:underline}.foot-note{margin:32px 0 0;font-size:13px}
@media (max-width:720px){body{font-size:16px}.top-nav>a:not(.btn){display:none}.top-nav{gap:10px}.btn{min-height:40px;padding:0 16px;font-size:14px}
.foot-cols{grid-template-columns:1fr 1fr}.crumbs{margin-bottom:28px}}
@media (max-width:420px){.top .btn{display:none}.foot-cols{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}

/* Pages réponse + outils */
.answer{margin:0 0 28px;padding:20px 22px;border-radius:16px;background:var(--soft);border:1px solid var(--line)}
.answer b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.answer p{margin:0;font-size:18px;line-height:1.6}
.downloads{display:grid;gap:10px;margin:0 0 32px}.dl-h{margin:0;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.dl{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:var(--forest);color:#fff;text-decoration:none;transition:transform .2s}
.dl:hover{transform:translateY(-2px)}.dl b{display:block;font-size:16px;line-height:1.3}.dl small{display:block;font-size:13px;color:#cfe0d4;line-height:1.4}
.dl-ico{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:var(--lime);color:#10200f;font-size:11px;font-weight:800;letter-spacing:.04em}
.dl-go{margin-left:auto;font-size:22px;font-weight:700;color:var(--lime)}
[data-theme=dark] .dl{background:#1b3226;border:1px solid var(--line)}
.prose ol.steps{counter-reset:st;list-style:none;padding:0}.prose ol.steps li{counter-increment:st;position:relative;padding:10px 0 10px 44px;border-bottom:1px solid var(--line);margin:0}
.prose ol.steps li::before{content:counter(st);position:absolute;left:0;top:10px;width:28px;height:28px;border-radius:50%;background:var(--forest);color:#fff;font-size:13px;font-weight:700;display:grid;place-items:center}
[data-theme=dark] .prose ol.steps li::before{background:var(--lime);color:#10200f}
.prose table{display:table}@media (max-width:720px){.prose table{display:block}}
.calc{margin:18px 0 28px;padding:22px;border-radius:18px;border:2px solid var(--accent);background:var(--soft);display:grid;gap:14px;scroll-margin-top:24px}
.calc h3{margin:0;font-size:20px}.calc label{display:grid;gap:6px;font-size:14px;font-weight:650}
.calc select,.calc input{font:inherit;font-size:16px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);width:100%}
.calc output{display:block;padding:14px 16px;border-radius:12px;background:var(--bg);border:1px solid var(--line);font-size:16px}
.calc output.late{border-color:#c0392b;background:#fbe3df;color:#7d1a0f}.calc output.soon{border-color:#d68a00;background:#fff1d6;color:#6b4300}.calc output.ok{border-color:#3c8b2a;background:#e4f5d9;color:#1f4d12}
.calc-src{margin:0!important;font-size:13px;color:var(--muted)!important}
.answer-cta{margin:36px 0 0;font-weight:650}.answer-cta a{color:var(--accent)}
.sources{margin:28px 0 0;font-size:14px;color:var(--muted)}.sources ul{margin:6px 0 0;padding-left:20px}.sources a{color:var(--accent)}
.foot-cols{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.foot-cols{grid-template-columns:1fr 1fr}}