.esafe-im-shortcode {
    --esafe-im-primary: #1e5476;
    --esafe-im-primary-dark: #15394f;
    --esafe-im-primary-light: #d7e4ec;
    --esafe-im-text: #0f2330;
    --esafe-im-muted: #5a6a75;
    --esafe-im-border: #d4dee6;
    --esafe-im-surface: #ffffff;
    --esafe-im-surface-alt: #f5f8fb;
    color: var(--esafe-im-text);
    font-family: "Newsreader", Georgia, "Times New Roman", Times, serif;
    margin: 24px 0;
}

.esafe-im-shortcode-card,
.esafe-im-shortcode-mini-card {
    background: var(--esafe-im-surface);
    border: 1px solid var(--esafe-im-border);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.06);
    padding: 16px;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.esafe-im-shortcode-card:hover,
.esafe-im-shortcode-mini-card:hover {
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
    transform: translateY(-1px);
}

.esafe-im-shortcode-card h2 {
    color: var(--esafe-im-primary);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 12px;
}

.esafe-im-shortcode-mini-card h3 {
    color: var(--esafe-im-primary);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 8px;
}

.esafe-im-shortcode-card p,
.esafe-im-shortcode-card li,
.esafe-im-shortcode-mini-card p {
    color: var(--esafe-im-text);
    font-size: 16px;
    line-height: 1.5;
}

.esafe-im-shortcode-card ul {
    margin: 12px 0 0 20px;
}

.esafe-im-shortcode-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 14px;
}

.esafe-im-shortcode-meta {
    color: var(--esafe-im-muted);
    font-size: 12px !important;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .esafe-im-shortcode-grid {
        grid-template-columns: 1fr;
    }

    .esafe-im-shortcode-card h2 {
        font-size: 22px;
    }

    .esafe-im-shortcode-mini-card h3 {
        font-size: 20px;
    }
}

.esafe-im-detailed-records-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 14px;
}

.esafe-im-detailed-records-section {
    background: var(--esafe-im-surface);
    border: 1px solid var(--esafe-im-border);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.06);
    padding: 16px;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.esafe-im-detailed-records-section:hover {
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
    transform: translateY(-1px);
}

.esafe-im-detailed-records-section > h3 {
    color: var(--esafe-im-primary);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 12px;
}

.esafe-im-detailed-records-section .esafe-im-shortcode-grid {
    grid-template-columns: 1fr;
}

.esafe-im-shortcode-mini-card p {
    overflow-wrap: anywhere;
}

@media (max-width: 768px) {
    .esafe-im-shortcode {
        margin: 16px 0;
    }

    .esafe-im-shortcode-card,
    .esafe-im-shortcode-mini-card,
    .esafe-im-detailed-records-section {
        padding: 14px;
    }

    .esafe-im-detailed-records-grid {
        grid-template-columns: 1fr;
    }

    .esafe-im-shortcode-card p,
    .esafe-im-shortcode-card li,
    .esafe-im-shortcode-mini-card p {
        font-size: 15px;
    }
}

.esafe-im-performance-indicator,
.esafe-im-performance-arrow {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: inline-flex;
    height: 18px;
    justify-content: center;
    line-height: 1;
    margin-right: 6px;
    position: relative;
    transition: transform 160ms ease, filter 160ms ease;
    width: 34px;
}

.esafe-im-performance-indicator::before,
.esafe-im-performance-arrow::before {
    background: currentColor;
    content: "";
    display: block;
    height: 18px;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 34px;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.esafe-im-performance-indicator:hover,
.esafe-im-performance-arrow:hover {
    filter: drop-shadow(0 2px 3px rgba(0,0,0,0.18));
    transform: translateY(-1px);
}

.esafe-im-performance-up {
    color: #1b7f4e;
}

.esafe-im-performance-up::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 48'%3E%3Cpath d='M7 36 C18 28 26 20 37 25 C49 30 58 20 70 8 L60 8 L76 2 L82 18 L74 13 C61 29 48 37 34 31 C25 27 16 34 10 41 Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 48'%3E%3Cpath d='M7 36 C18 28 26 20 37 25 C49 30 58 20 70 8 L60 8 L76 2 L82 18 L74 13 C61 29 48 37 34 31 C25 27 16 34 10 41 Z'/%3E%3C/svg%3E");
}

.esafe-im-performance-down {
    color: #9b2c2c;
}

.esafe-im-performance-down::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 48'%3E%3Cpath d='M7 12 C18 20 26 28 37 23 C49 18 58 28 70 40 L60 40 L76 46 L82 30 L74 35 C61 19 48 11 34 17 C25 21 16 14 10 7 Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 48'%3E%3Cpath d='M7 12 C18 20 26 28 37 23 C49 18 58 28 70 40 L60 40 L76 46 L82 30 L74 35 C61 19 48 11 34 17 C25 21 16 14 10 7 Z'/%3E%3C/svg%3E");
}

.esafe-im-performance-neutral {
    color: #5a6a75;
}

.esafe-im-performance-neutral::before {
    height: 14px;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 32'%3E%3Cpath d='M7 18 C22 16 42 16 65 16 L59 10 L75 16 L59 22 L65 18 C42 18 22 18 7 20 Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 32'%3E%3Cpath d='M7 18 C22 16 42 16 65 16 L59 10 L75 16 L59 22 L65 18 C42 18 22 18 7 20 Z'/%3E%3C/svg%3E");
}

.esafe-im-ticker-card h3 {
    align-items: center;
    display: flex;
    gap: 4px;
}

.esafe-im-news-sections {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 14px;
}

.esafe-im-news-sections a {
    color: var(--esafe-im-primary);
    text-decoration: none;
}

.esafe-im-news-sections a:hover,
.esafe-im-news-sections a:focus {
    color: var(--esafe-im-primary-dark);
    text-decoration: underline;
}

@media (max-width: 768px) {
    .esafe-im-news-sections {
        grid-template-columns: 1fr;
    }
}