/* SCSFSC Membership Page — loaded only on /membership/ */

.scsfsc-membership-wrap { width:100% !important; max-width:100% !important; padding:0 !important; }

/* WHY JOIN */
.scsfsc-membership-why { background:#fff; padding:3.5rem 2rem; }
.scsfsc-membership-why__inner { max-width:1100px; margin:0 auto; }
.scsfsc-membership-why__intro { margin-bottom:2.5rem; }
.scsfsc-membership-why__intro h2 { font-size:clamp(1.6rem,3vw,2.2rem); color:#0B2545 !important; margin:0.5rem 0 1rem; }
.scsfsc-membership-why__intro p { font-size:1rem; color:#3A4D6B; max-width:680px; line-height:1.75; margin:0; }

/* ATHLETES COMMITTEE PHOTO */
.scsfsc-ac-about__inner { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:start; }
.scsfsc-ac-about__text { grid-column:1; }
.scsfsc-ac-about__photo { grid-column:2; grid-row:1; border-radius:10px; overflow:hidden; box-shadow:0 4px 16px rgba(11,37,69,0.12); }
.scsfsc-ac-about__photo img { width:100%; height:100%; object-fit:cover; display:block; }
.scsfsc-ac-about__facts { grid-column:1 / -1; display:flex; flex-direction:column; gap:0.8rem; }
@media (max-width:700px) {
  .scsfsc-ac-about__inner { grid-template-columns:1fr; }
  .scsfsc-ac-about__photo { grid-column:1; grid-row:2; }
  .scsfsc-ac-about__facts { grid-column:1; }
}

/* BENEFIT CARDS GRID */
.scsfsc-membership-benefits { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:1.2rem; }
.scsfsc-benefit-card { display:flex; gap:1rem; align-items:flex-start; background:#F7FAFD; border:1px solid #D0E8F5; border-radius:10px; padding:1.4rem; transition:border-color 0.2s,box-shadow 0.2s; }
.scsfsc-benefit-card:hover { border-color:#C8102E; box-shadow:0 4px 16px rgba(200,16,46,0.08); }
.scsfsc-benefit-card__icon { font-size:1.8rem; line-height:1; flex-shrink:0; margin-top:2px; }
.scsfsc-benefit-card h3 { font-size:0.95rem; font-weight:700; color:#0B2545; margin:0 0 0.4rem; }
.scsfsc-benefit-card p { font-size:0.87rem; color:#4A5E7A; line-height:1.65; margin:0; }

/* SECTION LABEL (reuse homepage style) */
.scsfsc-membership-why .scsfsc-section-label { display:inline-block; font-size:0.72rem; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:#C8102E; margin-bottom:0.4rem; }

/* CTA SECTION */
.scsfsc-membership-cta { background:linear-gradient(135deg,#071830 0%,#0B2545 60%,#1A3A6B 100%); padding:3.5rem 2rem; border-top:4px solid #C8102E; }
.scsfsc-membership-cta__inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1fr 320px; gap:3rem; align-items:start; }
.scsfsc-membership-cta__text h2 { font-size:clamp(1.5rem,3vw,2rem); color:#fff !important; margin:0 0 1rem; }
.scsfsc-membership-cta__text p { font-size:0.95rem; color:rgba(255,255,255,0.75); line-height:1.7; margin-bottom:1.8rem; max-width:520px; }
.scsfsc-membership-cta__text .scsfsc-btn { display:inline-block; margin-right:0.8rem; margin-bottom:0.8rem; }

/* LARGE BUTTON VARIANT */
.scsfsc-btn--large { padding:0.9rem 2rem; font-size:0.9rem; }

/* OUTLINE NAVY BUTTON (for dark backgrounds) */
.scsfsc-btn--outline-navy { border:1px solid rgba(255,255,255,0.45); color:#fff !important; padding:0.7rem 1.6rem; border-radius:4px; font-weight:700; font-size:0.85rem; letter-spacing:0.06em; text-transform:uppercase; text-decoration:none !important; transition:border-color 0.2s,background 0.2s; }
.scsfsc-btn--outline-navy:hover { border-color:#fff; background:rgba(255,255,255,0.08); }

/* DETAILS PANEL */
.scsfsc-membership-cta__details { background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12); border-radius:10px; padding:1.6rem; display:flex; flex-direction:column; gap:1.2rem; }
.scsfsc-membership-detail strong { display:block; font-size:0.72rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:#B89A6A; margin-bottom:0.3rem; }
.scsfsc-membership-detail span { font-size:0.88rem; color:rgba(255,255,255,0.82); line-height:1.6; }
.scsfsc-membership-detail a { color:#7EB6E8; text-decoration:none; }
.scsfsc-membership-detail a:hover { color:#fff; text-decoration:underline; }

/* RESPONSIVE */
@media (max-width:900px) {
  .scsfsc-membership-cta__inner { grid-template-columns:1fr; gap:2rem; }
}
@media (max-width:600px) {
  .scsfsc-membership-why { padding:2rem 1rem; }
  .scsfsc-membership-cta { padding:2rem 1rem; }
  .scsfsc-membership-benefits { grid-template-columns:1fr; }
  .scsfsc-btn--large { display:block; text-align:center; margin-right:0; }
  .scsfsc-btn--outline-navy { display:block; text-align:center; }
}