.example{max-width:800px;padding-block:64px 76px}
.example h1{font-size:clamp(34px,4.2vw,49px);line-height:1.15;letter-spacing:-1.3px}
.example-intro{font-size:20px;line-height:1.6;margin-top:24px;color:var(--body)}
.example-context{margin-top:24px;padding-left:18px;border-left:2px solid var(--line);font-size:15px;color:var(--muted)}
.example section{margin-top:48px}
.example h2{font-size:27px;letter-spacing:-.5px;margin-bottom:19px}
.example h3{font-size:20px;margin-bottom:12px}
.example p{color:var(--body)}
.example p+p{margin-top:16px}
.example p+h3{margin-top:28px}
.source-record{border-top:1px solid var(--line);padding-block:24px}
.source-record:first-of-type{margin-top:26px}
.source-record:last-of-type{border-bottom:1px solid var(--line)}
.source-record p{font-size:16px}
.source-record p+p{margin-top:12px}
.page-capture{margin:22px 0 0}
.page-capture a{display:block;border:1px solid var(--line)}
.page-capture a+a{margin-top:10px}
.page-capture img{display:block;width:100%;height:auto;background:#fff}
.page-capture figcaption{margin-top:9px;font-size:13px;color:var(--muted);line-height:1.5}
.example .capture-help{font-size:14px;color:var(--muted)}
.example .example-note{font-size:14px;color:var(--muted)}
.message-draft{margin:20px 0;padding:22px 26px;background:var(--surface);border-left:2px solid var(--line);font-size:16px}
.download{font-size:15px;margin-top:22px}
.example-cta{padding-top:12px}
.example+.landing-footer{border-top:1px solid var(--line)}
@media(max-width:600px){.example{padding-block:36px 48px}.example h1{font-size:33px;letter-spacing:-.8px}.example-intro{font-size:18px;margin-top:18px}.example-context{font-size:14px}.example section{margin-top:36px}.example h2{font-size:24px}.example p{font-size:16px}.example .example-note{font-size:14px}.message-draft{padding:18px}.source-record h3{font-size:19px}}