/* Blockquotes as a soft "quote card": italic text on a light panel, rounded
   box, with a single understated quotation mark tucked into the top-right
   corner. Replaces the theme's plain side-bar blockquote (post-single.css). */
.post-content blockquote {
    position: relative;
    margin: 24px 0;
    padding: 14px 20px;
    border-inline-start: 0; /* drop the theme's side bar */
    background: var(--code-bg);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    font-style: italic;
    color: var(--primary);
}

/* Even out the box padding regardless of the inner paragraph margins. */
.post-content blockquote p:first-of-type {
    margin-top: 0;
}
.post-content blockquote p:last-of-type {
    margin-bottom: 0;
}

/* A single, subtle quote glyph suggested in the top-right corner. */
.post-content blockquote::after {
    content: "\201D";
    position: absolute;
    top: 0.04em;
    inset-inline-end: 0.22em;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 700;
    font-size: 3.0rem;
    line-height: 1;
    color: var(--secondary);
    opacity: 0.28;
    pointer-events: none;
    user-select: none;
}

/* --secondary is a lighter grey in dark mode, so the same opacity reads much
   stronger there. Dial it back so the mark stays a sublime hint. */
body.dark .post-content blockquote::after {
    opacity: 0.1;
}

body.dark blockquote {
    background: rgb(from var(--code-bg) r g b / 0.4);
    border: 1px solid rgb(from var(--border) r g b / 0.5);
}