/*
 * Frontend Fixes Summary
 * - Neutralizes theme styles around metadata containers
 * - Aligns typography for warning blocks and labels in shortcode output
 * - Adds minor spacing refinements for story layouts
 */

/* This wrapper makes the metadata block "invisible"
   by removing all theme styling (like blockquote styles)
   that might be applied to it by the theme.
*/
.story-metadata-container {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0 1.5em 0 !important; /* Keeps a space below the metadata */
    box-shadow: none !important;
}

/* This resets any theme styles (like blockquotes)
   that might be applied to paragraphs *inside* the wrapper.
*/
.story-metadata-container p {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0 10px 0 !important; /* Adds a little space between metadata lines */
}

/* ChatGPT/Codex layout refinements */
.story-metadata-container .story-heading {
    margin: 0 0 0.35em;
    font-weight: 600;
    line-height: 1.3;
}

.story-metadata-container .story-text {
    margin: 0 0 0.65em;
    line-height: 1.6;
}

.story-metadata-container .story-text:last-child {
    margin-bottom: 0;
}

.story-metadata-container .story-text.story-emotions {
    margin-bottom: 0.5em;
}

.story-metadata-container .story-text.story-emotions strong {
    display: block;
    font-size: 0.95em;
    font-weight: 600;
    margin-bottom: 0.15em;
}

.story-metadata-container .story-text.story-emotions .story-emotions-values {
    display: block;
}