/* ==========================================================================
   Sophicly · Text Understanding (v3.10.8)
   Light/dark via shared --sc-* tokens. UI = shared Morphing Emoji Slider
   (.scr-emoji-slider, styled in sophicly-rating.css); this file is the card
   chrome + slider wrapper only.
   ========================================================================== */

.sctu-widget {
    font-family: 'Proxima Soft', system-ui, -apple-system, sans-serif;
    max-width: 560px;
    margin: 24px auto;
    -webkit-font-smoothing: antialiased;
}

.sctu-card {
    background: var(--sc-surface);
    border: 1px solid var(--sc-border);
    border-radius: 16px;
    padding: 24px 24px 20px;
    color: var(--sc-text);
}

.sctu-eyebrow {
    font-size: 11px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase;
    color: var(--sc-accent);
    margin-bottom: 8px;
}
.sctu-title { font-size: 19px; font-weight: 700; line-height: 1.25; margin: 0 0 18px; color: var(--sc-text); }

/* Emoji-slider holder — centres the shared .scr-emoji-slider card. */
.sctu-slider { display: flex; justify-content: center; margin: 4px 0 2px; }
.sctu-slider .scr-emoji-slider { margin: 0; }

.sctu-status { font-size: 13px; color: var(--sc-text-muted); margin-top: 14px; min-height: 1.2em; text-align: center; }

@media (max-width: 480px) {
    .sctu-card { padding: 20px 16px 16px; }
}