html.membership-open,html.membership-open body{overflow:hidden}
.membership-dialog{--membership-line:color-mix(in srgb,var(--text-main,#0a0a0a) 14%,var(--bg-surface,#fff));--membership-muted:var(--text-muted,#4b5563);--membership-base:var(--bg-surface,#fff);--membership-panel:color-mix(in srgb,var(--text-main,#0a0a0a) 4%,var(--membership-base));--membership-raised:color-mix(in srgb,var(--text-main,#0a0a0a) 7%,var(--membership-base));--membership-accent-text:var(--accent,#a01c34);--membership-focus:var(--accent,#a01c34);--membership-error-text:#b4233c;box-sizing:border-box;position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;border:0;border-radius:0;padding:0;overflow:hidden;background:var(--bg-surface,#fff);color:var(--text-main,#0a0a0a)}
.membership-dialog[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr)}
.membership-dialog *{box-sizing:border-box}.membership-dialog [hidden]{display:none!important}.membership-dialog::backdrop{background:rgb(0 0 0 / .64);backdrop-filter:blur(6px)}.membership-dialog button{font:inherit}.membership-dialog .btn{text-transform:none;letter-spacing:0;border-radius:8px;font-weight:600}.membership-dialog button:disabled{opacity:.55;cursor:wait}.membership-dialog a{color:var(--accent,#a01c34);text-decoration:underline}.membership-dialog a.btn-primary{color:#fff;text-decoration:none}.membership-dialog :focus-visible{outline:0px solid var(--membership-focus);outline-offset:3px}
.membership-header{position:relative;inset:auto;width:auto;height:auto;z-index:auto;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(24px,3vw,48px);border-bottom:1px solid var(--membership-line)}.membership-heading h2{font-size:clamp(20px,2vw,27px);line-height:1.2;margin:5px 0 0;letter-spacing:-.03em}.membership-eyebrow{font-size:10px;line-height:1.4;letter-spacing:.12em;font-weight:700;color:var(--accent,#a01c34)}.membership-close{display:flex;align-items:center;justify-content:center;gap:12px;min-width:44px;min-height:44px;flex-shrink:0;border:1px solid var(--membership-line);border-radius:8px;padding:0 16px;background:transparent;color:inherit;cursor:pointer}.membership-close-label{font-size:12px}.membership-close>span:last-child{font-size:28px;font-weight:400;line-height:1}
.membership-error{grid-row:2;margin:0;padding:10px 24px;border-bottom:1px solid color-mix(in srgb,var(--membership-error-text) 35%,var(--membership-base));background:color-mix(in srgb,var(--membership-error-text) 8%,var(--membership-base));color:var(--membership-error-text);font-size:13px;line-height:1.4;max-height:15vh;overflow:auto}.membership-stage{grid-row:3;min-height:0;overflow:hidden}.membership-loading{height:100%;display:grid;place-items:center;color:var(--membership-muted);padding:24px}
.membership-form{height:100%;min-height:0;display:grid;grid-template-columns:clamp(240px,26vw,340px) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.membership-sidebar{grid-column:1;grid-row:1/3;min-height:0;overflow:auto;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:clamp(24px,3vw,44px);border-right:1px solid var(--membership-line);background:color-mix(in srgb,var(--accent,#a01c34) 5%,var(--bg-surface,#fff))}.membership-sidebar h3{font-size:clamp(25px,2.6vw,36px);line-height:1.15;letter-spacing:-.035em;margin:18px 0}.membership-sidebar p{font-size:13px;line-height:1.7;margin:0;color:var(--membership-muted)}.membership-side-benefits{font-size:12px;line-height:1.5}.membership-side-benefits>span{font-weight:700}.membership-side-benefits ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}.membership-side-benefits li{position:relative;padding-left:18px}.membership-side-benefits li::before{content:'↗';position:absolute;left:0;color:var(--accent,#a01c34)}.membership-account{display:flex;align-items:center;gap:10px;padding-top:18px;border-top:1px solid var(--membership-line);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.membership-account>div:last-child{min-width:0;display:grid;gap:3px}.membership-account-label{color:var(--membership-muted)}.membership-avatar{flex-shrink:0;display:flex}.membership-avatar img{display:block;width:44px;height:44px;object-fit:cover;border-radius:50%;border:1px solid var(--membership-line)}
.membership-progress-header{grid-column:2;grid-row:1;padding:20px clamp(24px,4vw,64px) 0;border-bottom:1px solid var(--membership-line);background:var(--bg-surface,#fff)}.membership-progress-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:600}.membership-type-label{font-size:11px;font-weight:400;color:var(--membership-muted)}.membership-steps{display:flex;gap:12px;margin:12px 0}.membership-steps button{display:flex;align-items:center;gap:8px;flex:1;min-width:0;min-height:36px;padding:0;border:0;background:transparent;color:var(--membership-muted);font-size:12px;cursor:pointer}.membership-step-number{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border:1px solid var(--membership-line);border-radius:50%;font-size:11px}.membership-steps button[aria-current=step]{color:var(--text-main,#0a0a0a);font-weight:700}.membership-steps button[aria-current=step] .membership-step-number{background:var(--accent,#a01c34);border-color:var(--accent,#a01c34);color:#fff}.membership-steps button[data-complete=true] .membership-step-number{border-color:var(--accent,#a01c34);color:var(--accent,#a01c34)}#membershipProgress{display:block;width:100%;height:3px;margin:0;border:0;appearance:none;background:var(--membership-line);color:var(--accent,#a01c34)}#membershipProgress::-webkit-progress-bar{background:var(--membership-line)}#membershipProgress::-webkit-progress-value{background:var(--accent,#a01c34)}#membershipProgress::-moz-progress-bar{background:var(--accent,#a01c34)}
.membership-form-scroll{grid-column:2;grid-row:2;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:24px clamp(24px,4vw,64px)}.membership-form-content{max-width:900px;margin:0 auto}.membership-dialog fieldset{min-width:0;border:0;padding:0;margin:0}.membership-dialog legend{display:block;width:100%;padding:0;font-size:clamp(21px,2vw,28px);line-height:1.2;font-weight:700;letter-spacing:-.025em}.membership-panel-note{margin:8px 0 20px;color:var(--membership-muted);font-size:12px;line-height:1.5}.membership-dialog .membership-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 18px}.membership-dialog .membership-grid label{display:grid;align-content:start;min-width:0;gap:6px;font-size:12px;line-height:1.4;font-weight:600}.membership-wide{grid-column:1/-1}.membership-dialog .membership-grid input,.membership-dialog .membership-grid textarea{font:inherit;font-size:14px;font-weight:400;line-height:1.4;width:100%;min-width:0;min-height:42px;border:1px solid var(--membership-line);border-radius:9px;padding:10px 12px;background:var(--bg-surface,#fff);color:inherit}.membership-dialog .membership-grid textarea{resize:vertical;min-height:70px}.membership-dialog .membership-grid input[readonly]{background:color-mix(in srgb,var(--membership-muted) 6%,var(--bg-surface,#fff));color:var(--membership-muted)}.membership-check{display:flex;align-items:flex-start;gap:10px;margin:16px 0;font-size:12px;line-height:1.5;cursor:pointer}.membership-check input{margin:1px 0 0;width:18px;height:18px;flex-shrink:0;accent-color:var(--accent,#a01c34)}.membership-choices{margin-top:20px}.membership-upgrade{position:relative;text-align:left;width:100%;padding:16px 48px 16px 18px;border:1px solid color-mix(in srgb,var(--accent,#a01c34) 30%,var(--membership-line));border-radius:12px;background:color-mix(in srgb,var(--accent,#a01c34) 5%,var(--bg-surface,#fff));color:inherit;cursor:pointer}.membership-upgrade strong{display:block;font-size:14px;line-height:1.4}.membership-upgrade>span:last-child{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:var(--membership-muted)}.membership-upgrade-icon{position:absolute;right:18px;top:16px;font-size:25px;color:var(--accent,#a01c34)}.membership-simple{display:block;margin:0;border:0;padding:8px 0;background:none;color:var(--membership-muted);font-size:12px!important;text-decoration:underline;cursor:pointer}
.membership-upload{min-width:0;border:1px solid var(--membership-line);border-radius:12px;padding:14px;overflow-wrap:anywhere}.membership-upload[data-uploaded=true]{border-color:var(--accent,#a01c34)}.membership-upload input[type=file]{min-height:40px;padding:5px 0;border:0;background:transparent;font-size:11px;cursor:pointer}.membership-upload input::file-selector-button{padding:7px 9px;border:1px solid var(--membership-line);border-radius:6px;background:var(--bg-surface,#fff);color:inherit;cursor:pointer;margin-right:8px}.membership-upload [data-membership-file-status]{font-size:11px;line-height:1.4;color:var(--accent,#a01c34)}.membership-upload [data-membership-file-status]:empty{display:none}.membership-recommender{margin-top:8px}.membership-recommender input{min-height:36px;padding:7px 10px}.membership-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 20px;margin:0 0 20px;padding:18px;border:1px solid var(--membership-line);border-radius:12px}.membership-summary div{min-width:0}.membership-summary dt{font-size:11px;color:var(--membership-muted);margin-bottom:4px}.membership-summary dd{margin:0;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.membership-actions{grid-column:1/-1;grid-row:3;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:16px clamp(24px,3vw,48px);padding-bottom:max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--membership-line);background:var(--bg-surface,#fff);z-index:1}.membership-save-note{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.4;color:var(--membership-muted)}.membership-save-indicator{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--membership-muted)}.membership-action-buttons{display:flex;align-items:center;gap:10px}.membership-actions .btn,.membership-providers .btn{display:flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:10px 24px;font-size:13px;white-space:nowrap}.membership-actions .btn-primary{min-width:160px}
.membership-type-select{height:100%;overflow:auto;display:grid;place-items:center;padding:clamp(24px,5vw,64px)}.membership-type-select-inner{width:min(100%,880px);margin:auto}.membership-type-select-heading{text-align:center;max-width:620px;margin:0 auto 24px}.membership-type-select-heading h3{margin:8px 0;font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.035em}.membership-type-select-heading p{margin:0;color:var(--membership-muted);font-size:13px;line-height:1.6}.membership-type-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.membership-type-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:248px;padding:22px;text-align:left;border:1px solid var(--membership-line);border-radius:12px;background:var(--membership-base);color:inherit;cursor:pointer;box-shadow:0 4px 14px rgb(0 0 0 / .05);transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.membership-type-card:focus-visible{border-color:var(--membership-accent-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--membership-accent-text) 25%,transparent),0 8px 20px rgb(0 0 0 / .1)}.membership-type-card-full{border-color:color-mix(in srgb,var(--membership-accent-text) 42%,var(--membership-line));background:color-mix(in srgb,var(--accent,#a01c34) 5%,var(--membership-base))}.membership-type-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.membership-type-card-kicker{font-size:9px;line-height:1.4;letter-spacing:.12em;font-weight:800;color:var(--membership-accent-text)}.membership-type-card-arrow{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid var(--membership-line);border-radius:50%;font-size:16px;color:var(--membership-accent-text)}.membership-type-card strong{display:block;margin:14px 0 12px;font-size:clamp(18px,2vw,23px);line-height:1.2;letter-spacing:-.025em}.membership-type-card ul{display:grid;gap:7px;margin:0 0 18px;padding:0;list-style:none;color:var(--membership-muted);font-size:12px;line-height:1.45}.membership-type-card li{position:relative;padding-left:18px}.membership-type-card li::before{content:'✓';position:absolute;left:0;top:0;color:var(--membership-accent-text);font-weight:800}.membership-type-card-note{display:block;margin-top:auto;padding-top:14px;border-top:1px solid var(--membership-line);font-size:11px;line-height:1.5;font-weight:700}.membership-type-card-simple .membership-type-card-note{color:var(--membership-accent-text)}
.membership-welcome{height:100%;display:grid;grid-template-columns:1fr 1fr;overflow:auto}.membership-welcome-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,7vw,110px);background:color-mix(in srgb,var(--accent,#a01c34) 6%,var(--bg-surface,#fff))}.membership-welcome-copy h3{max-width:600px;font-size:clamp(32px,4.5vw,64px);letter-spacing:-.04em;line-height:1.05;margin:24px 0}.membership-welcome-copy p{max-width:460px;font-size:16px;line-height:1.7;color:var(--membership-muted)}.membership-welcome-detail{font-size:12px;margin-top:32px;color:var(--membership-muted)}.membership-auth-card{align-self:center;width:100%;max-width:560px;margin:0 auto;padding:40px}.membership-auth-card h3{font-size:28px;line-height:1.2;letter-spacing:-.03em;margin:16px 0}.membership-auth-card p{font-size:14px;line-height:1.7;color:var(--membership-muted)}.membership-providers{display:grid;gap:12px;margin:24px 0}.membership-auth-card .membership-note{font-size:11px;line-height:1.7}.membership-success{height:100%;overflow:auto;display:grid;place-items:center;padding:32px;background:color-mix(in srgb,var(--accent,#a01c34) 3%,var(--bg-surface,#fff))}.membership-success-card{max-width:560px;text-align:center}.membership-success-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;margin:0 auto 24px;background:color-mix(in srgb,var(--accent,#a01c34) 10%,var(--bg-surface,#fff));color:var(--accent,#a01c34);font-size:32px}.membership-success-card h3{font-size:32px;letter-spacing:-.03em;line-height:1.2;margin:12px 0 20px}.membership-success-card p{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.membership-success-card .btn{display:inline-flex;align-items:center;gap:16px;min-height:44px;margin-top:20px}
/* Surface hierarchy: dialog shell, tonal workspace, raised form and controls.
   All colors follow the College's light/dark theme and burgundy brand accent. */
[data-theme="dark"] .membership-dialog {
    --membership-accent-text: #ef9aab;
    --membership-focus: #ef9aab;
    --membership-error-text: #ffabb7;
    color-scheme: dark;
}
[data-theme="light"] .membership-dialog { color-scheme: light; }
.membership-dialog .membership-eyebrow,
.membership-dialog a:not(.btn),
.membership-dialog .membership-upgrade-icon,
.membership-dialog [data-membership-file-status],
.membership-dialog .membership-success-icon,
.membership-side-benefits li::before {
    color: var(--membership-accent-text);
}
.membership-dialog a:not(.btn) { text-underline-offset: 3px; }
.membership-header { background: var(--membership-raised); }
.membership-heading { min-width: 0; }
.membership-mobile-eyebrow,
.membership-mobile-account { display: none; }
.membership-heading h2 { line-height: 1.3; }
.membership-close {
    background: var(--membership-panel);
    transition: background-color .18s ease, border-color .18s ease;
}
.membership-stage { background: var(--membership-panel); }
.membership-sidebar {
    background: var(--membership-panel);
    padding: clamp(24px,2.5vw,36px);
}
.membership-sidebar h3 { font-size: clamp(25px,2.4vw,32px); line-height: 1.22; }
.membership-account { font-size: 12px; }
.membership-progress-header {
    background: var(--membership-raised);
    padding-left: clamp(24px,3vw,40px);
    padding-right: clamp(24px,3vw,40px);
}
.membership-type-label {
    padding: 4px 9px;
    border: 1px solid var(--membership-line);
    border-radius: 4px;
    background: var(--membership-panel);
    line-height: 1.4;
}
.membership-steps { gap: 8px; }
.membership-steps button {
    min-height: 44px;
    padding: 6px;
    border-radius: 6px;
    transition: background-color .18s ease, color .18s ease;
}
.membership-steps button[data-complete=true] .membership-step-number {
    color: var(--membership-accent-text);
    border-color: var(--membership-accent-text);
    background: color-mix(in srgb,var(--accent) 10%,var(--membership-base));
}
.membership-form-scroll { padding: 24px clamp(24px,3vw,40px); scroll-padding-block: 24px; }

.membership-panel-note { font-size: 13px; line-height: 1.6; }
.membership-dialog .membership-grid { max-width: none; margin: 0; gap: 18px; }
.membership-dialog .membership-grid label { font-size: 13px; gap: 8px; }
.membership-dialog .membership-grid input,
.membership-dialog .membership-grid textarea {
    min-height: 46px;
    border-radius: 6px;
    background: var(--membership-panel);
    transition: border-color .18s ease, background-color .18s ease;
}
.membership-dialog .membership-grid input:focus,
.membership-dialog .membership-grid textarea:focus {
    border-color: var(--membership-focus);
    background: var(--membership-base);
}
.membership-dialog .membership-grid input[readonly] {
    border-style: dashed;
    background: var(--membership-panel);
}
.membership-check { font-size: 13px; line-height: 1.6; }
.membership-upgrade { border-radius: 8px; transition: border-color .18s ease, background-color .18s ease; }
.membership-simple { min-height: 44px; text-underline-offset: 3px; }
.membership-upload { background: var(--membership-panel); border-radius: 8px; padding: 16px; }
.membership-upload[data-uploaded=true] { border-color: var(--membership-accent-text); }
.membership-dialog .membership-upload input[type=file] { background: transparent; }
.membership-upload input::file-selector-button { min-height: 40px; }
.membership-summary { background: var(--membership-panel); border-radius: 8px; gap: 18px 24px; }
.membership-summary dt { font-size: 12px; }
.membership-actions {
    background: var(--membership-raised);
    box-shadow: 0 -4px 16px rgb(0 0 0 / .06);
}
.membership-save-note { font-size: 12px; }
.membership-dialog .membership-grid input[readonly]:focus {
    border-color: var(--membership-line);
}
.membership-dialog .btn { transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease; }
.membership-dialog .btn-outline { border: 1px solid var(--membership-line); background: var(--membership-panel); }
.membership-dialog .btn-primary { box-shadow: 0 2px 4px rgb(0 0 0 / .12); }
.membership-dialog .btn-primary:hover { box-shadow: 0 3px 8px rgb(0 0 0 / .18); }
.membership-welcome { gap: 32px; padding: 32px; }
.membership-welcome-copy { padding: clamp(28px,4vw,64px); border-left: 3px solid var(--accent); }
.membership-welcome-copy h3 { font-size: clamp(32px,3.6vw,52px); line-height: 1.14; }
.membership-auth-card {
    padding: clamp(24px,3vw,40px);
    background: var(--membership-base);
    border: 1px solid var(--membership-line);
    border-radius: 12px;
    box-shadow: 0 4px 16px rgb(0 0 0 / .06);
}
.membership-auth-card .membership-note { padding-top: 20px; border-top: 1px solid var(--membership-line); font-size: 12px; }
.membership-success { background: var(--membership-panel); }
.membership-success-card {
    padding: clamp(24px,4vw,48px);
    background: var(--membership-base);
    border: 1px solid var(--membership-line);
    border-radius: 12px;
    box-shadow: 0 4px 16px rgb(0 0 0 / .06);
}
@media (hover:hover) {
    .membership-close:hover,
    .membership-steps button:hover { background: var(--membership-raised); border-color: var(--membership-accent-text); }
    .membership-type-card:hover { transform: translateY(-2px); border-color: var(--membership-accent-text); box-shadow: 0 10px 24px rgb(0 0 0 / .1); }
    .membership-dialog .membership-grid input:not([readonly]):hover,
    .membership-dialog .membership-grid textarea:hover { border-color: var(--membership-muted); }
    .membership-upgrade:hover { border-color: var(--membership-accent-text); background: color-mix(in srgb,var(--accent) 9%,var(--membership-base)); }
}
@media (min-width:768px) {
    .membership-dialog {
        margin: auto;
        width: calc(100% - 48px);
        max-width: 1440px;
        height: calc(100vh - 48px);
        height: calc(100dvh - 48px);
        max-height: 960px;
        border: 1px solid var(--membership-line);
        border-radius: 16px;
        box-shadow: 0 24px 80px rgb(0 0 0 / .3), 0 4px 16px rgb(0 0 0 / .16);
    }
}
@media(min-width:768px) and (max-height:760px){.membership-header{padding-top:10px;padding-bottom:10px}.membership-progress-header{padding-top:12px}.membership-steps{margin:6px 0}.membership-form-scroll{padding-top:18px;padding-bottom:18px}.membership-panel-note{margin:6px 0 14px}.membership-dialog .membership-grid{gap:10px 16px}.membership-dialog .membership-grid input{min-height:38px;padding:8px 10px}.membership-dialog .membership-grid textarea{height:64px;min-height:64px;padding:8px 10px}.membership-check{margin:12px 0}.membership-choices{margin-top:14px}.membership-upgrade{padding-top:12px;padding-bottom:12px}.membership-actions{padding-top:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.membership-sidebar{gap:18px;padding:24px}.membership-sidebar h3{font-size:27px;margin:12px 0}.membership-sidebar p{font-size:12px}.membership-upload{padding:12px}.membership-summary{padding:14px;margin-bottom:14px}}
@media(max-width:1000px) and (min-width:768px){.membership-form{grid-template-columns:220px minmax(0,1fr)}.membership-sidebar{padding:24px}.membership-sidebar h3{font-size:27px}.membership-progress-header{padding-left:24px;padding-right:24px}.membership-form-scroll{padding-left:24px;padding-right:24px}.membership-steps{gap:6px}.membership-steps button{font-size:11px;gap:5px}}
@media(max-width:767px){.membership-dialog{top:var(--membership-viewport-top,0px);bottom:auto;height:var(--membership-viewport-height,100dvh)}.membership-header{padding:12px 18px;padding-top:max(12px,env(safe-area-inset-top));gap:12px}.membership-heading .membership-eyebrow{font-size:8px;letter-spacing:.09em}.membership-heading h2{font-size:20px}.membership-close{padding:0;width:44px}.membership-close-label{display:none}.membership-type-select{place-items:start center;padding:24px 18px}.membership-type-select-heading{margin-bottom:18px}.membership-type-select-heading h3{font-size:27px}.membership-type-cards{grid-template-columns:minmax(0,1fr);gap:12px}.membership-type-card{min-height:0;padding:18px}.membership-type-card strong{font-size:20px;margin:10px 0}.membership-type-card ul{margin-bottom:14px}.membership-form{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto}.membership-sidebar{display:contents}.membership-sidebar>div:not(.membership-account){display:none}.membership-account{grid-column:1;grid-row:2;padding:8px 18px;border-top:0;border-bottom:1px solid var(--membership-line);font-size:10px;gap:8px}.membership-account-label{display:none}.membership-avatar img{width:28px;height:28px}.membership-progress-header{grid-column:1;grid-row:1;padding:0}.membership-progress-caption{font-size:11px}.membership-type-label{font-size:10px}.membership-steps{gap:6px;margin:8px 0}.membership-steps button{gap:5px;font-size:10px;min-height:44px}.membership-step-number{width:22px;height:22px;font-size:10px}.membership-form-scroll{grid-column:1;grid-row:3;padding:22px 18px;scroll-padding:20px}.membership-dialog legend{font-size:23px}.membership-panel-note{font-size:12px;margin-bottom:20px}.membership-dialog .membership-grid{gap:16px}.membership-dialog .membership-grid label{font-size:12px}.membership-dialog .membership-grid input,.membership-dialog .membership-grid textarea{font-size:16px;min-height:44px}.membership-dialog .membership-grid textarea{min-height:88px}.membership-actions{grid-column:1;grid-row:4;flex-wrap:wrap;gap:8px;padding:10px 18px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.membership-save-note{width:100%;font-size:10px}.membership-action-buttons{width:100%;gap:10px}.membership-actions .btn{padding:10px 16px;font-size:13px}.membership-actions .btn-primary{flex:1;min-width:0}.membership-check{font-size:13px;min-height:32px}.membership-choices{margin-top:22px}.membership-upgrade{padding:16px 42px 16px 16px}.membership-summary{padding:14px;gap:14px}.membership-summary dd{font-size:13px}.membership-welcome{grid-template-columns:minmax(0,1fr);align-content:start}.membership-welcome-copy{padding:28px 24px}.membership-welcome-copy h3{font-size:32px;margin:12px 0}.membership-welcome-copy p{font-size:13px;margin:0}.membership-welcome-detail{display:none}.membership-auth-card{padding:28px 24px}.membership-auth-card h3{font-size:24px}.membership-success{padding:24px}.membership-success-card h3{font-size:28px}.membership-error{padding:8px 18px;font-size:12px}}
@media(max-width:520px){.membership-dialog .membership-grid{grid-template-columns:minmax(0,1fr)}.membership-summary{grid-template-columns:minmax(0,1fr)}.membership-steps button{flex-direction:column;justify-content:center;gap:4px;font-size:10px}.membership-step-number{width:21px;height:21px}.membership-upload{padding:16px}.membership-recommender{margin-top:12px}}
.auth-modal-copy>[data-open-membership]{position:relative;z-index:2;margin-top:20px}.auth-linkedin-form{margin-top:12px}.auth-linkedin-mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:3px;background:#0a66c2;color:white;font:bold 18px/1 Arial,sans-serif}.membership-applicant-status{display:inline-flex;padding:4px 12px;border-radius:999px;border:1px solid var(--border);color:var(--text-muted);font-size:13px;margin-top:8px}

.membership-dialog[open]::backdrop{animation:membership-backdrop-in .32s ease both}
.membership-dialog.is-closing::backdrop{animation:membership-backdrop-out .24s ease both}
@keyframes membership-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes membership-backdrop-out{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){.membership-dialog[open]::backdrop{animation:none}}

.membership-notice-trigger{display:inline;padding:0;border:0;border-bottom:1px outset currentColor;background:transparent;color:inherit;font:inherit;cursor:pointer}.membership-notice-trigger:hover{border-bottom-style:inset}.membership-notice-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* Preserve the single scrolling form area and keyboard-safe mobile layout. */
@media (min-width:768px) and (max-height:760px) {
    .membership-form-content { padding: 20px; }
    .membership-welcome { gap: 24px; padding: 24px; }
}
@media (max-width:1000px) and (min-width:768px) {
    .membership-welcome { gap: 20px; padding: 24px; }
    .membership-welcome-copy { padding: 28px; }
    .membership-steps button { padding: 4px 2px; }
}
@media (max-width:767px) {
    .membership-form-content { padding: 0; border: 0; border-radius: 0; box-shadow: none; }
    .membership-form-scroll { background: var(--membership-base); }
    .membership-account { background: var(--membership-panel); }
    .membership-steps button { padding: 4px; }
    .membership-welcome { gap: 20px; padding: 20px; }
    .membership-welcome-copy { padding: 24px; }
    .membership-auth-card { padding: 24px; }

    .membership-desktop-eyebrow { display: none; }
    .membership-mobile-eyebrow { display: inline; }
    .membership-heading h2 { display: none; }
    .membership-mobile-account {
        display: flex;
        align-items: center;
        min-width: 0;
        gap: 7px;
        margin-top: 3px;
        color: var(--membership-muted);
        font-size: 10px;
        line-height: 1.3;
    }
    .membership-mobile-avatar { flex: 0 0 24px; width: 24px; height: 24px; }
    .membership-mobile-avatar img { display: block; width: 24px; height: 24px; border-radius: 50%; object-fit: cover; }
    #membershipMobileEmail { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .membership-type-card-full { order: -1; }
    .membership-form { grid-template-rows: auto minmax(0,1fr) auto; }
    .membership-sidebar { display: none; }
    .membership-progress-caption,
    .membership-save-note { display: none; }
    .membership-form-scroll { grid-row: 2; }
    .membership-actions { grid-row: 3; }
    .membership-action-buttons #membershipBack {
        flex: 0 0 auto;
        width: auto;
        min-width: 104px;
    }
    .membership-action-buttons #membershipNext,
    .membership-action-buttons #membershipSubmit {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
    }
}
@media (prefers-reduced-motion:reduce) {
    .membership-dialog *, .membership-dialog::backdrop { transition: none !important; animation: none !important; }
}

/* Compact application workspace and Basic → Extended subscription route. */
.membership-level-card{display:grid;gap:5px;margin:18px 0;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--membership-line));border-radius:10px;background:var(--membership-base)}
.membership-level-card>span:not(.membership-level-arrow){font-size:10px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--membership-muted)}
.membership-level-card strong{font-size:22px;line-height:1.15;letter-spacing:-.02em}
.membership-level-arrow{margin:5px 0;color:var(--membership-accent-text);font-size:22px;line-height:1}
.membership-upgrade-ready{display:flex;align-items:flex-start;gap:12px;margin:0 0 18px;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--membership-line));border-radius:8px;background:color-mix(in srgb,var(--accent) 5%,var(--membership-base))}
.membership-upgrade-ready>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700}
.membership-upgrade-ready strong{font-size:13px;line-height:1.4}.membership-upgrade-ready p{margin:3px 0 0;color:var(--membership-muted);font-size:12px;line-height:1.5}
@media(min-width:768px){.membership-dialog{max-width:1180px;max-height:820px}.membership-form{grid-template-columns:280px minmax(0,1fr)}.membership-form-content{max-width:760px}.membership-sidebar{gap:18px}.membership-sidebar h3{font-size:28px;margin:12px 0}.membership-progress-header{padding-top:14px}.membership-form-scroll{padding-top:20px;padding-bottom:20px}.membership-actions{padding-top:12px;padding-bottom:12px}}
@media(max-width:767px){.membership-upgrade-ready{margin-bottom:14px}}