/**
 * Personal training hub (/personal-training-cambridge/), body.rp-pthub.
 * Gym identity: ivory and white bands, a navy anchor band, brand-red CTA
 * buttons, the shared .h2 and site chrome from rp.css. Matches the membership
 * page and the trainer profiles. In-text links are navy (red on ivory misses
 * AA); red is reserved for the white-on-red buttons, which pass AA.
 */
body.rp-pthub{
	--navy:#002c41;--red:#e4022e;--ivory:#F6F5EE;--white:#fff;--ink:#0a2233;--muted:#4a5157;
	margin:0;background:var(--ivory);font-family:'Montserrat',Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;
}
.rp-pthub .wp-block-post-content img{display:block;max-width:100%}
.rp-pthub .lead{font-size:18px;line-height:1.62;color:var(--muted);margin:18px auto 0;max-width:640px}

/* ---------- Hero (image cover, centred, floating header) ---------- */
.rp-pthub .phhero.wp-block-cover{min-height:760px}
.rp-pthub .phhero .wp-block-cover__background{background:linear-gradient(180deg,rgba(0,18,26,.42) 0%,rgba(0,18,26,.58) 58%,rgba(0,18,26,.72) 100%) !important;opacity:1 !important}
.rp-pthub .phhero .wrap{text-align:center}
.rp-pthub .phhero .eb{color:#fff;opacity:.95;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px}
.rp-pthub .phh1{color:#fff;font-size:clamp(2.25rem,5vw,3.25rem);font-weight:800;line-height:1.05;letter-spacing:-.01em;text-transform:uppercase;margin:0}
.rp-pthub .phh1 mark{background:transparent}
.rp-pthub .phsub{color:rgba(255,255,255,.95);font-size:18px;line-height:1.6;margin:18px auto 28px;max-width:560px}
.rp-pthub .phhero .wp-block-buttons{justify-content:center}

/* ---------- Bands ---------- */
.rp-pthub .phintro{background:var(--ivory);padding:clamp(54px,8vw,82px) 0;text-align:center}
.rp-pthub .phgrid{background:var(--white);padding:clamp(56px,8vw,90px) 0;text-align:center}
.rp-pthub .phwhere{background:var(--navy);padding:clamp(54px,8vw,82px) 0;text-align:center}
.rp-pthub .phclose{background:var(--ivory);padding:clamp(54px,8vw,84px) 0;text-align:center}
.rp-pthub .phwhere .h2{color:#fff}
.rp-pthub .phwhere .lead{color:rgba(255,255,255,.9)}

/* ---------- Trainer grid ----------
   Three columns by default, four only once the cells are wide enough for the
   recruitment tile to hold its copy inside a square (see below). */
.rp-pthub .phgrid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:46px auto 0;text-align:left;align-items:stretch}
@media (min-width:1180px){
	.rp-pthub .phgrid-cards{grid-template-columns:repeat(4,1fr)}
}
.rp-pthub .phcard{display:flex;flex-direction:column;text-decoration:none;color:var(--ink)}
.rp-pthub .phcard-photo{display:block;overflow:hidden;border-radius:14px;aspect-ratio:1/1;background:var(--ivory);box-shadow:0 12px 26px rgba(0,44,65,.14)}
.rp-pthub .phcard-img{width:100%;height:100%;object-fit:cover;display:block}
.rp-pthub .phcard-name{margin-top:12px;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:var(--ink)}
.rp-pthub .phcard:hover .phcard-name{color:var(--red)}

/* Recruitment tile: distinct navy tile, not a person. It is sized to the trainer
   photo box, a square of the same width, so the two line up top and bottom
   instead of the tile hanging below them. align-self:start stops it stretching
   the row; a grid item's automatic minimum height still lets it grow if the copy
   ever needs more room, so it can never clip. */
.rp-pthub .phcard-recruit{background:var(--navy);border-radius:14px;padding:26px 24px;display:flex;flex-direction:column;justify-content:center;text-decoration:none;box-shadow:0 12px 26px rgba(0,44,65,.18);box-sizing:border-box;aspect-ratio:1/1;align-self:start}
.rp-pthub .phcard-recruit-h{font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:1.22;color:#fff}
.rp-pthub .phcard-recruit-p{font-size:14px;line-height:1.55;color:rgba(255,255,255,.82);margin-top:11px}
.rp-pthub .phcard-recruit-more{margin-top:14px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-decoration:underline;text-underline-offset:3px}

/* ---------- Close (membership note + final CTA) ---------- */
.rp-pthub .phnote{font-size:14.5px;line-height:1.6;color:var(--muted);margin:0 auto 40px;max-width:600px}
.rp-pthub .phnote a{color:var(--navy);text-decoration:underline;text-underline-offset:2px;font-weight:600}
.rp-pthub .phnote a:hover{color:var(--red)}
.rp-pthub .phclose .lead{margin-bottom:28px}

/* ---------- Mobile ---------- */
@media (max-width:860px){
	.rp-pthub .phgrid-cards{grid-template-columns:repeat(2,1fr);gap:18px}
	.rp-pthub .phhero.wp-block-cover{min-height:600px}
	/* Two columns leave a cell too narrow for this copy to sit in a square, so
	   the tile takes the full width on its own row rather than towering over the
	   photos beside it. */
	.rp-pthub .phcard-recruit{grid-column:1/-1;aspect-ratio:auto;padding:24px 22px}
}