/* Learn Room - presentations de tableaux comparatifs (A duel, B balance, C releve) - 2026-08-16 */
/* A. Carnet de duel (lr-duelt) */
.w-richtext figure.lr-duelt{display:block;width:100%;max-width:100%;margin:30px 0;border:1px solid #ece7d8;border-radius:14px;background:#fff;overflow:hidden}
.lr-dl-tete{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#03200E;padding:14px 18px;gap:12px}
.w-richtext figure.lr-duelt div.lr-dl-tete{color:#FEFBF0;font-size:1rem}
.lr-dl-outil{display:flex;align-items:center;gap:9px;color:#FEFBF0;font-weight:700;font-size:1rem}
.lr-dl-outil img{width:24px;height:24px;border-radius:6px}
.lr-dl-outil.droite{justify-content:flex-end}
.lr-dl-vs{font-family:'JetBrains Mono',monospace;color:#53D495;font-weight:600;font-size:.72rem}
.lr-dl-manche{padding:0 18px}
.lr-dl-manche+.lr-dl-manche{border-top:1px solid #ece7d8}
.lr-dl-titre{display:flex;align-items:center;gap:12px;padding:14px 0 0}
.w-richtext figure.lr-duelt div.lr-dl-titre{color:#03200E;font-size:.9rem}
.lr-dl-titre span{font-weight:700;white-space:nowrap;color:#03200E}
.lr-dl-titre i{flex:1;height:1px;background:#ece7d8}
.lr-dl-corps{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 0 14px}
.w-richtext figure.lr-duelt div.lr-dl-corps{color:#2D3A32;font-size:.8rem}
.lr-dl-camp{border-radius:12px;padding:11px 13px;line-height:1.45;color:#2D3A32;background:#FEFBF0;border:1px solid #ece7d8;position:relative;font-size:.8rem}
.w-richtext figure.lr-duelt div.lr-dl-camp{color:#2D3A32;font-size:.8rem}
.lr-dl-camp b{display:block;font-family:'JetBrains Mono',monospace;font-weight:600;font-size:.88rem;color:#03200E;margin-bottom:2px}
.lr-dl-camp.gagne-gpt{background:#EDEBFA;border-color:transparent}
.lr-dl-camp.gagne-gpt b{color:#30259E}
.lr-dl-camp.gagne-cla{background:#E6F3EB;border-color:transparent}
.lr-dl-camp.gagne-cla b{color:#0C7334}
.lr-dl-av{position:absolute;top:9px;right:11px;font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:600;letter-spacing:.08em;padding:3px 8px;border-radius:999px}
.gagne-gpt .lr-dl-av{background:rgba(48,37,158,.12);color:#30259E}
.gagne-cla .lr-dl-av{background:rgba(12,115,52,.12);color:#0C7334}
.lr-dl-egal{grid-column:1/-1;text-align:center;font-family:'JetBrains Mono',monospace;font-size:.62rem;color:#6D6D6D;margin-top:-3px}
@media(max-width:600px){.lr-dl-corps{grid-template-columns:1fr}}
/* B. Balance des criteres (lr-balance) */
.w-richtext figure.lr-balance{display:block;width:100%;max-width:100%;margin:30px 0;background:#fff;border:1px solid #ece7d8;border-radius:14px;padding:22px 24px}
.w-richtext .lr-balance figcaption{font-size:.95rem;color:#03200E;margin:0 0 10px;line-height:1.45;text-align:left}
.w-richtext .lr-balance figcaption strong{font-size:1.05rem;color:#03200E}
.lr-bl-tete{display:grid;grid-template-columns:230px 1fr;gap:16px;margin-bottom:6px}
.w-richtext figure.lr-balance div.lr-bl-tete{color:#03200E;font-size:.95rem}
.lr-bl-logos{grid-column:2;display:flex;justify-content:space-between;align-items:center}
.w-richtext figure.lr-balance div.lr-bl-logos{color:#03200E;font-size:.95rem}
.lr-bl-outil{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.95rem}
.lr-bl-outil img{width:20px;height:20px;border-radius:5px}
.lr-bl-outil.o-gpt{color:#30259E}
.lr-bl-outil.o-cla{color:#0C7334}
.lr-bl-ligne{display:grid;grid-template-columns:230px 1fr;gap:16px;align-items:center;padding:11px 0;border-top:1px solid #ece7d8}
.w-richtext figure.lr-balance div.lr-bl-ligne{color:#191a1f;font-size:.85rem}
.lr-bl-crit{font-size:.85rem;font-weight:600;line-height:1.35;color:#03200E}
.lr-bl-crit small{display:block;font-weight:400;font-size:.72rem;color:#6D6D6D;margin-top:1px}
.lr-bl-piste{position:relative;height:8px;border-radius:4px;background:linear-gradient(90deg,#EDEBFA,#F4F2E9 42%,#F4F2E9 58%,#E6F3EB)}
.lr-bl-piste:after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1.5px;background:#D8E4DC}
.lr-bl-curseur{position:absolute;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;border:3px solid #fff;box-shadow:0 1px 4px rgba(3,32,14,.25);z-index:1}
.lr-bl-curseur.c-gpt{background:#30259E}
.lr-bl-curseur.c-cla{background:#0C7334}
.lr-bl-curseur.c-nul{background:#EFEBE0;box-shadow:0 0 0 1px #D8E4DC,0 1px 4px rgba(3,32,14,.15)}
.lr-bl-pied{display:block;margin-top:12px;font-family:'JetBrains Mono',monospace;font-size:.66rem;color:#6D6D6D;text-align:center}
@media(max-width:600px){.lr-bl-ligne{grid-template-columns:1fr;gap:8px;padding:13px 0}.lr-bl-tete{grid-template-columns:1fr}.lr-bl-logos{grid-column:1}.w-richtext figure.lr-balance{padding:18px 14px}}
/* C. Releve d'arbitre (lr-releve) */
.w-richtext figure.lr-releve{display:block;width:100%;max-width:100%;margin:30px 0;background:#03200E;border-radius:14px;padding:22px 20px;overflow-x:auto}
.lr-rl-table{min-width:600px;font-family:'JetBrains Mono',monospace;font-size:.75rem;line-height:1.5;width:100%}
.w-richtext figure.lr-releve div.lr-rl-table{color:#FEFBF0;font-size:.75rem}
.lr-rl-ligne{display:grid;grid-template-columns:1.25fr 1fr 1fr 74px;gap:12px;padding:9px 4px;border-top:1px solid rgba(254,251,240,.12);align-items:center}
.w-richtext figure.lr-releve div.lr-rl-ligne{color:#FEFBF0;font-size:.75rem}
.lr-rl-ligne.tete{border-top:none;color:#9DBBA8;font-size:.62rem;letter-spacing:.1em;padding-bottom:5px}
.lr-rl-ligne.tete span{display:flex;align-items:center;gap:6px;color:#9DBBA8}
.lr-rl-ligne.tete img{width:15px;height:15px;border-radius:4px}
.lr-rl-crit{font-family:Inter,sans-serif;font-weight:600;font-size:.8rem;color:#FEFBF0}
.lr-rl-val{color:#DCEDE2}
.lr-rl-val b{font-weight:600;color:#FEFBF0}
.lr-rl-point{text-align:center}
.lr-rl-point img{width:18px;height:18px;border-radius:5px;vertical-align:middle;background:#FEFBF0;padding:1px}
.lr-rl-nul{color:#9DBBA8;font-size:.8rem}
.lr-rl-ligne.total{border-top:1.5px solid rgba(83,212,149,.5);margin-top:4px;padding-top:11px}
.lr-rl-ligne.total .lr-rl-crit,.lr-rl-ligne.total .lr-rl-val{color:#53D495}
.lr-rl-note{display:block;margin-top:11px;font-size:.66rem;color:#9DBBA8}
/* Tableau semantique replie (lr-tabdet) - accompagnement standard des comparatifs, regle 17, 2026-08-16 */
.w-richtext details.lr-tabdet{display:block;margin:-16px 0 30px;border:1px solid #ece7d8;border-radius:12px;background:#fff}
.lr-tabdet summary{display:flex;align-items:center;gap:10px;padding:13px 16px;cursor:pointer;font-size:.85rem;font-weight:600;color:#03200E;list-style:none}
.lr-tabdet summary::-webkit-details-marker{display:none}
.lr-tabdet summary i{width:22px;height:22px;border-radius:50%;background:#53D495;color:#03200E;display:grid;place-items:center;font-weight:700;font-size:.85rem;font-style:normal;flex:none;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.lr-tabdet[open] summary i{transform:rotate(45deg)}
.lr-tabdet summary small{font-weight:400;color:#6D6D6D;font-size:.72rem;margin-left:auto;font-family:'JetBrains Mono',monospace}
.w-richtext .lr-tabdet table{margin:0 14px 14px;width:calc(100% - 28px);min-width:calc(100% - 28px)}
@media (prefers-reduced-motion: reduce){.lr-tabdet summary i{transition:none}}
@media (max-width:680px){.w-richtext .lr-tabdet table{margin:0 8px 10px;width:calc(100% - 16px);min-width:calc(100% - 16px)}}