/* Studio navigation belongs to the preview wrapper, not the fictional business. */
.studio-preview-demo{position:relative}
.studio-preview-demo>.skip-link{position:fixed}
.studio-preview,
.studio-preview *{box-sizing:border-box}
.studio-preview{position:relative;display:block;margin:0;padding:16px 24px;background:#17211a;color:#f1f2e9;border:0;border-bottom:1px solid #637357;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;line-height:1.45;letter-spacing:normal;text-transform:none;text-align:left}
.studio-preview .studio-preview__inner{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1440px;margin:0 auto;padding:0}
.studio-preview .studio-preview__label{display:grid;gap:3px;max-width:none;margin:0;padding:0;font:inherit;line-height:1.45;color:#f1f2e9;text-align:left}
.studio-preview .studio-preview__label strong{font:700 13px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:normal;text-transform:none}
.studio-preview .studio-preview__label>span{display:block;font:400 12px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#dce5d2;letter-spacing:normal;text-transform:none}
.studio-preview .studio-preview__links{position:static;display:flex;align-items:stretch;gap:10px;margin:0;padding:0;background:transparent;border:0;box-shadow:none;transform:none;visibility:visible;opacity:1}
.studio-preview a.studio-preview__back,
.studio-preview a.studio-preview__discuss{position:static;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;max-width:100%;margin:0;padding:10px 14px;border:1px solid #a5b496;border-radius:0;background:transparent;color:#f1f2e9;font:600 13px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:normal;text-transform:none;text-align:center;text-decoration:none;white-space:normal;box-shadow:none;transform:none}
.studio-preview a.studio-preview__discuss{background:#d9fb70;border-color:#d9fb70;color:#17211a}
.studio-preview a.studio-preview__back:hover{text-decoration:underline;text-underline-offset:4px}
.studio-preview a.studio-preview__discuss:hover{background:#e5ff9c;border-color:#e5ff9c}
.studio-preview a:focus-visible{outline:3px solid #f1f2e9;outline-offset:4px}
.studio-preview a>span{flex:none;font:inherit;color:inherit;letter-spacing:normal}
.studio-preview--closing{border-top:1px solid #637357;border-bottom:0;padding-top:24px;padding-bottom:88px}
@media(max-width:360px){
 .studio-preview-demo[data-studio-example="surveying"]>.site-header{flex-wrap:wrap}
 .studio-preview-demo[data-studio-example="surveying"]>.site-header>.demo-label{order:3;flex-basis:100%;width:max-content;max-width:max-content}
}
@media(max-width:640px){
 .studio-preview{padding:14px 16px}
 .studio-preview .studio-preview__inner{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 .studio-preview .studio-preview__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
 .studio-preview a.studio-preview__back,.studio-preview a.studio-preview__discuss{min-width:0;padding:10px 8px;font-size:12px}
 .studio-preview--closing{padding-top:24px;padding-bottom:88px}
 .studio-preview--closing .studio-preview__discuss{justify-self:start;padding-inline:14px;font-size:13px}
}