/* Hero / first-screen tuning. Phone-first intro; desktop unchanged. */
.hx-short, .hx-copy, .nx-btn--gh { display: none; }

@media (max-width: 900px) {
  /* One tight intro: keep only the photo from the rail; the hero owns name + role. */
  .site-shell .profile-rail {
    display: block; position: relative; min-height: 0; padding: 1.1rem 1.25rem 0;
    border: 0; background: none;
  }
  .site-shell .profile-rail > :not(.profile-avatar) { display: none !important; }
  .site-shell .profile-rail .profile-avatar { width: 92px; height: 92px; margin: 0; }

  .nx-hero { padding-top: 0.75rem; padding-bottom: 0; gap: 1rem; }
  .nx-hello { display: none; }
  .nx-name { font-size: clamp(2.1rem, 9.5vw, 2.8rem); margin: 0; line-height: 1.02; }
  .nx-role { margin: 0.35rem 0 0; font-size: 1.05rem; }
  .nx-lead { margin: 0.7rem 0 0; font-size: 0.98rem; line-height: 1.5; }

  .nx-cta { flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }
  .nx-cta .nx-btn { flex: 1 1 0; min-width: 0; min-height: 2.75rem; padding: 0 0.6rem; justify-content: center; font-size: 0.88rem; gap: 0.3rem; white-space: nowrap; }
  .nx-cta .nx-btn [aria-hidden] { display: none; }
  .nx-glance dl { align-items: start; }
  .nx-cta .nx-btn--gh { display: inline-flex; }
  .hx-long { display: none; }
  .hx-short { display: inline; }
  .hx-copy {
    display: block; flex: 0 0 100%; min-height: 2.5rem; padding: 0; border: 0; background: none;
    color: #405dea; font: 600 0.85rem/1 var(--sans, Inter, system-ui, sans-serif); text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
  }
  .hx-copy:focus-visible { outline: 3px solid #405dea; outline-offset: 2px; }

  /* Compact at-a-glance + proof */
  .nx-glance { padding: 1rem 1.1rem; }
  .nx-glance h2 { margin-bottom: 0.7rem; }
  .nx-glance dl { grid-template-columns: 1fr 1fr; gap: 0.7rem 0.9rem; }
  .nx-glance dl > div { padding-bottom: 0.6rem; }
  .nx-glance dl > div:nth-child(2), .nx-glance dl > div:nth-child(3), .nx-glance dl > div:nth-child(5) { grid-column: 1 / -1; }
  .nx-glance dl > div:last-child { padding-bottom: 0.6rem; border-bottom: 1px dashed rgba(30, 32, 37, 0.22); }
  .nx-glance dd { font-size: 0.88rem; line-height: 1.4; }
  .nx-proof { gap: 0.6rem; }
  .nx-proof li { padding: 0.75rem 0.85rem; gap: 0.2rem; }
  .nx-proof b { font-size: 1.4rem; }
  .nx-proof span { font-size: 0.8rem; }
}

html[data-theme="dark"] .hx-copy { color: #8fa3ff; }