.ns2025-infobox {
    box-sizing: border-box;
}

.ns2025-infobox--primary {
    background: #f8fafc;
    border-left: 5px solid #3b6cb9;
    border-radius: 0 10px 10px 0;
    margin-top: 20px;
    padding: 20px;
}

.ns2025-infobox--secondary {
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #475569;
    flex: 1;
    font-size: 15px;
    min-width: 200px;
    padding: 12px 15px;
    height: 100%;
}

.ns2025-infobox__title {
    font-size: var(--ns2025-infobox-title-size, 18px);
    font-weight: var(--ns2025-infobox-title-weight, 700);
    line-height: 1.35;
    margin: 0 0 0.5rem;
}

.ns2025-infobox--primary .ns2025-infobox__title {
    color: var(--wp--preset--color--primary, #3b6cb9);
}

.ns2025-infobox--secondary .ns2025-infobox__title {
    color: var(--wp--preset--color--secondary, #99cd21);
    font-size: var(--ns2025-infobox-title-size, 16px);
    font-weight: var(--ns2025-infobox-title-weight, 700);
}

.ns2025-infobox__text {
    font-size: var(--ns2025-infobox-text-size, inherit);
    font-weight: var(--ns2025-infobox-text-weight, inherit);
    line-height: 1.65;
}

.ns2025-infobox__text > :first-child {
    margin-top: 0;
}

.ns2025-infobox__text > :last-child {
    margin-bottom: 0;
}

.ns2025-infobox.is-editor .ns2025-infobox__field {
    margin-bottom: 0.9rem;
}

.ns2025-infobox.is-editor .ns2025-infobox__field:last-child {
    margin-bottom: 0;
}

.ns2025-infobox.is-editor .ns2025-infobox__field--title input {
    font-size: var(--ns2025-infobox-title-size, 18px);
    font-weight: var(--ns2025-infobox-title-weight, 700);
}

.ns2025-infobox--primary.is-editor .ns2025-infobox__field--title input {
    color: var(--wp--preset--color--primary, #3b6cb9);
}

.ns2025-infobox--secondary.is-editor .ns2025-infobox__field--title input {
    color: var(--wp--preset--color--secondary, #99cd21);
}

.ns2025-infobox.is-editor .ns2025-infobox__field--text textarea {
    color: #475569;
    font-size: var(--ns2025-infobox-text-size, 15px);
    font-weight: var(--ns2025-infobox-text-weight, 400);
    line-height: 1.6;
    min-height: 110px;
    resize: vertical;
}