/* Reading hierarchy and touch targets. Layout and brand stay in styles.css. */
:root { --muted:#5e5667; }
.sr-only { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }
.shipment-summary { display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 0;margin:10px 0 0;border-bottom:1px solid var(--line); }
.shipment-summary dt { font-size:12px;color:var(--muted);margin-bottom:4px; }
.shipment-summary dd { margin:0;font-size:15px;font-weight:600;overflow-wrap:anywhere; }
.tracking-views { display:flex;gap:4px;background:var(--lilac);border:1px solid var(--line);border-radius:6px;padding:4px;width:fit-content;margin:20px 0 26px; }
.tracking-views button { min-height:44px;padding:10px 20px;border-radius:4px;background:transparent;font-size:14px;font-weight:600;color:var(--purple); }
.tracking-views button[aria-selected="true"] { background:var(--purple);color:#fff; }
.shipment-event .shipment-reference { color:var(--purple);font-size:13px;margin-top:9px;overflow-wrap:anywhere; }
.shipment-event .shipment-detail { font-size:14px;margin-top:7px;max-width:700px;overflow-wrap:anywhere; }
.tracking-table-scroll { width:100%;max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:5px; }
.tracking-table { width:100%;min-width:780px;border-collapse:collapse;text-align:left;font-size:14px; }
.tracking-table th { background:var(--lilac);font-size:12px;color:var(--deep);font-weight:700;white-space:nowrap; }
.tracking-table th,.tracking-table td { padding:14px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.65; }
.tracking-table td:nth-child(2) { font-weight:600;min-width:180px; }
.tracking-table td:nth-child(3) { min-width:185px;white-space:nowrap; }
.tracking-table td:nth-child(4) { min-width:150px;overflow-wrap:anywhere; }
.tracking-table td:last-child { min-width:220px;max-width:360px;overflow-wrap:anywhere; }
.tracking-table tr:nth-child(even) { background:#faf8fc; }
.tracking-table tr:last-child td { border-bottom:0; }
.table-scroll-hint { display:none;font-size:12px;margin:0 0 10px;color:var(--muted); }
@media(max-width:800px) { .table-scroll-hint { display:block; } }
@media(max-width:560px) { .shipment-summary { grid-template-columns:1fr;gap:14px; }.tracking-views { width:100%; }.tracking-views button { flex:1;padding-inline:12px; }.shipment-event .shipment-detail { font-size:14px; } }
body { font-size:16px; }
h1 { letter-spacing:-.045em; }
.eyebrow { font-size:11px; letter-spacing:.1em; }
.topbar { font-size:11px; }
.topbar span:last-child { font-size:12px; }
.header nav { font-size:14px; }
.button { min-height:52px; font-size:14px; justify-content:center; padding:15px 23px; }
.button-small { min-height:46px; padding:12px 23px; }
.hero-description { font-size:16px; line-height:1.8; max-width:420px; }
.hero-note { font-size:12px; }
.hero .eyebrow { font-size:11px; }
.visual-label { font-size:10px; }
.photo-route { bottom:32px; }
.route-small { font-size:10px; }
.tracking-section { padding:32px; }
.tracking-intro h2 { font-size:26px; max-width:none; }
.tracking-intro .eyebrow { font-size:11px; }
.tracking-form>label { font-size:14px; margin-bottom:9px; }
.tracking-input input { font-size:16px; height:54px; }
.tracking-input .button { font-size:14px; min-height:54px; }
.error { font-size:13px; margin-top:8px; }
.result-heading { align-items:flex-start; }
.result-heading>button { white-space:nowrap; flex-shrink:0; min-height:44px; padding:8px; font-size:13px; }
.result-heading h3 { font-size:21px; line-height:1.4; }
#result-number { display:block; font-size:14px; font-weight:600; letter-spacing:0; line-height:1.7; user-select:all; }
.tracking-result>p { font-size:14px; color:var(--muted); line-height:1.7; }
.shipment-current { font-size:11px; letter-spacing:.04em; }
.shipment-event h4 { font-size:17px; line-height:1.5; }
.shipment-event p { font-size:14px; }
.result-actions { margin-top:20px; }
.result-actions button,.result-actions .inline-link { min-height:44px; display:inline-flex; align-items:center; font-size:14px; }
.result-actions button { color:var(--purple); text-decoration:underline; text-underline-offset:4px; }
.stores>p { font-size:11px; letter-spacing:.05em; }
.section-heading>p:not(.eyebrow),.coverage p:not(.eyebrow) { font-size:15px; line-height:1.8; }
.inline-link { font-size:14px; min-height:44px; }
.service p { font-size:14px; line-height:1.8; }
.service-number { font-size:12px; }
.service h3 { font-size:23px; }
.tag { font-size:11px; line-height:1.5; padding:5px 9px; }
.process-heading h2 { grid-column:1/-1; }
.steps h3 { font-size:20px; line-height:1.3; }
.steps p { font-size:14px; line-height:1.8; }
.step-number { font-size:12px; }
.location { font-size:14px; }
.location strong { font-size:15px; }
.coverage p.panama-note { font-size:13px; }
summary { min-height:64px; font-size:15px; line-height:1.6; }
details p { font-size:14px; line-height:1.85; }
.contact-section h2 { font-size:52px; }
.contact-section p:not(.eyebrow) { font-size:15px; }
.footer-top p,.footer-top>div { font-size:13px; }
.footer-top>div span { font-size:12px; }
.footer-top>div a { min-height:32px; display:flex; align-items:center; }
.footer-bottom { font-size:12px; align-items:center; }
.footer-bottom button { min-height:44px; }
dialog p:not(.eyebrow) { font-size:15px; line-height:1.8; }
@media(max-width:800px) {
  .hero-description { font-size:15px; }
  .hero-note { font-size:11px; }
  .hero .button { font-size:14px; min-height:52px; }
  .hero .eyebrow { font-size:9px; }
  .tracking-intro h2 { font-size:25px; }
  .tracking-section { padding:26px; }
  .service h3 { font-size:21px; }
  .contact-section { align-items:flex-start; flex-direction:column; gap:24px; }
  .contact-section .button { font-size:14px; }
  .footer-bottom { font-size:11px; }
}
@media(max-width:560px) {
  h1 { letter-spacing:-.045em; }
  .hero h1 { font-size:clamp(40px,12vw,52px); }
  .hero-description { font-size:16px; max-width:340px; }
  .hero-note { font-size:11px; line-height:1.6; align-items:flex-start; }
  .hero-note .icon { margin-top:2px; }
  .hero .button { font-size:14px; }
  .hero .eyebrow { font-size:9px; letter-spacing:.07em; }
  .tracking-section { padding:24px 18px; }
  .tracking-intro h2 { font-size:25px; }
  .tracking-intro .eyebrow { font-size:10px; }
  .tracking-input input { padding:0 12px; font-size:16px; }
  .tracking-input .button { padding:12px 15px; font-size:14px; }
  .tracking-result { padding:18px 15px; }
  .result-heading h3 { font-size:18px; }
  .shipment-event h4 { font-size:16px; }
  .shipment-event p,.tracking-result>p { font-size:14px; }
  .result-actions { gap:4px; }
  .stores>p { font-size:10px; }
  .service h3 { font-size:22px; }
  .service p,.steps p { font-size:15px; }
  .section-heading h2,.coverage h2,.faq h2 { font-size:40px; }
  .section-heading>p:not(.eyebrow),.coverage p:not(.eyebrow) { font-size:16px; }
  .process-heading h2 { font-size:44px; }
  .steps h3 { font-size:21px; }
  .contact-section { padding:30px 24px; }
  .contact-section h2 { font-size:40px; }
  .contact-section .eyebrow { font-size:11px; }
  .contact-section>div>p:last-child { font-size:15px; }
  .footer-top { column-gap:20px; }
  .footer-top p,.footer-top>div { font-size:12px; }
  .footer-top>div span { font-size:12px; }
  .footer-bottom { font-size:11px; }
}

.tracking-skeleton { display:none; }
.tracking-result[aria-busy="true"] .tracking-skeleton { display:block;position:relative;overflow:hidden; }
.tracking-result[aria-busy="true"] #tracking-status { color:#6632a5;font-size:14px;margin:18px 0; }
.tracking-result[aria-busy="true"] .result-actions,
.tracking-result[aria-busy="true"] #tracking-timeline-panel,
.tracking-result[aria-busy="true"] #tracking-table-panel { display:none; }
.tracking-input button { min-width:132px; }
.skeleton-summary { display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:4px 0 24px;border-bottom:1px solid var(--line); }
.skeleton-bar { display:block;height:12px;border-radius:4px;background:#eee7f5;max-width:100%; }
.skeleton-label { width:88px;height:9px;margin-bottom:12px; }
.skeleton-name { width:210px;height:17px; }
.skeleton-date { width:152px;height:11px;margin-top:10px; }
.skeleton-tabs { width:208px;height:44px;margin:24px 0 28px; }
.skeleton-events { padding-left:5px; }
.skeleton-event { position:relative;display:grid;grid-template-columns:18px 1fr;gap:20px;padding-bottom:30px; }
.skeleton-event:not(:last-child)::after { content:"";position:absolute;left:7px;top:18px;bottom:0;width:2px;background:#eee7f5; }
.skeleton-dot { width:16px;height:16px;border-radius:50%;background:#e1d3ef; }
.skeleton-event:first-child .skeleton-dot { background:#c9b0e4; }
.skeleton-title { width:236px;height:16px; }
.skeleton-event:nth-child(2) .skeleton-title { width:190px; }
.skeleton-event:nth-child(3) .skeleton-title { width:216px; }
.skeleton-note { width:290px;height:10px;margin-top:12px; }
.tracking-skeleton::after { content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(100deg,transparent 15%,rgba(255,255,255,.7) 48%,transparent 80%);animation:tracking-shimmer 1.8s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none; }
@keyframes tracking-shimmer { to { transform:translateX(100%); } }
@media(max-width:560px) {
 .skeleton-summary { grid-template-columns:1fr;gap:20px; }
 .skeleton-event { gap:14px; }
 .skeleton-title { width:min(236px,85%); }
 .skeleton-note { width:90%; }
}
@media(prefers-reduced-motion:reduce) { .tracking-skeleton::after { animation:none;display:none; } }

/* Short transitions reinforce actions without delaying access to content. */
@media(prefers-reduced-motion:no-preference) {
 .button { transition:background-color 180ms ease-out,box-shadow 220ms ease-out,transform 180ms cubic-bezier(.22,1,.36,1); }
 .button:active:not(:disabled) { transform:translateY(0) scale(.985); }
 .button:disabled { transform:none;box-shadow:none; }
 .tracking-input input { transition:border-color 180ms ease-out,box-shadow 180ms ease-out; }
 .tracking-views button { transition:background-color 180ms ease-out,color 180ms ease-out,box-shadow 180ms ease-out; }
 .tracking-result[aria-busy="false"] .shipment-summary,
 .tracking-result[aria-busy="false"] #tracking-views { animation:content-arrive 260ms cubic-bezier(.22,1,.36,1) both; }
 #tracking-timeline-panel:not([hidden]),#tracking-table-panel:not([hidden]) { animation:content-arrive 240ms cubic-bezier(.22,1,.36,1) both; }
 .tracking-result[aria-busy="false"] .shipment-event:nth-child(-n+4) { animation:content-arrive 320ms cubic-bezier(.22,1,.36,1) both; }
 .shipment-event:nth-child(2) { animation-delay:35ms; }
 .shipment-event:nth-child(3) { animation-delay:70ms; }
 .shipment-event:nth-child(4) { animation-delay:105ms; }
 details[open]>p { animation:content-arrive 220ms cubic-bezier(.22,1,.36,1) both; }
 dialog[open] { animation:content-arrive 220ms cubic-bezier(.22,1,.36,1) both; }
 @keyframes content-arrive { from { opacity:.4;transform:translateY(6px); } to { opacity:1;transform:translateY(0); } }
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 .button:hover:not(:disabled) { transform:translateY(-1px);box-shadow:0 4px 12px #29124416; }
 .service { transition:background-color 200ms ease-out,border-color 200ms ease-out; }
 .service:hover { border-color:#cbb5e1; }
}
@media(hover:none) { .button:hover { transform:none; } }