/* Calculateur de ROI SEO — Styles | Namespace: .tw-rs- */
.tw-rs-app{max-width:1200px;margin:0 auto;padding-top:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1a1a2e}
.tw-rs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem}
.tw-rs-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px}
.tw-rs-panel-title{display:flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:700;color:#010643;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid #56aea4}
/* Form elements */
.tw-rs-form-group{margin-bottom:16px}
.tw-rs-label{display:block;font-size:.8125rem;font-weight:600;color:#1a1a2e;margin-bottom:6px}
.tw-rs-select{display:block;width:100%;padding:8px 12px;font-size:.875rem;color:#1a1a2e;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;transition:border-color .2s;cursor:pointer}
.tw-rs-select:focus{border-color:#56aea4;box-shadow:0 0 0 3px rgba(86,174,164,.15)}
/* Radio pills */
.tw-rs-pills{display:flex;flex-wrap:wrap;gap:6px}
.tw-rs-pill{display:inline-flex;align-items:center;cursor:pointer}
.tw-rs-pill input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.tw-rs-pill span{display:inline-block;padding:5px 12px;font-size:.8125rem;font-weight:600;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:20px;transition:all .2s;user-select:none;white-space:nowrap}
.tw-rs-pill:hover span{border-color:#56aea4;color:#56aea4}
.tw-rs-pill input[type="radio"]:checked+span{background:#56aea4;color:#fff;border-color:#56aea4}
/* Info box */
.tw-rs-info{background:#f0fdf9;border:1px solid #a7f3d0;border-radius:8px;padding:14px 16px;margin-top:4px}
.tw-rs-info-title{display:flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:700;color:#065f2b;margin-bottom:8px}
.tw-rs-info-note{font-size:.75rem;color:#6b7280;margin:0;font-style:italic;line-height:1.5}
/* Result band */
.tw-rs-result{background:linear-gradient(135deg,#f0fdf9 0%,#fff 70%);border:2px solid #56aea4;border-radius:10px;padding:20px 24px;margin-bottom:16px}
.tw-rs-result-cards{display:grid;grid-template-columns:1fr 1.15fr 1fr 1fr;gap:12px;margin-bottom:16px}
.tw-rs-card{text-align:center;padding:16px 12px;border-radius:8px;background:#fff;border:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:center;gap:4px}
.tw-rs-card-main{border-color:#56aea4;box-shadow:0 4px 16px rgba(86,174,164,.18)}
.tw-rs-card-label{font-size:.6875rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}
.tw-rs-card-value{font-size:1.875rem;font-weight:800;color:#1a1a2e;line-height:1}
.tw-rs-card-value-main{font-size:2.25rem;color:#56aea4}
.tw-rs-card-value-roi{font-size:2rem;font-weight:800}
.tw-rs-badge{display:inline-block;font-size:.625rem;font-weight:700;background:#56aea4;color:#fff;border-radius:10px;padding:2px 8px;letter-spacing:.06em;text-transform:uppercase}
@keyframes tw-rs-pop{0%{transform:scale(1)}40%{transform:scale(1.07)}100%{transform:scale(1)}}
.tw-rs-pop{animation:tw-rs-pop .3s ease}
/* Break-even row */
.tw-rs-breakeven-row{display:flex;align-items:center;gap:8px;background:#f0fdf9;border:1px solid #a7f3d0;border-radius:8px;padding:10px 16px;margin-bottom:16px}
.tw-rs-breakeven-label{font-size:.875rem;font-weight:600;color:#374151}
.tw-rs-breakeven-val{font-size:1rem;font-weight:800}
/* Chart */
.tw-rs-chart-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin-bottom:16px;overflow:hidden}
.tw-rs-chart{display:block;width:100%;height:260px}
/* Projection table */
.tw-rs-table-wrap{overflow-x:auto;margin-bottom:16px}
.tw-rs-table{width:100%;border-collapse:collapse;font-size:.875rem}
.tw-rs-table thead tr{background:#010643;color:#fff}
.tw-rs-table th{padding:10px 14px;text-align:left;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.tw-rs-table tbody tr:nth-child(odd){background:#f8fafc}
.tw-rs-table tbody tr:nth-child(even){background:#fff}
.tw-rs-table td{padding:9px 14px;border-bottom:1px solid #e5e7eb;color:#374151}
.tw-rs-table td:first-child{font-weight:700;color:#010643}
.tw-rs-table-empty{text-align:center;color:#9ca3af;font-style:italic;padding:20px}
/* Post-campaign rows */
.tw-rs-row-post td{color:#6b7280;background:#fafafa!important}
.tw-rs-row-post td:first-child{color:#9ca3af}
.tw-rs-post-tag{display:inline-block;font-size:.625rem;font-weight:700;background:#e5e7eb;color:#6b7280;border-radius:4px;padding:1px 5px;margin-left:4px;vertical-align:middle;text-transform:uppercase;letter-spacing:.04em}
.tw-rs-disclaimer{font-size:.6875rem;color:#9ca3af;text-align:center;margin:0;font-style:italic;line-height:1.6}
/* Toggle article */
.tw-rs-toggle-wrap{margin-top:0}
.tw-rs-toggle-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#fff!important;border:1px solid #56aea4;border-radius:10px;cursor:pointer;transition:background .2s;color:#56aea4!important}
.tw-rs-toggle-btn:hover,.tw-rs-toggle-btn:focus,.tw-rs-toggle-btn:active{background:#f0fdf8!important;color:#56aea4!important;outline:none}
.tw-rs-h1{font-size:14px;font-weight:600;color:#56aea4;margin:0;text-align:left}
.tw-rs-chevron{color:#56aea4;transition:transform .3s;flex-shrink:0}
.tw-rs-chevron.open{transform:rotate(180deg)}
.tw-rs-article-body{padding:24px;background:#fff;border:1px solid #e5e7eb;border-top:0;border-radius:0 0 10px 10px}
.tw-rs-article-body h2{font-size:1.125rem;font-weight:700;color:#010643;margin:24px 0 10px}
.tw-rs-article-body h2:first-child{margin-top:0}
.tw-rs-article-body h3{font-size:.9375rem;font-weight:700;color:#1a1a2e;margin:16px 0 8px}
.tw-rs-article-body p{font-size:.875rem;color:#374151;line-height:1.75;margin:0 0 12px}
.tw-rs-article-body ul,.tw-rs-article-body ol{font-size:.875rem;color:#374151;line-height:1.75;margin:0 0 12px;padding-left:20px}
.tw-rs-article-body li{margin-bottom:4px}
/* Responsive */
@media(max-width:900px){
  .tw-rs-result-cards{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .tw-rs-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .tw-rs-result-cards{grid-template-columns:1fr}
  .tw-rs-card-value{font-size:1.5rem}
  .tw-rs-card-value-main{font-size:1.875rem}
  .tw-rs-card-value-roi{font-size:1.5rem}
  .tw-rs-chart{height:200px}
}

/* ============================================================
   TOGGLE PRESTATION SEO EN CONTINU
   ============================================================ */
.tw-rs-evergreen-toggle{margin-bottom:16px;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:10px;padding:14px 16px}
.tw-rs-evergreen-label{display:flex;align-items:center;gap:10px;cursor:pointer;margin:0}
.tw-rs-evergreen-cb{display:none}
.tw-rs-evergreen-check{flex-shrink:0;width:20px;height:20px;border:2px solid #7c3aed;border-radius:4px;background:#fff;position:relative;transition:background .2s,border-color .2s}
.tw-rs-evergreen-cb:checked + .tw-rs-evergreen-check{background:#7c3aed;border-color:#7c3aed}
.tw-rs-evergreen-cb:checked + .tw-rs-evergreen-check::after{content:'';position:absolute;left:4px;top:1px;width:6px;height:10px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg)}
.tw-rs-evergreen-text{font-size:.875rem;color:#4c1d95;line-height:1.4}
.tw-rs-evergreen-text strong{color:#5b21b6}
.tw-rs-evergreen-hint{font-size:.75rem;color:#7c3aed;margin:8px 0 0;line-height:1.5;opacity:.85}

/* Section comparaison Prestation SEO en continu */
.tw-rs-evergreen-banner{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #c4b5fd;border-radius:10px;padding:16px 18px;margin-bottom:16px}
.tw-rs-eg-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:.875rem;font-weight:700;color:#5b21b6}
.tw-rs-eg-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tw-rs-card-eg{border-color:#ddd6fe!important;background:#fff}
.tw-rs-card-eg-main{background:linear-gradient(135deg,#f5f3ff,#ede9fe)!important}
.tw-rs-card-value-eg{font-size:1.75rem!important;font-weight:800!important;color:#7c3aed!important}
.tw-rs-badge-eg{background:#7c3aed!important;color:#fff!important}
@media(max-width:900px){.tw-rs-eg-cards{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.tw-rs-eg-cards{grid-template-columns:1fr}}

/* Légende graphique (au-dessus du canvas) */
.tw-rs-chart-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:10px;padding:0 2px}
.tw-rs-legend-item{display:inline-flex;align-items:center;gap:6px}
.tw-rs-legend-line{display:inline-block;width:26px;height:3px;border-radius:2px;flex-shrink:0}
.tw-rs-legend-text{font-size:.75rem;color:#374151;white-space:nowrap}