/* SCSFSC Off Ice Page */

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

/* INTRO */
.scsfsc-office-intro { background:#fff; padding:3rem 2rem 1.5rem; }
.scsfsc-office-intro__inner { max-width:1100px; margin:0 auto; }
.scsfsc-office-intro .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; }
.scsfsc-office-intro h2 { font-size:clamp(1.5rem,3vw,2rem); color:#0B2545 !important; margin:0.4rem 0 1rem; }
.scsfsc-office-intro p { font-size:0.95rem; color:#3A4D6B; line-height:1.75; max-width:780px; margin:0; }

/* CLASS GRID */
.scsfsc-office-classes { background:#fff; padding:1.5rem 2rem 3.5rem; border-bottom:1px solid #D0DCE8; }
.scsfsc-office-classes__inner { max-width:1100px; margin:0 auto; }
.scsfsc-office-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:1.2rem; }

/* CLASS CARD */
.scsfsc-office-card { background:#F7FAFD; border:1px solid #D0E8F5; border-radius:10px; padding:1.6rem; display:flex; flex-direction:column; gap:0.6rem; transition:border-color 0.2s,box-shadow 0.2s; }
.scsfsc-office-card:hover { border-color:#0B2545; box-shadow:0 4px 14px rgba(11,37,69,0.1); }
.scsfsc-office-card__icon { font-size:2rem; line-height:1; }
.scsfsc-office-card h3 { font-size:1rem; font-weight:700; color:#0B2545; margin:0; }
.scsfsc-office-card p { font-size:0.88rem; color:#3A4D6B; line-height:1.7; margin:0; flex:1; }
.scsfsc-office-card__attire { background:#EAF3FA; border-radius:6px; padding:0.6rem 0.8rem; margin-top:0.4rem; }
.scsfsc-office-card__attire strong { display:block; font-size:0.68rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:#2A5298; margin-bottom:0.2rem; }
.scsfsc-office-card__attire span { font-size:0.82rem; color:#3A4D6B; }

/* RESPONSIVE */
@media (max-width:600px) {
  .scsfsc-office-intro,.scsfsc-office-classes { padding-left:1rem; padding-right:1rem; }
  .scsfsc-office-grid { grid-template-columns:1fr; }
}