/* Page /xx/essai : même langage visuel que le reste du site. Le dépôt du document et les consignes sont lisibles d'emblée. */
.site-essai-hero{background:var(--soft);padding:56px 0 44px}
.site-essai-hero .eyebrow{margin:0 0 14px}
.site-essai-hero h1{margin:0 0 16px;max-width:20ch;font-family:Manrope,system-ui,sans-serif;font-size:clamp(32px,4.4vw,52px);line-height:1.08;letter-spacing:-.035em;color:var(--ink)}
.site-essai-hero-lead{margin:0;max-width:62ch;color:var(--muted);font-size:18px}
.site-essai-page{padding:36px 0 84px}
/* Le composant s'efface en tant que carte : le site fournit déjà le titre et le texte. */
.site-essai-page .zn-essai{max-width:none;margin:0;padding:0;background:transparent;border:0;border-radius:0;display:grid;gap:20px 28px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start}
.site-essai-page .zn-essai>*{grid-column:1/-1;margin-top:0}
.site-essai-page .zn-essai-lead,.site-essai-page .zn-essai-banner,.site-essai-page .zn-essai-free{display:none}
.site-essai-page .zn-essai-meta{order:-2;margin:0}
.site-essai-page .zn-essai-meta span{background:var(--soft);color:var(--brand-dark);font-weight:700}
.site-essai-page .zn-essai-form{grid-column:1;grid-row:2;margin:0;padding:26px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:0 14px 36px rgba(36,91,75,.1)}
.site-essai-page .zn-essai-upload{min-height:190px;border-color:var(--brand);background:var(--soft)}
.site-essai-page .zn-essai-upload h3{font-family:Manrope,system-ui,sans-serif;font-size:1.3rem}
.site-essai-page .zn-essai-picker{background:#fff;border:2px solid var(--brand);color:var(--brand);font-weight:800}
.site-essai-page .zn-essai-picker:hover{background:var(--brand);color:#fff}
.site-essai-page .zn-essai-button{background:var(--brand);color:#fff;border-radius:11px;font-weight:800}
.site-essai-page .zn-essai-groups{grid-column:2;grid-row:2;grid-template-columns:minmax(0,1fr);margin:0;align-content:start}
.site-essai-page .zn-essai-group{border-radius:16px;background:var(--surface)}
.site-essai-page .zn-essai-group li{background:var(--soft);color:var(--ink);font-weight:600}
.site-essai-page .zn-essai-progress,.site-essai-page .zn-essai-limit-alert,.site-essai-page [class*="zn-essai-result"],.site-essai-page .zn-essai-continue-intro{grid-column:1/-1}
@media (max-width:900px){
  .site-essai-hero{padding:40px 0 32px}.site-essai-hero-lead{font-size:16px}
  .site-essai-page{padding:26px 0 60px}
  .site-essai-page .zn-essai{grid-template-columns:minmax(0,1fr)}
  .site-essai-page .zn-essai-form,.site-essai-page .zn-essai-groups{grid-column:1;grid-row:auto}
  .site-essai-page .zn-essai-form{padding:18px}
}
/* Pendant l'analyse et sur le résultat : le dépôt n'est plus affiché, les rappels de droite non plus (pas de colonne vide). */
.site-essai-page .zn-essai:has(.zn-essai-form[hidden]) .zn-essai-groups{display:none}
.site-essai-page .zn-essai:has(.zn-essai-form[hidden]) .zn-essai-meta{margin-bottom:0}