/* ═══ CONTENUTI (10/10/2026): Frase polarizzante e Video YouTube ═══════════ */
.ct-riquadro { max-width:780px; background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:20px; margin-bottom:16px; }
.ct-riga { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:12px; }
.ct-label { display:block; font-size:11px; color:var(--muted); text-transform:uppercase; letter-spacing:.5px; margin:14px 0 6px; }
.ct-input { flex:1; min-width:200px; width:100%; border:1px solid var(--border); border-radius:8px; padding:10px 12px; color:var(--text); background:var(--surface2); font-size:14px; font-family:inherit; }
.ct-riga .ct-input { width:auto; }
.ct-area { min-height:90px; resize:vertical; line-height:1.6; }
.ct-nota { font-size:12.5px; color:var(--muted); line-height:1.5; }
.ct-proposte { display:flex; flex-direction:column; gap:8px; margin-bottom:6px; }
.ct-proposta { text-align:left; background:var(--surface2); border:1px solid var(--border); border-radius:8px; padding:10px 14px; color:var(--text); font-size:14px; line-height:1.45; font-family:inherit; cursor:pointer; transition:border-color .15s; }
.ct-proposta:hover { border-color:var(--accent); }
.ct-proposta .cz-hl { color:var(--accent); }
.ct-frase-out { display:flex; gap:20px; align-items:flex-start; flex-wrap:wrap; }
.ct-frase-azioni { display:flex; flex-direction:column; gap:10px; max-width:320px; }
/* la frase sta al centro della pagina, sotto la testata col nome */
.ct-frase-slide .ct-frase-centro { position:absolute; top:190px; left:80px; right:80px; bottom:160px; display:flex; flex-direction:column; justify-content:center; z-index:3; }
.ct-frase-slide .ct-frase-centro .cz-bar { margin:0 0 40px; }
/* LA FRASE CON L'EFFETTO TWEET (Logan 20/10/2026): pagina chiara, foto profilo,
   nome con la spunta, handle e la frase. Colori fissi: e' il post, non l'app */
.cz-slide.ct-tweet { background:#ffffff; color:#0f1419; }
.ct-tweet .ct-tw { position:absolute; left:110px; right:110px; top:0; bottom:0; display:flex; flex-direction:column; justify-content:center; }
.ct-tweet .ct-tw-testa { display:flex; align-items:center; gap:30px; margin-bottom:56px; }
.ct-tweet .ct-tw-foto { width:132px; height:132px; border-radius:50%; object-fit:cover; background:#cfd9de; flex:0 0 auto; }
.ct-tweet .ct-tw-chi { display:flex; flex-direction:column; gap:6px; min-width:0; }
.ct-tweet .ct-tw-nome { font-size:50px; font-weight:700; color:#0f1419; display:flex; align-items:center; gap:14px; line-height:1.15; }
.ct-tweet .ct-tw-handle { font-size:40px; color:#536471; line-height:1.2; }
.ct-tweet .ct-tw-spunta { position:relative; width:46px; height:46px; border-radius:50%; background:#1d9bf0; flex:0 0 auto; }
.ct-tweet .ct-tw-spunta i { position:absolute; left:16px; top:9px; width:12px; height:22px; border-right:5px solid #fff; border-bottom:5px solid #fff; transform:rotate(45deg); }
.ct-tweet .ct-tw-testo { line-height:1.4; color:#0f1419; font-weight:400; white-space:normal; }
.ct-tweet .ct-tw-testo b { font-weight:700; }
.cz-frame:has(.ct-tweet) { background:#fff; }