/* The frame an outside destination opens in, under C4's own bar (see embed.js). */
.c4-embed{position:fixed;inset:0;z-index:1200;display:flex;flex-direction:column;background:var(--bg,#fff);color:var(--text,#082e47)}
html.c4-embed-open{overflow:hidden}
.c4-embed-bar{display:flex;align-items:center;gap:14px;min-height:64px;padding:8px 16px;border-bottom:1px solid var(--line,#d8e3e8);background:var(--nav,var(--surface,#fff))}
.c4-embed-brand{display:inline-flex;flex:0 0 auto;width:44px;height:32px}
.c4-embed-brand img{width:100%;height:100%;object-fit:contain}
.c4-embed-title{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;line-height:1.3}
.c4-embed-title strong{font-size:15px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c4-embed-title span{font-size:12px;color:var(--muted,#5b6b74);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c4-embed-actions{display:flex;flex:0 0 auto;align-items:center;gap:10px}
.c4-embed-actions .btn{min-height:42px;padding-inline:18px;white-space:nowrap}
.c4-embed-body{position:relative;flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}
.c4-embed-frame{display:block;width:100%;height:100%;border:0;background:#fff}
.c4-embed-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;padding:10px 18px;border-radius:999px;background:var(--surface-raised,var(--surface,#fff));border:1px solid var(--line,#d8e3e8);color:var(--muted,#5b6b74);font-size:14px;pointer-events:none;z-index:1}
.c4-embed-status[hidden]{display:none}
.c4-embed-card{max-width:520px;margin:clamp(24px,10vh,96px) auto;padding:36px 32px;border:1px solid var(--line,#d8e3e8);border-radius:24px;background:var(--surface,#fff);text-align:center;box-shadow:0 18px 40px -24px rgb(8 46 71 / .35)}
.c4-embed-card-mark{display:block;width:88px;height:64px;margin:0 auto 14px}
.c4-embed-card-mark img{width:100%;height:100%;object-fit:contain}
.c4-embed-card h2{margin:0 0 8px;font-size:24px;line-height:1.2}
.c4-embed-card p{margin:0 0 22px;color:var(--muted,#5b6b74);font-size:15px;line-height:1.6}
.c4-embed-card-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
@media(max-width:700px){.c4-embed-bar{gap:10px;padding:8px 12px;min-height:58px}.c4-embed-brand{width:36px;height:26px}.c4-embed-title span{display:none}.c4-embed-actions .c4-embed-new{display:none}.c4-embed-card{margin:16px;padding:28px 20px}}
@media(prefers-reduced-motion:no-preference){.c4-embed{animation:c4-embed-in .22s ease-out}}
@keyframes c4-embed-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
