/* Hostsheetly v13 : en-tête, hero, catégories, nouveaux outils */
html{scroll-padding-top:76px}
.hh{position:sticky;top:0;z-index:1000;display:block;max-width:none;margin:0;padding:0;height:80px;background:#fff;box-shadow:0 1px 10px rgba(15,23,42,.12);transition:height .2s ease;border-bottom:0}
.hh.sm{height:60px}
.hh .hhin{max-width:1240px;height:100%;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:14px}
.hh .logo{font-weight:800;font-size:1.3rem;color:#0a0a0a;text-decoration:none;white-space:nowrap}
.hh .logo span{color:#0f766e}
.hh .hburger{display:none;margin-left:auto;width:44px;height:44px;border:1px solid #d1d5db;border-radius:10px;background:#fff;cursor:pointer;padding:0;color:#0a0a0a;font-size:22px;line-height:1}
.hh .hnav{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.hh .hms{display:flex;gap:2px;margin:0 auto}
.hh .hm{position:relative}
.hh .hmb{font:inherit;font-weight:600;font-size:15px;background:none;border:0;padding:10px 9px;border-radius:8px;cursor:pointer;color:#0a0a0a;white-space:nowrap}
.hh .hmb:after{content:"▾";margin-left:6px;font-size:11px;opacity:.7}
.hh .hm.o .hmb,.hh .hmb:focus-visible{background:#f1f5f9}
@media(hover:hover){.hh .hm:hover .hmb{background:#f1f5f9}.hh .hm:hover .hdd{display:block}}
.hh .hdd{display:none;position:absolute;left:0;top:100%;min-width:300px;margin:0;padding:8px;list-style:none;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 14px 34px rgba(15,23,42,.18);z-index:1001}
.hh .hm.o .hdd{display:block}
.hh .hdd li{margin:0}
.hh .hdd a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:8px;color:#0a0a0a;text-decoration:none;font-size:14.5px;font-weight:500}
.hh .hdd a:hover,.hh .hdd a:focus-visible{background:#f0fdfa;color:#0f766e}
.hh .hbd{background:#16a34a;color:#fff;font-size:10px;font-weight:800;letter-spacing:.4px;padding:2px 7px;border-radius:99px;white-space:nowrap}
.hh .hs{position:relative;display:flex;align-items:center;margin:0}
.hh .hs input{font:inherit;font-size:14px;width:150px;padding:9px 38px 9px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0a0a0a}
.hh .hs button{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;background:none;cursor:pointer;color:#475569;display:flex;align-items:center;justify-content:center;padding:0}
.hh .hsr{position:absolute;top:calc(100% + 6px);right:0;left:auto;min-width:300px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 14px 34px rgba(15,23,42,.18);z-index:1002}
.hh .hsr a,.hh .hsr span{display:block;padding:9px 12px;border-radius:8px;color:#0a0a0a;text-decoration:none;font-size:14.5px}
.hh .hsr a:hover,.hh .hsr a.on{background:#f0fdfa;color:#0f766e}
.hh .hsr[hidden]{display:none}
.hh .hpack{background:#0a0a0a;color:#fff;font-weight:700;font-size:14px;padding:10px 16px;border-radius:10px;text-decoration:none;white-space:nowrap}
.hh .hpack:hover,.hh .hpack:focus-visible{background:#1f2937}
.hh .hctl{margin:0}
.hh .hctl .select{font:inherit;font-size:14px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0a0a0a;max-width:178px}
@media(max-width:1060px){
 .hh,.hh.sm{height:60px}
 .hh .hburger{display:block}
 .hh .hnav{display:none;position:fixed;left:0;right:0;top:60px;bottom:0;overflow:auto;flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px 30px;background:#fff;border-top:1px solid #e2e8f0}
 .hh .hnav.o{display:flex}
 .hh .hms{flex-direction:column;margin:0}
 .hh .hm{border-bottom:1px solid #e2e8f0}
 .hh .hmb{width:100%;text-align:left;padding:14px 8px;font-size:16px}
 .hh .hmb:after{float:right}
 .hh .hdd{position:static;min-width:0;border:0;box-shadow:none;padding:0 0 8px}
 .hh .hm:hover .hdd{display:none}.hh .hm.o:hover .hdd,.hh .hm.o .hdd{display:block}
 .hh .hs input{width:100%;font-size:16px}.hh .hs{width:100%}
 .hh .hsr{position:static;margin-top:6px;box-shadow:none}
 .hh .hpack{text-align:center;padding:14px 16px;font-size:16px}
 .hh .hctl .select{max-width:none;width:100%;font-size:16px}
}
@media(max-width:700px){.hh,.hh.sm{position:sticky}}
body.hnav-open{overflow:hidden}
/* hero */
.hx{display:grid;grid-template-columns:1.25fr 1fr;gap:34px;align-items:center;text-align:left;max-width:1100px;margin:0 auto 22px;padding:12px 0}
.hx .badge,.hx .hxbadge{display:inline-block;background:#dcfce7;color:#166534;font-weight:700;font-size:13px;letter-spacing:.2px;padding:7px 14px;border-radius:99px;margin:0 0 14px}
.hero .hx h1,.hx h1{font-size:48px;line-height:1.08;letter-spacing:-1.4px;margin:0 0 14px;font-weight:800;color:#0a0a0a}
.hx h1 span{color:#0f766e}
.hero .hx p.hxs,.hx .hxs{font-size:18px;line-height:1.55;color:#4b5563;margin:0 0 20px}
.hx .hxb{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.hx .hxb a{display:inline-block;padding:13px 18px;border-radius:12px;font-weight:700;font-size:15px;text-decoration:none;border:2px solid #0a0a0a}
.hx .hxb .b1{background:#0a0a0a;color:#fff}.hx .hxb .b2{background:#fff;color:#0a0a0a}
.hx .hxb a:hover,.hx .hxb a:focus-visible{box-shadow:0 6px 16px rgba(15,23,42,.2)}
.hx .hxn{font-size:13px;color:#6b7280;margin:0}
.hx .hxr{display:grid;gap:16px;justify-items:center}
.hx .hxr div{width:100%;max-width:340px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px 22px;font-weight:700;font-size:18px;color:#0a0a0a;box-shadow:0 12px 30px rgba(15,23,42,.14)}
.hx .hxr div:nth-child(1){transform:translateX(-16px)}.hx .hxr div:nth-child(3){transform:translateX(16px)}
@media(prefers-reduced-motion:no-preference){.hx .hxr div{animation:hxf 6s ease-in-out infinite}.hx .hxr div:nth-child(2){animation-delay:-2s}.hx .hxr div:nth-child(3){animation-delay:-4s}}
@keyframes hxf{50%{margin-top:-6px;margin-bottom:6px}}
@media(max-width:860px){.hx{grid-template-columns:1fr;gap:20px}.hero .hx h1,.hx h1{font-size:34px;letter-spacing:-.8px}.hx .hxs{font-size:16px}.hx .hxr{grid-template-columns:1fr}.hx .hxr div,.hx .hxr div:nth-child(n){transform:none;max-width:none}}
main.wide{max-width:1100px}
/* catégories */
.cat{max-width:1100px;margin:30px auto;padding:20px 20px 8px;border:2px solid var(--cc,#16a34a);border-radius:18px;background:#fff;text-align:left;scroll-margin-top:84px}
.cat.c-gagner{--cc:#16a34a}.cat.c-gerer{--cc:#2563eb}.cat.c-eviter{--cc:#ea580c}
.cat .cath{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 4px}
.cat h2{margin:0;font-size:22px;line-height:1.2;text-transform:uppercase;letter-spacing:.2px;color:#0a0a0a}
.cat .catn{background:var(--cc);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;white-space:nowrap}
.cat .cats{margin:0 0 6px;color:#475569;font-size:15px}
.cat .gcards{grid-template-columns:1fr 1fr;margin:14px 0 12px}
.gcard{position:relative}
.gcard .hbd{position:absolute;top:12px;right:12px;background:#16a34a;color:#fff;font-size:10px;font-weight:800;letter-spacing:.4px;padding:3px 8px;border-radius:99px}
.gcard.hid{display:none}
.gcard.has-bd b{padding-right:68px}
.cat.hid{display:none}
.cnone{max-width:1100px;margin:20px auto;text-align:center;color:#475569}
@media(max-width:640px){.cat .gcards,.gcards{grid-template-columns:1fr}.cat{padding:16px 14px 4px;margin:22px 0}.cat h2{font-size:18px}}
/* outils */
.tf textarea{font:inherit;padding:10px 12px;border:1px solid #94a3b8;border-radius:10px;background:#fff;width:100%;box-sizing:border-box;resize:vertical}
.tf small{font-weight:400;color:#64748b;font-size:13px}
.tf.tfw{max-width:620px}
.er{color:#b91c1c;font-weight:600;min-height:1.2em;margin:0}
.res{margin:22px 0;padding:18px;border:2px solid #0f766e;border-radius:16px;background:#f0fdfa}
.res h2{margin:0 0 8px}
.gauge{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:6px 0 14px}
.gauge svg{width:150px;height:150px}.gauge .gl2{font-size:20px;font-weight:700}
.gauge .gs{font-size:38px;font-weight:800;fill:currentColor}
.rec{counter-reset:r;list-style:none;padding:0;margin:8px 0}
.rec li{counter-increment:r;position:relative;padding:10px 12px 10px 44px;margin:8px 0;background:#fff;border:1px solid #e2e8f0;border-radius:12px}
.rec li:before{content:counter(r);position:absolute;left:12px;top:10px;width:24px;height:24px;border-radius:50%;background:#0f766e;color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}
.penl{width:100%;border-collapse:collapse;font-size:14.5px;margin:8px 0}.penl td{border:1px solid #e2e8f0;padding:7px 10px}.penl td:last-child{text-align:right;font-weight:700;color:#b91c1c;white-space:nowrap}
.meth{font-size:13px;color:#64748b;margin:8px 0 0}
.tt{list-style:none;padding:0;margin:12px 0}.tt li{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;margin:8px 0}
.tt .tc{font-size:12px;color:#64748b}
.mini{font:inherit;font-size:14px;font-weight:600;padding:7px 14px;border-radius:8px;border:1px solid #0f766e;background:#fff;color:#0f766e;cursor:pointer}
.aff{margin:20px 0;padding:14px 16px;border:1px dashed #94a3b8;border-radius:14px;background:#fff}
.aff p{margin:0 0 8px}.aff .anote{font-size:12.5px;color:#64748b}
.aff.prev{border-color:#dc2626;color:#dc2626}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0}
.cmp .col{background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:12px 14px}
.cmp .col.win{border-color:#16a34a}
.cmp h3{margin:0 0 8px;font-size:16px}
.cmp table{width:100%;border-collapse:collapse;font-size:14.5px}.cmp td{padding:6px 0;border-bottom:1px solid #eef2f7}.cmp td:last-child{text-align:right;font-weight:700;white-space:nowrap}
.cmp tr.tot td{border-top:2px solid #0a0a0a;font-weight:800}
.alr{margin:10px 0;padding:12px 14px;border-radius:12px;font-weight:600}.alr.red{background:#fef2f2;border:2px solid #dc2626;color:#991b1b}.alr.amb{background:#fffbeb;border:2px solid #f59e0b;color:#92400e}
.win-msg{font-weight:700;margin:10px 0}
.notes{font-size:14px;color:#475569;padding-left:20px}.notes li{margin:5px 0}
.discl{margin:14px 0;padding:12px 14px;border-radius:12px;background:#fffbeb;border:1px solid #f59e0b;color:#78350f;font-size:14px}
@media(max-width:640px){.cmp{grid-template-columns:1fr}}
.cl{border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:10px 14px;margin:12px 0}
.cl h3{margin:4px 0 6px;font-size:17px}
.cl label{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid #f1f5f9;font-weight:500;cursor:pointer}
.cl label:last-child{border-bottom:0}
.cl input[type=checkbox]{width:22px;height:22px;flex:none;margin-top:1px;accent-color:#0f766e}
.cl .ci{margin-left:auto;font-size:13px;color:#64748b;white-space:nowrap;padding-left:8px}
.top3{list-style:none;padding:0;margin:10px 0}.top3 li{padding:12px 14px;margin:8px 0;background:#fff;border:1px solid #e2e8f0;border-radius:12px}
.top3 b{display:block}.top3 .sm{font-size:13.5px;color:#475569;display:block;margin:2px 0 8px}
.btn.bk{background:#0a0a0a}
@media print{.hh,.cat .catn,.hx .hxb{display:none!important}}
@media (prefers-color-scheme:dark){
 body:not(#body) .hh{background:#0b1220;box-shadow:0 1px 10px rgba(0,0,0,.5)}
 body:not(#body) .hh .logo,body:not(#body) .hh .hmb,body:not(#body) .hh .hdd a,body:not(#body) .hh .hsr a,body:not(#body) .hh .hsr span{color:#f1f5f9}
 body:not(#body) .hh .hdd,body:not(#body) .hh .hsr,body:not(#body) .hh .hnav{background:#111a2e;border-color:#243049}
 body:not(#body) .hh .hm.o .hmb,body:not(#body) .hh .hmb:focus-visible{background:#16223a}
 body:not(#body) .hh .hs input,body:not(#body) .hh .hburger{background:#0b1220;color:#e2e8f0;border-color:#334155}
 body:not(#body) .hh .hdd a:hover,body:not(#body) .hh .hsr a:hover{background:#16223a;color:#5eead4}
 body:not(#body) .hh .hpack{background:#f1f5f9;color:#0a0a0a}
 body:not(#body) .hx h1,body:not(#body) .cat h2{color:#f1f5f9}
 body:not(#body) .hx .hxs,body:not(#body) .cat .cats,body:not(#body) .hx .hxn{color:#94a3b8}
 body:not(#body) .hx .hxb .b1{background:#f1f5f9;color:#0a0a0a;border-color:#f1f5f9}
 body:not(#body) .hx .hxb .b2{background:transparent;color:#f1f5f9;border-color:#f1f5f9}
 body:not(#body) .hx .hxr div,body:not(#body) .cat,body:not(#body) .cmp .col,body:not(#body) .cl,body:not(#body) .tt li,body:not(#body) .rec li,body:not(#body) .top3 li,body:not(#body) .aff{background:#111a2e;border-color:#243049;color:#e2e8f0}
 body:not(#body) .cat{border-color:var(--cc)}
 body:not(#body) .res{background:#0f2a2a;border-color:#14b8a6}
 body:not(#body) .tf textarea{background:#0b1220;color:#e2e8f0;border-color:#334155}
 body:not(#body) .mini{background:#16223a;color:#5eead4;border-color:#14b8a6}
 body:not(#body) .alr.red{background:#2a1215;color:#fecaca}body:not(#body) .alr.amb,body:not(#body) .discl{background:#2a2110;color:#fde68a;border-color:#b45309}
 body:not(#body) .penl td,body:not(#body) .cmp td{border-color:#243049}body:not(#body) .cmp tr.tot td{border-color:#e2e8f0}
 body:not(#body) .notes,body:not(#body) .meth,body:not(#body) .tf small,body:not(#body) .cl .ci{color:#94a3b8}
}

[hidden]{display:none!important}
.gcards{display:grid;gap:12px;margin:18px 0;grid-template-columns:1fr 1fr}
.gcard{display:block;padding:16px;border:1px solid #cbd5e1;border-radius:14px;background:#fff;text-decoration:none;color:inherit;text-align:left}
.gcard:hover{border-color:#0f766e;box-shadow:0 4px 14px rgba(15,118,110,.12)}
.gcard b{display:block;font-size:18px;margin-bottom:6px;color:#0f172a}
.gcard span{display:block;color:#475569;font-size:15px}
.gcard em{display:block;margin-top:8px;font-style:normal;color:#0f766e;font-weight:600}
.gcard .hbd{font-style:normal}
.gcard:focus-visible{outline:3px solid #0f766e;outline-offset:2px}
@media(max-width:640px){.gcards{grid-template-columns:1fr}}
@media (prefers-color-scheme:dark){body:not(#body) .gcard b{color:#f1f5f9}}

/* v14 : calculateur fiscal */
.tf .chk{display:flex;align-items:center;gap:10px;font-weight:600;cursor:pointer}.tf .chk input{width:22px;height:22px;flex:none;accent-color:#16a34a}
.adv{border:1px solid #e2e8f0;border-radius:12px;padding:8px 12px;background:#fff}.adv summary{cursor:pointer;font-weight:700}.adv[open] summary{margin-bottom:8px}
.tip{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#0a0a0a;color:#fff;font:700 12px/1 system-ui;cursor:help;vertical-align:middle}
.cmp tr.gain td{border-top:2px dashed #cbd5e1;font-weight:800}.cmp tr.gain.pos td:last-child{color:#15803d}.cmp tr.gain.neg td:last-child{color:#b91c1c}
.chart{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px;margin:12px 0}.chart h3{margin:0 0 8px;font-size:16px}
.brow{display:grid;grid-template-columns:minmax(90px,28%) 1fr auto;gap:10px;align-items:center;margin:8px 0;font-size:14px}.bl{font-weight:600}
.bt{background:#eef2f7;border-radius:8px;height:20px;overflow:hidden}.bf{display:block;height:100%;border-radius:8px;transition:width .4s}.bf.a{background:#0a0a0a}.bf.b{background:#16a34a}.bv{font-weight:800;white-space:nowrap}
@media(max-width:640px){.brow{grid-template-columns:1fr auto}.brow .bt{grid-column:1/-1;order:3}}
.disc2{font-size:12px;color:#64748b;margin:18px 0 6px;line-height:1.5}
@media (prefers-color-scheme:dark){body:not(#body) .adv,body:not(#body) .chart{background:#111a2e;border-color:#243049}body:not(#body) .bt{background:#243049}body:not(#body) .bf.a{background:#e2e8f0}body:not(#body) .disc2{color:#94a3b8}body:not(#body) .tip{background:#e2e8f0;color:#0a0a0a}body:not(#body) .cmp tr.gain td{border-color:#475569}}
@media print{.hh,.adwrap,.aff,#b_go{display:none!important}}