/* A persistent, honest frame around each fictional business. */
html{scroll-padding-top:112px}
.demo-skip{position:fixed;left:18px;top:-100px;background:#F4F2EC;color:#222725;padding:12px 20px;z-index:160;font:14px Arial,sans-serif}.demo-skip:focus{top:48px}
body{padding-top:40px}
.demo-bar{height:40px;position:fixed;inset:0 0 auto;z-index:100;background:#1C1F22;color:#F2F0EC;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;font:12px/1.4 Arial,sans-serif;letter-spacing:0;border-bottom:1px solid #454747}
.demo-bar a{color:#E8C88A;text-decoration:none;padding:10px 0;white-space:nowrap}.demo-bar strong{font-weight:400}.demo-bar .demo-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.selo{display:none!important}.grao{opacity:.065!important}
[hidden]{display:none!important}
button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}
:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.demo-dialog{position:fixed;inset:0;margin:auto;width:min(540px,calc(100% - 32px));max-height:calc(100svh - 48px);overflow:auto;padding:34px;border:1px solid #A9A69E;border-radius:6px;background:#F4F2EC;color:#222725;font:16px/1.65 Arial,sans-serif;box-shadow:0 24px 100px #0006}
.demo-dialog::backdrop{background:rgba(10,12,12,.75);backdrop-filter:blur(6px)}
.demo-dialog h2{font:400 34px/1.1 Georgia,serif;letter-spacing:-.03em;margin:14px 30px 14px 0}.demo-dialog p{font-size:15px;color:#5B5D57;margin-bottom:22px}.demo-dialog .demo-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#5B5D57}
.demo-close{position:absolute;right:16px;top:12px;width:44px;height:44px;border:0;background:transparent;color:inherit;font-size:28px;cursor:pointer}
.demo-dialog label{display:block;margin:18px 0;font-size:14px;font-weight:500}.demo-dialog select,.demo-dialog input{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #A9A69E;background:#fff;color:#222725;min-height:48px;border-radius:2px}
.demo-dialog button[type=submit],.demo-reset{display:block;width:100%;padding:14px 20px;border:1px solid #222725;background:#222725;color:#F4F2EC;font-size:15px;cursor:pointer;margin-top:24px;min-height:50px}
.demo-result{border-top:1px solid #CCC9C0;padding-top:22px;margin-top:24px}.demo-result h3{font:400 24px Georgia,serif;margin-bottom:14px}.demo-result p{margin-bottom:12px}.demo-result a{color:#343D33;text-decoration:underline;text-underline-offset:4px}.demo-result[hidden],.demo-dialog form[hidden]{display:none}
.demo-next{padding:32px 24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#1C1F22;color:#F2F0EC;font:14px/1.5 Arial,sans-serif}.demo-next a{color:#E8C88A}.demo-next span{color:#AFB1B2}
.demo-noscript{padding:16px;background:#F4F2EC;color:#222725;font:14px Arial,sans-serif}
@media(max-width:600px){.demo-bar{padding:0 16px;gap:12px;font-size:11px}.demo-bar strong{display:none}.demo-dialog{padding:28px 22px}.demo-dialog h2{font-size:30px}.demo-next{padding:28px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}