.wp-block-quote { border: none; padding: 0; margin: 2em 0; font-size: var(--fs-l); line-height: var(--lh-relaxed); } .wp-block-quote cite { display: block; font-size: var(--fs-s); font-style: normal; font-weight: var(--font-weight-bold); color: var(--color-text-sec); margin-top: var(--space-single); } blockquote.is-style-intro { font-size: 1.25em; line-height: 1.6; font-weight: 400; } blockquote.is-style-serif, blockquote.is-style-serif p { font-family: var(--font-serif); } blockquote.is-style-small { font-size: var(--fs-s); line-height: 1.6; } blockquote.is-style-large { font-size: var(--fs-l); line-height: var(--lh-relaxed); } blockquote.is-style-newstyle { background: color-mix(in srgb, var(--color-primary) 8%, var(--color-content-bg)); border-radius: var(--radius-l); padding: var(--space-double); font-size: var(--fs-l); line-height: var(--lh-relaxed); color: color-mix(in srgb, var(--color-primary) 55%, var(--color-text)); } blockquote.is-style-newstyle::before { content: "\201C"; font-size: 3em; line-height: 0; color: color-mix(in srgb, var(--color-primary) 65%, transparent); opacity: 0.3; font-family: var(--font-serif); } blockquote.is-style-newstyle cite { font-size: var(--fs-s); font-style: normal; font-weight: var(--font-weight-bold); color: color-mix(in srgb, var(--color-primary) 70%, var(--color-text)); margin-top: var(--space-single); } blockquote.is-style-success { background: color-mix(in srgb, var(--color-tertiary) 10%, var(--color-content-bg)); border-left: 4px solid var(--color-tertiary); border-radius: 0 var(--radius-m) var(--radius-m) 0; padding: var(--space-double); font-size: var(--fs-m); line-height: var(--lh-relaxed); color: color-mix(in srgb, var(--color-tertiary) 55%, var(--color-text)); } blockquote.is-style-success::before { content: "\e804"; font-family: md-icon; display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; background: var(--color-tertiary); color: var(--color-text-light); border-radius: var(--radius-full); font-size: var(--fs-s); margin-right: var(--space-half); vertical-align: middle; } blockquote.is-style-success cite { font-style: normal; font-weight: var(--font-weight-bold); color: color-mix(in srgb, var(--color-tertiary) 65%, var(--color-text)); margin-top: var(--space-single); }