/* Classic Editor Quote - frontend styles */
.ide-quote {
    box-sizing: border-box;
    clear: both;
    position: relative;
    margin: 28px 0;
    color: var(--ide-quote-text, #202020);
}

.ide-quote p:first-child { margin-top: 0; }
.ide-quote p:last-child { margin-bottom: 0; }

.ide-quote--standard {
    padding: 20px 24px 20px 28px;
    background: var(--ide-quote-bg, #F5F7FA);
    border-left: 5px solid var(--ide-quote-accent, #063A6E);
    font-size: 1.12em;
    line-height: 1.65;
    font-style: italic;
}

.ide-quote--highlight {
    padding: 24px 28px 24px 72px;
    background: var(--ide-quote-bg, #F5F7FA);
    border-radius: 8px;
    font-size: 1.18em;
    line-height: 1.65;
    font-weight: 500;
}

.ide-quote--highlight::before {
    content: "“";
    position: absolute;
    left: 20px;
    top: 9px;
    color: var(--ide-quote-accent, #063A6E);
    font-family: Georgia, serif;
    font-size: 64px;
    line-height: 1;
    opacity: .35;
}

.ide-quote--important {
    padding: 20px 24px;
    background: #fff;
    border-top: 2px solid var(--ide-quote-accent, #063A6E);
    border-bottom: 2px solid var(--ide-quote-accent, #063A6E);
    font-size: 1.18em;
    line-height: 1.6;
    font-weight: 700;
    font-style: normal;
}

.ide-quote--pull {
    max-width: 760px;
    margin: 34px auto;
    padding: 8px 18px;
    text-align: center;
    border: 0;
    background: transparent;
    color: var(--ide-quote-accent, #063A6E);
    font-size: clamp(1.3rem, 2.2vw, 1.8rem);
    line-height: 1.45;
    font-weight: 700;
    font-style: normal;
}

@media (max-width: 767px) {
    .ide-quote { margin: 22px 0; }
    .ide-quote--standard { padding: 17px 18px 17px 20px; }
    .ide-quote--highlight { padding: 20px 18px 20px 52px; }
    .ide-quote--highlight::before { left: 13px; top: 10px; font-size: 48px; }
    .ide-quote--important { padding: 17px 18px; }
    .ide-quote--pull { margin: 26px auto; padding: 6px 10px; }
}