/* Public demos: readable first action; the original apps still own execution. */
html { font-size:16px; scroll-behavior:smooth }
body, button, input, select, textarea, small, label, code, pre, p, span { font-size:max(1rem, 16px) }
body { line-height:1.65 }
button, input, select { min-height:48px }
button { cursor:pointer; white-space:normal }
button:disabled { cursor:wait; opacity:.6 }
:focus-visible { outline:3px solid #16b8ad; outline-offset:4px }
.experience-hero { max-width:1200px; margin:auto; padding:46px 0 32px }
.experience-name { margin:0 0 16px; font-weight:750; color:var(--experience-accent, #75e4d0) }
.experience-hero h1 { max-width:850px; margin:0 0 20px; font-size:clamp(32px,4.5vw,56px); line-height:1.16; letter-spacing:-.045em; text-wrap:balance }
.experience-hero p { max-width:760px; margin:0 0 20px; color:var(--experience-muted, #b4c4d5); font-size:18px }
.experience-hero .experience-note { margin:14px 0 0; font-size:16px }
.experience-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px }
.experience-primary { width:auto; padding:15px 23px; border:0; border-radius:8px; background:var(--experience-accent,#75e4d0); color:#0c2029; font-family:inherit; font-size:18px; font-weight:750; line-height:1.5 }
.experience-status { min-height:1.6em; margin:12px 0; overflow-wrap:anywhere }
.experience-next { padding:20px; margin:0 0 20px; border:1px solid #387578; border-radius:8px; background:#102a33 }
.experience-next p { margin:0 0 12px }
.experience-next button { width:auto; padding:12px 18px }
.experience-details { margin:24px 0; border-top:1px solid #64748b; padding-top:18px }
.experience-details summary { cursor:pointer; font-size:18px; padding:8px 0 }
.experience-details[open] summary { margin-bottom:18px }
body.experience-crm .top, body.experience-crm .rls-heading, body.experience-crm .rls-flow { display:none }
body.experience-crm .shell { width:min(1200px,calc(100% - 40px)) }
body.experience-crm .rls-grid { grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr) }
body.experience-crm .rls-card { min-width:0 }
body.experience-crm .rls-action { display:flex; flex-direction:column; align-items:stretch; margin:18px 0 }
body.experience-crm .rls-question-label>span { font-size:16px }
body.experience-crm .experience-next button { border:1px solid #75e4d0; border-radius:6px; background:#75e4d0; color:#10242b; font-weight:700 }
body.experience-crm .rls-action button { width:100% }
body.experience-crm .rls-row { grid-template-columns:1fr auto; gap:14px; padding:22px 18px }
body.experience-crm .rls-row .rls-preview { grid-column:1/-1 }
body.experience-crm .rls-row code { display:none }
body.experience-crm .rls-row strong,body.experience-crm .rls-row small,body.experience-crm .rls-count span,body.experience-crm .rls-preview span,
body.experience-crm .rls-placeholder,body.experience-crm #rls-status,body.experience-crm .rls-boundary,body.experience-crm .rls-question-label small,
body.experience-crm .rls-result-head strong,body.experience-crm .rls-result-head span,body.experience-crm .rls-sql,body.experience-crm .rls-examples button { font-size:16px; line-height:1.65 }
body.experience-crm .rls-count strong { font-size:28px }
body.experience-crm .rls-boundary { margin-bottom:0 }
body.experience-crm .rls-result-head { flex-wrap:wrap }
body.experience-crm #rls-policy { display:none }
body.experience-crm .rls-examples { flex-wrap:wrap }
body.experience-crm .rls-examples>span { display:none }
body.experience-crm .rls-question-label textarea { font-size:18px; line-height:1.6 }
body.experience-crm [hidden] { display:none !important }
body.experience-crawl { --experience-accent:#075f58; --experience-muted:#506466; background:#f5f6f2; color:#182d2c }
body.experience-crawl>header { display:none }
body.experience-crawl .experience-hero { width:min(1160px,calc(100% - 40px)) }
body.experience-crawl .experience-primary { color:white }
body.experience-crawl main.grid { grid-template-columns:1fr; max-width:1160px }
body.experience-crawl #experience-results { order:-1; padding:26px }
body.experience-crawl #experience-results:has(#results:empty) { display:none }
body.experience-crawl .experience-next { background:#e8f1ec; border-color:#adcbc1 }
body.experience-crawl .experience-next[hidden] { display:none }
body.experience-crawl .result h3 { font-size:22px }
body.experience-crawl .snippet,body.experience-crawl .small,body.experience-crawl .pill,body.experience-crawl label { font-size:16px; line-height:1.65 }
body.experience-crawl .result .status { display:none }
body.experience-crawl #summary { display:none }
body.experience-crawl .experience-path { margin-top:24px; color:#35564b; font-size:16px }
body.experience-crawl .result { padding:24px 0 }
body.experience-crawl .result-media.empty { display:none }
body.experience-crawl .crawl-result:has(.result-media.empty) { grid-template-columns:1fr }
body.experience-crawl .experience-details { border-color:#bccdc5 }
body.experience-crawl .tabs { flex-wrap:wrap }
@media(max-width:760px) {
 .experience-hero { padding-top:28px }
 .experience-hero h1 { font-size:34px }
 .experience-actions { align-items:stretch; flex-direction:column }
 .experience-primary { width:100% }
 body.experience-crm .rls-grid { grid-template-columns:1fr }
 body.experience-crm .shell { width:calc(100% - 28px) }
 body.experience-crm .rls-lab { padding:12px }
 body.experience-crawl .experience-hero { width:calc(100% - 32px) }
 body.experience-crawl .wrap { width:calc(100% - 32px) }
 body.experience-crawl .row { grid-template-columns:1fr }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto } }