/*---------------------------------------------------------------------------
03-06 Blockquote (BSQ)
---------------------------------------------------------------------------*/

/* blockquote */
blockquote { width: 90%; margin: 20px auto; color: var(--clr-1); padding: 0.6em 0.6em 0.6em 50px; border-left: 4px solid var(--clr-2); line-height: 1.6; position: relative; background-color: var(--clr-4); }
blockquote::before{ font-family: Inter, -system-ui,system-ui,sans-serif; content: "\201C"; color:var(--clr-2); font-size:4em; position: absolute; left: 6px; top: -15px; }
blockquote::after{ content: ''; }
blockquote p { font-family: Inter, -system-ui,system-ui,sans-serif; font-weight: 400; }
blockquote cite { color: var(--clr-2); font-weight: 700; }
.light blockquote { color: var(--clr-2); border-left: 4px solid var(--clr-2); background: var(--clr-3-op); }
.light blockquote::before { color:var(--clr-2); }
.light blockquote cite { display:block; color: var(--clr-2); }