/* NEXT preview only: honest availability markers. Loaded after styles.css; targets only classes introduced by the
   NEXT candidate (plus the Coming Soon Atmosphere position), so the accepted Home/pillar look is untouched. */
.nav-status {
  margin-left: .45em;
  color: rgb(244 211 136 / 58%);
  font-size: .72em;
  font-weight: 400;
  letter-spacing: .14em;
  vertical-align: .12em;
}
.feature-status-list { display: grid; gap: .7rem; margin: 0 auto 1.6rem; padding: 0; list-style: none; text-align: left; }
.feature-status-list li { padding: .75rem 1rem; border: 1px solid rgb(229 188 91 / 16%); border-radius: 3px; background: rgb(18 13 8 / 55%); scroll-margin-top: 6rem; }
.feature-status-list li:target { border-color: rgb(229 188 91 / 60%); }
.feature-status-list strong { color: var(--gold-bright); font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; }
.feature-status-list .status-chip { margin-left: .6rem; color: rgb(244 211 136 / 62%); font-size: .55rem; letter-spacing: .14em; }
.feature-status-list p { margin: .35rem 0 0; color: var(--text-secondary); font-size: .9rem; }
.feature-status-available { margin: 0 auto 2rem; color: var(--text-secondary); font-size: .95rem; }
.feature-status-available a { color: var(--gold-bright); }
@media (max-width: 800px) {
  /* The status page is longer than the old Coming Soon card: keep the Atmosphere trigger above the content. */
  .coming-soon-page .atmosphere-shell { position: absolute; }
}