html.ember-entry-open { overflow: hidden; }
dialog.ember-entry-promo {
  box-sizing: border-box;
  width: min(760px, calc(100vw - 32px), calc(150dvh - 36px));
  max-width: none;
  max-height: calc(100dvh - 24px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid #ba8a4e;
  border-radius: 16px;
  color: #f9edce;
  background: #0c1613;
  box-shadow: 0 24px 90px #0009;
}
dialog.ember-entry-promo::backdrop { background: rgb(8 15 20 / 68%); }
.ember-entry-promo > img { display: block; width: 100%; height: auto; }
.ember-entry-promo .ember-entry-close {
  position: absolute; top: 10px; right: 10px;
  display: grid; place-items: center;
  width: 40px; height: 40px; padding: 0;
  border: 1px solid #e8cf9e88; border-radius: 50%;
  background: #09120fce; color: #fff3d8;
  font: 28px/1 system-ui, sans-serif; cursor: pointer;
}
.ember-entry-promo .ember-entry-actions {
  position: absolute; left: 50%; top: 87.7%;
  transform: translate(-50%, -50%);
  display: flex; justify-content: center; width: max-content; padding: 0;
}
.ember-entry-promo .ember-entry-learn {
  display: inline-flex; justify-content: center; align-items: center;
  min-height: 44px; min-width: 180px; box-sizing: border-box; padding: 10px 28px;
  border: 1px solid #e8c68b; border-radius: 8px;
  background: linear-gradient(115deg, #edce91, #dba957); color: #20170e;
  font: 700 16px/1.4 system-ui, sans-serif; text-decoration: none; white-space: nowrap;
}
.ember-entry-promo .ember-entry-learn:hover { filter: brightness(1.08); }
.ember-entry-promo :focus-visible { outline: 3px solid #fff; outline-offset: -5px; }
@media (max-width: 480px), (max-height: 450px) {
  dialog.ember-entry-promo { border-radius: 12px; }
  .ember-entry-promo .ember-entry-close { top: 6px; right: 6px; }
  .ember-entry-promo .ember-entry-learn { min-height: 40px; min-width: 150px; padding: 8px 20px; font-size: 15px; }
}
@media (max-width: 360px) {
  .ember-entry-promo .ember-entry-actions { top: 89%; }
  .ember-entry-promo .ember-entry-learn { min-height: 36px; min-width: 150px; padding: 6px 18px; font-size: 14px; }
}