.wes-card {
box-sizing: border-box;
width: min(34rem, 100%);
margin: 0 auto;
padding: 1.75rem 1.5rem 1.5rem;
border-radius: var(--radius-2xl, 1rem);
background: var(--color-surface-2, #131d34);
border: 1px solid var(--color-border-strong, #ffffff24);
border-top: 3px solid var(--color-primary, #fc4209);
color: var(--color-fg, #f4f7fb);
text-align: left;
}
.wes-card .wes-heading.wes-heading {
margin: 0.5rem 0 0;
font-family: var(--font-display, "Outfit", ui-sans-serif, system-ui, sans-serif);
font-size: clamp(1.375rem, 1.1rem + 1.2vw, 1.75rem);
font-weight: 700;
line-height: 1.15;
letter-spacing: -0.01em;
}
.wes-heading:focus, .wes-heading:focus-visible { outline: none; }
.wes-next { margin: 0.75rem 0 0; color: var(--color-muted, #929fb2); line-height: 1.55; }
.wes-next + .wes-next { margin-top: 0.5rem; }
.wes-note { margin: 0.875rem 0 0; padding-top: 0.75rem; border-top: 1px solid var(--color-border, #ffffff14); font-size: 0.9375rem; line-height: 1.5; }
.wes-note[hidden] { display: none; }
.wes-back { display: inline-flex; margin-top: 1.25rem; min-height: 44px; cursor: pointer; border: 0; }
.wes-overlay {
position: fixed;
inset: 0;
z-index: 2147483002;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
background: rgba(4, 7, 16, 0.78);
overflow-y: auto;
}
.wes-overlay[hidden] { display: none; }
.wes-overlay .wes-card { box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55); }
html.wes-open { overflow: hidden; }
.wes-banner { margin: 2rem 16px 0; scroll-margin-top: 6rem; }
@media (prefers-reduced-motion: no-preference) {
.wes-overlay:not([hidden]) .wes-card { animation: wes-in 220ms ease-out; }
@keyframes wes-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
}