/* STEP88N1: homepage-join visual reused only on search, blog and FAQ.
   Scoped selectors ensure no edits to the approved homepage, top menu or footer. */
.tph88n1-join,.tph88n1-join *{box-sizing:border-box}
.tph88n1-join{
  width:100%;max-width:none;min-width:0;margin:0;padding:30px 0;
  background:linear-gradient(90deg,rgba(7,43,41,.86),rgba(23,76,69,.66)),url('/assets/images/tph-home-join.webp?v=8112ec000f68') center 58%/cover no-repeat;
  color:#fff;font-family:inherit;border:0;box-shadow:none;isolation:isolate;
}
.tph88n1-join-inner{
  width:min(1140px,calc(100% - 44px));margin:0 auto;
  display:flex;align-items:center;gap:20px;min-width:0;
}
.tph88n1-join-mark{width:72px;height:64px;flex:none;color:#fff}
.tph88n1-join-copy{flex:1 1 auto;min-width:0;color:#fff}
.tph88n1-join-copy h2{font-family:inherit;color:#fff!important;font-size:20px;font-weight:900;line-height:1.35;margin:0;overflow-wrap:anywhere}
.tph88n1-join-copy p{font-family:inherit;color:#fff!important;font-size:13px;line-height:1.6;margin:4px 0 0}
.tph88n1-join-buttons{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.tph88n1-join-buttons a{
  display:inline-flex;align-items:center;justify-content:center;text-align:center;
  min-height:42px;padding:10px 18px;background:#078b70;color:#fff!important;
  border:1px solid #078b70;border-radius:999px;box-shadow:none!important;
  font-size:13px;line-height:1.35;font-weight:800;text-decoration:none!important;
  transition:background-color .15s ease,border-color .15s ease;
}
.tph88n1-join-buttons a:hover,.tph88n1-join-buttons a:focus-visible{background:#066f59;border-color:#066f59;color:#fff!important}
.tph88n1-join-buttons a:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:1000px){
 .tph88n1-join-inner{flex-wrap:wrap;gap:12px 16px}
 .tph88n1-join-copy{flex:1 1 calc(100% - 110px)}
 .tph88n1-join-buttons{width:100%;justify-content:center}
}
@media(max-width:600px){
 .tph88n1-join{padding:22px 0 24px}
 .tph88n1-join-inner{width:calc(100% - 28px);gap:10px 12px;justify-content:flex-start}
 .tph88n1-join-mark{width:44px;height:42px}
 .tph88n1-join-copy{flex:1 1 calc(100% - 60px)}
 .tph88n1-join-copy h2{font-size:16px;line-height:1.35}
 .tph88n1-join-copy p{font-size:11px;line-height:1.55}
 .tph88n1-join-buttons{gap:8px;flex-wrap:wrap}
 .tph88n1-join-buttons a{font-size:12px;padding:10px 12px;min-height:42px;flex:1 1 144px}
}