.article-panel .wp-block-post-content{margin-block-start:2.5em}.wp-block-post-content{h2, h3, h4, h5, h6 { margin-block-start: 2.5em; margin-block-end: 1.5em; } ul, ol { margin-block-start: 1.5em; margin-block-end: 1.5em; } .wp-block-image { margin-block-start: 1.5em; margin-block-end: 1.5em !important; img { border-radius: 20px; transition: border-radius 0.2s ease; } &:hover img { border-radius: 0; } } .wp-block-embed.is-provider-youtube .wp-block-embed__wrapper { position: relative; aspect-ratio: 16 / 9; iframe { position: absolute; inset: 0; width: 100%; height: 100%; } } h2 { background-color: hsl(from var(--wp--preset--color--tarosky-blue) h s l / 20%); border-radius: 10px; color: var(--wp--preset--color--body-text); font-size: var(--wp--preset--font-size--24); padding: 0.5em 1em; } h3 { font-size: var(--wp--preset--font-size--24); padding-bottom: 0.6em; position: relative; &::after { content: ""; display: block; position: absolute; width: 4em; border-bottom: 3px solid var(--wp--preset--color--tarosky-blue); bottom: 0; } } blockquote { background-color: hsl(from var(--wp--preset--color--beige) h calc(s - 15) calc(l - 5)); border-inline-start: 4px solid hsl(from var(--wp--preset--color--beige) h calc(s - 15) calc(l - 25)); border-radius: 0 20px 20px 0; margin-block-start: 1.5em; margin-block-end: 1.5em; margin-inline: 0; padding: 1.5em; } pre:not(.prism) { background-color: var(--wp--preset--color--ink); color: var(--wp--preset--color--white); border-radius: 10px; margin-block-start: 1.5em; margin-block-end: 1.5em; padding: 1.5em; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 14px; line-height: 1.6; strong { color: var(--wp--preset--color--tarosky-blue); font-weight: 700; } } code { background-color: var(--wp--preset--color--border); border-radius: 4px; padding: 0.2em 0.4em; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.9em; } pre code { background: none; padding: 0; font-size: inherit; }}