/* The operator's notice popup (site-popup.js) on the home, the account console and a member's public page: the site's
   own dialog (V5 item 60) - white, 16px corners, the title, the text, one orange 닫기 at the right, over a 50% veil.
   The values are the site's (frontend/customer/src/styles.css: ink, the 48px .btn-primary), written out because this
   sheet is linked from shells that share no token file. A long text scrolls inside the window; the title and 닫기 stay. */
dialog.site-popup{box-sizing:border-box;width:calc(100% - 28px);max-width:480px;max-height:85dvh;padding:28px 28px 24px;border:0;border-radius:16px;background:#fff;color:#3f3b37;box-shadow:0 24px 60px rgba(23,23,23,.18);font-size:15px;line-height:1.7;letter-spacing:-.02em;text-align:left;word-break:keep-all;overflow:hidden}
dialog.site-popup[open]{display:flex;flex-direction:column}
dialog.site-popup::backdrop{background:rgba(23,23,23,.5)}
dialog.site-popup h2{flex:none;margin:0 0 12px;color:#171717;font-size:20px;font-weight:700;line-height:1.4;letter-spacing:-.04em;overflow-wrap:anywhere}
dialog.site-popup p{flex:1 1 auto;min-height:0;margin:0;overflow-y:auto;color:inherit;font-size:15px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
dialog.site-popup p:focus-visible{outline:2px solid rgba(239,90,34,.3);outline-offset:4px}
dialog.site-popup button{flex:none;align-self:flex-end;display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:20px 0 0;padding:0 20px;border:0;border-radius:10px;background:#ef5a22;color:#fff;box-shadow:0 8px 16px rgba(239,90,34,.18);font:inherit;font-size:14px;font-weight:700;line-height:1.4;cursor:pointer}
dialog.site-popup button:hover{background:#d94d18}
dialog.site-popup button:focus-visible{outline:3px solid rgba(239,90,34,.3);outline-offset:2px}
@media(max-width:520px){dialog.site-popup{padding:20px}}