.sl .sl-overview { padding-block: 24px 48px; }
.sl h1 { margin: 0 0 28px; font-size: clamp(30px, 2.6vw, 38px); font-weight: 500; line-height: 1.1; letter-spacing: -.045em; }
.sl-examples { display: grid; grid-template-columns: minmax(0, 2.3fr) minmax(0, 1fr); gap: 36px; align-items: start; }
.sl-dashboard { margin: 0; }
.sl-dashboard > a:first-child { display: block; border: 1px solid var(--line); }
.sl-dashboard img { display: block; width: 100%; height: auto; }
.sl-dashboard figcaption { margin-top: 12px; font-size: 14px; line-height: 1.5; color: var(--muted); }
.sl-returns { border-top: 1px solid var(--line); padding-top: 18px; }
.sl-returns h2 { margin: 0 0 14px; font-size: 26px; font-weight: 500; line-height: 1.15; letter-spacing: -.03em; }
.sl-returns p { margin: 0; font-size: 17px; line-height: 1.5; }
.sl .sl-action { display: inline-block; margin-top: 16px; color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.sl a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
@media(max-width: 760px) { .sl-examples { grid-template-columns: minmax(0, 1fr); gap: 28px; } }