.membership-notice-panel{--membership-notice-accent:#1f8c78;--membership-notice-accent-soft:rgba(31,140,120,0.12);--membership-notice-border:rgba(15,23,42,0.09);--membership-notice-copy:#4b5563;--membership-notice-title:#162033;background:#fff;border:1px solid var(--membership-notice-border);border-radius:28px;box-shadow:0 22px 42px rgba(15,23,42,.12);overflow:hidden;width:min(320px,calc(100vw - 32px))}.membership-notice-panel--compact{width:min(252px,calc(100vw - 32px))}.membership-notice-panel--readonly{--membership-notice-accent:#0f766e;--membership-notice-accent-soft:rgba(15,118,110,0.12)}.membership-notice-panel--locked{--membership-notice-accent:#d97706;--membership-notice-accent-soft:rgba(217,119,6,0.12)}.membership-notice-panel__summary-button,.membership-notice-panel__summary-shell{align-items:flex-start;background:linear-gradient(180deg,#ffffff,#fbfdff);border:0;border-radius:inherit;display:flex;gap:14px;justify-content:space-between;padding:16px 18px;position:relative;text-align:left;width:100%;z-index:1}.membership-notice-panel__summary-button{cursor:pointer}.membership-notice-panel__summary-button:hover{background:linear-gradient(180deg,#ffffff,#f5f9ff)}.membership-notice-panel--floating-details{overflow:visible;position:relative}.membership-notice-panel--compact.membership-notice-panel--floating-details{background:transparent}.membership-notice-panel__summary-main{display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:0}.membership-notice-panel__status{align-items:center;display:inline-flex;gap:8px}.membership-notice-panel__status-dot{background:var(--membership-notice-accent);border-radius:999px;box-shadow:0 0 0 6px var(--membership-notice-accent-soft);height:9px;width:9px}.membership-notice-panel__status-label{color:var(--membership-notice-accent);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.membership-notice-panel__copy{min-width:0}.membership-notice-panel__headline{color:var(--membership-notice-title);font-size:1rem;font-weight:700;line-height:1.25;margin:0}.membership-notice-panel__summary{color:var(--membership-notice-copy);font-size:.92rem;line-height:1.45;margin:.45rem 0 0}.membership-notice-panel__summary-side{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:10px}.membership-notice-panel__balance-chip{background:#f3f6fb;border:1px solid rgba(15,23,42,.08);border-radius:999px;color:#324156;font-size:.78rem;font-weight:700;padding:.45rem .7rem;white-space:nowrap}.membership-notice-panel__toggle-copy{color:#5b6b82;font-size:.8rem;font-weight:600;white-space:nowrap}.membership-notice-panel__toggle-icon{align-items:center;color:#5b6b82;display:inline-flex;font-size:1rem;font-weight:700;height:18px;justify-content:center;width:18px}.membership-notice-panel__details{border-top:1px solid rgba(15,23,42,.07);display:flex;flex-direction:column;gap:16px;padding:0 18px 18px}.membership-notice-panel__details-summary{color:var(--membership-notice-copy);font-size:.84rem;line-height:1.45;margin:16px 0 0}.membership-notice-panel--compact.membership-notice-panel--floating-details .membership-notice-panel__details{background:#fff;border:1px solid var(--membership-notice-border);border-radius:28px;box-shadow:0 24px 54px rgba(15,23,42,.16);grid-column-gap:20px;column-gap:20px;display:grid;grid-template-areas:"summary summary" "facts ladder" "actions actions";grid-template-columns:minmax(240px,.82fr) minmax(420px,1.45fr);left:calc(100% + 18px);max-height:calc(100vh - var(--membership-shell-top-offset, 110px) - 24px);overflow:auto;padding-top:20px;position:absolute;top:0;width:min(780px,calc(100vw - 300px));z-index:30}.membership-notice-panel__fact-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr;margin-top:16px}.membership-notice-panel__fact-card{background:#f7fafc;border:1px solid rgba(15,23,42,.06);border-radius:20px;padding:12px 14px}.membership-notice-panel__fact-card strong{color:var(--membership-notice-title);display:block;font-size:.95rem;line-height:1.3}.membership-notice-panel__fact-card p{color:var(--membership-notice-copy);font-size:.84rem;line-height:1.45;margin:.4rem 0 0}.membership-notice-panel__fact-label{color:#66758c;display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;margin-bottom:.45rem;text-transform:uppercase}.membership-notice-panel__ladder{display:flex;flex-direction:column;gap:10px}.membership-notice-panel__tier-row{align-items:flex-start;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:20px;display:flex;gap:12px;padding:12px}.membership-notice-panel__tier-row.is-unlocked{border-color:rgba(15,118,110,.24);box-shadow:inset 0 0 0 1px rgba(15,118,110,.06)}.membership-notice-panel__tier-row.is-required{background:#fff9ef;border-color:rgba(217,119,6,.24)}.membership-notice-panel__tier-row.is-current{background:#effaf8}.membership-notice-panel__tier-badge{align-items:center;background:#eff3f8;border-radius:16px;color:var(--membership-notice-title);display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:40px;justify-content:center;width:48px}.membership-notice-panel__tier-copy{min-width:0}.membership-notice-panel__tier-heading{align-items:baseline;color:var(--membership-notice-title);display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between}.membership-notice-panel__tier-heading span{color:#6b7280;font-size:.8rem;font-weight:600}.membership-notice-panel__tier-copy p{color:var(--membership-notice-copy);font-size:.84rem;line-height:1.45;margin:.35rem 0 0}.membership-notice-panel__actions{display:flex;flex-wrap:wrap;gap:10px}.membership-notice-panel__actions .btn{border-radius:999px;font-weight:600;margin:0}.membership-notice-panel--compact.membership-notice-panel--floating-details .membership-notice-panel__details-summary{grid-area:summary;margin:0}.membership-notice-panel--compact.membership-notice-panel--floating-details .membership-notice-panel__fact-grid{grid-area:facts;margin-top:0}.membership-notice-panel--compact.membership-notice-panel--floating-details .membership-notice-panel__ladder{align-content:start;display:grid;grid-gap:14px;gap:14px;grid-area:ladder;grid-template-columns:repeat(2,minmax(0,1fr))}.membership-notice-panel--compact.membership-notice-panel--floating-details .membership-notice-panel__tier-row{height:100%}.membership-notice-panel--compact.membership-notice-panel--floating-details .membership-notice-panel__actions{grid-area:actions}.membership-notice-panel--compact .membership-notice-panel__summary-button,.membership-notice-panel--compact .membership-notice-panel__summary-shell{gap:10px;padding:12px 14px}.membership-notice-panel--compact .membership-notice-panel__summary-main{gap:5px}.membership-notice-panel--compact .membership-notice-panel__status{gap:6px}.membership-notice-panel--compact .membership-notice-panel__status-dot{box-shadow:0 0 0 4px var(--membership-notice-accent-soft);height:7px;width:7px}.membership-notice-panel--compact .membership-notice-panel__status-label{font-size:.62rem;letter-spacing:.07em}.membership-notice-panel--compact .membership-notice-panel__headline{font-size:.84rem;line-height:1.25}.membership-notice-panel--compact .membership-notice-panel__summary-side{gap:5px}.membership-notice-panel--compact .membership-notice-panel__balance-chip{font-size:.68rem;padding:.3rem .5rem}@media (max-width:640px){.membership-notice-panel{width:100%}.membership-notice-panel__summary-button,.membership-notice-panel__summary-shell{flex-direction:column}.membership-notice-panel__summary-side{align-items:flex-start;width:100%}.membership-notice-panel__actions{flex-direction:column}.membership-notice-panel__actions .btn{width:100%}.membership-notice-panel--floating-details .membership-notice-panel__details{position:static;width:100%}}@media (max-width:1399px){.membership-notice-panel--compact.membership-notice-panel--floating-details .membership-notice-panel__details{width:min(700px,calc(100vw - 300px))}}@media (max-width:1199px){.membership-notice-panel--compact.membership-notice-panel--floating-details .membership-notice-panel__details{display:flex;grid-template-areas:none;grid-template-columns:1fr;left:0;max-height:none;overflow:visible;padding-top:0;position:static;top:auto;width:100%}.membership-notice-panel--compact.membership-notice-panel--floating-details .membership-notice-panel__ladder{display:flex;grid-template-columns:1fr}}