/* Services and Programs additions: shared Home card rules remain in main.css. */
.offerings-intro { padding: 145px 0 48px; background: #f1f8f8; }
.offerings-intro h1 { font-size: clamp(2rem,4vw,3rem); }
.offerings-intro .intro-copy { max-width: 850px; font-size: 1.1rem; line-height: 1.75; }
.offerings-actions { display:flex; flex-wrap:wrap; gap:16px; margin-top:24px; }
.offerings-btn { display:inline-flex; align-items:center; gap:10px; background:#087b85; color:white; border-radius:8px; padding:12px 24px; font-weight:600; }
.offerings-btn:hover { background:#065c64; color:white; }
.offerings-page .section-title { padding-bottom:32px; }
.offerings-page .service-card { display:flex; flex-direction:column; }
.offerings-page .service-content { display:flex; flex-direction:column; flex:1; }
.offerings-page .service-link { margin-top:auto; color:#087b85; }
.offerings-soft { background:#f1f8f8; }
.offerings-panel { background:white; border:1px solid #dbe7e8; padding:28px; border-radius:15px; height:100%; }
.offerings-panel h3 { font-size:1.25rem; margin-bottom:16px; }
.offerings-panel p,.offerings-panel li { line-height:1.75; }
.offerings-program { scroll-margin-top:110px; }
.offerings-program .program-lead { max-width:950px; margin-bottom:32px; }
.offerings-page a:focus-visible,.home-page .offerings-btn:focus-visible { outline:3px solid #1f2f31; outline-offset:5px; }
.offerings-skip { position:fixed; top:-100px; left:16px; z-index:10000; background:white; padding:12px; }
.offerings-skip:focus { top:16px; }
.offerings-page button.mobile-nav-toggle { border:0; background:transparent; padding:8px; }
@media(max-width:767px) { .offerings-intro { padding-top:130px; } .offerings-panel { padding:24px; } }
@media(prefers-reduced-motion:reduce) { .offerings-page .service-card,.offerings-page .service-image img { transition:none; } .offerings-page .service-card:hover { transform:none; } }

/* Services and Programs introduction treatment */
.services-intro,
.programs-intro {
  text-align: center;
}
.services-intro h1,
.programs-intro h1 {
  font-size: 32px;
  padding-bottom: 15px;
}
.services-intro h1::before,
.programs-intro h1::before {
  content: "";
  display: block;
  width: 48px;
  height: 4px;
  margin: 0 auto 20px;
  border-radius: 2px;
  /*background: var(--accent-color, #099aa7);*/
}
.services-intro .intro-copy,
.programs-intro .intro-copy {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.services-intro .offerings-actions,
.programs-intro .offerings-actions {
  justify-content: center;
}

/* Home: CARF and OhioRISE service panels */
.credential-section { background: #f1f8f8; }
.credential-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; }
.credential-panel { display: flex; flex-direction: column; min-width: 0; padding: 36px; background: var(--surface-color, #fff); border: 1px solid #dbe7e8; border-radius: 18px; box-shadow: 0 5px 20px rgba(0,0,0,.05); }
.credential-logo { display: flex; align-items: center; justify-content: center; height: 210px; margin-bottom: 24px; }
.credential-logo img { display: block; width: auto; height: auto; max-width: 100%; max-height: 210px; object-fit: contain; }
.credential-panel h2 { text-align: center; font-size: 26px; margin-bottom: 24px; }
.credential-services { padding-left: 22px; margin: 0 0 28px; }
.credential-services li { padding-left: 4px; margin-bottom: 14px; line-height: 1.65; overflow-wrap: break-word; }
.credential-services li::marker { color: var(--accent-color, #099aa7); }
.credential-panel .credential-link { align-self: center; margin-top: auto; }
.credential-link:focus-visible { outline: 3px solid #1f2f31; outline-offset: 5px; }
#featured-services { scroll-margin-top: 110px; }
@media(max-width:767px) { .credential-grid { grid-template-columns: 1fr; gap: 24px; } .credential-panel { padding: 24px; } .credential-logo { height: 170px; } .credential-logo img { max-height: 170px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } }