/* Larger, text-led actions across the PHANT site. */
.pill, .action-link, .scroll-cue {
  min-height: 54px;
  padding: 15px 24px;
  font-family: var(--font);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0;
  text-align: center;
  white-space: normal;
}
.pill > span, .pill > .cta-label, .action-link > span, .scroll-cue > span {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.action-link > .cta-label { min-width: 0; }
.action-link, .scroll-cue {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #5e9d86;
  border-radius: 999px;
  background: #0b3329;
  color: #e5f6eb;
  text-decoration: none;
}
.action-link:hover, .scroll-cue:hover { background: #205c48; text-decoration: none; }
.nav-buy { font-size: 18px; padding-inline: 22px; white-space: nowrap; }
.hero-actions { max-width: 100%; }
.hero-actions .pill { min-width: 210px; max-width: 100%; }
.social-circle.action-link { width: auto; height: auto; max-width: 100%; margin: 22px auto 10px; font-size: 17px; }
.scroll-cue { width: max-content; max-width: 100%; margin: 22px auto 0; flex-direction: row; }
.meme-frame figcaption .action-link { display: inline-flex; flex-shrink: 0; font-size: 18px; color: #e5f6eb; letter-spacing: 0; }
.buy-grid li > a.action-link { width: 100%; min-height: 52px; margin-top: auto; padding: 13px 16px; border: 1px solid #154b36; color: #f2f4df; background: #154b36; font-size: 17px; font-weight: 800; line-height: 1.4; }
.buy-grid li > a.action-link:hover { background: #24684c; text-decoration: none; }
.buy-grid .action-link .voxel-word { --voxel-front: #70c7ba; --voxel-lit: #91dfcc; --voxel-dark: #4d9c91; --voxel-top: #b9fff0; --voxel-side: #22594f; --voxel-edge: #0c3d33; --voxel-highlight: #e4fff6; }
.book-copy .pill { font-size: 18px; }
.roadmap-bottom .pill { font-size: 18px; }
.footer .footer-top { min-height: 48px; padding: 11px 20px; color: #e5f6eb; font-size: 17px; }
.forms-gallery-cta { min-height: 52px; padding: 13px 20px; font-size: 18px; font-weight: 800; }
.gallery-full-cta { min-height: 48px; max-width: calc(100% - 20px); padding: 11px 15px; font-size: 16px; font-weight: 800; line-height: 1.4; text-align: center; }
.gallery-arrow { width: auto; min-width: 96px; min-height: 48px; padding: 11px 16px; font-size: 16px; font-weight: 800; line-height: 1.3; }
.forms-motion { min-height: 48px; font-size: 17px; font-weight: 800; }
.history-toolbar { flex-wrap: wrap; }
.history-close { min-height: 48px; padding: 11px 18px; font-size: 17px; font-weight: 800; line-height: 1.3; }
@media (max-width: 1000px) {
  .header nav { display: none; position: absolute; top: 100%; left: 0; right: 0; padding: 18px 24px; margin: 0; background: #092d22; border: 1px solid #4b7758; flex-direction: column; align-items: stretch; gap: 0; }
  .header nav.is-open { display: flex; }
  .header nav a { width: 100%; padding: 13px 0; font-size: 18px; }
  .menu { display: flex; flex-direction: column; gap: 6px; justify-content: center; align-items: center; width: 40px; height: 44px; padding: 0; border: 0; background: none; flex: none; }
  .menu span { display: block; width: 23px; height: 1px; background: #e5f3dd; }
  .menu[aria-expanded=true] span:first-child { transform: translateY(3.5px) rotate(45deg); }
  .menu[aria-expanded=true] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  .nav-buy { margin-left: auto; }
}
@media (max-width: 760px) {
  .pill, .action-link, .scroll-cue { min-height: 52px; font-size: 17px; padding: 14px 21px; }
  .nav-buy { font-size: 16px; min-height: 46px; padding: 11px 16px; }
  .nav-buy > span { font-size: inherit; }
  .hero-actions { flex-wrap: wrap; }
  .hero-actions .pill { flex: 1 1 190px; min-width: 0; font-size: 17px; padding: 14px 21px; }
  .meme-frame figcaption .action-link { font-size: 17px; margin-top: 14px; }
  .book-copy .pill, .roadmap-bottom .pill, .buy-bottom > .pill { font-size: 17px; }
  .forms-gallery-cta { min-height: 50px; padding: 12px 17px; font-size: 17px; }
  .gallery-full-cta { font-size: 16px; }
  .history-toolbar > div { min-width: 0; }
}
@media (max-width: 600px) {
  .forms-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; justify-items: center; }
  [data-forms-step="-1"] { order: 1; }
  [data-forms-step="1"] { order: 2; }
  .forms-motion { order: 3; grid-column: 1 / -1; }
  .history-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; justify-items: center; }
  [data-history-step="-1"] { order: 1; }
  [data-history-step="1"] { order: 2; }
  .history-controls p { order: 3; grid-column: 1 / -1; font-size: 14px; }
}
@media (max-width: 430px) {
  .header .nav-buy { display: none; }
  .header .menu { margin-left: auto; }
}