.tracking-layout { display: grid; gap: 32px; align-items: start; }
.tracking-layout > * { min-width: 0; }
.tracking-section { padding-top: 32px; }
.tracking-lookup h2, .tracking-welcome h2, .tracking-result h2 { font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.3; }
.tracking-lookup > p, .tracking-welcome > p { margin-block: 16px 24px; }
.tracking-privacy { color: #555; }
.tracking-lookup .button { width: 100%; }
.tracking-welcome { background: #f5f5f3; border-radius: 12px; padding: 24px; }
.tracking-welcome img { width: 80px; height: auto; margin-bottom: 24px; }
.tracking-welcome ol { padding-left: 24px; margin-block: 24px; }
.tracking-welcome li + li { margin-top: 16px; }
.tracking-result { border: 1px solid #ddd; border-radius: 12px; padding: 24px; overflow-wrap: anywhere; }
.tracking-result[hidden], .tracking-welcome[hidden] { display: none; }
.tracking-result:focus { outline: 2px solid #080808; outline-offset: 4px; }
.tracking-result h3 { font-size: 1.25rem; margin-block: 24px 16px; }
.tracking-result p { margin-block: 12px; }
.tracking-result dl { margin-block: 24px; }
.tracking-result dl > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; padding-block: 12px; border-bottom: 1px solid #e5e5e5; }
.tracking-result dt { color: #555; }
.tracking-result dd { font-weight: 600; margin: 0; }
.tracking-items { padding-left: 24px; }
.tracking-items li + li { margin-top: 12px; }
.tracking-shipment { border-top: 1px solid #ddd; margin-top: 24px; padding-top: 8px; }
.tracking-shipment .button { width: 100%; white-space: normal; text-align: center; }
.tracking-result .tracking-note { color: #555; }
@media (min-width: 768px) { .tracking-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 48px; } }
@media (min-width: 1280px) { .tracking-layout { gap: 64px; } .tracking-welcome, .tracking-result { padding: 32px; } }