.online-tracking { max-width: 1440px; }
/* Keep the legacy and public-code queries together without affecting other pages. */
body .online-tracking.section { padding-block: clamp(28px,4vw,56px); }
body .online-tracking.frame { width: min(1440px,calc(100% - 64px)); }
body .online-tracking .section-heading { gap: 12px 32px; margin-bottom: 18px; }
body .online-tracking h1 { margin: 0; }
body .online-tracking .tracking-manual { margin: 0 0 24px; }
body .online-tracking .tracking-query-layout { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; align-items: start; }
body .online-tracking .tracking-legacy-panel { min-width: 0; }
body .online-tracking .tracking-query { max-width: none; margin: 0; padding: 32px; }
body .online-tracking .tracking-query h2 { font-size: 22px; margin: 0 0 20px; }
body .online-tracking .tracking-code-label { display: block; margin-bottom: 8px; }
body .online-tracking .tracking-search-row { display: flex; align-items: stretch; gap: 12px; }
body .online-tracking .tracking-search-row input { flex: 1; width: 100%; min-width: 0; min-height: 56px; padding: 12px 16px; border: 1px solid var(--line-strong); font: inherit; }
body .online-tracking .tracking-search-row input[aria-invalid="true"] { border-color: #a93624; }
body .online-tracking .tracking-search-row button { flex-shrink: 0; min-height: 56px; padding: 12px 18px; white-space: nowrap; }
body .online-tracking #tracking-query-status { margin: 12px 0 0; font-size: 14px; color: var(--muted); }
body .online-tracking .public-lookup { display: block; width: 100%; min-width: 0; margin: 0; }
body .online-tracking .public-lookup>.functional-query-controls,
body .online-tracking .public-result-primary { padding: 32px; }
body .online-tracking .public-search-row input,
body .online-tracking .public-search-row button { min-height: 56px; }
body .online-tracking .public-note { margin: 12px 0 0; line-height: 1.8; }
body .online-tracking .public-result-layout { grid-template-columns: minmax(0,1fr); }
body .online-tracking .public-result-layout>.public-card { width: 100%; max-width: none; box-sizing: border-box; }
body .online-tracking #public-code-status:empty { margin: 0; }
@media (max-width: 1180px) {
 body .online-tracking.frame { width: var(--frame); }
}
@media (max-width: 820px) {
 body .online-tracking .tracking-query-layout { grid-template-columns: minmax(0,1fr); gap: 20px; }
 body .online-tracking .section-heading { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 560px) {
 body .online-tracking .tracking-query,
 body .online-tracking .public-lookup>.functional-query-controls,
 body .online-tracking .public-result-primary { padding: 18px; }
 body .online-tracking .tracking-search-row { flex-direction: column; }
 body .online-tracking .tracking-search-row input { flex: none; }
 body .online-tracking .tracking-search-row input,
 body .online-tracking .tracking-search-row button,
 body .online-tracking .public-search-row input,
 body .online-tracking .public-search-row button { min-height: 48px; }
}