.sms-page{overflow-wrap:anywhere;max-width:960px;padding-block:128px 80px}body:has(.sms-page) .site-header{background:var(--color-primary)}.sms-intro h1{font-size:clamp(2.25rem,5vw,3.5rem)}.sms-intro .lead{margin-top:24px}.sms-page section,.sms-example{margin:48px 0}.sms-page h2{margin-bottom:16px;font-size:clamp(1.75rem,4vw,2.25rem)}.sms-page p+p{margin-top:20px}.sms-paths{gap:24px;margin-top:24px;display:grid}.sms-example figcaption{text-align:center;margin-bottom:24px;font-weight:500}.sms-phone{border:3px solid var(--line-strong);background:var(--surface);width:100%;max-width:360px;box-shadow:var(--shadow-product);border-radius:36px;margin-inline:auto;padding:16px 16px 56px}.sms-phone-speaker{border-radius:var(--r-pill);background:var(--line-strong);width:64px;height:6px;margin:0 auto 24px}.sms-sender{border-bottom:1px solid var(--line);text-align:center;padding-bottom:20px;font-weight:500}.sms-incoming{border:1px solid var(--line-strong);background:var(--bg);color:var(--text);border-radius:18px 18px 18px 4px;margin-right:20px;padding:16px;font-size:16px;line-height:1.6}.sms-legal-links a{padding-block:12px;text-decoration:underline;display:inline-block}@media (min-width:640px){.sms-paths{grid-template-columns:repeat(2,minmax(0,1fr))}}