/* Space Pro — uses the library palette (#53204A plum, #805675, #F6ECF4, #eadfe7) and inherits the site font. */
.srel-pro{margin:24px 0 32px;padding:22px 24px;background:#fff;border:1px solid #eadfe7;border-radius:18px;box-shadow:0 8px 24px #53204a08}
.srel-pro__intro h2{margin:10px 0 6px;font-size:22px;color:#53204A}
.srel-pro__intro p{margin:0;color:#75566d}
.srel-pro__badge{display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border-radius:999px;background:#53204A;color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em;direction:ltr}
.srel-pro__files{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
.srel-pro__file{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding:14px 16px;border:1px solid #eadfe7;border-radius:14px;background:#F6ECF4}
.srel-pro__icon{flex:0 0 auto;display:grid;place-items:center;width:48px;height:56px;border-radius:10px;background:#fff;border:1px solid #e3cfde;color:#53204A;font-weight:800;font-size:13px;direction:ltr}
.srel-pro__meta{flex:1 1 200px;display:flex;flex-direction:column;gap:2px;min-width:0}
.srel-pro__meta strong{font-size:18px;color:#53204A}
.srel-pro__meta span{color:#75566d;font-size:14px}
.srel-pro__actions{display:flex;flex-wrap:wrap;gap:10px}
.srel-pro__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 20px;border-radius:12px;border:1px solid #53204A;background:#53204A;color:#fff!important;font:inherit;font-weight:700;text-decoration:none!important;cursor:pointer;transition:background .15s,color .15s}
.srel-pro__btn:hover,.srel-pro__btn:focus-visible{background:#3d1636}
.srel-pro__btn--ghost{background:#fff;color:#53204A!important}
.srel-pro__btn--ghost:hover,.srel-pro__btn--ghost:focus-visible{background:#F6ECF4}
.srel-pro__btn--text{background:transparent;border-color:transparent;color:#805675!important}
.srel-pro__btn--text:hover,.srel-pro__btn--text:focus-visible{background:#F6ECF4}
.srel-pro__btn:focus-visible{outline:3px solid #c9a227;outline-offset:2px}
.srel-pro__note{margin:14px 0 0;font-size:14px;color:#75566d}
.srel-pro--note{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 18px}
.srel-pro--note p{margin:0;flex:1 1 260px;color:#53204A}
.srel-pro__link{color:#53204A;font-weight:700}
/* Dialog */
.srel-pro-dialog{width:min(520px,calc(100vw - 32px));padding:0;border:0;border-radius:20px;box-shadow:0 24px 64px #2a0f2540;color:#53204A}
.srel-pro-dialog::backdrop{background:#2a0f2599}
.srel-pro-dialog:not([open]){display:none}
.srel-pro-dialog__box{position:relative;margin:0;padding:28px 26px 22px;display:flex;flex-direction:column;gap:12px}
.srel-pro-dialog__box h2{margin:0;font-size:23px;line-height:1.4;color:#53204A}
.srel-pro-dialog__box p{margin:0;color:#5f4458;line-height:1.8}
.srel-pro-dialog__x{position:absolute;inset-inline-end:12px;top:10px;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#805675;font-size:26px;line-height:1;cursor:pointer}
.srel-pro-dialog__x:hover,.srel-pro-dialog__x:focus-visible{background:#F6ECF4}
.srel-pro-dialog__box .srel-pro__badge{align-self:flex-start}
.srel-pro-dialog__plan{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:12px 14px;border-radius:14px;background:#F6ECF4;border:1px solid #eadfe7}
.srel-pro-dialog__price{font-weight:800}
.srel-pro-dialog__warn{padding:10px 12px;border-radius:12px;background:#fff7e6;color:#765000!important}
.srel-pro-dialog__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.srel-pro-dialog__actions .srel-pro__btn{flex:1 1 150px}
/* Membership page */
.srel-pro-page__head h1{margin:10px 0 8px;color:#53204A}
.srel-pro-page__head p{color:#75566d;max-width:720px}
.srel-pro-page__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}
.srel-pro-plan,.srel-pro-features{padding:22px 24px;background:#fff;border:1px solid #eadfe7;border-radius:18px;box-shadow:0 8px 24px #53204a08}
.srel-pro-plan h2,.srel-pro-features h2{margin-top:0;font-size:20px;color:#53204A}
.srel-pro-plan__price{font-size:30px;font-weight:800;color:#53204A;margin:6px 0}
.srel-pro-plan__tag{display:inline-block;padding:2px 10px;border-radius:999px;background:#F6ECF4;color:#53204A;font-weight:700;font-size:13px}
.srel-pro-status{margin:14px 0;padding:12px 14px;border-radius:14px;background:#F6ECF4;border:1px solid #eadfe7}
.srel-pro-status p{margin:4px 0 0}
.srel-pro-status--ok{background:#eef8f1;border-color:#cfe9d7}
.srel-pro-features ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.srel-pro-features li{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid #eadfe7}
.srel-pro-features li em{font-style:normal;font-size:13px;font-weight:700;color:#805675}
.srel-pro-features li.is-live em{color:#1f7a3f}
@media(max-width:700px){.srel-pro{padding:18px 16px}.srel-pro__actions,.srel-pro__actions .srel-pro__btn{width:100%}.srel-pro__actions .srel-pro__btn{flex:1 1 140px}.srel-pro-page__grid{grid-template-columns:1fr}.srel-pro-dialog__box{padding:24px 18px 18px}.srel-pro-dialog__box h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.srel-pro__btn{transition:none}}
/* Dialog benefits (2026-11-07) */
.srel-pro-dialog__features{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.srel-pro-dialog__features li{position:relative;padding-inline-start:22px;color:#5f4458;line-height:1.7;font-size:15px}
.srel-pro-dialog__features li::before{content:"";position:absolute;inset-inline-start:2px;top:.55em;width:10px;height:6px;border:solid #1f7a3f;border-width:0 0 2px 2px;transform:rotate(-45deg)}
.srel-pro-dialog__features li.is-soon{color:#8d7a86}
.srel-pro-dialog__features li.is-soon::before{border-color:#c9b6c3}
.srel-pro-dialog__features em{font-style:normal;font-size:12px;font-weight:700;color:#805675}