/* ============================================================================
   GUIDINEE — preview V3 Cat.2 « Posture » (pilote management-entreprise).
   Extension de v2.css : ne redéfinit que les nouveaux blocs V3.
   Réutilise les tokens de main.css (--card, --bg, --line, --ink, --muted,
   --acc, --blue, --green, --amber, --red, --shadow, --radius).
   Zéro dépendance réseau. Compatible clair/sombre via variables.
   ========================================================================== */

.v3 .v3-essentiel{
  background:var(--card); border:1px solid var(--line);
  border-left:4px solid var(--acc); border-radius:12px;
  padding:14px 18px; margin:18px 0; box-shadow:var(--shadow);
}
.v3 .v3-essentiel h3{ margin:0 0 8px; font-size:1rem; }
.v3 .v3-essentiel ul{ margin:0; padding-left:1.2em; }
.v3 .v3-essentiel li{ margin-bottom:4px; }

/* Définitions renforcées : terme + exemple + contre-exemple + réflexe */
.v3 .v3-defs{ display:grid; gap:12px; margin:18px 0; }
.v3 .v3-def{
  background:var(--card); border:1px solid var(--line);
  border-radius:12px; padding:14px 16px;
}
.v3 .v3-def dt{ font-weight:700; color:var(--ink); margin-bottom:6px; }
.v3 .v3-def dd{ margin:0; }
.v3 .v3-def .ex{ margin:8px 0 0; }
.v3 .v3-def .ex b{ color:var(--green); }
.v3 .v3-def .cex{ margin:6px 0 0; color:var(--muted); }
.v3 .v3-def .cex b{ color:var(--amber); }
.v3 .v3-def .reflex{ margin:8px 0 0; background:var(--block); border-radius:8px; padding:8px 12px; }
.v3 .v3-def .reflex b{ color:var(--acc); }

/* Mini-cas filé */
.v3 .v3-casfile{
  background:var(--card); border:1px dashed var(--acc);
  border-radius:12px; padding:14px 16px; margin:18px 0;
}
.v3 .v3-casfile h3{ margin:0 0 8px; font-size:1.02rem; }
.v3 .v3-casfile p{ margin:0 0 8px; }

/* Erreur d'interprétation */
.v3 .v3-misread{
  border:1px solid color-mix(in srgb,var(--amber) 35%,var(--line));
  background:color-mix(in srgb,var(--amber) 12%,var(--card));
  border-radius:12px; padding:12px 16px; margin:18px 0;
}
.v3 .v3-misread strong{ color:var(--amber); }

/* Script prêt à dire + modèle copiable */
.v3 .v3-script{
  background:color-mix(in srgb,var(--green) 10%,var(--card));
  border:1px solid color-mix(in srgb,var(--green) 35%,var(--line));
  border-radius:12px; padding:14px 16px; margin:18px 0;
}
.v3 .v3-script h3{ margin:0 0 8px; font-size:1rem; color:var(--green); }
.v3 .v3-script blockquote{ margin:0; padding:10px 14px; background:var(--card); border-left:3px solid var(--green); border-radius:0 8px 8px 0; font-style:italic; }
.v3 .v3-modele pre{
  background:var(--card); border:1px solid var(--line); border-radius:10px;
  padding:14px 16px; overflow-x:auto; margin:12px 0;
}
.v3 .v3-modele pre code{ font-family:ui-monospace,"SF Mono",Consolas,monospace; font-size:.82rem; line-height:1.6; white-space:pre; }

/* Variante contexte + prudence */
.v3 .v3-variantes{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:18px 0; }
@media(max-width:640px){ .v3 .v3-variantes{ grid-template-columns:1fr; } }
.v3 .v3-variantes .var{ background:var(--card); border:1px solid var(--line); border-radius:12px; padding:12px 14px; }
.v3 .v3-variantes .var h4{ margin:0 0 6px; font-size:.95rem; }
.v3 .v3-variantes .var p{ margin:0; font-size:.9rem; color:var(--muted); }
.v3 .v3-prudence{
  border-left:3px solid var(--red, #d33); background:var(--card);
  padding:12px 16px; border-radius:0 10px 10px 0; margin:18px 0; color:var(--muted);
}
.v3 .v3-prudence strong{ color:var(--ink); }

/* Défi 48h + checklist sortie + auto-évaluation */
.v3 .v3-defi{
  background:color-mix(in srgb,var(--acc) 10%,var(--card));
  border:1px solid var(--acc); border-radius:12px; padding:14px 16px; margin:18px 0;
}
.v3 .v3-defi h3{ margin:0 0 8px; font-size:1rem; }
.v3 .v3-sortie{
  background:var(--card); border:1px solid var(--line); border-radius:12px;
  padding:14px 16px; margin:18px 0;
}
.v3 .v3-sortie ul{ list-style:none; margin:8px 0 0; padding:0; }
.v3 .v3-sortie li{ position:relative; padding-left:26px; margin-bottom:8px; }
.v3 .v3-sortie li::before{ content:"☐"; position:absolute; left:2px; top:-1px; color:var(--acc); }
.v3 .v3-scale{ display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }
.v3 .v3-scale span{ border:1px solid var(--line); border-radius:999px; padding:4px 12px; font-size:.85rem; color:var(--muted); }

/* Version texte du schéma (SEO / a11y / traduction) */
.v3 .v3-schema-text{
  background:var(--block); border:1px solid var(--line); border-radius:10px;
  padding:10px 14px; margin:10px 0 18px; font-size:.88rem; color:var(--muted);
}
.v3 .v3-schema-text b{ color:var(--ink); }

/* Pont inter-sections */
.v3 .v3-pont{ display:flex; gap:10px; flex-wrap:wrap; margin:18px 0; }
.v3 .v3-pont a{ border:1px solid var(--line); border-radius:999px; padding:6px 14px; font-size:.85rem; text-decoration:none; color:var(--ink); background:var(--card); }

/* --- Touche fun / humour : mur des objectifs ratés --- */
.v3 .v3-fun{
  border:2px dashed var(--amber); background:color-mix(in srgb,var(--amber) 8%,var(--card));
  border-radius:12px; padding:14px 16px; margin:18px 0;
}
.v3 .v3-fun h3{ margin:0 0 8px; font-size:1rem; }
.v3 .v3-fun .wall{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:10px 0; }
@media(max-width:640px){ .v3 .v3-fun .wall{ grid-template-columns:1fr; } }
.v3 .v3-fun .wall figure{
  margin:0; background:var(--card); border:1px solid var(--line);
  border-radius:10px; padding:10px 12px; font-size:.88rem;
}
.v3 .v3-fun .wall figure figcaption{ font-size:.78rem; color:var(--muted); margin-top:6px; }
.v3 .v3-fun .punchline{ margin:8px 0 0; font-weight:600; }

@media print{
  .v3 .v3-defi, .v3 .v3-sortie{ break-inside:avoid; }
}