.membership-guide{padding:28px 0 64px}
.membership-guide .breadcrumbs{margin:0 0 24px;font-size:14px;color:#64748b}
.breadcrumbs a:hover{text-decoration:underline}
.guide-hero{padding:clamp(26px,4vw,52px);border-radius:20px;background:linear-gradient(125deg,#081225,#25357a);color:white}
.guide-eyebrow{font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;color:#f6c84c}
.guide-hero h1{font-size:clamp(32px,4.5vw,54px);line-height:1.12;letter-spacing:-.035em;margin:0 0 20px}
.guide-lead{max-width:690px;font-size:18px;color:#dbe3f4;line-height:1.7;margin-bottom:30px}
.guide-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid #ffffff30;padding-top:24px}
.guide-facts strong{display:block;color:#f6c84c;font-size:19px;margin-bottom:8px}
.guide-facts span{display:block;font-size:14px;line-height:1.65;color:#e2e8f0}
.guide-jump{display:flex;flex-wrap:wrap;gap:10px;padding:22px 0 30px}
.guide-jump a{background:white;border:1px solid #dce2ed;border-radius:999px;padding:10px 16px;color:#293a96;font-size:14px;font-weight:650}
.guide-jump a:hover{background:#eef2ff;border-color:#4556d9}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:start}
.guide-content,.guide-support{min-width:0}
.guide-note{padding:20px 22px;background:#fff8e7;border-left:3px solid #f6c84c;border-radius:0 10px 10px 0;line-height:1.8;margin:0 0 20px}
.guide-instructions{font-size:14px;color:#64748b;margin-bottom:28px}
.guide-section{scroll-margin-top:105px;margin-bottom:38px}
.guide-section h2{font-size:24px;line-height:1.3;margin:0 0 18px}
.guide-section h2 span{color:#4556d9;font-size:15px;vertical-align:middle;margin-right:10px}
.section-intro{color:#475569;line-height:1.8}
.guide-question{background:white;border:1px solid #e2e8f0;border-radius:10px;margin:10px 0}
.guide-question summary{cursor:pointer;padding:18px 22px;font-weight:650;line-height:1.6}
.guide-question summary::marker{color:#4556d9}
.guide-question[open]{border-color:#aeb9ee}
.guide-question[open] summary{color:#293a96}
.guide-answer{padding:0 22px 20px;color:#475569;line-height:1.85}
.guide-answer p{margin:0}
.guide-support{background:white;border:1px solid #dce2ed;border-radius:14px;padding:25px;font-size:14px;line-height:1.8}
.guide-support .guide-eyebrow{color:#4556d9}
.guide-support h2{font-size:22px;line-height:1.3}
.guide-support ul{padding-left:18px;margin-bottom:22px;color:#475569}
.guide-support li{margin:6px 0}
.support-email{display:block;font-weight:700;color:#293a96;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}
.support-hours{color:#64748b;margin-top:10px}
.security-note{border-top:1px solid #e2e8f0;padding-top:18px}
.guide-policy-links{display:grid;gap:10px;color:#293a96;font-weight:650}
.guide-end{border-top:1px solid #dce2ed;padding-top:24px;margin:12px 0 0;color:#64748b;font-size:14px;max-width:820px}
.membership-guide a:focus-visible,.guide-question summary:focus-visible{outline:3px solid #4556d9;outline-offset:4px;border-radius:4px}
@media(max-width:850px){.guide-layout{grid-template-columns:1fr}.guide-support{max-width:none}.guide-facts{gap:18px}.guide-facts strong{font-size:17px}}
@media(max-width:600px){.membership-guide{padding-top:20px}.guide-facts{grid-template-columns:1fr;gap:18px}.guide-facts>div+div{border-top:1px solid #ffffff20;padding-top:16px}.guide-hero{border-radius:14px}.guide-lead{font-size:16px}.guide-jump{display:grid;grid-template-columns:1fr 1fr;gap:8px}.guide-jump a{font-size:12px;padding:10px;border-radius:8px}.guide-section h2{font-size:22px}.guide-question summary{padding:16px}.guide-answer{padding:0 16px 18px}.guide-note{padding:16px}.guide-layout{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.membership-guide{overflow-wrap:anywhere}
.membership-guide .guide-hero h1{max-width:950px}
html:not([lang="en"]) .guide-hero h1{line-height:1.5;letter-spacing:0;font-size:clamp(30px,3.8vw,46px)}
html:not([lang="en"]) .guide-section h2,
html:not([lang="en"]) .guide-support h2{line-height:1.6}
html:not([lang="en"]) .guide-eyebrow{letter-spacing:0;text-transform:none;line-height:1.8}
html:not([lang="en"]) .guide-facts strong,
html:not([lang="en"]) .guide-facts span,
html:not([lang="en"]) .guide-jump a{line-height:1.8}
.guide-jump a{min-width:0}
.language-bar a[aria-current="page"]{color:#fff;text-decoration:underline;text-underline-offset:4px}
@media(min-width:981px){html:not([lang="en"]) .nav-links{font-size:.82rem;gap:14px}html:not([lang="en"]) .nav-links>a{white-space:nowrap}html:not([lang="en"]) .nav-cta{font-size:.82rem;padding:12px 14px}}
