/* The dialog scrolls; its title and close control remain visible. */
dialog{--dialog-inset:28px}
dialog>.dialog-top{position:sticky;top:calc(-1 * var(--dialog-inset));z-index:30;align-items:center;background:#fff;margin:calc(-1 * var(--dialog-inset)) calc(-1 * var(--dialog-inset)) 20px;padding:18px var(--dialog-inset) 14px;border-bottom:1px solid var(--line);box-shadow:0 3px 9px #203c2a06}
dialog>.dialog-top>div{min-width:0}
dialog>.dialog-top h2{margin:0;line-height:1.5}
dialog>.dialog-top .eyebrow{margin-bottom:5px}
dialog>.dialog-top>.close{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;padding:0;border-radius:8px;background:#f5f7f3;cursor:pointer;align-self:flex-start}
dialog>.dialog-top>.close:hover{background:#eaf0e7;color:var(--ink)}
dialog>.dialog-top>.close:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media(max-width:650px){dialog{--dialog-inset:20px}dialog>.dialog-top{padding-top:14px;padding-bottom:12px;gap:10px}}