.sky-courier { width: 100%; margin: 0 0 .65rem; padding: .7rem; border: 1px solid var(--color-ink, #1e293b); border-radius: .65rem; color: var(--color-ink, #1e293b); background: var(--color-paper, #f8fafc); }
.sky-courier__modes { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; }
.sky-courier__modes button { min-width: 0; min-height: 44px; border: 2px solid #155e75; border-radius: .45rem; padding: .35rem; font: inherit; font-size: .8rem; font-weight: 800; color: #164e63; background: #ecfeff; cursor: pointer; }
.sky-courier__modes button[aria-pressed="true"] { box-shadow: inset 0 -4px 0 #f59e0b; text-decoration: underline; text-underline-offset: .2rem; }
.sky-courier__modes button:disabled { cursor: default; }
.sky-courier__modes button:focus-visible { outline: 3px solid #b45309; outline-offset: 3px; }
.sky-courier__readout { margin: .65rem 0 0; }
.sky-courier__readout[hidden] { display: none !important; }
.sky-courier__numbers { display: flex; justify-content: space-between; gap: .5rem; font-size: .8rem; font-weight: 800; font-variant-numeric: tabular-nums; }
.sky-courier__route { display: grid; grid-template-columns: repeat(6, 1fr); gap: .2rem; margin: .45rem 0 0; padding: 0; list-style: none; }
.sky-courier__route li { min-width: 0; padding: .3rem .1rem; border: 1px solid #64748b; border-radius: .3rem; font-size: .62rem; font-weight: 800; text-align: center; }
.sky-courier__route li[aria-current="true"] { border: 2px solid #b45309; background: #fef3c7; }
.sky-courier__route li[data-delivered="true"] { text-decoration: line-through; background: #d1fae5; }
.sky-courier__status { min-height: 3.9em; margin: .45rem 0 0; font-size: .73rem; line-height: 1.3; }