.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container{background:white;padding:20px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:600px;width:90%;position:relative;min-height:300px;p{margin-bottom:10px}h1{font-size:2.6rem}@container body (min-width: 1024px){h1{font-size:2.6rem;line-height:2.5rem}h2{font-size:2.2rem;margin-top:10px;margin-bottom:10px}}}.modal-content{max-height:80vh;overflow-y:auto}.modal-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:18px;cursor:pointer}body:has(.modal-overlay){background-color:white!important}