/* SCSFSC Shared Styles — loaded on every page.
   Page header banner + button system used across the front page
   and all interior pages (bridge, on-ice, off-ice, competitions,
   athletes-committee, testing, learn-to-skate, membership, etc). */

/* PAGE HEADER */
.scsfsc-page-header { background:linear-gradient(135deg,#071830 0%,#0B2545 60%,#1A3A6B 100%); color:#fff; padding:3rem 2rem; border-bottom:4px solid #C8102E; }
.scsfsc-page-header__inner { max-width:1100px; margin:0 auto; }
.scsfsc-page-header__back { display:inline-block; color:rgba(255,255,255,0.65); font-size:0.82rem; font-weight:600; text-decoration:none; letter-spacing:0.06em; text-transform:uppercase; margin-bottom:1rem; transition:color 0.2s; }
.scsfsc-page-header__back:hover { color:#fff; }
.scsfsc-page-header h1 { font-size:clamp(1.8rem,4vw,2.6rem); color:#fff !important; margin:0 0 0.6rem; }
.scsfsc-page-header p { font-size:0.95rem; color:rgba(255,255,255,0.7); margin:0; max-width:560px; line-height:1.6; }

/* BUTTONS */
.scsfsc-btn { display:inline-block; 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:background 0.2s; }
.scsfsc-btn--red { background:#C8102E; color:#fff !important; }
.scsfsc-btn--red:hover { background:#A00D24; }
.scsfsc-btn--navy { background:#0B2545; color:#fff !important; }
.scsfsc-btn--navy:hover { background:#C8102E; }
.scsfsc-btn--outline { border:1px solid rgba(255,255,255,0.45); color:#fff !important; }
.scsfsc-btn--outline:hover { border-color:#fff; background:rgba(255,255,255,0.08); }
.scsfsc-btn--outline-navy { border:1px solid rgba(255,255,255,0.45); color:#fff !important; transition:border-color 0.2s,background 0.2s; }
.scsfsc-btn--outline-navy:hover { border-color:#fff; background:rgba(255,255,255,0.08); }
.scsfsc-btn--large { padding:0.9rem 2rem; font-size:0.9rem; }
.scsfsc-btn--sm { padding:0.45rem 1rem; font-size:0.75rem; }

/* RESPONSIVE */
@media (max-width:600px) {
  .scsfsc-page-header { padding:2rem 1rem; }
  .scsfsc-btn--large { display:block; text-align:center; margin-right:0; }
  .scsfsc-btn--outline-navy { display:block; text-align:center; }
}