/* v59: finish the edge tab, branded Org artwork, safe Book framing, and closing invitation. */

/* Preserve the approved horizontal word widths while removing excess height. */
html body main details.join-explore > summary,
html body main details.join-explore > summary:hover,
html body main details.join-explore > summary:focus-visible {
  padding:8px 6px 7px!important;
  gap:4px!important;
}
html body main details.join-explore > summary .join-tab-copy .tab-your,
html body main details.join-explore > summary .join-tab-copy .tab-place {
  margin-top:3px!important;
}
html body main details.join-explore > summary > i {
  margin-top:0!important;
  line-height:.65!important;
}

/* Give the nonprofit doorway the same intentional brand presence as its neighbors. */
.org-media {
  --doorway-image:url('/destination-starfish-org-branded-v59.webp')!important;
}

/* Keep the complete Book and its right edge safely inside Thank You tile 04. */
.book-card .card-image {
  background-color:#062634!important;
  background-image:url('/thank-you-book-author-clean.webp')!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:90% auto!important;
}

/* Make the last invitation a distinct destination, not a loose footer row. */
.immersive-contact {
  position:relative!important;
  grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr)!important;
  gap:clamp(28px,5vw,74px)!important;
  margin-top:58px!important;
  padding:clamp(34px,4.5vw,62px)!important;
  overflow:hidden!important;
  border:1px solid rgba(213,170,88,.8)!important;
  background:linear-gradient(135deg,#123b49 0%,#082b38 100%)!important;
  box-shadow:0 22px 55px rgba(5,28,36,.16)!important;
}
.immersive-contact::after {
  content:"+";
  position:absolute;
  right:2%;
  bottom:-42%;
  color:rgba(240,199,102,.08);
  font:900 clamp(170px,22vw,330px)/1 Arial,sans-serif;
  pointer-events:none;
}
.immersive-contact span {color:#f0c766!important}
.immersive-contact p {
  position:relative;
  z-index:1;
  max-width:820px;
  color:#fffdf8!important;
}
.contact-conversation {
  position:relative;
  z-index:1;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  min-height:68px!important;
  padding:20px 24px!important;
  border:1px solid #f0c766!important;
  color:#102b3d!important;
  background:#f0c766!important;
  cursor:pointer!important;
  font:900 12px/1.25 Arial,sans-serif!important;
  letter-spacing:.1em!important;
  text-align:left!important;
  text-transform:uppercase!important;
}
.contact-conversation b {color:#9f4528!important;font-size:24px!important}
.contact-conversation span {color:#102b3d!important}

@media(max-width:980px) {
  .immersive-contact {grid-template-columns:1fr!important}
  .contact-conversation {width:100%!important}
}

@media(max-width:700px) {
  html body main details.join-explore > summary,
  html body main details.join-explore > summary:hover,
  html body main details.join-explore > summary:focus-visible {
    padding:7px 6px 6px!important;
    gap:3px!important;
  }
  .book-card .card-image {
    background-position:center 12%!important;
    background-size:96% auto!important;
  }
  .immersive-contact {padding:31px 25px!important}
}