/* Styles scoped: n'impacte que le bloc .ytp-wrap */
.ytp-wrap{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#111;line-height:1.6}
.ytp-wrap *{box-sizing:border-box}

.ytp-title{font-size:28px;line-height:1.2;margin:0 0 10px 0;font-weight:800;letter-spacing:.2px;position:relative; color:#114259}
.ytp-title:after{content:"";display:block;width:64px;height:3px;background:#111;border-radius:2px;margin-top:10px}

/* Variante colorée pour le grand titre — spécificité + !important si besoin */
body .ytp-wrap h2.ytp-title.is-accent{color:#0c5069 !important}
body .ytp-wrap h2.ytp-title.is-accent:after{background:#114259 !important}

.ytp-lead{font-size:18px;margin:0 0 18px 0}
.ytp-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start;margin-top:16px}
@media (max-width:900px){.ytp-grid{grid-template-columns:1fr}}

.ytp-card{border:1px solid #e5e7eb;border-radius:10px;padding:16px;background:#fff}
.ytp-card h3{margin:0 0 8px 0;font-size:18px;font-weight:700}

.ytp-list{margin:10px 0 0 0;padding:0 0 0 18px}
.ytp-list li{margin:6px 0}

.ytp-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.ytp-btn{display:inline-block;border:1px solid #111;border-radius:999px;padding:8px 14px;text-decoration:none;color:#111;font-weight:600}

.ytp-note{background:#fafafa;border:1px dashed #ddd;border-radius:10px;padding:12px;margin-top:14px}
.ytp-img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid #eee}
.ytp-subtitle{font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:#555;margin:10px 0 6px 0}
.ytp-divider{height:1px;background:#111;margin:18px 0}