/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 21 2026 | 21:25:24 */
.frp {
  --frp-dark: #2d2c36;
  --frp-teal: #1EAE98;
  --frp-on-dark: #c4bcd4;
  --frp-box: #f3f7f7;
  --frp-box-line: #dfe8e8;
  --frp-muted: #5a5464;
  --frp-btn: #178a78;
}

/* Intro and buttons */
.frp .frp-lead { font-size: 1.35rem; }
.frp .frp-btn {
  display: inline-block;
  padding: 0.8rem 1.5rem;
  border: 2px solid var(--frp-btn);
  border-radius: 6px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  margin: 0 0.75rem 0.75rem 0;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.frp .frp-btn--fill { background: var(--frp-btn); color: #ffffff; }
.frp .frp-btn--outline { background: transparent; color: var(--frp-btn); }

/* How to get started (matches the How it works band on the homepage) */
.frp .frp-steps { background: #f9f7fd; padding: 2.5rem 1.5rem; margin: 2rem 0; }
.frp .frp-steps h2 { color: #28354c; margin-top: 0; }
.frp .frp-steps__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 2rem 2.4rem;
  margin: 1.75rem 0 0;
  padding: 0;
  list-style: none;
}
.frp .frp-step { border-top: 3px solid #1EAE98; margin: 0; padding: 0.5rem 0 0; }
.frp .frp-step .frp-step__num { color: #604ea6; font-size: clamp(2.2rem, 3.4vw, 3.2rem); font-weight: 700; line-height: 1.1; margin: 1rem 0 1.2rem; }
.frp .frp-step h3 { color: #28354c; font-size: clamp(1.4rem, 2.2vw, 1.9rem); line-height: 1.2; margin: 0 0 0.5rem; }
.frp .frp-step p { color: #6a6a6a; line-height: 1.65; margin: 0; }
.frp .frp-steps__actions { text-align: center; margin: 2rem 0 0; }
.frp .frp-btn--teal { background: transparent; color: #232e2d; border-color: #1EAE98; border-radius: 4px; padding: 0.65rem 1.4rem; }

/* Shift hours box */
.frp .frp-shift {
  background: var(--frp-dark);
  border-top: 4px solid var(--frp-teal);
  border-radius: 10px;
  padding: 2rem 2.25rem;
  margin: 2rem 0;
  color: #ffffff;
}
.frp .frp-shift h2 { color: #ffffff; margin: 0 0 1.25rem; font-size: 1.25rem; }
.frp .frp-shift__cols { display: flex; flex-wrap: wrap; gap: 1.5rem 3rem; }
.frp .frp-shift__col { flex: 1 1 240px; }
.frp .frp-shift__label { color: var(--frp-on-dark); font-weight: 600; font-size: 0.95rem; margin: 0; }
.frp .frp-shift__time { color: #ffffff; font-weight: 600; font-size: 1.9rem; line-height: 1.2; margin: 0.15rem 0 0; }
.frp .frp-shift__note { color: var(--frp-on-dark); font-style: italic; margin: 0.25rem 0 0; }
.frp .frp-shift__foot { color: var(--frp-on-dark); font-size: 0.95rem; margin: 1.5rem 0 0; }

/* Card rows */
.frp .frp-row { display: flex; flex-wrap: wrap; gap: 1.25rem; margin: 1rem 0 1.5rem; }
.frp .frp-card {
  flex: 1 1 240px;
  background: var(--frp-box);
  border: 1px solid var(--frp-box-line);
  border-top: 4px solid var(--frp-teal);
  border-radius: 8px;
  padding: 1.5rem;
}
.frp .frp-card h3 { margin-top: 0; }
.frp .frp-card p { margin-bottom: 0; color: var(--frp-muted); }

/* Private and separate band */
.frp .frp-band {
  background: #fcf7f5;
  border: 1px solid #ecdfd8;
  border-radius: 8px;
  padding: 2rem;
  margin: 2rem 0;
}
.frp .frp-band h2 { margin-top: 0; }
.frp .frp-band p:last-child { margin-bottom: 0; }

/* Experience text beside the dark panel */
.frp .frp-split { display: flex; flex-wrap: wrap; gap: 2rem; margin: 2rem 0; }
.frp .frp-split__main { flex: 1 1 320px; }
.frp .frp-split__main h2 { margin-top: 0; }
.frp .frp-panel {
  flex: 1 1 280px;
  background: var(--frp-dark);
  border-top: 4px solid var(--frp-teal);
  border-radius: 10px;
  padding: 2rem;
  color: #ffffff;
}
.frp .frp-panel { display: flex; flex-direction: column; }
.frp .frp-panel h3 { color: #ffffff; margin-top: 0; }
.frp .frp-panel ul { color: #ffffff; margin: 0; padding-left: 1.25rem; }
.frp .frp-panel__link { margin: 1.25rem 0 0; }
.frp .frp-panel a { color: #ffffff; text-decoration: underline; }
.frp .frp-panel__cta { margin-top: auto; padding-top: 1.5rem; }
.frp .frp-panel .frp-btn--light { background: #ffffff; color: var(--frp-dark); border-color: #ffffff; text-decoration: none; margin: 0; }

/* FAQ (matches the faq-box pattern used on other pages).
   The question is plain text inside <summary> and styled here to look like the h3 used elsewhere.
   This avoids a heading inside <summary>, which some editors strip, leaving the default label "Details". */
.frp .faq-box {
  background: #fafbfb;
  border: 1px solid #e6ecec;
  border-radius: 8px;
  padding: 0.5rem 1.25rem;
}
.frp .faq-item { border-bottom: 1px solid #e6ecec; padding: 0.85rem 0; }
.frp .faq-item:last-child { border-bottom: 0; }
.frp .faq-item summary { color: #23314c; font-size: 1.05rem; font-weight: 600; line-height: 1.4; cursor: pointer; }
.frp .faq-item p { margin-bottom: 0; }

/* Closing call to action (matches the cta-box pattern used on other pages) */
.frp .cta-box {
  background: #f3f7f7;
  border: 1px solid #dfe8e8;
  border-radius: 8px;
  padding: 1.5rem;
  margin: 2rem 0;
  text-align: center;
}
.frp .cta-box p:first-child { margin-top: 0; }
.frp .cta-box p:last-child { margin-bottom: 0; font-size: 0.95em; }

/* Crisis line */
.frp .frp-crisis { font-size: 0.95rem; color: var(--frp-muted); }

/* Button hover and keyboard focus (matches the homepage: teal fill, dark text).
   Kept last so it wins over the earlier button and panel rules. */
.frp .frp-btn:hover,
.frp .frp-btn:focus-visible {
  background: #1EAE98;
  border-color: #1EAE98;
  color: #15201f;
  text-decoration: none;
}