.md-key-takeaway { --kt-accent: var(--color-primary); background: color-mix(in srgb, var(--kt-accent) 6%, var(--color-content-bg)); border: 1px solid color-mix(in srgb, var(--kt-accent) 22%, var(--color-border)); border-radius: var(--radius-m); padding: 1.9375rem; } .md-key-takeaway-header { align-items: center; display: flex; font-weight: 700; gap: 1rem; margin-bottom: 1rem; } .md-key-takeaway-icon { color: var(--kt-accent); font-size: 1.2em; flex-shrink: 0; line-height: 1; } .md-key-takeaway-label { color: color-mix(in srgb, var(--kt-accent) 70%, var(--color-text)); } .md-key-takeaway-content p:last-child { margin-bottom: 0; } .md-key-takeaway-highlight { --kt-accent: var(--color-warning); } .md-key-takeaway-info { --kt-accent: var(--color-info); } .md-key-takeaway-success { --kt-accent: var(--color-success); } .md-key-takeaway-minimal { --kt-accent: var(--color-secondary); background: var(--color-content-bg); border-color: var(--color-border); } .md-key-takeaway-minimal .md-key-takeaway-label { color: var(--color-text); } [data-theme="dark"] .md-key-takeaway { background: color-mix(in oklch, var(--kt-accent) 9%, var(--color-surface-2, var(--color-content-bg))); border-color: color-mix(in srgb, var(--kt-accent) 28%, transparent); } [data-theme="dark"] .md-key-takeaway-highlight { background: color-mix(in oklch, var(--kt-accent) 6%, var(--color-surface-2, var(--color-content-bg))); } [data-theme="dark"] .md-key-takeaway-label { color: var(--kt-accent); } [data-theme="dark"] .md-key-takeaway-minimal { background: var(--color-surface-2, var(--color-content-bg)); border-color: color-mix(in srgb, var(--color-border), transparent 20%); } [data-theme="dark"] .md-key-takeaway-minimal .md-key-takeaway-label { color: var(--color-text); }