.sw-demo { background: #faf9fd; scroll-margin-top: 84px; }
.sw-demo__eyebrow { margin: 0 0 12px; color: #655e76; font-size: 14px; font-weight: 700; }
.sw-demo .site-landing__section-lead { max-width: 780px; }
.sw-demo__examples { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.sw-demo__examples article { padding-top: 22px; border-top: 2px solid #f3c237; min-width: 0; }
.sw-demo__examples img { display: block; margin-bottom: 16px; }
.sw-demo__examples h3 { font-size: 20px; line-height: 1.3; color: #2b245c; margin: 0 0 12px; }
.sw-demo__examples p { color: #655e76; font-size: 15px; line-height: 1.6; margin: 0 0 20px; }
.sw-demo__examples .site-landing__button { padding: 10px 16px; font-size: 14px; text-align: center; }
.sw-demo__examples #sw-demo-article { padding-left: 24px; margin-right: 20px; }
.sw-demo__examples .sw-demo__back { margin: 12px 0 0; font-size: 14px; }
.sw-demo__back a { text-decoration: underline; }
.sw-demo [id] { scroll-margin-top: 96px; }
@media (max-width: 760px) {
    .sw-demo__examples { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .sw-demo__examples .site-landing__button { width: 100%; }
    .sw-demo__examples #sw-demo-article { max-width: 290px; }
}