/* NexURLs Core 0.5.0 - Daily 5 */
.nxy { max-width: 820px; }
.nxy-loading { color: #6B665E; text-align: center; padding: 40px 0; }
.nxy-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 14px; flex-wrap: wrap; margin-bottom: 16px; }
.nxy-kicker { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #E2470F; }
.nexu.nxy h2 { font-size: 34px; margin: 2px 0 4px; }
.nxy-date { margin: 0; color: #6B665E; font-size: 15px; }
.nxy-pill { display: inline-flex; align-items: center; gap: 6px; background: #121212; color: #fff !important; border-radius: 999px; padding: 8px 14px; font-weight: 700; font-size: 14px; text-decoration: none; flex-wrap: wrap; }
.nxy-pill svg { color: #FF5A1F; }
.nxy-pill em { font-style: normal; font-weight: 500; color: #FFB596; font-size: 12px; }
.nxy-pill.is-cold { background: #fff; color: #121212 !important; border: 1.5px solid #E3DCCF; }
.nxy-pill.is-hot { background: #FF5A1F; color: #121212 !important; }
.nxy-pill.is-hot svg { color: #121212; }
a.nxy-pill { background: #fff; color: #121212 !important; border: 1.5px solid #121212; }

.nxy-steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin: 0 0 16px; }
.nxy-step { height: 34px; border: 1.5px solid #E3DCCF; background: #fff; border-radius: 999px; cursor: pointer; font-weight: 700; color: #6B665E; font-family: "Space Grotesk", sans-serif; padding: 0; transition: transform .12s; }
.nxy-step:hover { transform: translateY(-1px); }
.nxy-step.is-done { background: #FF5A1F; border-color: #FF5A1F; color: #121212; }
.nxy-step.is-at { border-color: #121212; box-shadow: 0 0 0 2px #121212 inset; color: #121212; }

.nxy-stage .nexu-card { animation: nexu-in .28s ease-out; }
.nxy-nav { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; margin-top: 18px; }
.nxy-back { justify-self: start; border: 0; background: transparent; font-weight: 700; color: #6B665E; cursor: pointer; font-size: 15px; }
.nexu .nxy-nextbtn { width: auto; min-width: 220px; font-size: 22px; padding: 14px 40px; }
.nxy-of { justify-self: end; color: #6B665E; font-size: 14px; }

.nxy-done { text-align: center; background: #fff; border: 1.5px solid #E3DCCF; border-radius: 24px; padding: 30px 20px 22px; }
.nxy-burst { width: 74px; height: 74px; margin: 0 auto 10px; border-radius: 50%; background: #FF5A1F; color: #121212; display: flex; align-items: center; justify-content: center; animation: nxy-pop .5s cubic-bezier(.2,1.6,.4,1); }
.nxy-burst svg { width: 38px; height: 38px; }
@keyframes nxy-pop { from { transform: scale(.3); opacity: 0; } to { transform: none; opacity: 1; } }
.nexu .nxy-done > h3 { font-size: 28px; margin: 0 0 6px; }
.nxy-done p { margin: 0 0 8px; color: #3A3732; }
.nxy-mile { font-size: 14px; color: #6B665E !important; }
.nxy-next { font-size: 14px; color: #6B665E !important; margin-top: 12px !important; }
.nxy-done .nexu-h { text-align: left; margin-top: 22px; }
.nxy-done .nexu-grid { text-align: left; }

@media (max-width: 600px) {
  .nexu.nxy h2 { font-size: 28px; }
  .nxy-nav { grid-template-columns: auto 1fr; }
  .nxy-done { padding: 24px 12px 16px; border-radius: 20px; }
  .nexu .nxy-nextbtn { grid-column: 1 / -1; grid-row: 1; width: 100%; min-width: 0; }
  .nxy-of { grid-row: 2; }
  .nxy-back { grid-row: 2; }
}