/* avis-hitworkers.fr — design épuré type blog SEO, 2026 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:'Segoe UI',system-ui,sans-serif;color:#1a1a2e;background:#fff;line-height:1.65}

a{color:#0a6b3f;text-decoration:none}
a:hover{text-decoration:underline}

/* ── layout ── */
.wrap{max-width:760px;margin:0 auto;padding:0 20px}

/* ── header ── */
.site-header{padding:14px 0;border-bottom:1px solid #e8e8e8}
.site-header .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px}
.site-logo{font-weight:700;font-size:1.05rem;color:#1a1a2e}
.site-logo:hover{text-decoration:none}
.header-cta{background:#0a6b3f;color:#fff!important;padding:8px 18px;border-radius:5px;font-size:.9rem;font-weight:600;white-space:nowrap}
.header-cta:hover{background:#085530;text-decoration:none!important}

/* ── article ── */
article{padding:32px 0 60px}
.byline{font-size:.88rem;color:#666;margin:6px 0 20px}
.disclaimer{font-size:.82rem;color:#888;background:#f8f8f8;border-left:3px solid #ccc;padding:10px 14px;margin-bottom:28px;line-height:1.5}

.reponse-directe{font-size:1.08rem;font-weight:600;background:#f0faf4;border-left:4px solid #0a6b3f;padding:14px 18px;margin-bottom:24px;border-radius:0 6px 6px 0}

.essentiel{background:#f8f9fb;border:1px solid #e0e4ea;border-radius:8px;padding:18px 22px;margin:24px 0}
.essentiel h2{font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;color:#555;margin-bottom:10px}
.essentiel ul{padding-left:18px}
.essentiel li{margin-bottom:6px;font-size:.95rem}

h1{font-size:1.75rem;line-height:1.25;margin-bottom:8px}
h2{font-size:1.25rem;margin:36px 0 12px;line-height:1.3}
h3{font-size:1.05rem;margin:24px 0 8px}
p{margin-bottom:16px}
ul,ol{padding-left:22px;margin-bottom:16px}
li{margin-bottom:5px}

/* ── rating ── */
.rating-block{background:#fff9f0;border:1px solid #f0d080;border-radius:8px;padding:18px 22px;margin:28px 0;display:flex;align-items:center;gap:18px}
.rating-score{font-size:2.5rem;font-weight:800;color:#e67e00}
.rating-label{font-size:.95rem;line-height:1.5}

/* ── CTA ── */
.cta-block{text-align:center;margin:32px 0}
.btn-cta{display:inline-block;background:#0a6b3f;color:#fff!important;font-weight:700;font-size:1.05rem;padding:14px 32px;border-radius:7px;transition:background .15s}
.btn-cta:hover{background:#085530;text-decoration:none!important}
.cta-note{font-size:.8rem;color:#888;margin-top:6px}

/* ── captures ── */
.capture-block{margin:24px 0}
.capture-block img{max-width:100%;border-radius:6px;border:1px solid #e0e0e0;display:block}
.capture-block figcaption{font-size:.82rem;color:#888;margin-top:6px;text-align:center}

/* ── table ── */
table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.93rem}
th{background:#f4f4f4;text-align:left;padding:9px 12px;border:1px solid #ddd}
td{padding:8px 12px;border:1px solid #e8e8e8}
tr:nth-child(even) td{background:#fafafa}

/* ── FAQ ── */
.faq-block{margin:36px 0}
.faq-block h2{margin-bottom:16px}
details{border-bottom:1px solid #eee;padding:12px 0}
summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
summary::after{content:'+';font-size:1.2rem;color:#0a6b3f;flex-shrink:0}
details[open] summary::after{content:'−'}
details p{margin-top:10px;color:#444;font-size:.95rem}

/* ── footer ── */
.site-footer{border-top:1px solid #eee;padding:20px 0;font-size:.83rem;color:#888;text-align:center}
.site-footer a{color:#888}

/* ── mobile ── */
@media(max-width:640px){
  h1{font-size:1.4rem}
  .btn-cta{padding:12px 22px;font-size:.97rem}
  .rating-score{font-size:2rem}
}

/* ── nav inline ── */
.site-nav-inline{font-size:.82rem;color:#888;padding:10px 0 0;border-bottom:1px solid #eee;margin-bottom:28px;line-height:2}
.site-nav-inline a{color:#555;margin-right:14px}
.site-nav-inline a:hover{color:#0a6b3f}

/* ── mobile tables ── */
@media(max-width:640px){
  table{display:block;overflow-x:auto;white-space:nowrap}
  th,td{white-space:normal;min-width:80px}
}