.career-paywall-open { overflow: hidden; }
.career-paywall-modal[hidden] { display: none; }
.career-paywall-modal { position: fixed; inset: 0; z-index: 1080; display: grid; place-items: center; padding: 16px; font-family: var(--bs-body-font-family, system-ui, sans-serif); }
.career-paywall-backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .58); }
.career-paywall-dialog { position: relative; z-index: 1; width: min(100%, 560px); max-height: min(92dvh, 720px); overflow: auto; background: #fff; border: 1px solid #171717; border-radius: 14px; box-shadow: 0 20px 60px rgba(0, 0, 0, .3); }
.career-paywall-content { padding: 28px; }
.career-paywall-close { position: absolute; inset-block-start: 9px; inset-inline-end: 11px; width: 38px; height: 38px; border: 0; border-radius: 50%; background: transparent; color: #222; font-size: 30px; line-height: 1; cursor: pointer; }
.career-paywall-close:focus-visible, .career-paywall-pay:focus-visible, .career-paywall-later:focus-visible { outline: 3px solid #886bb5; outline-offset: 2px; }
.career-paywall-kicker { margin: 0 0 6px; color: #6f4d98; font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.career-paywall-content h2 { margin: 0; font-size: clamp(1.45rem, 4vw, 2rem); font-weight: 800; line-height: 1.12; }
.career-paywall-usage { display: inline-block; margin: 15px 0 7px; padding: 6px 10px; border-radius: 999px; background: #f4edf9; color: #4b2d70; font-size: .86rem; font-weight: 700; }
.career-paywall-intro { margin: 0 0 18px; color: #4d535d; line-height: 1.5; }
.career-paywall-plan { padding: 17px; border: 1px solid #d7c0e9; border-radius: 10px; background: #fcfaff; }
.career-paywall-plan h3 { margin: 0; font-size: 1.1rem; font-weight: 800; }
.career-paywall-validity { margin: 4px 0 0; color: #5a5363; font-size: .9rem; }
.career-paywall-price { display: block; margin: 12px 0 0; color: #16111d; font-size: 2rem; line-height: 1; font-weight: 850; }
.career-paywall-once { margin: 5px 0 10px; color: #58515f; font-size: .85rem; }
.career-paywall-features { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.career-paywall-features li { position: relative; padding-inline-start: 22px; font-size: .9rem; line-height: 1.35; }
.career-paywall-features li::before { position: absolute; inset-inline-start: 0; content: '\2713'; color: #257246; font-weight: 800; }
.career-paywall-status { min-height: 1.25rem; margin: 13px 0 8px; color: #525862; font-size: .88rem; }
.career-paywall-status.is-error { color: #a32626; }
.career-paywall-pay { width: 100%; min-height: 48px; font-weight: 800; }
.career-paywall-secure { display:grid; gap:3px; margin:10px 0 0; color:#626973; font-size:.78rem; line-height:1.45; text-align:center; }
.career-paywall-later { display: block; margin: 6px auto 0; color: #4b2d70; text-decoration: underline; }
@media (max-width: 390px) { .career-paywall-modal { padding: 8px; } .career-paywall-content { padding: 22px 16px; } .career-paywall-dialog { max-height: 94dvh; } .career-paywall-plan { padding: 14px; } .career-paywall-price { font-size: 1.75rem; } }
@media (prefers-reduced-motion: reduce) { .career-paywall-dialog { scroll-behavior: auto; } }