/* Le connecteur IA : le film dans la grande carte de l'ouverture, le MCP, les limites et la demande mensuelle. Les cartes et les titres viennent de site.css. */

/* le film : la carte arrondie de l'ouverture de meotis.ch ; la légende et la commande sont dessous, jamais sur l'image */
.film-frame { position: relative; overflow: hidden; border-radius: 26px; background: var(--rf-bg2); box-shadow: 0 0 0 1px var(--rf-line), 0 34px 70px -46px rgba(10, 10, 11, .2); }
.film-video { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: var(--rf-bg2); }
.film-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 16px; margin-top: 12px; padding: 0 6px; font-size: 13.5px; line-height: 1.45; color: var(--rf-mute); }
.film-toggle, .copy-prompt { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border-radius: 999px; border: 1px solid var(--rf-line2); background: transparent; color: var(--rf-ink); font-size: 14px; font-weight: 500; line-height: 1; cursor: pointer; transition: background .2s; }
.film-toggle:hover, .copy-prompt:hover { background: var(--rf-bg2); }
.copy-prompt { background: var(--rf-bg); }
@media (max-width: 640px) {
  .film-frame { border-radius: 18px; }
  .film-bar { padding: 0 2px; }
}

/* le MCP : deux phrases posées en grand */
.statement-2 { color: var(--rf-ink2); }
.ff-hd-2 .ff-note { margin-top: 0; }

/* les limites : des lignes simples, deux colonnes */
.limits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(24px, 4vw, 64px); margin: var(--rf-a2) 0 0; padding: 0; list-style: none; border-bottom: 1px solid var(--rf-line); }
.limits li { padding: 22px 0; border-top: 1px solid var(--rf-line); }
.limits h3 { font-size: clamp(18px, 1.5vw, 20px); font-weight: 500; line-height: 1.25; letter-spacing: -.025em; text-wrap: balance; }
.limits p { max-width: 52ch; margin-top: 8px; font-size: 15px; line-height: 1.55; color: var(--rf-ink2); text-wrap: pretty; }
@media (max-width: 760px) {
  .limits { grid-template-columns: minmax(0, 1fr); }
  .limits li { padding: 18px 0; }
}

/* la demande mensuelle, à copier */
.prompt { max-width: 900px; margin-top: var(--rf-a2); }
.prompt-hd { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.prompt-hd .card-l { margin: 0; color: var(--rf-mute); }
.prompt blockquote { margin: 18px 0 0; font-size: clamp(18px, 1.7vw, 22px); line-height: 1.5; letter-spacing: -.015em; color: var(--rf-ink); text-wrap: pretty; }
.copy-status { min-height: 22px; margin-top: 14px; font-size: 14px; color: var(--rf-ink2); }

@media print {
  .film-toggle, .copy-prompt { display: none !important; }
  .film-frame, .prompt, .limits li { break-inside: avoid; }
}