/* Styles partagés par les pages de contenu Stoleez (tarifs, FAQ, à propos, guides) */

.crumbs{
  max-width:820px;margin:26px auto 0;padding:0 24px;
  font-size:12.5px;color:var(--text-muted);
}
.crumbs a{color:var(--text-muted);text-decoration:none}
.crumbs a:hover{color:var(--accent);text-decoration:underline}
.crumbs span{margin:0 6px;opacity:.6}

/* Capsule de réponse : la réponse directe, immédiatement sous le titre */
.answer{
  margin-top:24px;padding:20px 22px;
  background:var(--accent-soft);border:1px solid var(--accent-border);
  border-left:4px solid var(--accent);border-radius:12px;
}
.answer p{margin-top:0;font-size:15.5px;color:var(--text);line-height:1.6}
.answer p + p{margin-top:10px}
.answer strong{font-weight:700}

.q-answer{
  margin-top:13px;padding:14px 16px;background:var(--surface);
  border:1px solid var(--border);border-radius:10px;
  font-size:15px;color:var(--text);font-weight:500;line-height:1.6;
}

.cta-row{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 24px;border-radius:999px;background:var(--accent);
  color:#fff!important;font-weight:600;font-size:15px;text-decoration:none!important;
  box-shadow:0 14px 30px -12px rgba(200,71,30,.5);
}
.btn-primary:hover{background:#b53d19}
.btn-ghost{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 22px;border-radius:999px;border:1px solid var(--border-strong);
  color:var(--text)!important;font-weight:600;font-size:15px;
  text-decoration:none!important;background:var(--card);
}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)!important}

.callout{
  margin-top:20px;padding:16px 18px;background:var(--surface);
  border:1px solid var(--border);border-radius:12px;font-size:14.5px;color:var(--text-secondary);
}

table.legal td .yes{color:#1a7f4b;font-weight:700}
table.legal td .no{color:var(--text-muted)}

.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.plan-box{
  padding:20px 20px 22px;background:var(--card);
  border:1px solid var(--border);border-radius:14px;
}
.plan-box--hi{border-color:var(--accent-border);background:var(--accent-soft)}
.plan-box h3{margin-top:0;font-size:15px;font-weight:700}
.plan-box .amount{
  margin-top:8px;font-family:var(--font-serif);font-weight:500;
  font-size:1.9rem;letter-spacing:-.02em;color:var(--text);line-height:1.1;
}
.plan-box .per{font-size:13px;color:var(--text-muted);font-family:var(--font-ui)}
.plan-box ul{margin-top:12px;padding-left:18px;font-size:13.5px}
.plan-box li{margin-top:6px}

.related{
  max-width:820px;margin:8px auto 0;padding:0 24px 20px;
}
.related h2{margin-top:0!important;border-top:none!important;padding-top:0!important}
.related ul{list-style:none;padding-left:0}
.related li{margin-top:9px;font-size:14.5px}

@media (max-width:700px){
  .plan-grid{grid-template-columns:1fr}
}