/* Reset léger + variables de thème */
:root{ color-scheme: light dark; --ink:#0f172a; --muted:#64748b; --brand:#0ea5e9; --card:#ffffff; --shadow:0 10px 30px rgba(2,6,23,.08); }
@media (prefers-color-scheme:dark){ :root{ --ink:#e5e7eb; --muted:#94a3b8; --card:#0f172a; --shadow:0 10px 30px rgba(0,0,0,.35);} }
*{ box-sizing:border-box; }
body{ margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif; color:var(--ink); background:Canvas; }
.mcpt-wrap{ max-width:1200px; margin:0 auto; padding:0 16px; }

.mcpt-header{ position:sticky; top:0; z-index:50; background:var(--card); box-shadow:var(--shadow); }
.mcpt-header .mcpt-wrap{ display:flex; align-items:center; gap:16px; padding:10px 16px; }
.mcpt-logo{ font-weight:900; }
.mcpt-nav ul{ list-style:none; margin:0; padding:0; display:flex; gap:12px; }
.mcpt-nav a{ text-decoration:none; color:var(--ink); font-weight:600; }
#mcpt-theme-toggle{ all:unset; cursor:pointer; margin-left:auto; }

.mcpt-footer{ margin-top:40px; border-top:1px solid rgba(148,163,184,.25); padding:20px 0; background:var(--card); }

.mcpt-content .mcpt-article{ background:var(--card); padding:16px; border-radius:14px; box-shadow:var(--shadow); margin-bottom:12px; }
.mcpt-title a{ color:var(--ink); text-decoration:none; }

.mcpt-hero{ background:linear-gradient(120deg, rgba(14,165,233,.15), transparent); padding:48px 0; margin-bottom:10px; }
.mcpt-hero-card{ display:grid; grid-template-columns:1.1fr .9fr; gap:12px; background:var(--card); border-radius:18px; box-shadow:var(--shadow); overflow:hidden; }
.mcpt-hero-img{ min-height:280px; background:#0b1220 center/cover no-repeat; }
.mcpt-hero-copy{ padding:22px; display:flex; flex-direction:column; justify-content:center; }
.mcpt-sub{ color:var(--muted); }
.mcpt-pills{ display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.mcpt-pill{ background:#e2f3fd; color:#064e63; padding:6px 10px; border-radius:999px; font-weight:700; font-size:12px; }
.mcpt-next{ background:#d1fae5; color:#065f46; }

.mcpt-card{ background:var(--card); border-radius:14px; box-shadow:var(--shadow); padding:16px; margin-bottom:12px; }
.mcpt-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.mcpt-grid-2{ display:grid; grid-template-columns:2fr 1fr; gap:16px; margin-top:14px; }
.mcpt-grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }

.mcpt-card .mcpt-content p, .mcpt-card .mcpt-content li{ color:var(--ink); }
.mcpt-thumb{ width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:12px; }
.mcpt-ttl{ margin:8px 0 6px; font-weight:800; }
.mcpt-exc{ color:var(--muted); }
.mcpt-price{ font-weight:800; margin-top:auto; }

.mcpt-btn{ all:unset; display:inline-block; cursor:pointer; background:var(--brand); color:#fff; padding:10px 14px; border-radius:12px; font-weight:800; box-shadow:0 8px 20px rgba(14,165,233,.25); }
.mcpt-btn:hover{ transform:translateY(-1px); box-shadow:0 12px 24px rgba(14,165,233,.33); }

.mcpt-table{ width:100%; border-collapse:separate; border-spacing:0; border-radius:12px; overflow:hidden; box-shadow:inset 0 0 0 1px rgba(148,163,184,.25); }
.mcpt-table th{ text-align:left; background:#f1f5f9; padding:10px; color:#0f172a; }
@media (prefers-color-scheme:dark){ .mcpt-table th{ background:#0b1220; color:#e5e7eb; } }
.mcpt-table td{ padding:10px; border-top:1px solid rgba(148,163,184,.35); }
.badge{ display:inline-block; padding:3px 8px; border-radius:999px; font-size:12px; font-weight:700; }
.open{ background:#d1fae5; color:#065f46; } .full{ background:#fee2e2; color:#991b1b; } .done{ background:#e5e7eb; color:#374151; }

.mcpt-bc{ font-size:12px; margin:10px 16px; color:var(--muted); }
.mcpt-bc a{ color:inherit; }

@media (max-width:980px){
  .mcpt-hero-card{ grid-template-columns:1fr; }
  .mcpt-grid{ grid-template-columns:1fr; }
  .mcpt-grid-2{ grid-template-columns:1fr; }
  .mcpt-grid-3{ grid-template-columns:1fr; }
}