/* Purpose selector and client-preview additions to the public design system. */
.re-preview-bar{padding:9px 20px;text-align:center;background:#e9dfcb;color:#173d36;font:600 10px/1.6 "Segoe UI",sans-serif;letter-spacing:1.2px}.re-preview-bar span{font-weight:400;letter-spacing:0;margin-left:14px}
.re-purpose{grid-column:1/-1;display:flex;gap:6px;border:0;padding:0;margin:0 0 4px}.re-purpose label{position:relative;cursor:pointer}.re-purpose input{position:absolute;opacity:0;width:1px;height:1px}.re-purpose span{display:block;border:1px solid var(--line);border-radius:3px;padding:9px 30px;font-size:13px}.re-purpose input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}.re-purpose input:focus-visible+span{outline:3px solid #a26d30;outline-offset:3px}
.re-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.re-field[hidden]{display:none!important}
.re-demo-label{display:block;color:var(--muted);font-size:10px;margin-bottom:12px}.re-demo-detail{border:1px solid var(--line);padding:17px 22px;background:var(--surface);border-radius:4px;margin-bottom:24px;font-size:13px}.re-demo-detail p{margin:6px 0!important}.re-demo-detail a{text-decoration:underline!important}
@media(max-width:760px){.re-preview-bar{font-size:9px}.re-preview-bar span{display:block;margin:2px 0 0}.re-purpose span{padding:8px 28px}}