/* contenuti (17/10/2026, revisione): oroscopo, Wikiterika, feedback, palinsesto. Prima erano style= in linea e un <style>
   dentro la finestra dell'oroscopo; qui le stesse regole, con classi ct-* e oro-*. */

/* larghezze dei campi */
.ct-w-240{max-width:240px}
.ct-w-260{max-width:260px}
.ct-w-300{max-width:300px}
.ct-w-175{max-width:175px}
.ct-w-120{max-width:120px}
.ct-largo{flex:1; min-width:220px}
.ct-largo-160{flex:1; min-width:160px}
.ct-fondo{align-self:flex-end}
.oro-check.ct-fondo{margin-bottom:8px}
.ct-inline{display:inline}
.ct-nowrap{white-space:nowrap}
.ct-piccolo{font-size:.84em}
.ct-centro{text-align:center; margin:.5rem 0}

/* stato con forma + parola (pubblicato / programmato / bozza / nascosto) */
.ct-stato{display:inline-flex; align-items:center; gap:4px; font-size:.78em; font-weight:700; padding:1px 8px; border-radius:10px; white-space:nowrap}
.ct-stato .ico{width:12px; height:12px}
.ct-stato.ct-on{color:var(--s-free); background:color-mix(in srgb, var(--s-free) 16%, transparent)}
.ct-stato.ct-prog{color:var(--accent-2); background:var(--accent-soft)}
.ct-stato.ct-off{color:var(--muted); background:var(--surface-2); border:1px solid var(--line-2)}
.ct-quando{display:block; font-size:.78em; color:var(--muted); margin-top:2px; white-space:nowrap}
.ct-azioni{display:inline-flex; gap:6px; align-items:center; white-space:nowrap}
.ct-azioni form{display:inline; margin:0}

/* oroscopo: riquadro «Cielo della settimana» e note */
.oro-cielo{border:1px solid var(--line); border-radius:var(--radius-s); background:var(--surface-2); padding:10px 14px; margin:2px 0 12px; font-size:.86em}
.oro-cielo h3{display:flex; align-items:center; gap:7px; font-size:1em; margin:0 0 2px}
.oro-cielo .oc-sub{color:var(--muted); font-size:.92em; margin:0 0 8px}
.oro-cielo ul{margin:0 0 6px; padding-left:18px}
.oro-cielo li{margin:1px 0}
.oro-cielo .oc-q{font-variant-numeric:tabular-nums; color:var(--ink-2); font-weight:600}
.oro-cielo .oc-riga{margin:3px 0}
.oro-cielo details{margin-top:6px}
.oro-cielo summary{cursor:pointer; color:var(--ink-2)}
.oro-cielo .oc-tab{overflow-x:auto}
.oro-cielo table{border-collapse:collapse; font-size:.95em; margin-top:6px; white-space:nowrap}
.oro-cielo th,.oro-cielo td{border-bottom:1px solid var(--line); padding:3px 8px; text-align:left; font-variant-numeric:tabular-nums}
.oro-cielo .oc-r{color:var(--accent); font-weight:700; margin-left:2px}
.oro-vis{margin:3px 0 0 24px; font-size:.84em; color:var(--muted)}
.oro-vis b{color:var(--ink-2)}
.oro-note{margin-top:12px; font-size:.84em; color:var(--muted)}
.oro-note summary{cursor:pointer}
.oro-note ul{margin:6px 0 0; padding-left:18px}

/* palinsesto: link del video */
.ct-url{display:flex; gap:5px}
.ct-url input{flex:1; min-width:150px}

/* feedback: testo lungo che va a capo, data su una riga */
.ct-fb-testo{min-width:260px}
.ct-azioni button.iconbtn{background:none; border:0; color:var(--muted); padding:2px 4px}
.ct-azioni button.iconbtn:hover{color:var(--accent-2); filter:none}