.modal{color:var(--ink);background:#fffaf1;border-radius:8px;max-width:min(590px,calc(100vw - 32px));width:100%;max-height:90dvh;padding:28px 36px;box-shadow:0 24px 90px #261c1b66;overflow:auto;border:none;&::backdrop{background:#30251dbb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font:10px var(--sans);letter-spacing:.2em}>header button{font-size:26px;padding:0;width:42px;height:42px;min-height:42px;border:0;background:transparent;color:var(--ink);-webkit-user-select:none;user-select:none}h2{font:400 40px var(--serif);margin:0 0 12px}p{line-height:1.6;margin:12px 0}&[data-wide]{max-width:100vw;width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;background:#251d17;color:#fff7ed}&[data-wide]>header button{color:#fff7ed;-webkit-user-select:none;user-select:none}@media (max-width:600px){max-width:100vw;width:100vw;max-height:100dvh;height:100dvh;margin-left:0;margin-bottom:0;margin-right:0;margin-top:0;border-radius:0;padding-left:20px;padding-bottom:20px;padding-right:20px;padding-top:20px}}body:has(dialog[open]){overflow:hidden}