.journal-promo { width:min(510px,94vw); max-width:none; max-height:94dvh; margin:auto; padding:0; overflow:auto; border:0; border-radius:6px; color:#17314a; background:#fff; font-family:'Segoe UI',system-ui,sans-serif; }
.journal-promo:not([open]) { display:none; }
.journal-promo::backdrop { background:rgba(6,18,31,.72); }
.journal-promo * { box-sizing:border-box; }
.journal-promo button { font:inherit; cursor:pointer; border-radius:3px; }
.journal-promo-bar { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 14px; background:#f0f3f8; font-size:13px; }
.journal-promo-close { display:inline-flex; align-items:center; gap:12px; border:1px solid #c0ccdf; min-height:36px; padding:4px 10px; background:#fff; color:#17314a; font-size:14px!important; }
.journal-promo-close span { font-size:24px; line-height:1; }
.journal-promo .promo-masthead { display:none; }
.journal-promo-tabs { display:flex; gap:4px; padding:10px 12px; background:#fff; }
.journal-promo-tabs button { flex:1; min-width:0; border:0; padding:10px 5px; min-height:40px; color:#52667a; background:#eef2f8; font-size:13px; }
.journal-promo-tabs button[aria-selected=true] { color:#fff; background:#1d4ed8; }
.journal-promo .journal-promo-panel { display:block; padding:0; min-height:0; opacity:1!important; transform:none!important; transition:none!important; animation:none!important; }
.journal-promo .journal-promo-panel[hidden] { display:none!important; }
.journal-promo .promo-magazine-cover { display:block; margin:0; background:#1d4ed8; }
.promo-magazine-cover img { display:block; width:100%; height:auto; max-height:62dvh; object-fit:contain; }
.promo-controls { display:flex; align-items:center; gap:10px; padding:10px 14px; background:#f3f6fb; }
.promo-controls button { border:1px solid #bdcbdc; padding:8px 10px; min-height:38px; background:#fff; color:#17314a; font-size:13px; }
.promo-controls .promo-pause { margin-left:auto; background:#1d4ed8; color:#fff; border-color:#1d4ed8; }
.promo-position { font-size:13px; font-variant-numeric:tabular-nums; }
.promo-timing { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:3px 12px; padding:5px 14px 10px; background:#f3f6fb; color:#52667a; font-size:12px; }
.journal-promo-continue { border:0; background:transparent; color:#52667a; padding:8px 0; font-size:13px!important; }
.journal-promo-launch { position:fixed; bottom:14px; left:14px; z-index:1100; min-height:36px; padding:8px 12px; border:1px solid #becbd7; border-radius:4px; background:#fff; color:#17314a; font:600 13px 'Segoe UI',sans-serif; cursor:pointer; }
.journal-promo :is(button,a):focus-visible,.journal-promo-launch:focus-visible { outline:3px solid #60a5fa; outline-offset:3px; }
.promo-accessible-copy { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:480px) { .journal-promo-bar { font-size:12px; } .journal-promo-tabs button { font-size:12px; } .promo-controls { gap:8px; } .promo-controls button { padding:7px 9px; } .journal-promo-launch { left:10px; bottom:12px; font-size:12px; } }