.example { max-width: 960px; margin: 0 auto; padding: 4rem 1.5rem; overflow-wrap: anywhere; }
.example h1 { max-width: none; font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.4; letter-spacing: -.035em; }
.example-lead { color: var(--accent); font-size: 1.2rem; font-weight: 700; }
.example p, .example li { line-height: 1.9; }
.example section { margin-top: 3.5rem; }
.example h2 { font-size: clamp(1.4rem, 3vw, 2rem); line-height: 1.5; letter-spacing: -.02em; }
.example ul { padding-left: 1.4rem; }
.example li + li { margin-top: .7rem; }
.example figure { margin: 1.5rem 0; }
.example img { display: block; width: 100%; height: auto; border-radius: .4rem; }
.example figcaption, .example-note { color: #b7c6d8; font-size: .9rem; }
.example-note { border-left: 2px solid var(--accent-2); padding-left: 1rem; }
.example-cta { padding: 1.5rem; background: var(--surface); border: 1px solid var(--line); border-radius: .6rem; }
.example-home { margin-left: auto; color: var(--accent); text-underline-offset: .2rem; }
.product-actions .button + .button { margin-top: .65rem; }
@media (max-width: 800px) { .example { padding: 2.5rem 1.25rem; } .example-cta .button { width: 100%; } }