.ygyp-journal-popup{
  --ygyp-popup-navy:#0b213a;
  --ygyp-popup-gold:#b48935;
  position:fixed;
  right:clamp(16px,3vw,42px);
  bottom:clamp(92px,10vw,112px);
  z-index:99999;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  width:min(560px,calc(100vw - 32px));
  max-height:min(330px,calc(100vh - 32px));
  overflow:auto;
  color:var(--ygyp-popup-navy);
  background:#fffdf8;
  border:1px solid rgba(180,137,53,.35);
  border-radius:18px;
  box-shadow:0 24px 70px rgba(8,25,45,.24);
  opacity:0;
  transform:translateY(22px) scale(.98);
  pointer-events:none;
  transition:opacity .22s ease,transform .22s cubic-bezier(.2,.8,.2,1);
}
.ygyp-journal-popup.has-image{grid-template-columns:132px minmax(0,1fr)}
.ygyp-journal-popup.is-visible{opacity:1;transform:none;pointer-events:auto}
.ygyp-journal-popup[hidden]{display:none}
.ygyp-journal-popup-image{display:block;min-height:100%;background:#eee7d9;overflow:hidden;border-radius:17px 0 0 17px}
.ygyp-journal-popup-image img{display:block;width:100%;height:100%;min-height:205px;object-fit:cover}
.ygyp-journal-popup-copy{padding:22px 42px 21px 21px}
.ygyp-journal-popup-copy>span{display:block;margin:0 0 8px;color:var(--ygyp-popup-gold);font:700 11px/1.4 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.ygyp-journal-popup-copy h2{margin:0 0 8px!important;color:var(--ygyp-popup-navy)!important;font:700 clamp(21px,2.2vw,29px)/1.08 Georgia,serif!important;letter-spacing:-.025em!important}
.ygyp-journal-popup-copy p{margin:0 0 13px!important;color:#425166!important;font:400 14px/1.55 system-ui,sans-serif!important}
.ygyp-journal-popup-copy a{color:var(--ygyp-popup-navy)!important;font:800 12px/1.2 system-ui,sans-serif!important;letter-spacing:.08em;text-decoration:none!important;text-transform:uppercase}
.ygyp-journal-popup-copy a:hover{text-decoration:underline!important;text-underline-offset:4px}
.ygyp-journal-popup-close{position:absolute;top:9px;right:10px;width:31px;height:31px;padding:0;border:0;border-radius:50%;color:#536174;background:rgba(11,33,58,.07);font:400 23px/1 system-ui,sans-serif;cursor:pointer}
.ygyp-journal-popup-close:hover,.ygyp-journal-popup-close:focus-visible{color:#fff;background:var(--ygyp-popup-navy);outline:none}
@media(max-width:560px){
  .ygyp-journal-popup{right:12px;bottom:88px;width:calc(100vw - 24px);border-radius:15px}
  .ygyp-journal-popup.has-image{grid-template-columns:94px minmax(0,1fr)}
  .ygyp-journal-popup-image{border-radius:14px 0 0 14px}
  .ygyp-journal-popup-image img{min-height:175px}
  .ygyp-journal-popup-copy{padding:18px 38px 17px 15px}
  .ygyp-journal-popup-copy h2{font-size:20px!important}
  .ygyp-journal-popup-copy p{display:none}
}
@media(prefers-reduced-motion:reduce){.ygyp-journal-popup{transition:none}}