.editor--narrow { max-width: 860px; }
.editor .head { margin-bottom: clamp(24px, 3vw, 40px); }
.editor__cols { display: grid; gap: clamp(24px, 4vw, 64px); }
.editor--cols .editor__cols { grid-template-columns: 1fr 1fr; }
.editor__cta { margin: clamp(28px, 4vw, 44px) 0 0; }

.editor-sec:is(.editor-sec--dark, .editor-sec--blush, .editor-sec--lilac, .editor-sec--peach) { padding-inline: var(--gut); }
.story { max-width: 1480px; margin-inline: auto; padding: clamp(48px, 7vw, 112px) clamp(4px, 4vw, 64px); border-radius: clamp(28px, 4vw, 56px); }
.editor-sec--dark .story { background: var(--ink); color: #D9D5F2; }
.editor-sec--blush .story { background: var(--blush); }
.editor-sec--lilac .story { background: var(--lilac); }
.editor-sec--peach .story { background: var(--peach); }
.story .editor { max-width: 760px; }
.story .head { margin-inline: auto; text-align: center; }
.story .prose { font-size: clamp(1.06rem, 1.3vw, 1.2rem); line-height: 1.75; }
.editor-sec--dark .prose, .editor-sec--dark .eyebrow { color: #D9D5F2; }
.editor-sec--dark :is(.head > *, .prose strong, .prose a) { color: #fff; }
.editor-sec--dark .head em { color: var(--blush-2); }
.story-accent { margin: 1.3em 0; color: var(--rose-deep); font: italic 500 clamp(1.45rem, 2.3vw, 1.9rem) / 1.3 var(--font-d); text-wrap: balance; }
.editor-sec--dark .story-accent { color: var(--blush-2); }
.story-quote { margin: 1.1em 0; padding: .2em 0 .2em 20px; border-left: 2px solid var(--rose); color: var(--ink); font-style: italic; }
.story-quote:has(+ .story-quote) { margin-bottom: 0; }
.story-quote + .story-quote { margin-top: 0; }
.editor-sec--dark .story-quote { border-color: var(--blush-2); color: #fff; }
.story .prose blockquote { margin: 1.8em 0; padding: clamp(22px, 3vw, 38px); border: 0; border-radius: var(--r-tile); background: var(--paper); box-shadow: var(--shadow-sm); color: var(--text); font: inherit; line-height: inherit; }
.story .prose blockquote :is(strong, a) { color: var(--ink); }
.story .prose blockquote > :first-child { margin-top: 0; }
.story .prose blockquote > :last-child { margin-bottom: 0; }
.story .prose blockquote .story-accent { margin: 1em 0; color: var(--ink); font: inherit; font-weight: 700; }
.story .prose ul { display: grid; gap: 10px; margin: 1.5em 0; padding: 0; list-style: none; }
.story .prose ul > li { position: relative; margin: 0; padding: 14px 18px 14px 54px; border-radius: 18px; background: rgb(255 255 255 / .6); color: var(--ink); line-height: 1.55; }
.story .prose ul > li::before { content: ""; position: absolute; left: 16px; top: 15px; width: 24px; height: 24px; border-radius: 50%; background: var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23A92C58'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E") center / 12px no-repeat; }
.editor-sec--dark .story .prose ul > li { background: rgb(255 255 255 / .07); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1); color: #fff; }
.editor-sec--dark .story .prose ul > li::before { background-color: var(--blush); }
.editor__closing { margin: clamp(28px, 4vw, 44px) 0 0; text-align: center; }
.editor__closing span { display: inline-block; max-width: 100%; padding: 14px 30px; border-radius: 28px; background: var(--ink); color: #fff; font: 500 clamp(1.15rem, 1.7vw, 1.4rem) / 1.35 var(--font-d); text-wrap: balance; }
.editor-sec--dark .editor__closing span { background: var(--blush); color: var(--ink); }
.story .editor__cta { text-align: center; }

.editor-sec--compare .editor { max-width: 1040px; }
.editor-sec--compare .head { margin-inline: auto; text-align: center; }
.editor-sec--compare .editor__cols { gap: 20px; }
.editor-sec--compare .prose { padding: clamp(24px, 3vw, 40px); border-radius: var(--r-tile); background: var(--paper); box-shadow: var(--shadow-sm); }
.editor-sec--compare .prose h3 { font-size: clamp(1.3rem, 1.8vw, 1.55rem); }
.editor-sec--compare .prose ul { padding: 0; list-style: none; }
.editor-sec--compare .prose li { position: relative; margin: .7em 0; padding-left: 38px; }
.editor-sec--compare .prose li::before { content: ""; position: absolute; left: 0; top: .05em; width: 26px; height: 26px; border-radius: 50%; background: var(--blush) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23A92C58'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E") center / 13px no-repeat; }
.editor-sec--compare .prose + .prose li::before { background: var(--lilac) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%235F5B82'%3E%3Cpath d='M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z'/%3E%3C/svg%3E") center / 12px no-repeat; }

.dokument .prose h2 { font-size: clamp(1.3rem, 1.9vw, 1.6rem); }
.dokument .prose ol ol { margin: .4em 0 .6em; }
.dokument .prose ol[type="a"] { list-style-type: lower-alpha; }
.section.dokument .prose :is(th, td) { text-align: left; }

@media (max-width: 767px) {
  .editor--cols .editor__cols { grid-template-columns: 1fr; }
  .story { padding-block: 44px; }
  .editor__closing span { padding: 12px 22px; }
}