/* Centered public content: identical edges for navigation and every section. */
:root {
  --site-content-width: 1360px;
  --site-gutter: max(clamp(24px, 4vw, 64px), calc((100% - var(--site-content-width)) / 2));
}
.public-nav {
  width: 100%; max-width: none; margin: 0;
  padding: 16px var(--site-gutter); min-height: 100px;
}
.public-nav .public-brand img { width: 150px; height: 67px; }
.public-links { gap: clamp(4px, 1vw, 20px); }
.public-links a { padding: 12px 14px; }
.public-header { background: #fff; }
.landing-page-header-section,
.landing-page-features,
.landing-page-three-steps,
.public-audience-hero,
.public-content-section,
.hire-hero-v4,
.hire-benefits-v3 {
  width: 100%; max-width: none; margin-inline: 0;
  padding-inline: var(--site-gutter);
}
.landing-page-footer,
.landing-page-choose-locum,
.about-intro-v4,
.about-mission-v4,
.about-principles-v4,
.about-contact-v4,
.contact-us-content { padding-inline: var(--site-gutter); }
.public-closing {
  width: auto; max-width: none; margin: 0; border-radius: 0;
  padding: 64px var(--site-gutter);
  background: #edf4ef;
  border-top: 1px solid var(--public-line);
}
.public-closing h2 { max-width: 30ch; font-size: clamp(28px, 2.5vw, 44px); font-weight: 400; }
.public-closing .public-button { min-height: 52px; }
.landing-page-footer { gap: min(8vw, 96px); grid-template-columns: 1.4fr 1fr 1fr; align-items: start; }
.landing-page-footer-meet { gap: 14px; }
.landing-page-footer .footer-unavailable { color: #87958c; font-size: 14px; line-height: 1.5; }
/* Main hero: original copy, balanced columns, genuinely transparent photograph. */
.home-hero-v4 { background: #fff; border-bottom: 1px solid var(--public-line); }
.home-hero-v4 .landing-page-header-section {
  --home-hero-height: clamp(600px, calc(88svh - 100px), 860px);
  min-height: var(--home-hero-height);
  grid-template-columns: minmax(0, 1.07fr) minmax(0, .93fr);
  gap: clamp(32px, 4vw, 80px);
  padding-top: 48px; padding-bottom: 0;
  align-items: stretch;
}
.home-hero-v4 .landing-page-header-content {
  display: flex; flex-direction: column; justify-content: center;
  padding-bottom: 64px; min-width: 0;
}
.home-hero-v4 .landing-page-header-content h1 {
  font-size: clamp(38px, 3.7vw, 60px);
  line-height: 1.12; letter-spacing: -.038em; font-weight: 400;
  text-wrap: balance; max-width: 22ch; margin: 0 0 28px;
}
.home-hero-v4 .landing-page-header-content p {
  font-size: clamp(18px, 1.3vw, 24px);
  line-height: 1.65; max-width: 43ch; margin: 0 0 36px;
}
.home-hero-v4 .landing-page-header-content-row { white-space: normal; }
.home-hero-v4 .landing-page-header-image {
  align-self: end; align-items: flex-end; min-width: 0;
  background: transparent; box-shadow: none;
}
.home-hero-v4 .landing-page-header-image img {
  width: 100%; max-width: none; height: auto; max-height: calc(var(--home-hero-height) - 48px);
  object-fit: contain; object-position: bottom;
  border: 0; border-radius: 0; box-shadow: none; filter: none; background: transparent;
}
.home-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 28px; }
.home-hero-actions .landing-page-navbar-buttons-fill { min-height: 54px; padding: 15px 26px; gap: 24px; }
.home-facility-link { text-decoration: none; color: var(--public-green); font-size: 15px; padding: 12px 0; border-bottom: 1px solid #a9c4b6; }
.home-facility-link:hover { border-color: var(--public-green); }
/* Facility hero uses the same baseline and width, with its own relevant cutout. */
.hire-hero-v4 {
  display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: clamp(32px, 4vw, 80px); align-items: center;
  --hire-hero-height: clamp(600px, calc(76svh - 100px), 760px);
  min-height: var(--hire-hero-height); padding-top: 48px; padding-bottom: 0;
  border-bottom: 1px solid var(--public-line);
}
.hire-hero-heading { padding-bottom: 64px; }
.hire-hero-heading .public-eyebrow { display: block; margin-bottom: 22px; }
.hire-hero-heading h1 { font-size: clamp(48px, 5.4vw, 76px); font-weight: 400; line-height: 1.08; letter-spacing: -.04em; margin: 0 0 28px; }
.hire-hero-intro p { font-size: clamp(20px, 1.5vw, 28px); line-height: 1.55; color: var(--public-muted); max-width: 27ch; margin: 0 0 32px; }
.hire-hero-photo {
  align-self: end; width: 100%; max-width: none; height: auto; max-height: calc(var(--hire-hero-height) - 48px);
  display: block; object-fit: contain; object-position: bottom;
  border-radius: 0; background: transparent; box-shadow: none; filter: none;
}
.hire-benefits-v3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: min(5vw, 64px); margin-block: 0; padding-block: 56px 72px; }
.hire-benefits-v3 > div { border-top: 1px solid var(--public-line); padding-top: 28px; }
.hire-benefits-v3 img { width: 32px; height: 32px; margin-bottom: 18px; }
.hire-benefits-v3 h2 { font-size: 25px; font-weight: 400; }
.hire-benefits-v3 p { color: var(--public-muted); font-size: 16px; line-height: 1.75; margin: 0; max-width: 46ch; }
/* Keep supporting sections calm and open, with no repeated framed cards. */
.public-card-grid { gap: min(5vw, 64px); }
.public-info-card { padding: 28px 0 0; border: 0; border-top: 1px solid #b9cec0; border-radius: 0; background: transparent; }
.public-info-card h3 { font-size: clamp(22px, 1.7vw, 30px); }
.public-info-card p { font-size: 16px; line-height: 1.75; max-width: 48ch; }
.public-info-card img { margin-bottom: 24px; }
.public-step-number { background: transparent; width: auto; height: auto; display: block; padding: 0; border-radius: 0; color: #6b8275; margin-bottom: 20px; }
.public-section-title { font-size: clamp(30px, 2.8vw, 48px); max-width: 32ch; }
.public-audience-hero { gap: min(6vw, 72px); padding-block: 72px; }
.public-audience-hero h1 { font-size: clamp(44px, 4.7vw, 72px); line-height: 1.1; letter-spacing: -.035em; }
.public-audience-hero p { max-width: 43ch; }
.public-audience-hero img { max-height: 560px; }
.landing-page-features-content { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: min(6vw, 72px); }
.landing-page-features-content-text-row { border-radius: 0; }
.landing-page-features-content-text-row h2 { font-size: clamp(22px, 1.7vw, 30px); }
.landing-page-features-info h2,
.landing-page-three-steps-h2,
.landing-page-testimonials h2,
.landing-page-choose-locum h2 { font-size: clamp(30px, 2.7vw, 48px); }
.landing-page-features-content-image img { max-height: 620px; }
.landing-page-three-steps-content-info { min-height: 450px; border: 0; border-radius: 0; padding: 40px; }
.landing-page-three-steps-content-row-item { border-width: 0 0 2px; border-radius: 0; justify-content: center; }
.landing-page-three-steps-content-row-item.active { background: #f4f8f5; border-color: #006b57; }
.landing-page-choose-locum-reasons { max-width: none; gap: 24px 6vw; }
.landing-page-choose-locum-img { max-width: 1440px; }
@media(min-width: 1700px) {
  .public-links a { font-size: 16px; }
  .landing-page-features-content-text-row { padding: 28px 32px; }
}
@media(max-width: 1100px) {
  .public-nav { gap: 20px; }
  .public-links { gap: 0; }
  .public-links a { padding-inline: 9px; }
  .public-nav-actions .public-button { padding-inline: 15px; }
  .home-hero-v4 .landing-page-header-content h1 { font-size: 40px; }
  .home-hero-v4 .landing-page-header-content p { font-size: 18px; }
}
@media(max-width: 980px) {
  .public-nav { padding-block: 14px; min-height: 86px; }
  .public-nav .public-brand img { width: 132px; height: 58px; }
  .public-menu { padding-inline: var(--site-gutter); }
  .public-links a { padding: 14px; }
  .home-hero-v4 .landing-page-header-section { --home-hero-height: 600px; }
  .hire-hero-v4 { --hire-hero-height: 600px; }
  .home-hero-v4 .landing-page-header-content h1 { font-size: 36px; }

}
@media(max-width: 760px) {
  :root { --site-gutter: 24px; }
  .home-hero-v4 .landing-page-header-section,
  .hire-hero-v4 { grid-template-columns: 1fr; min-height: 0; gap: 32px; padding-top: 40px; }
  .home-hero-v4 .landing-page-header-content { padding-bottom: 0; }
  .home-hero-v4 .landing-page-header-content h1 { font-size: clamp(34px, 7vw, 46px); max-width: 24ch; margin-bottom: 22px; }
  .home-hero-v4 .landing-page-header-content p { font-size: 17px; margin-bottom: 28px; }
  .home-hero-v4 .landing-page-header-image { justify-content: center; }
  .home-hero-v4 .landing-page-header-image img { max-width: 500px; max-height: 540px; }
  .home-hero-actions { gap: 24px; }
  .home-hero-actions .landing-page-navbar-buttons-fill { padding-inline: 20px; gap: 16px; }
  .hire-hero-heading { padding-bottom: 0; }
  .hire-hero-heading h1 { font-size: 52px; }
  .hire-hero-intro p { font-size: 20px; }
  .hire-hero-photo { max-height: 480px; }
  .hire-benefits-v3 { grid-template-columns: 1fr; gap: 32px; padding-block: 40px; }
  .public-audience-hero { grid-template-columns: 1fr; padding-block: 48px; gap: 32px; }
  .public-audience-hero h1 { font-size: 44px; }
  .public-audience-hero img { max-height: 360px; }
  .public-content-section { padding-block: 48px; }
  .public-card-grid { grid-template-columns: 1fr; gap: 32px; }
  .public-info-card { padding-top: 24px; }
  .public-closing { flex-direction: column; align-items: flex-start; padding-block: 48px; gap: 28px; }
  .landing-page-features-content { grid-template-columns: 1fr; gap: 32px; }
  .landing-page-features-content-image { min-height: 0; }
  .landing-page-features-content-image img { max-height: 420px; }
  .landing-page-three-steps-content-info { padding: 28px 24px; }
  .landing-page-footer { grid-template-columns: 1fr 1fr; gap: 40px 24px; }
  .landing-page-footer-social { grid-column: 1 / -1; }
}
@media(max-width: 380px) {
  .home-hero-v4 .landing-page-header-content h1 { font-size: 31px; }
  .home-hero-actions { gap: 16px; }
  .home-hero-actions .landing-page-navbar-buttons-fill { padding-inline: 16px; }
  .home-facility-link { font-size: 14px; }
}
/* A dedicated provider portrait keeps the Job Seekers hero consistent. */
.job-seeker-band-v4 { background: #fff; border-top: 0; }
.public-audience-hero.job-seeker-hero-v4 {
  min-height: clamp(600px, calc(88svh - 100px), 860px);
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  padding-top: 40px; padding-bottom: 0;
}
.job-seeker-hero-v4 > div { padding-bottom: 48px; }
.job-seeker-hero-v4 > img {
  align-self: end; justify-self: center; display: block;
  width: auto; max-width: 100%; height: clamp(540px, calc(88svh - 140px), 820px);
  max-height: none; object-fit: contain; object-position: bottom;
  border-radius: 0; box-shadow: none; background: transparent;
}
@media(max-width: 760px) {
  .public-audience-hero.job-seeker-hero-v4 { min-height: 0; grid-template-columns: 1fr; }
  .job-seeker-hero-v4 > div { padding-bottom: 0; }
  .job-seeker-hero-v4 > img { height: 440px; }
}