/* Standalone styles: the existing style.css is left untouched. */
.prospekt-variants[hidden],
.prospekt-interactive[hidden],
.prospekt-classic[hidden],
.prospekt-embed-error[hidden] {
    display: none !important;
}

.prospekt-variants {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 24px 0;
}

.prospekt-variants button {
    flex: 1 1 220px;
    margin: 0;
    padding: 10px 18px;
    border: 2px solid #0063ab;
    background: #fff;
    color: #0063ab;
    text-transform: none;
    white-space: normal;
}

.prospekt-variants button[aria-pressed="true"],
.prospekt-variants button:hover {
    background: #ffe600;
    color: #0063ab;
}

.prospekt-variants button:focus-visible {
    outline: 3px solid #0063ab;
    outline-offset: 3px;
}

.prospekt-publitas {
    width: 100%;
}

.prospekt-interactive > p {
    margin-top: 16px;
}