/* Static service context, outside the sandbox application and its state. */
.demo-intro { background:#233745; color:#f2f4f3; padding:20px max(22px, 4.5vw); }
.demo-intro h1 { font-size:clamp(24px, 2.1vw, 30px); line-height:1.2; font-weight:650; letter-spacing:-.02em; margin:0 0 10px; }
.demo-intro p { max-width:90ch; font-size:15px; line-height:1.5; margin:0; color:#aec6d4; }
.demo-context { background:#f2efe8; color:#233745; padding:32px max(22px, 4.5vw); border-top:1px solid #b8c2c3; }
.demo-context p { max-width:78ch; font-size:15px; line-height:1.6; margin:0 0 16px; }
.demo-context p:last-child { margin-bottom:0; }
.demo-context a { color:inherit; text-underline-offset:4px; }
.demo-context a:focus-visible { outline:3px solid #986231; outline-offset:4px; }