.db-sipla { background: var(--color-paper-muted); }
.db-sipla .section-intro > h2 + p { max-width: var(--content-wide); }
.db-sipla-layout { display: grid; grid-template-columns: var(--grid-db-sipla); gap: var(--space-16); align-items: center; margin-top: var(--space-16); }
.db-sipla-copy { min-width: var(--zero); }
.db-sipla-benefits { display: grid; gap: var(--space-6); }
.db-sipla-benefit { padding-top: var(--space-5); border-top: var(--border-thin) solid var(--color-line); }
.db-sipla-benefit > span { color: var(--color-signal-deep); font-family: var(--font-mono); font-size: var(--text-xs); font-weight: var(--weight-bold); letter-spacing: var(--tracking-label); }
.db-sipla-benefit h3 { margin-top: var(--space-2); color: var(--color-ink); font-size: var(--text-lg); }
.db-sipla-benefit p { max-width: var(--content-module); margin-top: var(--space-2); color: var(--color-steel); font-size: var(--text-sm); line-height: var(--leading-body); }
.db-sipla-note { margin-top: var(--space-10); padding: var(--space-5) var(--space-6); border-left: var(--border-strong) solid var(--color-signal); background: var(--color-paper); color: var(--color-steel); font-size: var(--text-sm); line-height: var(--leading-body); box-shadow: var(--shadow-premium); }
.db-sipla-note strong { color: var(--color-ink); }
.db-sipla-media { align-self: stretch; overflow: hidden; border: var(--border-thin) solid var(--color-line); border-radius: var(--radius-premium); background: var(--color-paper); box-shadow: var(--shadow-premium); }
.db-sipla-media img { display: block; width: var(--size-full); height: var(--db-sipla-media-height); object-fit: cover; object-position: var(--db-sipla-media-position); }
.db-sipla-media figcaption { padding: var(--space-3) var(--space-4); border-top: var(--border-thin) solid var(--color-line); color: var(--color-steel); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: var(--media-caption-tracking); line-height: var(--media-caption-leading); }
@media (max-width: 68rem) { .db-sipla-layout { grid-template-columns: var(--grid-single); gap: var(--layout-gap-collapsed); } .db-sipla-media { max-width: var(--db-sipla-media-max-width); } }
@media (max-width: 48rem) { .db-sipla-media img { height: var(--db-sipla-media-height-mobile); object-position: var(--db-sipla-media-position-mobile); } }