.store-rich-content { overflow-wrap: anywhere; line-height: 2; }
.store-rich-content > :first-child { margin-top: 0; }
.store-rich-content > :last-child { margin-bottom: 0; }
.store-rich-content p { margin-block: 0 1em; }
.store-rich-content :is(h2,h3,h4) { line-height: 1.7; margin-block: 1.5em .6em; font-weight: 700; }
.store-rich-content h2 { font-size: 1.5em; }
.store-rich-content h3 { font-size: 1.25em; }
.store-rich-content h4 { font-size: 1.1em; }
.store-rich-content :is(ul,ol) { padding-inline-start: 1.6em; margin-block: 1em; }
.store-rich-content ul { list-style: disc; }
.store-rich-content ol { list-style: decimal; }
.store-rich-content a { color: #245f45; text-decoration: underline; text-underline-offset: .2em; }
.store-rich-content img { max-width: 100%; height: auto; object-fit: contain; }
.store-rich-content table { width: 100%; table-layout: fixed; border-collapse: collapse; margin-block: 1.5em; }
.store-rich-content :is(th,td) { border: 1px solid #d6dfd8; padding: .6em .8em; vertical-align: top; min-width: 0; }
.store-rich-content th { background: #eef3e9; font-weight: 700; }
.store-rich-content :is(th,td) p { margin: 0; }
.store-rich-content blockquote { border-inline-start: 4px solid #8fae7a; padding: .8em 1.2em; background: #f5f7f1; margin-block: 1.5em; }
.store-rich-content pre { direction: ltr; text-align: left; overflow-x: auto; padding: 1em; border-radius: .75rem; background: #172c22; color: #f4f7f0; }
.store-rich-content code { font-family: monospace; }
.store-rich-content mark { background: #fff1a6; color: inherit; }
.store-rich-content hr { margin-block: 1.5em; border: 0; border-top: 1px solid #d6dfd8; }
.store-rich-content .color { color: var(--color); }
.store-rich-content details { border: 1px solid #d6dfd8; border-radius: .75rem; padding: .7em 1em; margin-block: 1em; }
.store-rich-content summary { cursor: pointer; font-weight: 700; }
.store-rich-content .grid-layout { display: grid; grid-template-columns: minmax(0,1fr); gap: 1rem; }
.store-rich-content .grid-layout-col { min-width: 0; }
.store-rich-content .grid-layout[data-from-breakpoint="default"] { grid-template-columns: var(--cols); }
.store-rich-content .grid-layout[data-from-breakpoint="default"] > .grid-layout-col { grid-column: var(--col-span); }
@media (min-width: 640px) {
    .store-rich-content .grid-layout[data-from-breakpoint="sm"] { grid-template-columns: var(--cols); }
    .store-rich-content .grid-layout[data-from-breakpoint="sm"] > .grid-layout-col { grid-column: var(--col-span); }
}
@media (min-width: 768px) {
    .store-rich-content .grid-layout[data-from-breakpoint="md"] { grid-template-columns: var(--cols); }
    .store-rich-content .grid-layout[data-from-breakpoint="md"] > .grid-layout-col { grid-column: var(--col-span); }
}
@media (min-width: 1024px) {
    .store-rich-content .grid-layout[data-from-breakpoint="lg"] { grid-template-columns: var(--cols); }
    .store-rich-content .grid-layout[data-from-breakpoint="lg"] > .grid-layout-col { grid-column: var(--col-span); }
}
@media (min-width: 1280px) {
    .store-rich-content .grid-layout[data-from-breakpoint="xl"] { grid-template-columns: var(--cols); }
    .store-rich-content .grid-layout[data-from-breakpoint="xl"] > .grid-layout-col { grid-column: var(--col-span); }
}
@media (min-width: 1536px) {
    .store-rich-content .grid-layout[data-from-breakpoint="2xl"] { grid-template-columns: var(--cols); }
    .store-rich-content .grid-layout[data-from-breakpoint="2xl"] > .grid-layout-col { grid-column: var(--col-span); }
}
