/* v55: approved edge tab, progressive pathways, branded doorways, and balanced thank-you cards. */

/* Exact StarfishFloat.org edge-button geometry and typography. */
html body main details.join-explore > summary {
  box-sizing:border-box!important;right:0!important;width:58px!important;min-width:58px!important;max-width:58px!important;
  height:auto!important;min-height:0!important;padding:12px 5px 10px!important;gap:7px!important;overflow:hidden!important;
  border:0!important;border-radius:14px 0 0 14px!important;background:#d4ad69!important;
  box-shadow:0 8px 28px rgba(8,38,46,.22)!important;
}
html body main details.join-explore > summary:hover,
html body main details.join-explore > summary:focus-visible {
  width:61px!important;min-width:61px!important;max-width:61px!important;background:#e3c389!important;
}
html body main details.join-explore > summary .join-tab-copy {
  display:block!important;box-sizing:border-box!important;width:48px!important;min-width:48px!important;max-width:48px!important;
  margin:0!important;padding:0!important;overflow:visible!important;text-align:center!important;transform:translateX(2px)!important;
}
html body main details.join-explore > summary .join-tab-copy b,
html body main details.join-explore > summary .join-tab-copy strong {
  position:relative!important;display:block!important;box-sizing:border-box!important;width:48px!important;min-width:48px!important;max-width:48px!important;
  margin-left:0!important;margin-right:0!important;padding:0!important;overflow:visible!important;color:#10333e!important;
  font-family:Arial,sans-serif!important;font-style:normal!important;font-weight:800!important;line-height:1.08!important;
  text-align:center!important;text-transform:uppercase!important;white-space:nowrap!important;transform-origin:center center!important;
}
html body main details.join-explore > summary .join-tab-copy b span,
html body main details.join-explore > summary .join-tab-copy strong span {display:inline}
html body main details.join-explore > summary .tab-explore {margin-top:0!important;font-size:9.35px!important;letter-spacing:0!important;transform:scaleX(1.09)!important}
html body main details.join-explore > summary .tab-your {margin-top:5px!important;font-size:19px!important;letter-spacing:0!important;transform:scaleX(.86)!important}
html body main details.join-explore > summary .tab-place {margin-top:5px!important;font-size:13px!important;letter-spacing:0!important;transform:scaleX(1.09)!important}
html body main details.join-explore > summary > i {
  display:block!important;margin:0!important;color:#795525!important;font:700 27px/.75 Georgia,serif!important;
  font-style:normal!important;letter-spacing:-3px!important;animation:join-tab-nudge 1.9s ease-in-out infinite!important;
}

.calling-band span {line-height:1.08}
.calling-band strong {display:block;max-width:1480px}

/* The six cells advance in sequence; the final question returns to Pray. */
.pathway-flow > li {cursor:pointer;scroll-margin-block:25vh}
.pathway-flow > li:focus-visible {outline:3px solid var(--gold);outline-offset:-3px;background:rgba(255,255,255,.08)}
.pathway-flow > li .path-arrow {transition:transform .2s ease,color .2s ease}
.pathway-flow > li:hover .path-arrow,
.pathway-flow > li:focus-visible .path-arrow {color:var(--gold);transform:translate(4px,4px)}
.pathway-flow > li:last-child:hover .path-arrow,
.pathway-flow > li:last-child:focus-visible .path-arrow {transform:rotate(-1turn) scale(1.12)}

/* Stronger contrast for section 03. */
.vision-doorways-intro .section-index {color:#9f4528!important;font-size:12px}

/* Give each doorway its own visual world again. */
.vision-doorway {
  isolation:isolate;overflow:hidden;background-color:#123b49;background-position:center;background-size:cover;
  transition:transform .2s ease,box-shadow .2s ease;
}
.vision-doorway::before {
  position:absolute;z-index:-1;inset:0;content:"";
  background:linear-gradient(180deg,rgba(4,25,34,.36),rgba(4,25,34,.94));transition:background .25s ease;
}
.vision-doorway:nth-child(1) {background-image:url('/thank-you-mission-clean.webp')}
.vision-doorway:nth-child(2) {background-image:url('/thank-you-center-clean.webp');background-position:center 48%}
.vision-doorway:nth-child(3) {background-image:url('/thank-you-org-pathways.webp');background-position:center 55%}
.vision-doorway:nth-child(4) {background-image:url('/thank-you-book-author-clean.webp');background-position:center 48%}
.vision-doorway:hover {background-color:#123b49;transform:translateY(-3px);box-shadow:0 18px 38px rgba(5,28,36,.22)}
.vision-doorway:hover::before {background:linear-gradient(180deg,rgba(4,25,34,.22),rgba(4,25,34,.89))}
.vision-doorway h3,.vision-doorway p,.vision-doorway strong,
.vision-doorway .doorway-number,.vision-doorway .doorway-kicker {position:relative;z-index:1}

/* Balance the nonprofit copy and keep the entire Book composition in frame. */
.org-card .card-content p {max-width:560px}
.book-card .card-image {
  background-color:#062634!important;background-size:90% auto!important;background-position:center center!important;background-repeat:no-repeat!important;
}

@media(max-width:700px) {
  html body main details.join-explore > summary {width:55px!important;min-width:55px!important;max-width:55px!important;padding:11px 4px 9px!important;gap:6px!important}
  html body main details.join-explore > summary:hover,
  html body main details.join-explore > summary:focus-visible {width:58px!important;min-width:58px!important;max-width:58px!important}
  html body main details.join-explore > summary .join-tab-copy {width:47px!important;min-width:47px!important;max-width:47px!important;transform:translateX(-1px)!important}
  html body main details.join-explore > summary .join-tab-copy b,
  html body main details.join-explore > summary .join-tab-copy strong {width:47px!important;min-width:47px!important;max-width:47px!important}
  html body main details.join-explore > summary .tab-explore {font-size:9.2px!important;transform:scaleX(1.11)!important}
  html body main details.join-explore > summary .tab-your {font-size:18.5px!important;transform:scaleX(.88)!important}
  html body main details.join-explore > summary .tab-place {font-size:12.5px!important;transform:scaleX(1.13)!important}
  .book-card .card-image {background-size:90% auto!important;background-position:center 12%!important}
}

@media(prefers-reduced-motion:reduce) {
  html body main details.join-explore > summary > i {animation:none!important}
}