/* WECAMP admin - public demonstration information modal */
.demo-welcome {
  box-sizing:border-box;
  width:min(520px,calc(100% - 32px));
  max-height:min(90dvh,760px);
  overflow-y:auto;
  margin:auto;
  padding:0;
  border:1px solid rgba(32,32,32,.12);
  border-radius:22px;
  background:#F5F0EA;
  color:#202020;
  box-shadow:0 25px 100px rgba(22,13,14,.24);
}
.demo-welcome:not([open]) { display:none; }
.demo-welcome::backdrop { background:rgba(22,18,18,.58);backdrop-filter:blur(5px); }
.demo-welcome-inner {padding:30px 34px 32px;}
.demo-welcome-top { display:flex;justify-content:space-between;align-items:start;gap:16px; }
.demo-welcome-eyebrow {font:700 11px/1.5 'DM Sans','Noto Sans KR',sans-serif;letter-spacing:.14em;color:#A61028;}
.demo-welcome-close {flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(32,32,32,.16);border-radius:50%;background:transparent;color:#202020;font-size:24px;line-height:1;cursor:pointer;}
.demo-welcome-close:hover,.demo-welcome-close:focus-visible {border-color:#A61028;color:#A61028;}
.demo-welcome-symbol {display:grid;place-items:center;width:55px;height:55px;margin:16px 0 20px;border-radius:50%;background:#202020;color:#F5F0EA;font:600 24px/1 'DM Sans',sans-serif;}
.demo-welcome h2 {margin:0 0 18px;color:#202020;font-family:'Noto Sans KR',sans-serif;font-size:clamp(26px,4.5vw,33px);line-height:1.36;letter-spacing:-.04em;}
.demo-welcome h2 em {font-style:normal;color:#A61028;}
.demo-welcome p {font:400 14px/1.85 'Noto Sans KR',sans-serif;letter-spacing:-.02em;}
.demo-welcome p strong {color:#202020;font-weight:700;}
.demo-welcome-note {padding:17px 19px;margin:18px 0 24px;background:#fffaf6;border-left:3px solid #A61028;color:#5D5350;}
.demo-welcome-action {width:100%;min-height:54px;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:11px;background:#A61028;color:#fff;cursor:pointer;font:700 15px/1.5 'Noto Sans KR',sans-serif;}
.demo-welcome-action:hover,.demo-welcome-action:focus-visible {background:#202020;}
.demo-welcome-footnote {margin:12px 0 0;font-size:11px!important;color:#796e68;}
@media(max-width:560px){
  .demo-welcome {width:calc(100% - 28px);border-radius:18px;}
  .demo-welcome-inner{padding:23px 22px 24px;}
  .demo-welcome-note{padding:13px 14px;}
}
@media(prefers-reduced-motion:reduce){.demo-welcome::backdrop{backdrop-filter:none;}}