/* Mise en page propre à chaque écran (UI §6, lot D). */

/* ---- grilles ---- */
.deux-colonnes{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.deux-colonnes > .principal{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:24px}
.deux-colonnes > .cote{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:24px}
@media (max-width:639px){.deux-colonnes,.deux-colonnes > .principal,.deux-colonnes > .cote{gap:12px}}

/* ---- héro (Aujourd'hui, lecteur de Cours n°) ---- */
.hero{background:var(--heroBg);box-shadow:var(--heroShadow);border-radius:28px;padding:24px;display:flex;flex-wrap:wrap;gap:16px 24px;align-items:flex-start;color:var(--ink)}
.hero-corps{flex:999 1 420px;min-width:0;display:flex;flex-direction:column;gap:12px}
.hero-fin{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px}
.hero-identite{display:flex;gap:16px;align-items:flex-start}
.hero-identite > div{min-width:0;display:flex;flex-direction:column;gap:4px}
.hero-meta{display:flex;flex-wrap:wrap;gap:4px 16px;color:var(--heroSoft)}
.hero-puces{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hero-action{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-start;padding:12px 16px;border-radius:12px;background:var(--errCont);color:var(--onErr)}
.hero-action.attente{background:var(--warnCont);color:var(--onWarn)}
.hero-action > div{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:4px}
.hero-ligne{display:inline-flex;align-items:center;gap:6px;color:var(--heroSoft)}
@media (max-width:639px){.hero{padding:16px;border-radius:22px}}

/* moment « Publié partout » (DESIGN §6) : joué une fois, seulement sur une transition observée */
@keyframes appui{50%{transform:translateY(1px);box-shadow:var(--keyShDown)}}
@keyframes apparait{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.moment .key{animation:appui .16s cubic-bezier(.16,1,.3,1) .5s both}
.moment .chip-ok{animation:apparait .3s cubic-bezier(.16,1,.3,1) .5s both}

/* ---- Cours (liste) ---- */
.filtres{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.filtre{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;border:0;background:transparent;color:var(--ink)}
.filtre > span.f{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--outline);font-size:14px;font-weight:500}
.filtre[aria-pressed=true] > span.f{background:var(--secondaryCont);color:var(--onSecondaryCont);border-color:transparent;font-weight:600}
.filtre .key-s{width:24px;height:24px;border-radius:8px;font-size:14px}
.titre-cours{display:flex;align-items:center;gap:12px;min-width:240px}
.tableau th.col-cours{text-align:right}   /* au-dessus du bloc hébreu, dans les deux langues */
.titre-cours a{color:var(--ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.titre-cours a:hover{text-decoration:underline;text-underline-offset:3px}
.compteur{color:var(--inkSoft)}
.resultats > li{padding:12px 0}
.resultats > li + li{border-top:1px solid var(--outlineSoft)}
.passages{display:flex;flex-direction:column;gap:4px;margin-top:8px}
.passages a{display:flex;gap:12px;align-items:baseline;color:var(--ink);text-decoration:none;padding:4px 0}
.passages a:hover .t-read{text-decoration:underline}

/* ---- Cours n° ---- */
.hero-lecteur .hero-corps{gap:16px}
.cours-entete{display:flex;flex-direction:column;gap:12px}
.partage-grille{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.partage-grille > *{flex:1 1 360px;min-width:0}
.avert{display:flex;gap:8px;align-items:flex-start}
.lien-court{font-size:13px;line-height:18px;color:var(--inkSoft)}
.pub-actions{display:flex;gap:4px;flex:none}

/* ---- Audience ---- */
.total{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px}
.evolution{display:inline-flex;align-items:center;gap:4px}
.evolution.hausse{color:var(--okInk)}.evolution.baisse{color:var(--errInk)}

/* ---- Système ---- */
.journal summary{display:flex;align-items:center;gap:8px;min-height:44px}

/* ---- Connexion et page d'erreur (sans rail) ---- */
.page-connexion,.page-erreur{min-height:100vh;display:flex;flex-direction:column}
.cx-barre{display:flex;justify-content:flex-end;padding:12px clamp(16px,3vw,32px);min-height:72px}
.cx-prefs{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cx-main{flex:1 1 auto;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px 48px;outline:none}
.page-erreur .cx-main{align-items:center}
.cx-carte{width:100%;max-width:440px;background:var(--surf);border-radius:28px;box-shadow:var(--e2);padding:32px 24px;display:flex;flex-direction:column;gap:16px}
.cx-logo{width:56px;height:56px;border-radius:16px;background:var(--primaryCont);color:var(--onPrimaryCont);font-family:'Frank Ruhl Libre','David',serif;font-size:32px;font-weight:600;display:flex;align-items:center;justify-content:center}
.cx-adresse{color:var(--inkSoft)}
[dir=rtl] .cx-adresse{text-align:right}   /* adresse en LTR, alignée sur le titre en hébreu */
.cx-message:empty{display:none}
.cx-message.erreur{padding:12px 16px;border-radius:12px;background:var(--errCont);color:var(--onErr)}
.cx-form{display:flex;flex-direction:column;gap:16px}
.cx-mdp{display:flex;flex-direction:column;gap:4px}
.cx-voir{align-self:flex-start;margin-inline-start:-12px}
.cx-code{font-size:24px;text-align:center;min-height:56px}
.cx-rester{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center}
.cx-rester input{width:22px;height:22px;margin:0;accent-color:var(--primary)}
.cx-rester .aide{grid-column:2}
.cx-pied{color:var(--inkSoft)}
.erreur-code{color:var(--inkSoft)}