/* Présentation des deux applications intégrées ; aucun style global du site. */
#tp-francais-integre {
  grid-column: 1 / span 6; grid-row: 6; order: 8; min-width: 0; width: 100%;
  --tp-gutter: 14px; color: #263b39; font: 16px/1.6 Arial, Helvetica, sans-serif;
}
#tp-francais-integre .tp-embed-path { display:flex; flex-wrap:wrap; gap:5px; margin:10px 20px 16px; color:#ffffcc; font:14px/1.5 Helvetica,Arial,sans-serif; text-align:left; }
#tp-francais-integre .tp-embed-path > span { color:inherit; font:inherit; }
#tp-francais-integre .tp-embed-shell { margin:0 var(--tp-gutter); padding:28px; background:#f8f7ef; border-radius:12px; }
#tp-francais-integre .tp-embed-intro { margin:0 0 26px 332px; text-align:left; }
#tp-francais-integre .tp-embed-eyebrow { margin:0 0 8px; color:#607048; font:bold 11px/1.5 Arial,sans-serif; letter-spacing:1.6px; }
#tp-francais-integre .tp-embed-title { margin:0 0 10px; padding:0; color:#203c45; font:bold clamp(24px,2.6vw,34px)/1.2 Arial,sans-serif; text-align:left; }
#tp-francais-integre .tp-embed-subtitle { margin:0 0 18px; color:#526460; font:16px/1.6 Arial,sans-serif; text-align:left; }
#tp-francais-integre .tp-embed-tags { display:flex; flex-wrap:wrap; gap:8px; }
#tp-francais-integre .tp-embed-tag { padding:4px 11px; border-radius:7px; background:#e8ecdc; color:#3d513a; font:12px/1.6 Arial,sans-serif; }
#tp-francais-integre .tp-embed-layout { display:grid; grid-template-columns:182px minmax(0,1fr); gap:150px; align-items:start; }
#tp-francais-integre .tp-embed-ad { box-sizing:border-box; width:182px; padding-top:10px; border:1px solid #c9cec3; background:#eeeee9; text-align:center; }
#tp-francais-integre .tp-ad-label { display:block; color:#51584e; font:11px/1.5 Arial,sans-serif; letter-spacing:1.4px; }
#tp-francais-integre .tp-embed-game { min-width:0; padding:14px; border:1px solid #dbe0d5; border-radius:14px; background:#fff; box-shadow:0 4px 0 #e8eadf; }
#tp-francais-integre .tp-embed-frame { display:block; box-sizing:border-box; width:100%; height:auto; aspect-ratio:var(--tp-ratio); border:0; background:#fff; }
#tp-francais-integre .tp-embed-help { margin:14px 2px 2px; color:#536457; font:14px/1.6 Arial,sans-serif; text-align:left; }
#tp-francais-integre .tp-embed-ad-bottom { margin:24px var(--tp-gutter) 0; }
#tp-francais-integre .tp-embed-ad-bottom > .tp-ad-label { text-align:center; color:#fff7df; }
#tp-francais-integre .tp-embed-path-link:focus-visible { outline:3px solid #fff7df; outline-offset:3px; }
@media (max-width:900px) {
  #tp-francais-integre .tp-embed-intro { margin-left:0; }
  #tp-francais-integre .tp-embed-layout { grid-template-columns:minmax(0,1fr); gap:0; }
  #tp-francais-integre .tp-embed-ad { display:none; }
}
@media (max-width:560px) {
  #tp-francais-integre { --tp-gutter:8px; }
  #tp-francais-integre .tp-embed-shell { padding:20px 12px; }
  #tp-francais-integre .tp-embed-game { padding:8px; }
}
@media print {
  #tp-francais-integre .tp-embed-ad, #tp-francais-integre .tp-embed-ad-bottom { display:none; }
  #tp-francais-integre .tp-embed-intro { margin-left:0; }
  #tp-francais-integre .tp-embed-layout { display:block; }
}