.tracking-page { min-height: calc(100vh - 157px); padding: 64px 0 90px; background: var(--surface-soft); }
.tracking-shell { max-width: 820px; }
.tracking-intro { margin-bottom: 24px; }
.tracking-intro h1 { margin: 6px 0 8px; font-size: clamp(2.2rem, 6vw, 4rem); line-height: 1; letter-spacing: -.05em; }
.tracking-intro > p:last-child { margin: 0; color: var(--muted); }
.tracking-card { padding: clamp(22px, 5vw, 42px); border: 1px solid var(--line); border-radius: 22px; background: white; box-shadow: var(--shadow); }
.field-error { margin: 7px 0 0; color: var(--danger); font-size: .86rem; }
.field-hint { margin: 7px 0 0; color: var(--muted); font-size: .82rem; }
.field textarea { width: 100%; resize: vertical; min-height: 132px; }
.tracking-result { margin-top: 34px; padding-top: 30px; border-top: 1px solid var(--line); }
.tracking-result-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; }
.tracking-result-head h2 { margin: 3px 0 0; font-size: clamp(1.35rem, 4vw, 2rem); overflow-wrap: anywhere; }
.tracking-status { flex: none; padding: 8px 12px; border-radius: 999px; background: #edf3ff; color: #0848c5; font-weight: 850; font-size: .85rem; }
.tracking-facts { margin: 24px 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.tracking-facts div { padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-soft); }
.tracking-facts dt { color: var(--muted); font-size: .8rem; }
.tracking-facts dd { margin: 3px 0 0; font-weight: 800; overflow-wrap: anywhere; }
.tracking-section { margin-top: 28px; }
.tracking-section h3 { margin: 0 0 12px; }
.tracking-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.tracking-list li { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; }
.tracking-list li > span { display: grid; gap: 2px; }
.tracking-list small { color: var(--muted); }
.tracking-list code { overflow-wrap: anywhere; font: inherit; font-weight: 750; }
.tracking-note { margin: 0; padding: 15px 16px; border-radius: 12px; background: var(--surface-soft); color: var(--muted); }
.support-cta { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface-soft); }
.support-cta h3 { margin: 0 0 6px; }
.support-cta p { margin: 0; color: var(--muted); }
.support-cta .button { flex: none; }
.support-guidance { display: grid; gap: 4px; margin-bottom: 24px; padding: 16px; border-radius: 14px; background: var(--surface-soft); border: 1px solid var(--line); }
.support-guidance span { color: var(--muted); }
.support-result { margin-top: 34px; padding-top: 30px; border-top: 1px solid var(--line); }
.support-result h2 { margin: 4px 0 8px; }
.support-note { margin: 0; color: var(--muted); }
.support-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }

@media (max-width: 620px) {
  .tracking-page { padding: 42px 0 64px; }
  .tracking-result-head { display: grid; }
  .tracking-status { width: fit-content; }
  .tracking-facts, .support-facts { grid-template-columns: 1fr; }
  .tracking-list li { align-items: flex-start; flex-direction: column; }
  .support-cta { align-items: flex-start; flex-direction: column; }
}