/* Package tracker */
.trk4.lay-c {--ink: #0a0a0b; --ink-raised: #18181b; --ink-raised-2: #1f1f23; --ink-line: #27272a; --bone: #fafafa; --bone-dim: #a1a1aa; --mute: #8b8b99;
  --hazard: #22d3ee; --hazard-deep: #0e7490; --on-hazard: #06141c; --hz-tint: rgba(34,211,238,.10);
  --money: #ff6a1a; --money-deep: #b4420a; --on-money: #0a0a0b; --mn-tint: rgba(255,106,26,.07);
  --ok: #22c55e; --warn: #f59e0b;
  --display: 'Anton', 'Arial Narrow', Impact, sans-serif; --body: 'Archivo', system-ui, sans-serif; --mono: 'Space Mono', ui-monospace, Consolas, monospace;
  color-scheme: dark;}
.trk4.lay-c *, .trk4.lay-c {box-sizing: border-box;}
.trk4.lay-c {-webkit-text-size-adjust: 100%;}
.trk4.lay-c {margin: 0; background: var(--ink); color: var(--bone); font: 15px/1.55 var(--body); -webkit-font-smoothing: antialiased;}
.trk4.lay-c a {color: inherit; text-decoration: none;}
.trk4.lay-c button, .trk4.lay-c input, .trk4.lay-c select {font: inherit; color: inherit;}
.trk4.lay-c a:focus-visible, .trk4.lay-c button:focus-visible, .trk4.lay-c input:focus-visible, .trk4.lay-c select:focus-visible {outline: 2px solid var(--hazard); outline-offset: 2px;}
.trk4.lay-c img {max-width: 100%; display: block;}
.trk4.lay-c [hidden] {display: none !important;}
.trk4.lay-c .sr {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
.trk4.lay-c .wrap {max-width: 1180px; margin: 0 auto; padding: 20px 14px 12px; display: grid; gap: 18px; grid-template-columns: minmax(0, 1fr);}
.trk4.lay-c .t4h1, .trk4.lay-c h3 {font-family: var(--display); font-weight: 400; text-transform: uppercase; letter-spacing: .01em; margin: 0; line-height: 1.02; text-wrap: balance;}
.trk4.lay-c .t4h1 {font-size: 40px;}
.trk4.lay-c .t4h1 span {color: var(--hazard);}
.trk4.lay-c h3 {font-size: 19px;}
.trk4.lay-c .sub {color: var(--bone-dim); font-size: 15px; margin: -8px 0 0; max-width: 60ch;}
.trk4.lay-c .sec {display: grid; gap: 12px; min-width: 0;}
.trk4.lay-c .sec-h {display: flex; justify-content: space-between; align-items: baseline; gap: 12px;}
.trk4.lay-c .sec-h a {font: 700 11px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--hazard); padding: 12px 0; margin: -12px 0;}
.trk4.lay-c .mono {font-family: var(--mono);}
.trk4.lay-c .panel {border: 1px solid var(--ink-line); background: var(--ink-raised); padding: 16px; display: grid; gap: 12px; min-width: 0;}
.trk4.lay-c .panel.lift {box-shadow: 4px 4px 0 var(--hazard); border-color: var(--hazard);}
.trk4.lay-c .in {width: 100%; min-width: 0; height: 52px; padding: 0 14px; border: 2px solid var(--ink-line); background: var(--ink); color: var(--bone); font: 16px var(--body); outline: 0; border-radius: 0;}
.trk4.lay-c .in.filled {border-color: var(--bone-dim);}
.trk4.lay-c .in::placeholder {color: var(--mute);}
.trk4.lay-c .btn {min-height: 52px; padding: 0 18px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; cursor: pointer;
  font: 800 14px/1 var(--body); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap;}
.trk4.lay-c .btn.cy {background: var(--hazard); color: var(--on-hazard); box-shadow: 4px 4px 0 var(--hazard-deep);}
.trk4.lay-c .btn.money {background: var(--money); color: var(--on-money); box-shadow: 4px 4px 0 var(--money-deep);}
.trk4.lay-c .btn.ghost {background: transparent; color: var(--bone); border: 2px solid var(--bone); box-shadow: 4px 4px 0 var(--hazard);}
.trk4.lay-c .btn.line {background: transparent; color: var(--bone); border: 2px solid var(--ink-line); box-shadow: none;}
.trk4.lay-c .btn.full {width: 100%;}
.trk4.lay-c .btn.sm {min-height: 40px; padding: 0 12px; font-size: 12px;}
.trk4.lay-c .chips {display: flex; flex-wrap: wrap; gap: 6px;}
.trk4.lay-c .chip {min-height: 36px; padding: 0 12px; border: 1px solid var(--ink-line); display: inline-flex; align-items: center; gap: 6px; font: 700 12.5px/1 var(--body); background: var(--ink);}
.trk4.lay-c .chip.on {background: var(--bone); color: var(--ink); border-color: var(--bone);}
.trk4.lay-c .slims {display: grid; gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr));}
.trk4.lay-c .slim {display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 10px; align-items: center; padding: 6px; border: 1px solid var(--ink-line); background: var(--ink-raised); min-width: 0;}
.trk4.lay-c .slim img {width: 56px; height: 56px; object-fit: cover; background: #e9e9ec;}
.trk4.lay-c .slim span {display: grid; gap: 1px; min-width: 0;}
.trk4.lay-c .slim .n {font: 600 13px/1.25 var(--body); overflow-wrap: anywhere;}
.trk4.lay-c .slim .p {font: 700 13px var(--mono); color: var(--hazard);}
.trk4.lay-c .copyrow {display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 10px 12px; border: 1px dashed var(--ink-line);}
.trk4.lay-c .copyrow b {font: 700 15px var(--mono);}
.trk4.lay-c .copy {min-height: 40px; padding: 0 12px; border: 1px solid var(--ink-line); background: none; color: var(--hazard); font: 700 12.5px/1 var(--body);}
.trk4.lay-c .tools {display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr);}
.trk4.lay-c .tool {display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; grid-template-areas: "ic nm go" "ic ln go" "ic st go"; column-gap: 12px; row-gap: 2px;
  align-items: center; padding: 14px; border: 1px solid var(--ink-line); background: var(--ink-raised);}
.trk4.lay-c .tool .ic {grid-area: ic; font-size: 28px; line-height: 1;}
.trk4.lay-c .tool .nm {grid-area: nm; font: 400 20px/1.05 var(--display); text-transform: uppercase;}
.trk4.lay-c .tool .ln {grid-area: ln; color: var(--bone-dim); font-size: 13px; line-height: 1.35;}
.trk4.lay-c .tool .st {grid-area: st; font: 700 11px/1.3 var(--mono); color: var(--hazard); letter-spacing: .06em; text-transform: uppercase;}
.trk4.lay-c .tool .go {grid-area: go; font: 700 18px/1 var(--mono); color: var(--hazard);}
.trk4.lay-c .faq details {border-top: 1px solid var(--ink-line);}
.trk4.lay-c .faq details:last-child {border-bottom: 1px solid var(--ink-line);}
.trk4.lay-c .faq summary {min-height: 48px; display: flex; justify-content: space-between; align-items: center; gap: 10px; list-style: none; font: 700 14.5px/1.3 var(--body); cursor: pointer;}
.trk4.lay-c .faq summary::-webkit-details-marker {display: none;}
.trk4.lay-c .faq summary::after {content: "+"; color: var(--hazard); font: 700 18px var(--mono);}
.trk4.lay-c .faq p {margin: 0 0 14px; color: var(--bone-dim); font-size: 14px; max-width: 70ch;}
@media (min-width: 640px) {
.trk4.lay-c .slims {grid-template-columns: repeat(4, minmax(0, 1fr));}
.trk4.lay-c .tools {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (min-width: 900px) {
.trk4.lay-c .wrap {padding: 22px 40px 14px; gap: 20px;}
.trk4.lay-c .t4h1 {font-size: 64px;}
.trk4.lay-c .tools {grid-template-columns: repeat(4, minmax(0, 1fr));}
}
.trk4.lay-c {--ink: #0a0a0b; --ink-raised: #18181b; --ink-line: #27272a; --bone: #fafafa; --bone-dim: #a1a1aa; --mute: #8b8b99;
  --hazard: #22d3ee; --hazard-deep: #0e7490; --on-hazard: #06141c; --hz-tint: rgba(34, 211, 238, .10);
  --money: #ff6a1a; --money-deep: #b4420a; --on-money: #0a0a0b; --mn-fill: #281e1b;
  --ok: #22c55e; --ok-deep: #15803d; --warn: #f59e0b; --red: #ef4444;
  
  --fs-date: 27px;      
  --fs-status: 15px;    
  --fs-kick: 12px;      
  --fs-val: 17px;       
  --fs-why: 14px;       
  --fs-lbl: 11px;       
  --fs-meta: 12px;      
  --fs-tl-d: 12px;      
  --fs-tl-t: 16px;      
  --fs-small: 12.5px;   
  --fs-h3: 19px;        
  --fs-h4: 17px;        
  --fs-pill: 11px;
  --fs-link: 13.5px;}
.trk4.lay-c b, .trk4.lay-c strong {font-weight: 700;}
.trk4.lay-c .mono {font-family: var(--mono);}
.trk4.lay-c .dim {color: var(--bone-dim);}
.trk4.lay-c .mut {color: var(--mute);}
.trk4.lay-c .nw {white-space: nowrap;}
.trk4.lay-c .btn.sm {min-height: 44px; padding: 0 12px; font-size: 12px;}
.trk4.lay-c .copy {min-height: 44px;}
.trk4.lay-c .chip {min-height: 44px;}
.trk4.lay-c .sec-h a {padding: 17px 0; margin: -17px 0;}
.trk4.lay-c .faq summary {min-height: 48px;}
.trk4.lay-c .panel {border: 0; border-top: 1px solid var(--ink-line); background: none; padding: 12px 0 0; display: grid; gap: 12px; min-width: 0;}
.trk4.lay-c .a4 {position: relative; border: 0; border-top: 2px solid var(--hazard); box-shadow: none; background: none;
  padding: 14px 0 0; display: grid; gap: 14px; min-width: 0; align-content: start;}
.trk4.lay-c .a4 > * {min-width: 0;}
.trk4.lay-c .dv4 {height: 1px; background: var(--ink-line);}
.trk4.lay-c .hd4 {margin: 0; font: 400 var(--fs-h4)/1.05 var(--display); text-transform: uppercase; letter-spacing: .01em; color: var(--bone);}
.trk4.lay-c .lb4 {font: 700 var(--fs-lbl)/1.2 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--bone-dim);}
.trk4.lay-c .stx4 {display: grid; gap: 4px; min-width: 0;}
.trk4.lay-c .stx4 .k {display: inline-flex; align-items: center; gap: 8px; font: 700 var(--fs-kick)/1.2 var(--mono); letter-spacing: .1em; text-transform: uppercase;}
.trk4.lay-c .stx4 .k i {width: 9px; height: 9px; flex: none;}
.trk4.lay-c .stx4.t .k {color: var(--hazard);}
.trk4.lay-c .stx4.t .k i {background: var(--hazard); box-shadow: 0 0 0 3px var(--hz-tint);}
.trk4.lay-c .stx4.p .k {color: var(--bone-dim);}
.trk4.lay-c .stx4.p .k i {border: 2px solid var(--bone-dim);}
.trk4.lay-c .stx4.ok .k {color: var(--ok);}
.trk4.lay-c .stx4.ok .k i {background: var(--ok);}
.trk4.lay-c .stx4 .s {margin: 0; font: 600 var(--fs-status)/1.4 var(--body); color: var(--bone);}
.trk4.lay-c .stx4 .s q {quotes: "\201C" "\201D"; font-family: var(--mono); font-weight: 400; font-size: 13px; color: var(--bone-dim);}
.trk4.lay-c .dt4 {display: grid; gap: 4px; min-width: 0;}
.trk4.lay-c .dt4 .lr {display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 12px;}
.trk4.lay-c .dt4 .lb {font: 700 var(--fs-lbl)/1.2 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--bone-dim);}
.trk4.lay-c .dt4 .ind {font: 600 14px/1.2 var(--body); color: var(--bone);}
.trk4.lay-c .dt4 .ln {margin: 0; font: 400 var(--fs-date)/1 var(--display); text-transform: uppercase; letter-spacing: .01em; color: var(--hazard);}
.trk4.lay-c .dt4 .ln span {white-space: nowrap;}
.trk4.lay-c .dt4.soft .ln {color: var(--bone);}
.trk4.lay-c .dt4.ok .ln {color: var(--ok);}
.trk4.lay-c .pl {display: inline-flex; align-items: center; gap: 6px; min-height: 24px; padding: 0 9px; border: 1px solid currentColor;
  font: 700 var(--fs-pill)/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--bone-dim); white-space: nowrap;}
.trk4.lay-c .pl.ok {color: var(--ok);}
.trk4.lay-c .pl.cy {color: var(--hazard);}
.trk4.lay-c .sure4 {display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; min-width: 0;}
.trk4.lay-c .sure4 .sk {font: 700 var(--fs-lbl)/1.2 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--bone-dim);}
.trk4.lay-c .dw4 {display: grid; gap: 6px; min-width: 0; align-content: start;}
.trk4.lay-c .sw4 {display: flex; flex-wrap: wrap; align-items: center; gap: 0 16px; min-width: 0;}
.trk4.lay-c .whyb {display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 0; margin: 0; border: 0; background: none;
  cursor: pointer; font: 700 var(--fs-link)/1.2 var(--body); color: var(--hazard); text-align: left;}
.trk4.lay-c .whyb > span {text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;}
.trk4.lay-c .whyb .chev {width: 7px; height: 7px; flex: none; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: translateY(-2px) rotate(45deg); transition: transform .15s ease-out;}
.trk4.lay-c .whyb[aria-expanded="true"] .chev {transform: translateY(2px) rotate(225deg);}
@media (hover: hover) {
.trk4.lay-c .whyb:hover {color: var(--bone);}
}
.trk4.lay-c .whyb:focus-visible {outline: 2px solid var(--hazard); outline-offset: 2px;}
.trk4.lay-c .whyp4 {display: grid; gap: 8px; min-width: 0; padding: 10px 12px 11px; border-left: 3px solid var(--hazard); background: var(--ink);
  animation: r4open .14s ease-out;}
.trk4.lay-c .whyp4.soft {border-left-color: var(--bone-dim);}
.trk4.lay-c .whyp4.ok {border-left-color: var(--ok);}
.trk4.lay-c .whyp4 > .src4 {padding-top: 8px; border-top: 1px solid var(--ink-line);}
@keyframes r4open { from { opacity: 0; transform: translateY(-4px); } }
.trk4.lay-c .why4 {list-style: none; margin: 0; padding: 0; display: grid; gap: 5px; min-width: 0;}
.trk4.lay-c .why4 li {position: relative; padding-left: 15px; font: 400 var(--fs-why)/1.4 var(--body); color: var(--bone); text-wrap: pretty;}
.trk4.lay-c .why4 li::before {content: ""; position: absolute; left: 1px; top: .55em; width: 6px; height: 6px; background: var(--hazard);}
.trk4.lay-c .why4.soft li::before {background: var(--bone-dim);}
.trk4.lay-c .why4.ok li::before {background: var(--ok);}
.trk4.lay-c .why4 b, .trk4.lay-c .now4 b {color: var(--bone); white-space: nowrap;}
.trk4.lay-c .src4 {margin: 0; font: 400 var(--fs-meta)/1.5 var(--mono); color: var(--bone-dim); overflow-wrap: anywhere; text-wrap: pretty;}
.trk4.lay-c .src4 b {color: var(--bone); font-weight: 700; white-space: nowrap;}
.trk4.lay-c .ft4 {margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; min-width: 0;}
.trk4.lay-c .ft {display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 8px 10px; border: 1px solid var(--ink-line); background: var(--ink);}
.trk4.lay-c .ft dt, .trk4.lay-c .ft .l {order: 2; margin: 0; font: 400 10.5px/1.25 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--bone-dim);}
.trk4.lay-c .ft dd, .trk4.lay-c .ft .v {order: 1; margin: 0; font: 700 var(--fs-val)/1.2 var(--body); color: var(--bone); overflow-wrap: anywhere;}
.trk4.lay-c .ft .v small, .trk4.lay-c .ft dd small {display: block; font: 400 12.5px/1.3 var(--body); color: var(--bone-dim);}
.trk4.lay-c .lv4 {margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; min-width: 0;}
.trk4.lay-c .lv {display: flex; flex-direction: column; gap: 2px; padding: 8px 0; border-top: 1px solid var(--ink-line); min-width: 0;}
.trk4.lay-c .lv dt {order: 1; margin: 0; font: 400 12px/1.3 var(--body); color: var(--mute);}
.trk4.lay-c .lv dd {order: 2; margin: 0; font: 600 16px/1.3 var(--body); color: var(--bone); overflow-wrap: anywhere;}
.trk4.lay-c .lv dd small {font: 400 12.5px/1.3 var(--body); color: var(--bone-dim);}
.trk4.lay-c .st4 {list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); min-width: 0;}
.trk4.lay-c .st4 > li {position: relative; display: grid; justify-items: center; align-content: start; gap: 3px; min-width: 0; text-align: center;}
.trk4.lay-c .st4 > li::before {content: ""; position: absolute; top: 12px; left: -50%; width: 100%; height: 2px; background: var(--ink-line);}
.trk4.lay-c .st4 > li:first-child::before {display: none;}
.trk4.lay-c .st4 > li.d::before {background: var(--ok);}
.trk4.lay-c .st4 > li.c::before {background: var(--hazard);}
.trk4.lay-c .st4 .mk {position: relative; z-index: 1; width: 26px; height: 26px; display: grid; place-items: center; background: var(--ink);
  border: 2px solid var(--ink-line); color: var(--mute); font: 700 12px/1 var(--mono);}
.trk4.lay-c .st4 li.d .mk {background: var(--ok); border-color: var(--ok); color: var(--ink);}
.trk4.lay-c .st4 li.c .mk {border-color: var(--hazard); color: var(--hazard); animation: r4pulse 2s ease-out infinite;}
.trk4.lay-c .st4 .nm {font: 600 11.5px/1.1 var(--body); color: var(--mute);}
.trk4.lay-c .st4 li.d .nm {color: var(--bone-dim);}
.trk4.lay-c .st4 li.c .nm {color: var(--hazard); font-weight: 700;}
.trk4.lay-c .st4 .sd {font: 400 10px/1.15 var(--mono); color: var(--mute); letter-spacing: 0;}
.trk4.lay-c .st4 li.c .sd {color: var(--bone);}
.trk4.lay-c .st4 .sl {display: none; margin: 2px 0 0; font: 400 12.5px/1.35 var(--body); color: var(--bone-dim);}
.trk4.lay-c .st4 li.c .sl {color: var(--bone);}
.trk4.lay-c .st4.lines .sl {display: block;}
.trk4.lay-c .pct4 {display: flex; align-items: center; gap: 10px; font: 700 12px/1.2 var(--mono); color: var(--hazard);}
.trk4.lay-c .pct4 .bar {flex: 1; height: 6px; background: var(--ink); border: 1px solid var(--ink-line); min-width: 40px;}
.trk4.lay-c .pct4 .bar i {display: block; height: 100%; background: var(--hazard);}
.trk4.lay-c .pct4.ok {color: var(--ok);}
.trk4.lay-c .pct4.ok .bar i {background: var(--ok);}
.trk4.lay-c .st4.v {grid-template-columns: minmax(0, 1fr); gap: 0;}
.trk4.lay-c .st4.v > li {grid-template-columns: 26px minmax(0, 1fr); justify-items: start; text-align: left; column-gap: 10px; row-gap: 1px; padding: 0 0 10px;}
.trk4.lay-c .st4.v > li::before {top: 26px; left: 12px; width: 2px; height: calc(100% - 26px);}
.trk4.lay-c .st4.v > li:first-child::before {display: block;}
.trk4.lay-c .st4.v > li:last-child::before {display: none;}
.trk4.lay-c .st4.v .mk {grid-row: 1 / span 3;}
.trk4.lay-c .st4.v .sl {display: block;}
@keyframes r4pulse { 0% { box-shadow: 0 0 0 0 rgba(34, 211, 238, .45); } 70% { box-shadow: 0 0 0 7px rgba(34, 211, 238, 0); } 100% { box-shadow: 0 0 0 0 rgba(34, 211, 238, 0); } }
.trk4.lay-c .cal4 {display: grid; gap: 6px; min-width: 0;}
.trk4.lay-c .cal4 ol {list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px;}
.trk4.lay-c .cal4 li {display: grid; justify-items: center; gap: 2px; padding: 5px 0 6px; border: 1px solid var(--ink-line); background: var(--ink); min-width: 0;}
.trk4.lay-c .cal4 .cw {font: 700 10.5px/1.1 var(--mono); letter-spacing: .04em; text-transform: uppercase; color: var(--bone-dim);}
.trk4.lay-c .cal4 .cd {font: 400 19px/1 var(--display); color: var(--bone);}
.trk4.lay-c .cal4 li.t {border-color: var(--bone);}
.trk4.lay-c .cal4 li.w {background: var(--hazard); border-color: var(--hazard);}
.trk4.lay-c .cal4 li.w .cw, .trk4.lay-c .cal4 li.w .cd {color: var(--on-hazard);}
.trk4.lay-c .cal4 li.wr {border: 2px solid var(--hazard); padding: 4px 0 5px;}
.trk4.lay-c .cal4 li.wr .cw, .trk4.lay-c .cal4 li.wr .cd {color: var(--hazard);}
.trk4.lay-c .cal4 li.x {border-style: dashed;}
.trk4.lay-c .cal4 li.x .cw, .trk4.lay-c .cal4 li.x .cd {color: var(--mute); text-decoration: line-through;}
.trk4.lay-c .cal4 li.dn {background: var(--ok); border-color: var(--ok);}
.trk4.lay-c .cal4 li.dn .cw, .trk4.lay-c .cal4 li.dn .cd {color: var(--ink);}
.trk4.lay-c .cal4 li.cap .cd {font-size: 13px; line-height: 19px; white-space: nowrap;}
.trk4.lay-c .cal4 .key {margin: 0; display: flex; flex-wrap: wrap; gap: 4px 14px; font: 400 12px/1.4 var(--body); color: var(--bone-dim);}
.trk4.lay-c .cal4 .key i {display: inline-block; width: 10px; height: 10px; margin-right: 6px; vertical-align: -1px; border: 1px solid var(--hazard);}
.trk4.lay-c .cal4 .key i.w {background: var(--hazard);}
.trk4.lay-c .cal4 .key i.wr {border-width: 2px;}
.trk4.lay-c .cal4 .key i.x {border: 1px dashed var(--mute);}
.trk4.lay-c .cal4 .key i.dn {background: var(--ok); border-color: var(--ok);}
.trk4.lay-c .up4 {display: grid; gap: 14px; min-width: 0; align-content: start;}
.trk4.lay-c .up4 .uhd {display: grid; gap: 4px; min-width: 0;}
.trk4.lay-c .up4 .uh {margin: 0; font: 400 var(--fs-h3)/1.02 var(--display); text-transform: uppercase; letter-spacing: .01em;}
.trk4.lay-c .up4 .ucn {margin: 0; font: 400 14px/1.4 var(--body); color: var(--bone);}
.trk4.lay-c .up4 .ucn b {font-weight: 700;}
.trk4.lay-c .up4 .usrc {margin: 0; font: 400 var(--fs-meta)/1.5 var(--mono); color: var(--bone-dim); overflow-wrap: anywhere;}
.trk4.lay-c .tlw {position: relative; display: grid; gap: 14px; min-width: 0;}
.trk4.lay-c .tlw::before {content: ""; position: absolute; left: 3px; top: 8px; bottom: 10px; width: 2px; background: var(--hazard-deep);}
.trk4.lay-c .tlw.one::before {display: none;}
.trk4.lay-c .tl {list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; min-width: 0;}
.trk4.lay-c .tl > li {position: relative; padding-left: 22px; min-width: 0;}
.trk4.lay-c .tl > li::before {content: ""; position: absolute; left: 0; top: 4px; width: 4px; height: 4px; border: 2px solid var(--hazard); background: var(--ink-raised);}
.trk4.lay-c .tl > li.first::before {background: var(--hazard); box-shadow: 0 0 0 3px var(--hz-tint);}
.trk4.lay-c .tl-d {margin: 0; font: 700 var(--fs-tl-d)/1.35 var(--mono); color: var(--bone-dim);}
.trk4.lay-c .tl > li.first .tl-d {color: var(--hazard);}
.trk4.lay-c .tl-d .ag {font-weight: 400; color: var(--mute);}
.trk4.lay-c .tl-d .cn {display: inline-block; margin-left: 4px; padding: 1px 5px; border: 1px solid var(--ink-line); font: 700 10.5px/1.25 var(--mono);
  letter-spacing: .06em; text-transform: uppercase; color: var(--bone); vertical-align: 1px;}
.trk4.lay-c .tl-d .cn.o {border-color: var(--hazard-deep); color: var(--hazard);}
.trk4.lay-c .tl-d .cn.t {border-color: var(--hazard-deep); color: var(--hazard);}
.trk4.lay-c .tl-d .cn.l {color: var(--mute);}
.trk4.lay-c .tl-t {margin: 2px 0 0; font: 600 var(--fs-tl-t)/1.35 var(--body); color: var(--bone); overflow-wrap: anywhere;}
.trk4.lay-c .tl-t .pl4 {font: 400 var(--fs-small)/1.35 var(--body); color: var(--bone-dim); white-space: nowrap;}
.trk4.lay-c .tl-m, .trk4.lay-c .tl-r {margin: 1px 0 0; font: 400 var(--fs-small)/1.4 var(--body); color: var(--mute); overflow-wrap: anywhere;}
.trk4.lay-c .ubtn {min-height: 44px; font-size: 12.5px; box-shadow: 3px 3px 0 var(--hazard);}
.trk4.lay-c .lk4 {display: flex; flex-wrap: wrap; gap: 0 20px; min-width: 0;}
.trk4.lay-c .lnk {min-height: 44px; display: inline-flex; align-items: center; gap: 4px; padding: 0; border: 0; background: none; cursor: pointer;
  font: 700 var(--fs-link)/1.2 var(--body); color: var(--bone-dim); text-decoration: underline; text-underline-offset: 3px;}
.trk4.lay-c .lnk:hover {color: var(--bone);}
.trk4.lay-c .lnk.cy {color: var(--hazard);}
.trk4.lay-c .lnk small {font: 400 12px var(--body); color: var(--mute); text-decoration: none;}
.trk4.lay-c .now4 {display: grid; gap: 6px; min-width: 0;}
.trk4.lay-c .now4 p {margin: 0; font: 400 14px/1.45 var(--body); color: var(--bone);}
.trk4.lay-c .nad4 {display: grid; gap: 6px; min-width: 0; padding-left: 12px; border-left: 3px solid var(--ok);}
.trk4.lay-c .nad4 ol {margin: 0; padding: 0 0 0 18px; display: grid; gap: 5px; font: 400 13.5px/1.45 var(--body); color: var(--bone-dim);}
.trk4.lay-c .nad4 ol b {color: var(--bone);}
.trk4.lay-c .mq4 {display: grid; gap: 8px; min-width: 0;}
.trk4.lay-c .mqb {justify-self: start; display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 0 12px; margin: 0;
  border: 1px solid var(--hazard-deep); background: none; color: var(--hazard); cursor: pointer; font: 700 13px/1.2 var(--body);}
.trk4.lay-c .mqb[aria-expanded="true"] {border-color: var(--hazard);}
.trk4.lay-c .mqb:focus-visible {outline: 2px solid var(--hazard); outline-offset: 2px;}
.trk4.lay-c .mqf {display: grid; gap: 6px; min-width: 0;}
.trk4.lay-c .mqf .fine {margin: 0;}
@media (min-width: 900px) {
.trk4.lay-c .mq4 {display: none;}
}
.trk4.lay-c .strip4 {padding: 10px 0 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 6px 12px;}
.trk4.lay-c .strip4 .ck {grid-column: 1; grid-row: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; min-width: 0;
  font: 700 11px/1.2 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--bone);}
.trk4.lay-c .strip4 .ck b {width: 22px; height: 22px; display: inline-grid; place-items: center; background: var(--ok); color: var(--ink); font: 700 12px/1 var(--mono); letter-spacing: 0;}
.trk4.lay-c .strip4 .car {padding: 3px 7px; border: 1px solid var(--bone-dim); font: 700 11px/1.2 var(--mono); letter-spacing: .08em; color: var(--bone);}
.trk4.lay-c .strip4 .num {grid-column: 1; grid-row: 2; font: 400 15px/1.3 var(--mono); color: var(--bone); white-space: nowrap; min-width: 0;}
.trk4.lay-c .strip4 .btn {grid-column: 2; grid-row: 1 / span 2;}
@media (max-width: 379px) {
.trk4.lay-c .strip4 .num {grid-column: 1 / -1;}
.trk4.lay-c .strip4 .btn {grid-row: 1;}
}
.trk4.lay-c .sell4 {display: grid; gap: 12px; min-width: 0;}
.trk4.lay-c .sell4 .sec-h h3 {font-size: var(--fs-h4);}
.trk4.lay-c .sell4 .slims {grid-template-columns: repeat(2, minmax(0, 1fr));}
.trk4.lay-c .slim {min-height: 70px;}
.trk4.lay-c .sell-go {display: grid; gap: 10px; min-width: 0;}
.trk4.lay-c .sell-go .btn {width: 100%;}
.trk4.lay-c .tlink {justify-self: center; min-height: 44px; padding: 0 10px; border: 0; background: none; color: var(--bone-dim); cursor: pointer;
  font: 600 13.5px/1 var(--body); text-decoration: underline; text-underline-offset: 3px;}
.trk4.lay-c .welcome4 {display: grid; gap: 10px; align-items: center; padding: 12px 14px; border: 2px solid var(--money); background: var(--mn-fill); min-width: 0;}
.trk4.lay-c .welcome4 .wt {display: grid; gap: 4px; min-width: 0;}
.trk4.lay-c .welcome4 .wk {font: 700 11px/1.2 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--money);}
.trk4.lay-c .welcome4 .wb {font: 400 15px/1.1 var(--display); text-transform: uppercase; letter-spacing: .01em; color: var(--bone);}
.trk4.lay-c .welcome4 .wd {font: 400 13px/1.4 var(--body); color: var(--bone-dim);}
.trk4.lay-c .welcome4 .wd b {font-family: var(--mono); color: var(--bone);}
.trk4.lay-c .welcome4 .btn {min-height: 44px; padding: 0 16px; justify-self: start;}
.trk4.lay-c .cl4 {margin: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; min-width: 0;
  padding: 9px 14px; border: 1px solid var(--money-deep); border-left: 3px solid var(--money); font: 400 14px/1.4 var(--body); color: var(--bone-dim);}
.trk4.lay-c .up4 > .lk4 {margin-top: -6px;}
.trk4.lay-c .up4 > .lk4 .lnk {min-height: 34px;}
.trk4.lay-c .up4 > .lk4 + .cl4, .trk4.lay-c .up4 > .usrc + .cl4 {margin-top: -8px;}
.trk4.lay-c .cl4 b {color: var(--bone); font-weight: 700;}
.trk4.lay-c .cl4-go {min-height: 44px; margin: -6px 0; display: inline-flex; align-items: center; color: var(--money); font: 700 15px/1 var(--body);
  text-decoration: underline; text-underline-offset: 3px; white-space: nowrap;}
.trk4.lay-c .cl4-go:focus-visible {outline: 2px solid var(--money); outline-offset: 2px;}
.trk4.lay-c .th {display: flex; justify-content: space-between; align-items: center; gap: 10px; min-height: 40px;}
.trk4.lay-c .tk {font: 700 11px/1.2 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--bone);}
.trk4.lay-c .wl {min-height: 44px; display: inline-flex; align-items: center; color: var(--bone-dim); font: 400 12px/1.3 var(--mono); text-decoration: underline; text-underline-offset: 3px;}
.trk4.lay-c .lk {display: grid; grid-template-columns: minmax(0, 1fr) auto;}
.trk4.lay-c .lk .in {border-right: 0; font-family: var(--mono);}
.trk4.lay-c .lk .in::placeholder {font-family: var(--body);}
/* the field and its Paste button are one box: focus rings the box (a ring around the field alone ran under Paste; brand.css rings every input with !important) */
.trk4.lay-c .lk:focus-within {outline: 2px solid var(--hazard); outline-offset: 2px;}
.trk4.lay-c .lk .in:focus-visible {outline: 0 !important;}
.trk4.lay-c .lk .pst:focus-visible {outline: 2px solid var(--hazard); outline-offset: -6px;}
.trk4.lay-c .pst {min-height: 52px; padding: 0 14px; border: 2px solid var(--ink-line); background: var(--ink-raised); color: var(--hazard);
  font: 700 12px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; cursor: pointer;}
.trk4.lay-c .hint {margin: 0; font-size: 13px; line-height: 1.45; color: var(--bone-dim);}
.trk4.lay-c .dev {font: 400 12px/1.3 var(--mono); color: var(--bone-dim);}
.trk4.lay-c .mailp {gap: 10px;}
.trk4.lay-c .mrow {display: flex; gap: 8px; min-width: 0;}
.trk4.lay-c .mrow .in {flex: 1; height: 48px; min-width: 0;}
/* Notify me keeps its own width (the page makes every .btn full width under 768 px); the field takes the rest */
.trk4.lay-c .mrow .btn {min-height: 48px; padding: 0 14px; width: auto; flex: none;}
.trk4.lay-c .fine {margin: 0; font-size: 11.5px; line-height: 1.45; color: var(--mute);}
.trk4.lay-c .fine a {text-decoration: underline; display: inline-block; padding: 8px 0 20px; margin: -8px 0 -20px;}
.trk4.lay-c .pk4 {gap: 10px;}
/* saved parcels: one short row each between flat rules: the carrier and the number, then the status, its date and the
   last update (on a line of their own when the screen is narrow); Remove is a small text button at the end of the row */
.trk4.lay-c .pk4-l {list-style: none; margin: 0; padding: 0; display: grid; min-width: 0; border-bottom: 1px solid var(--ink-line);}
.trk4.lay-c .pk4-l:last-child {border-bottom: 0;}
.trk4.lay-c .pk {position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; border-top: 1px solid var(--ink-line); min-width: 0;}
.trk4.lay-c .pk-o {display: flex; flex-wrap: wrap; align-items: baseline; align-content: center; gap: 3px 8px; padding: 9px 0; min-width: 0; min-height: 44px;}
.trk4.lay-c .pk-o:hover {background: #111114;}
.trk4.lay-c .back4, .trk4.lay-c .pk4-c {display: grid; gap: 16px; min-width: 0;}
.trk4.lay-c .pk-h {flex: 1 0 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; min-width: 0;}
.trk4.lay-c .pk-h .car {flex: none; padding: 1px 5px; border: 1px solid var(--ink-line); font: 700 9.5px/1.2 var(--mono); letter-spacing: .06em; color: var(--bone); white-space: nowrap;}
.trk4.lay-c .pk-h .num {font: 400 11.5px/1.3 var(--mono); color: var(--bone-dim);}
.trk4.lay-c .pk-s {margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; font: 700 13px/1.3 var(--body); color: var(--bone);}
.trk4.lay-c .pk-s .stc4 {font: 700 10px/1.2 var(--mono); letter-spacing: .08em; text-transform: uppercase;}
.trk4.lay-c .pk-s .stc4.t {color: var(--hazard);}
.trk4.lay-c .pk-s .stc4.p {color: var(--bone-dim);}
.trk4.lay-c .pk-s .stc4.ok {color: var(--ok);}
.trk4.lay-c .pk-l {margin: 0; font: 400 11.5px/1.3 var(--body); color: var(--bone-dim); overflow-wrap: anywhere;}
.trk4.lay-c .pk-l > span {white-space: nowrap;}
.trk4.lay-c .pk-x {min-width: 44px; min-height: 44px; padding: 0 0 0 12px; border: 0; background: none; color: var(--bone-dim);
  font: 700 10px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; cursor: pointer;}
.trk4.lay-c .pk-x:hover {color: var(--bone);}
.trk4.lay-c .pk-more {justify-self: start; min-height: 44px; margin: -6px 0; padding: 0; border: 0; background: none; color: var(--hazard); cursor: pointer;
  font: 700 11px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase;}
.trk4.lay-c .pk-new {gap: 10px;}
.trk4.lay-c .nh4 .slims {grid-template-columns: repeat(2, minmax(0, 1fr));}
.trk4.lay-c .nh4 .copyrow {padding: 8px 12px;}
@media (max-width: 899px) {
.trk4.lay-c .nh4 .slim:nth-child(n+3) {display: none;}
}
@media (min-width: 900px) {
.trk4.lay-c .a4 {padding: 20px 0 0; gap: 20px;}
.trk4.lay-c .strip4 {grid-template-columns: auto minmax(0, 1fr) auto; padding: 8px 0 0; column-gap: 18px;}
.trk4.lay-c .strip4 .num {grid-column: 2; grid-row: 1;}
.trk4.lay-c .strip4 .btn {grid-column: 3; grid-row: 1;}
.trk4.lay-c .sell4 .slims {grid-template-columns: repeat(4, minmax(0, 1fr));}
.trk4.lay-c .sell-go {grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto; align-items: center;}
.trk4.lay-c .welcome4 {grid-template-columns: minmax(0, 1fr) auto; padding: 10px 16px; gap: 16px;}
.trk4.lay-c .welcome4 .wt {grid-template-columns: auto minmax(0, 1fr); align-items: baseline; column-gap: 14px;}
.trk4.lay-c .welcome4 .wd {grid-column: 1 / -1;}
.trk4.lay-c .welcome4 .btn {justify-self: end;}
.trk4.lay-c .nh4 .slims {grid-template-columns: repeat(4, minmax(0, 1fr));}
.trk4.lay-c .nh4-go {display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; align-items: center;}
.trk4.lay-c .tools {grid-template-columns: repeat(4, minmax(0, 1fr));}
}
.trk4.lay-c .nh4-go {display: grid; gap: 8px;}
@media (max-width: 359px) {
.trk4.lay-c .wrap {padding-left: 10px; padding-right: 10px;}
.trk4.lay-c .a4 {padding: 14px 0 0;}
.trk4.lay-c .dt4 .ln {font-size: 24px;}
.trk4.lay-c .st4 .nm {font-size: 10.5px;}
.trk4.lay-c .st4 .sd {font-size: 9.5px; letter-spacing: 0;}
.trk4.lay-c .st4 .mk {width: 22px; height: 22px;}
.trk4.lay-c .st4 > li::before {top: 10px;}
.trk4.lay-c .cal4 .cw {font-size: 9.5px; letter-spacing: 0;}
.trk4.lay-c .cal4 .cd {font-size: 16px;}
.trk4.lay-c .cal4 li.cap .cd {font-size: 12px;}
.trk4.lay-c .ft {padding: 8px 9px;}
.trk4.lay-c .strip4 .num {font-size: 13px;}
.trk4.lay-c .tl-d .cn {margin-left: 2px;}
}
@media (prefers-reduced-motion: reduce) {
.trk4.lay-c *, .trk4.lay-c, .trk4.lay-c *::before, .trk4.lay-c *::after {animation: none !important; transition: none !important;}
.trk4.lay-c .st4 li.c .mk {box-shadow: 0 0 0 3px var(--hz-tint);}
}
.trk4.lay-c .fq4 {display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 0 2px;
  border-top: 1px solid var(--ink-line); border-bottom: 1px solid var(--ink-line); color: var(--bone); text-decoration: none;}
.trk4.lay-c .fq4-t {font: 700 15px/1.3 var(--body);}
.trk4.lay-c .fq4-n {flex: none; font: 700 12px/1 var(--mono); letter-spacing: .06em; color: var(--hazard);}
.trk4.lay-c .fq4:hover .fq4-t {text-decoration: underline;}
.trk4.lay-c .fq4-back {justify-self: start; display: inline-flex; align-items: center; min-height: 40px; font: 700 13px/1 var(--mono);
  letter-spacing: .04em; color: var(--bone-dim); text-decoration: none;}
.trk4.lay-c .fq4-back:hover {color: var(--bone);}
.trk4.lay-c .ag-more {cursor: pointer; color: var(--hazard); border-style: dashed;}
.trk4.lay-c .sell-lk {display: flex; justify-content: center; flex-wrap: wrap; gap: 0 18px;}
.trk4.lay-c .sell-lk .tlink {display: inline-flex; align-items: center; text-decoration: underline; text-underline-offset: 3px;}
@media (max-width: 899px) {
.trk4.lay-c .mailp {display: none;}
}
@media (min-width: 900px) {
.trk4.lay-c .sell-go {grid-template-columns: minmax(0, 1fr) auto;}
.trk4.lay-c .mailp {grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); grid-template-areas: "tk row" "hint row" "hint fine";
    column-gap: 32px; row-gap: 6px; align-items: start;}
.trk4.lay-c .mailp > .tk {grid-area: tk;}
.trk4.lay-c .mailp > .hint {grid-area: hint;}
.trk4.lay-c .mailp > .mrow {grid-area: row;}
.trk4.lay-c .mailp > .fine {grid-area: fine;}
}
.trk4.lay-c .cC {gap: 14px;}
.trk4.lay-c .cC .c-when {display: grid; gap: 10px; min-width: 0; align-content: start;}
.trk4.lay-c .cC .tl-t, .trk4.lay-c .cC .st4 .sl, .trk4.lay-c .cC .now4 p, .trk4.lay-c .cC .nad4 li {text-wrap: pretty;}
.trk4.lay-c .cC .c-upd {padding-top: 14px; border-top: 1px solid var(--ink-line);}
.trk4.lay-c .cC .tl-d .tw, .trk4.lay-c .cC .tl-d .ag {white-space: nowrap;}
.trk4.lay-c .cC .tl-d .ag {font-weight: 400; color: var(--mute);}
.trk4.lay-c .cC .tl-b {min-width: 0;}
.trk4.lay-c .cC .c-ulk {margin-top: -8px;}
.trk4.lay-c .cC .c-nw {min-width: 0; padding-top: 12px; border-top: 1px solid var(--ink-line);}
.trk4.lay-c .cC .c-trip {display: grid; gap: 10px; min-width: 0; padding-top: 14px; border-top: 1px solid var(--ink-line);}
.trk4.lay-c .cC .c-st .sl, .trk4.lay-c .cC .c-st .c-pc, .trk4.lay-c .cC .c-st .c-now {display: none;}
.trk4.lay-c .cC .c-ft {margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 14px; min-width: 0;}
.trk4.lay-c .cC .cf {display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 9px 0 10px; border-top: 1px solid var(--ink-line);}
.trk4.lay-c .cC .cf dt {order: 2; margin: auto 0 0; font: 400 10.5px/1.25 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--bone-dim);}
.trk4.lay-c .cC .cf dd {order: 1; margin: 0; font: 700 var(--fs-val)/1.2 var(--body); color: var(--bone); overflow-wrap: anywhere;}
.trk4.lay-c .cC .cf dd small {display: block; margin-top: 1px; font: 400 12.5px/1.3 var(--body); color: var(--bone-dim);}
@media (max-width: 419px) {
.trk4.lay-c .cC .c-st .nm {display: block; max-width: 8ch; min-height: 2.1em; line-height: 1.05;}
}
.trk4.lay-c .cC .c-lnk {margin-top: -6px;}
.trk4.lay-c .cC .c-nad {min-width: 0;}
@media (min-width: 900px) {
.trk4.lay-c .a4.cC {grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: auto 1fr auto auto auto; column-gap: 32px;
    row-gap: 0; padding: 24px 24px 22px;}
.trk4.lay-c .cC .c-when {grid-column: 1 / span 5; grid-row: 1;}
.trk4.lay-c .cC .dt4 .lr {justify-content: flex-start;}
.trk4.lay-c .cC .dt4 .ind {color: var(--bone-dim);}
.trk4.lay-c .cC .c-nw {grid-column: 1 / span 5; grid-row: 2; align-self: start; margin-top: var(--c-nw, 18px); padding-top: 12px;}
.trk4.lay-c .cC .c-upd {grid-column: 6 / -1; grid-row: 1 / span 2; align-self: start; padding-top: 0; border-top: 0;
    grid-template-columns: auto minmax(0, 1fr); column-gap: 20px;}
.trk4.lay-c .cC .c-upd > * {grid-column: 1 / -1;}
.trk4.lay-c .cC .c-upd .uhd {display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px;}
.trk4.lay-c .cC .c-upd > #upd-btn {grid-column: 1; justify-self: start; align-self: start; width: auto; min-width: 262px; padding: 0 18px;}
.trk4.lay-c .cC .c-upd > #upd-btn + .usrc {grid-column: 2; align-self: center;}
.trk4.lay-c .cC .c-ulk {margin-top: var(--c-ulk, -6px); gap: 0 26px;}
.trk4.lay-c .cC .c-ulk > .lnk {flex: none;}
.trk4.lay-c .cC .tl > li {display: grid; grid-template-columns: 150px minmax(0, 1fr); column-gap: 14px;}
.trk4.lay-c .cC .tl-d .tw {display: block;}
.trk4.lay-c .cC .tl-d .sep {display: none;}
.trk4.lay-c .cC .tl-d .cn {margin-left: 6px;}
.trk4.lay-c .cC .tl-b .tl-t {margin-top: 0;}
.trk4.lay-c .cC.c-transit {--c-nw: 42px;}
.trk4.lay-c .cC.c-delivered {--c-nw: 45px;}
.trk4.lay-c .cC.why-open {--c-nw: 18px;}
.trk4.lay-c .cC.c-pending .c-upd .uhd {display: grid;}
.trk4.lay-c .cC.c-pending {--c-ulk: 33px;}
.trk4.lay-c .cC .c-trip {grid-column: 1 / -1; grid-row: 3; margin-top: 22px; padding: 16px 0 14px; border-top: 1px solid var(--ink-line);
    border-bottom: 1px solid var(--ink-line); gap: 12px;}
.trk4.lay-c .cC .c-pph {display: none;}
.trk4.lay-c .cC .c-st, .trk4.lay-c .cC .c-ft {grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: 18px;}
.trk4.lay-c .cC .c-st > li {grid-row: 1; justify-items: start; align-content: start; text-align: left; gap: 0; padding-right: 4px;}
.trk4.lay-c .cC .c-st > li.w2 {grid-column-end: span 2;}
.trk4.lay-c .cC .c-st > li::before {display: none;}
.trk4.lay-c .cC .c-st > li::after {content: ""; position: absolute; top: 12px; left: 26px; right: -18px; height: 2px; background: var(--ink-line);}
.trk4.lay-c .cC .c-st > li:last-child::after {display: none;}
.trk4.lay-c .cC .c-st > li.nx-d::after {background: var(--ok);}
.trk4.lay-c .cC .c-st > li.nx-c::after {background: var(--hazard);}
.trk4.lay-c .cC .c-st .mk {margin-bottom: 10px;}
.trk4.lay-c .cC .c-st .nm {display: flex; align-items: center; gap: 8px; font: 700 12px/1.3 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--bone);}
.trk4.lay-c .cC .c-st li.c .nm {color: var(--hazard);}
.trk4.lay-c .cC .c-st li:not(.d):not(.c) .nm {color: var(--bone-dim);}
.trk4.lay-c .cC .c-st .sd {margin-top: 3px; font: 400 12px/1.35 var(--mono); color: var(--bone);}
.trk4.lay-c .cC .c-st .sd.pch {visibility: hidden;}
.trk4.lay-c .cC .c-st li:not(.d):not(.c) .sd {color: var(--bone-dim);}
.trk4.lay-c .cC .c-st .sl {display: block; margin-top: 5px; font: 400 12.5px/1.4 var(--body); color: var(--bone-dim);}
.trk4.lay-c .cC .c-st .c-now {display: inline-block; padding: 1px 5px; border: 1px solid var(--hazard-deep); font: 700 10.5px/1.25 var(--mono);
    letter-spacing: .06em; text-transform: uppercase; color: var(--hazard); font-style: normal;}
.trk4.lay-c .cC .c-st .c-pc {display: grid; gap: 6px; width: 100%; margin-top: 8px;}
.trk4.lay-c .cC .c-pc .t {font: 700 12px/1.2 var(--mono); color: var(--hazard);}
.trk4.lay-c .cC .c-pc .bar {display: block; height: 6px; background: var(--ink); border: 1px solid var(--ink-line);}
.trk4.lay-c .cC .c-pc .bar i {display: block; height: 100%; background: var(--hazard);}
.trk4.lay-c .cC .c-pc.ok .t {color: var(--ok);}
.trk4.lay-c .cC .c-pc.ok .bar i {background: var(--ok);}
.trk4.lay-c .cC .cf {grid-row: 1; padding: 10px 0 0;}
.trk4.lay-c .cC .g1 {grid-column-start: 1;}
.trk4.lay-c .cC .g2 {grid-column-start: 2;}
.trk4.lay-c .cC .g3 {grid-column-start: 3;}
.trk4.lay-c .cC .g4 {grid-column-start: 4;}
.trk4.lay-c .cC .g5 {grid-column-start: 5;}
.trk4.lay-c .cC .g6 {grid-column-start: 6;}
.trk4.lay-c .cC .c-nad {grid-column: 1 / -1; grid-row: 4; margin-top: 22px;}
.trk4.lay-c .cC .nad4 ol {grid-template-columns: minmax(0, 23fr) minmax(0, 31fr) minmax(0, 36fr); column-gap: 28px; padding-left: 18px;}
.trk4.lay-c .cC .c-lnk {grid-column: 1 / -1; grid-row: 5; margin-top: 12px; display: grid; justify-content: start; justify-items: start; align-items: center;
    grid-template-columns: calc((100% - 352px) * 5 / 12 + 128px) auto auto; column-gap: 32px;}
}
@media (min-width: 900px) and (max-width: 1179px) {
.trk4.lay-c .cC .c-nw {align-self: end; margin-top: 18px;}
.trk4.lay-c .cC .c-upd.open ~ .c-nw {align-self: start;}
.trk4.lay-c .cC.c-pending .c-upd {align-self: stretch; grid-template-rows: auto auto auto minmax(0, 1fr);}
.trk4.lay-c .cC.c-pending .c-ulk {align-self: end; margin-top: 0;}
.trk4.lay-c .cC.c-pending.why-open .c-upd {align-self: start;}
}
@media (min-width: 900px) and (max-width: 1099px) {
.trk4.lay-c .cC .c-ft {grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 8px;}
.trk4.lay-c .cC .c-ft > .cf {grid-column: auto; grid-row: auto;}
.trk4.lay-c .cC .c-ft > .g1 {order: 1;}
.trk4.lay-c .cC .c-ft > .g2 {order: 2;}
.trk4.lay-c .cC .c-ft > .g3 {order: 3;}
.trk4.lay-c .cC .c-ft > .g4 {order: 4;}
.trk4.lay-c .cC .c-ft > .g5 {order: 5;}
.trk4.lay-c .cC .c-ft > .g6 {order: 6;}
}
.trk4.lay-p {--ink: #0a0a0b; --ink-raised: #18181b; --ink-raised-2: #1f1f23; --ink-line: #27272a; --bone: #fafafa; --bone-dim: #a1a1aa; --mute: #8b8b99;
  --hazard: #22d3ee; --hazard-deep: #0e7490; --on-hazard: #06141c; --hz-tint: rgba(34,211,238,.10);
  --money: #ff6a1a; --money-deep: #b4420a; --on-money: #0a0a0b; --mn-tint: rgba(255,106,26,.07);
  --ok: #22c55e; --warn: #f59e0b;
  --display: 'Anton', 'Arial Narrow', Impact, sans-serif; --body: 'Archivo', system-ui, sans-serif; --mono: 'Space Mono', ui-monospace, Consolas, monospace;
  color-scheme: dark;}
.trk4.lay-p *, .trk4.lay-p {box-sizing: border-box;}
.trk4.lay-p {-webkit-text-size-adjust: 100%;}
.trk4.lay-p {margin: 0; background: var(--ink); color: var(--bone); font: 15px/1.55 var(--body); -webkit-font-smoothing: antialiased;}
.trk4.lay-p a {color: inherit; text-decoration: none;}
.trk4.lay-p button, .trk4.lay-p input, .trk4.lay-p select {font: inherit; color: inherit;}
.trk4.lay-p a:focus-visible, .trk4.lay-p button:focus-visible, .trk4.lay-p input:focus-visible, .trk4.lay-p select:focus-visible {outline: 2px solid var(--hazard); outline-offset: 2px;}
.trk4.lay-p img {max-width: 100%; display: block;}
.trk4.lay-p [hidden] {display: none !important;}
.trk4.lay-p .sr {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
.trk4.lay-p .wrap {max-width: 1180px; margin: 0 auto; padding: 20px 14px 12px; display: grid; gap: 18px; grid-template-columns: minmax(0, 1fr);}
.trk4.lay-p .t4h1, .trk4.lay-p h3 {font-family: var(--display); font-weight: 400; text-transform: uppercase; letter-spacing: .01em; margin: 0; line-height: 1.02; text-wrap: balance;}
.trk4.lay-p .t4h1 {font-size: 40px;}
.trk4.lay-p .t4h1 span {color: var(--hazard);}
.trk4.lay-p h3 {font-size: 19px;}
.trk4.lay-p .sub {color: var(--bone-dim); font-size: 15px; margin: -8px 0 0; max-width: 60ch;}
.trk4.lay-p .sec {display: grid; gap: 12px; min-width: 0;}
.trk4.lay-p .sec-h {display: flex; justify-content: space-between; align-items: baseline; gap: 12px;}
.trk4.lay-p .sec-h a {font: 700 11px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--hazard); padding: 12px 0; margin: -12px 0;}
.trk4.lay-p .mono {font-family: var(--mono);}
.trk4.lay-p .panel {border: 1px solid var(--ink-line); background: var(--ink-raised); padding: 16px; display: grid; gap: 12px; min-width: 0;}
.trk4.lay-p .panel.lift {box-shadow: 4px 4px 0 var(--hazard); border-color: var(--hazard);}
.trk4.lay-p .in {width: 100%; min-width: 0; height: 52px; padding: 0 14px; border: 2px solid var(--ink-line); background: var(--ink); color: var(--bone); font: 16px var(--body); outline: 0; border-radius: 0;}
.trk4.lay-p .in.filled {border-color: var(--bone-dim);}
.trk4.lay-p .in::placeholder {color: var(--mute);}
.trk4.lay-p .btn {min-height: 52px; padding: 0 18px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; cursor: pointer;
  font: 800 14px/1 var(--body); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap;}
.trk4.lay-p .btn.cy {background: var(--hazard); color: var(--on-hazard); box-shadow: 4px 4px 0 var(--hazard-deep);}
.trk4.lay-p .btn.money {background: var(--money); color: var(--on-money); box-shadow: 4px 4px 0 var(--money-deep);}
.trk4.lay-p .btn.ghost {background: transparent; color: var(--bone); border: 2px solid var(--bone); box-shadow: 4px 4px 0 var(--hazard);}
.trk4.lay-p .btn.line {background: transparent; color: var(--bone); border: 2px solid var(--ink-line); box-shadow: none;}
.trk4.lay-p .btn.full {width: 100%;}
.trk4.lay-p .btn.sm {min-height: 40px; padding: 0 12px; font-size: 12px;}
.trk4.lay-p .chips {display: flex; flex-wrap: wrap; gap: 6px;}
.trk4.lay-p .chip {min-height: 36px; padding: 0 12px; border: 1px solid var(--ink-line); display: inline-flex; align-items: center; gap: 6px; font: 700 12.5px/1 var(--body); background: var(--ink);}
.trk4.lay-p .chip.on {background: var(--bone); color: var(--ink); border-color: var(--bone);}
.trk4.lay-p .slims {display: grid; gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr));}
.trk4.lay-p .slim {display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 10px; align-items: center; padding: 6px; border: 1px solid var(--ink-line); background: var(--ink-raised); min-width: 0;}
.trk4.lay-p .slim img {width: 56px; height: 56px; object-fit: cover; background: #e9e9ec;}
.trk4.lay-p .slim span {display: grid; gap: 1px; min-width: 0;}
.trk4.lay-p .slim .n {font: 600 13px/1.25 var(--body); overflow-wrap: anywhere;}
.trk4.lay-p .slim .p {font: 700 13px var(--mono); color: var(--hazard);}
.trk4.lay-p .copyrow {display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 10px 12px; border: 1px dashed var(--ink-line);}
.trk4.lay-p .copyrow b {font: 700 15px var(--mono);}
.trk4.lay-p .copy {min-height: 40px; padding: 0 12px; border: 1px solid var(--ink-line); background: none; color: var(--hazard); font: 700 12.5px/1 var(--body);}
.trk4.lay-p .tools {display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr);}
.trk4.lay-p .tool {display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; grid-template-areas: "ic nm go" "ic ln go" "ic st go"; column-gap: 12px; row-gap: 2px;
  align-items: center; padding: 14px; border: 1px solid var(--ink-line); background: var(--ink-raised);}
.trk4.lay-p .tool .ic {grid-area: ic; font-size: 28px; line-height: 1;}
.trk4.lay-p .tool .nm {grid-area: nm; font: 400 20px/1.05 var(--display); text-transform: uppercase;}
.trk4.lay-p .tool .ln {grid-area: ln; color: var(--bone-dim); font-size: 13px; line-height: 1.35;}
.trk4.lay-p .tool .st {grid-area: st; font: 700 11px/1.3 var(--mono); color: var(--hazard); letter-spacing: .06em; text-transform: uppercase;}
.trk4.lay-p .tool .go {grid-area: go; font: 700 18px/1 var(--mono); color: var(--hazard);}
.trk4.lay-p .faq details {border-top: 1px solid var(--ink-line);}
.trk4.lay-p .faq details:last-child {border-bottom: 1px solid var(--ink-line);}
.trk4.lay-p .faq summary {min-height: 48px; display: flex; justify-content: space-between; align-items: center; gap: 10px; list-style: none; font: 700 14.5px/1.3 var(--body); cursor: pointer;}
.trk4.lay-p .faq summary::-webkit-details-marker {display: none;}
.trk4.lay-p .faq summary::after {content: "+"; color: var(--hazard); font: 700 18px var(--mono);}
.trk4.lay-p .faq p {margin: 0 0 14px; color: var(--bone-dim); font-size: 14px; max-width: 70ch;}
@media (min-width: 640px) {
.trk4.lay-p .slims {grid-template-columns: repeat(4, minmax(0, 1fr));}
.trk4.lay-p .tools {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (min-width: 900px) {
.trk4.lay-p .wrap {padding: 22px 40px 14px; gap: 20px;}
.trk4.lay-p .t4h1 {font-size: 64px;}
.trk4.lay-p .tools {grid-template-columns: repeat(4, minmax(0, 1fr));}
}
.trk4.lay-p {--ink: #0a0a0b; --ink-raised: #18181b; --ink-line: #27272a; --bone: #fafafa; --bone-dim: #a1a1aa; --mute: #8b8b99;
  --hazard: #22d3ee; --hazard-deep: #0e7490; --on-hazard: #06141c; --hz-tint: rgba(34, 211, 238, .10);
  --money: #ff6a1a; --money-deep: #b4420a; --on-money: #0a0a0b; --mn-fill: #281e1b;
  --ok: #22c55e; --ok-deep: #15803d; --warn: #f59e0b; --red: #ef4444;
  
  --fs-date: 27px;      
  --fs-status: 15px;    
  --fs-kick: 12px;      
  --fs-val: 17px;       
  --fs-why: 14px;       
  --fs-lbl: 11px;       
  --fs-meta: 12px;      
  --fs-tl-d: 12px;      
  --fs-tl-t: 16px;      
  --fs-small: 12.5px;   
  --fs-h3: 19px;        
  --fs-h4: 17px;        
  --fs-pill: 11px;
  --fs-link: 13.5px;}
.trk4.lay-p b, .trk4.lay-p strong {font-weight: 700;}
.trk4.lay-p .mono {font-family: var(--mono);}
.trk4.lay-p .dim {color: var(--bone-dim);}
.trk4.lay-p .mut {color: var(--mute);}
.trk4.lay-p .nw {white-space: nowrap;}
.trk4.lay-p .btn.sm {min-height: 44px; padding: 0 12px; font-size: 12px;}
.trk4.lay-p .copy {min-height: 44px;}
.trk4.lay-p .chip {min-height: 44px;}
.trk4.lay-p .sec-h a {padding: 17px 0; margin: -17px 0;}
.trk4.lay-p .faq summary {min-height: 48px;}
.trk4.lay-p .panel {border: 0; border-top: 1px solid var(--ink-line); background: none; padding: 12px 0 0; display: grid; gap: 12px; min-width: 0;}
.trk4.lay-p .a4 {position: relative; border: 0; border-top: 2px solid var(--hazard); box-shadow: none; background: none;
  padding: 14px 0 0; display: grid; gap: 14px; min-width: 0; align-content: start;}
.trk4.lay-p .a4 > * {min-width: 0;}
.trk4.lay-p .dv4 {height: 1px; background: var(--ink-line);}
.trk4.lay-p .hd4 {margin: 0; font: 400 var(--fs-h4)/1.05 var(--display); text-transform: uppercase; letter-spacing: .01em; color: var(--bone);}
.trk4.lay-p .lb4 {font: 700 var(--fs-lbl)/1.2 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--bone-dim);}
.trk4.lay-p .stx4 {display: grid; gap: 4px; min-width: 0;}
.trk4.lay-p .stx4 .k {display: inline-flex; align-items: center; gap: 8px; font: 700 var(--fs-kick)/1.2 var(--mono); letter-spacing: .1em; text-transform: uppercase;}
.trk4.lay-p .stx4 .k i {width: 9px; height: 9px; flex: none;}
.trk4.lay-p .stx4.t .k {color: var(--hazard);}
.trk4.lay-p .stx4.t .k i {background: var(--hazard); box-shadow: 0 0 0 3px var(--hz-tint);}
.trk4.lay-p .stx4.p .k {color: var(--bone-dim);}
.trk4.lay-p .stx4.p .k i {border: 2px solid var(--bone-dim);}
.trk4.lay-p .stx4.ok .k {color: var(--ok);}
.trk4.lay-p .stx4.ok .k i {background: var(--ok);}
.trk4.lay-p .stx4 .s {margin: 0; font: 600 var(--fs-status)/1.4 var(--body); color: var(--bone);}
.trk4.lay-p .stx4 .s q {quotes: "\201C" "\201D"; font-family: var(--mono); font-weight: 400; font-size: 13px; color: var(--bone-dim);}
.trk4.lay-p .dt4 {display: grid; gap: 4px; min-width: 0;}
.trk4.lay-p .dt4 .lr {display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 12px;}
.trk4.lay-p .dt4 .lb {font: 700 var(--fs-lbl)/1.2 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--bone-dim);}
.trk4.lay-p .dt4 .ind {font: 600 14px/1.2 var(--body); color: var(--bone);}
.trk4.lay-p .dt4 .ln {margin: 0; font: 400 var(--fs-date)/1 var(--display); text-transform: uppercase; letter-spacing: .01em; color: var(--hazard);}
.trk4.lay-p .dt4 .ln span {white-space: nowrap;}
.trk4.lay-p .dt4.soft .ln {color: var(--bone);}
.trk4.lay-p .dt4.ok .ln {color: var(--ok);}
.trk4.lay-p .pl {display: inline-flex; align-items: center; gap: 6px; min-height: 24px; padding: 0 9px; border: 1px solid currentColor;
  font: 700 var(--fs-pill)/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--bone-dim); white-space: nowrap;}
.trk4.lay-p .pl.ok {color: var(--ok);}
.trk4.lay-p .pl.cy {color: var(--hazard);}
.trk4.lay-p .sure4 {display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; min-width: 0;}
.trk4.lay-p .sure4 .sk {font: 700 var(--fs-lbl)/1.2 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--bone-dim);}
.trk4.lay-p .dw4 {display: grid; gap: 6px; min-width: 0; align-content: start;}
.trk4.lay-p .sw4 {display: flex; flex-wrap: wrap; align-items: center; gap: 0 16px; min-width: 0;}
.trk4.lay-p .whyb {display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 0; margin: 0; border: 0; background: none;
  cursor: pointer; font: 700 var(--fs-link)/1.2 var(--body); color: var(--hazard); text-align: left;}
.trk4.lay-p .whyb > span {text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;}
.trk4.lay-p .whyb .chev {width: 7px; height: 7px; flex: none; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: translateY(-2px) rotate(45deg); transition: transform .15s ease-out;}
.trk4.lay-p .whyb[aria-expanded="true"] .chev {transform: translateY(2px) rotate(225deg);}
@media (hover: hover) {
.trk4.lay-p .whyb:hover {color: var(--bone);}
}
.trk4.lay-p .whyb:focus-visible {outline: 2px solid var(--hazard); outline-offset: 2px;}
.trk4.lay-p .whyp4 {display: grid; gap: 8px; min-width: 0; padding: 10px 12px 11px; border-left: 3px solid var(--hazard); background: var(--ink);
  animation: r4open .14s ease-out;}
.trk4.lay-p .whyp4.soft {border-left-color: var(--bone-dim);}
.trk4.lay-p .whyp4.ok {border-left-color: var(--ok);}
.trk4.lay-p .whyp4 > .src4 {padding-top: 8px; border-top: 1px solid var(--ink-line);}
@keyframes r4open { from { opacity: 0; transform: translateY(-4px); } }
.trk4.lay-p .why4 {list-style: none; margin: 0; padding: 0; display: grid; gap: 5px; min-width: 0;}
.trk4.lay-p .why4 li {position: relative; padding-left: 15px; font: 400 var(--fs-why)/1.4 var(--body); color: var(--bone); text-wrap: pretty;}
.trk4.lay-p .why4 li::before {content: ""; position: absolute; left: 1px; top: .55em; width: 6px; height: 6px; background: var(--hazard);}
.trk4.lay-p .why4.soft li::before {background: var(--bone-dim);}
.trk4.lay-p .why4.ok li::before {background: var(--ok);}
.trk4.lay-p .why4 b, .trk4.lay-p .now4 b {color: var(--bone); white-space: nowrap;}
.trk4.lay-p .src4 {margin: 0; font: 400 var(--fs-meta)/1.5 var(--mono); color: var(--bone-dim); overflow-wrap: anywhere; text-wrap: pretty;}
.trk4.lay-p .src4 b {color: var(--bone); font-weight: 700; white-space: nowrap;}
.trk4.lay-p .ft4 {margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; min-width: 0;}
.trk4.lay-p .ft {display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 8px 10px; border: 1px solid var(--ink-line); background: var(--ink);}
.trk4.lay-p .ft dt, .trk4.lay-p .ft .l {order: 2; margin: 0; font: 400 10.5px/1.25 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--bone-dim);}
.trk4.lay-p .ft dd, .trk4.lay-p .ft .v {order: 1; margin: 0; font: 700 var(--fs-val)/1.2 var(--body); color: var(--bone); overflow-wrap: anywhere;}
.trk4.lay-p .ft .v small, .trk4.lay-p .ft dd small {display: block; font: 400 12.5px/1.3 var(--body); color: var(--bone-dim);}
.trk4.lay-p .lv4 {margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; min-width: 0;}
.trk4.lay-p .lv {display: flex; flex-direction: column; gap: 2px; padding: 8px 0; border-top: 1px solid var(--ink-line); min-width: 0;}
.trk4.lay-p .lv dt {order: 1; margin: 0; font: 400 12px/1.3 var(--body); color: var(--mute);}
.trk4.lay-p .lv dd {order: 2; margin: 0; font: 600 16px/1.3 var(--body); color: var(--bone); overflow-wrap: anywhere;}
.trk4.lay-p .lv dd small {font: 400 12.5px/1.3 var(--body); color: var(--bone-dim);}
.trk4.lay-p .st4 {list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); min-width: 0;}
.trk4.lay-p .st4 > li {position: relative; display: grid; justify-items: center; align-content: start; gap: 3px; min-width: 0; text-align: center;}
.trk4.lay-p .st4 > li::before {content: ""; position: absolute; top: 12px; left: -50%; width: 100%; height: 2px; background: var(--ink-line);}
.trk4.lay-p .st4 > li:first-child::before {display: none;}
.trk4.lay-p .st4 > li.d::before {background: var(--ok);}
.trk4.lay-p .st4 > li.c::before {background: var(--hazard);}
.trk4.lay-p .st4 .mk {position: relative; z-index: 1; width: 26px; height: 26px; display: grid; place-items: center; background: var(--ink);
  border: 2px solid var(--ink-line); color: var(--mute); font: 700 12px/1 var(--mono);}
.trk4.lay-p .st4 li.d .mk {background: var(--ok); border-color: var(--ok); color: var(--ink);}
.trk4.lay-p .st4 li.c .mk {border-color: var(--hazard); color: var(--hazard); animation: r4pulse 2s ease-out infinite;}
.trk4.lay-p .st4 .nm {font: 600 11.5px/1.1 var(--body); color: var(--mute);}
.trk4.lay-p .st4 li.d .nm {color: var(--bone-dim);}
.trk4.lay-p .st4 li.c .nm {color: var(--hazard); font-weight: 700;}
.trk4.lay-p .st4 .sd {font: 400 10px/1.15 var(--mono); color: var(--mute); letter-spacing: 0;}
.trk4.lay-p .st4 li.c .sd {color: var(--bone);}
.trk4.lay-p .st4 .sl {display: none; margin: 2px 0 0; font: 400 12.5px/1.35 var(--body); color: var(--bone-dim);}
.trk4.lay-p .st4 li.c .sl {color: var(--bone);}
.trk4.lay-p .st4.lines .sl {display: block;}
.trk4.lay-p .pct4 {display: flex; align-items: center; gap: 10px; font: 700 12px/1.2 var(--mono); color: var(--hazard);}
.trk4.lay-p .pct4 .bar {flex: 1; height: 6px; background: var(--ink); border: 1px solid var(--ink-line); min-width: 40px;}
.trk4.lay-p .pct4 .bar i {display: block; height: 100%; background: var(--hazard);}
.trk4.lay-p .pct4.ok {color: var(--ok);}
.trk4.lay-p .pct4.ok .bar i {background: var(--ok);}
.trk4.lay-p .st4.v {grid-template-columns: minmax(0, 1fr); gap: 0;}
.trk4.lay-p .st4.v > li {grid-template-columns: 26px minmax(0, 1fr); justify-items: start; text-align: left; column-gap: 10px; row-gap: 1px; padding: 0 0 10px;}
.trk4.lay-p .st4.v > li::before {top: 26px; left: 12px; width: 2px; height: calc(100% - 26px);}
.trk4.lay-p .st4.v > li:first-child::before {display: block;}
.trk4.lay-p .st4.v > li:last-child::before {display: none;}
.trk4.lay-p .st4.v .mk {grid-row: 1 / span 3;}
.trk4.lay-p .st4.v .sl {display: block;}
@keyframes r4pulse { 0% { box-shadow: 0 0 0 0 rgba(34, 211, 238, .45); } 70% { box-shadow: 0 0 0 7px rgba(34, 211, 238, 0); } 100% { box-shadow: 0 0 0 0 rgba(34, 211, 238, 0); } }
.trk4.lay-p .cal4 {display: grid; gap: 6px; min-width: 0;}
.trk4.lay-p .cal4 ol {list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px;}
.trk4.lay-p .cal4 li {display: grid; justify-items: center; gap: 2px; padding: 5px 0 6px; border: 1px solid var(--ink-line); background: var(--ink); min-width: 0;}
.trk4.lay-p .cal4 .cw {font: 700 10.5px/1.1 var(--mono); letter-spacing: .04em; text-transform: uppercase; color: var(--bone-dim);}
.trk4.lay-p .cal4 .cd {font: 400 19px/1 var(--display); color: var(--bone);}
.trk4.lay-p .cal4 li.t {border-color: var(--bone);}
.trk4.lay-p .cal4 li.w {background: var(--hazard); border-color: var(--hazard);}
.trk4.lay-p .cal4 li.w .cw, .trk4.lay-p .cal4 li.w .cd {color: var(--on-hazard);}
.trk4.lay-p .cal4 li.wr {border: 2px solid var(--hazard); padding: 4px 0 5px;}
.trk4.lay-p .cal4 li.wr .cw, .trk4.lay-p .cal4 li.wr .cd {color: var(--hazard);}
.trk4.lay-p .cal4 li.x {border-style: dashed;}
.trk4.lay-p .cal4 li.x .cw, .trk4.lay-p .cal4 li.x .cd {color: var(--mute); text-decoration: line-through;}
.trk4.lay-p .cal4 li.dn {background: var(--ok); border-color: var(--ok);}
.trk4.lay-p .cal4 li.dn .cw, .trk4.lay-p .cal4 li.dn .cd {color: var(--ink);}
.trk4.lay-p .cal4 li.cap .cd {font-size: 13px; line-height: 19px; white-space: nowrap;}
.trk4.lay-p .cal4 .key {margin: 0; display: flex; flex-wrap: wrap; gap: 4px 14px; font: 400 12px/1.4 var(--body); color: var(--bone-dim);}
.trk4.lay-p .cal4 .key i {display: inline-block; width: 10px; height: 10px; margin-right: 6px; vertical-align: -1px; border: 1px solid var(--hazard);}
.trk4.lay-p .cal4 .key i.w {background: var(--hazard);}
.trk4.lay-p .cal4 .key i.wr {border-width: 2px;}
.trk4.lay-p .cal4 .key i.x {border: 1px dashed var(--mute);}
.trk4.lay-p .cal4 .key i.dn {background: var(--ok); border-color: var(--ok);}
.trk4.lay-p .up4 {display: grid; gap: 14px; min-width: 0; align-content: start;}
.trk4.lay-p .up4 .uhd {display: grid; gap: 4px; min-width: 0;}
.trk4.lay-p .up4 .uh {margin: 0; font: 400 var(--fs-h3)/1.02 var(--display); text-transform: uppercase; letter-spacing: .01em;}
.trk4.lay-p .up4 .ucn {margin: 0; font: 400 14px/1.4 var(--body); color: var(--bone);}
.trk4.lay-p .up4 .ucn b {font-weight: 700;}
.trk4.lay-p .up4 .usrc {margin: 0; font: 400 var(--fs-meta)/1.5 var(--mono); color: var(--bone-dim); overflow-wrap: anywhere;}
.trk4.lay-p .tlw {position: relative; display: grid; gap: 14px; min-width: 0;}
.trk4.lay-p .tlw::before {content: ""; position: absolute; left: 3px; top: 8px; bottom: 10px; width: 2px; background: var(--hazard-deep);}
.trk4.lay-p .tlw.one::before {display: none;}
.trk4.lay-p .tl {list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; min-width: 0;}
.trk4.lay-p .tl > li {position: relative; padding-left: 22px; min-width: 0;}
.trk4.lay-p .tl > li::before {content: ""; position: absolute; left: 0; top: 4px; width: 4px; height: 4px; border: 2px solid var(--hazard); background: var(--ink-raised);}
.trk4.lay-p .tl > li.first::before {background: var(--hazard); box-shadow: 0 0 0 3px var(--hz-tint);}
.trk4.lay-p .tl-d {margin: 0; font: 700 var(--fs-tl-d)/1.35 var(--mono); color: var(--bone-dim);}
.trk4.lay-p .tl > li.first .tl-d {color: var(--hazard);}
.trk4.lay-p .tl-d .ag {font-weight: 400; color: var(--mute);}
.trk4.lay-p .tl-d .cn {display: inline-block; margin-left: 4px; padding: 1px 5px; border: 1px solid var(--ink-line); font: 700 10.5px/1.25 var(--mono);
  letter-spacing: .06em; text-transform: uppercase; color: var(--bone); vertical-align: 1px;}
.trk4.lay-p .tl-d .cn.o {border-color: var(--hazard-deep); color: var(--hazard);}
.trk4.lay-p .tl-d .cn.t {border-color: var(--hazard-deep); color: var(--hazard);}
.trk4.lay-p .tl-d .cn.l {color: var(--mute);}
.trk4.lay-p .tl-t {margin: 2px 0 0; font: 600 var(--fs-tl-t)/1.35 var(--body); color: var(--bone); overflow-wrap: anywhere;}
.trk4.lay-p .tl-t .pl4 {font: 400 var(--fs-small)/1.35 var(--body); color: var(--bone-dim); white-space: nowrap;}
.trk4.lay-p .tl-m, .trk4.lay-p .tl-r {margin: 1px 0 0; font: 400 var(--fs-small)/1.4 var(--body); color: var(--mute); overflow-wrap: anywhere;}
.trk4.lay-p .ubtn {min-height: 44px; font-size: 12.5px; box-shadow: 3px 3px 0 var(--hazard);}
.trk4.lay-p .lk4 {display: flex; flex-wrap: wrap; gap: 0 20px; min-width: 0;}
.trk4.lay-p .lnk {min-height: 44px; display: inline-flex; align-items: center; gap: 4px; padding: 0; border: 0; background: none; cursor: pointer;
  font: 700 var(--fs-link)/1.2 var(--body); color: var(--bone-dim); text-decoration: underline; text-underline-offset: 3px;}
.trk4.lay-p .lnk:hover {color: var(--bone);}
.trk4.lay-p .lnk.cy {color: var(--hazard);}
.trk4.lay-p .lnk small {font: 400 12px var(--body); color: var(--mute); text-decoration: none;}
.trk4.lay-p .now4 {display: grid; gap: 6px; min-width: 0;}
.trk4.lay-p .now4 p {margin: 0; font: 400 14px/1.45 var(--body); color: var(--bone);}
.trk4.lay-p .nad4 {display: grid; gap: 6px; min-width: 0; padding-left: 12px; border-left: 3px solid var(--ok);}
.trk4.lay-p .nad4 ol {margin: 0; padding: 0 0 0 18px; display: grid; gap: 5px; font: 400 13.5px/1.45 var(--body); color: var(--bone-dim);}
.trk4.lay-p .nad4 ol b {color: var(--bone);}
.trk4.lay-p .mq4 {display: grid; gap: 8px; min-width: 0;}
.trk4.lay-p .mqb {justify-self: start; display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 0 12px; margin: 0;
  border: 1px solid var(--hazard-deep); background: none; color: var(--hazard); cursor: pointer; font: 700 13px/1.2 var(--body);}
.trk4.lay-p .mqb[aria-expanded="true"] {border-color: var(--hazard);}
.trk4.lay-p .mqb:focus-visible {outline: 2px solid var(--hazard); outline-offset: 2px;}
.trk4.lay-p .mqf {display: grid; gap: 6px; min-width: 0;}
.trk4.lay-p .mqf .fine {margin: 0;}
@media (min-width: 900px) {
.trk4.lay-p .mq4 {display: none;}
}
.trk4.lay-p .strip4 {padding: 10px 0 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 6px 12px;}
.trk4.lay-p .strip4 .ck {grid-column: 1; grid-row: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; min-width: 0;
  font: 700 11px/1.2 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--bone);}
.trk4.lay-p .strip4 .ck b {width: 22px; height: 22px; display: inline-grid; place-items: center; background: var(--ok); color: var(--ink); font: 700 12px/1 var(--mono); letter-spacing: 0;}
.trk4.lay-p .strip4 .car {padding: 3px 7px; border: 1px solid var(--bone-dim); font: 700 11px/1.2 var(--mono); letter-spacing: .08em; color: var(--bone);}
.trk4.lay-p .strip4 .num {grid-column: 1; grid-row: 2; font: 400 15px/1.3 var(--mono); color: var(--bone); white-space: nowrap; min-width: 0;}
.trk4.lay-p .strip4 .btn {grid-column: 2; grid-row: 1 / span 2;}
@media (max-width: 379px) {
.trk4.lay-p .strip4 .num {grid-column: 1 / -1;}
.trk4.lay-p .strip4 .btn {grid-row: 1;}
}
.trk4.lay-p .sell4 {display: grid; gap: 12px; min-width: 0;}
.trk4.lay-p .sell4 .sec-h h3 {font-size: var(--fs-h4);}
.trk4.lay-p .sell4 .slims {grid-template-columns: repeat(2, minmax(0, 1fr));}
.trk4.lay-p .slim {min-height: 70px;}
.trk4.lay-p .sell-go {display: grid; gap: 10px; min-width: 0;}
.trk4.lay-p .sell-go .btn {width: 100%;}
.trk4.lay-p .tlink {justify-self: center; min-height: 44px; padding: 0 10px; border: 0; background: none; color: var(--bone-dim); cursor: pointer;
  font: 600 13.5px/1 var(--body); text-decoration: underline; text-underline-offset: 3px;}
.trk4.lay-p .welcome4 {display: grid; gap: 10px; align-items: center; padding: 12px 14px; border: 2px solid var(--money); background: var(--mn-fill); min-width: 0;}
.trk4.lay-p .welcome4 .wt {display: grid; gap: 4px; min-width: 0;}
.trk4.lay-p .welcome4 .wk {font: 700 11px/1.2 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--money);}
.trk4.lay-p .welcome4 .wb {font: 400 15px/1.1 var(--display); text-transform: uppercase; letter-spacing: .01em; color: var(--bone);}
.trk4.lay-p .welcome4 .wd {font: 400 13px/1.4 var(--body); color: var(--bone-dim);}
.trk4.lay-p .welcome4 .wd b {font-family: var(--mono); color: var(--bone);}
.trk4.lay-p .welcome4 .btn {min-height: 44px; padding: 0 16px; justify-self: start;}
.trk4.lay-p .cl4 {margin: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; min-width: 0;
  padding: 9px 14px; border: 1px solid var(--money-deep); border-left: 3px solid var(--money); font: 400 14px/1.4 var(--body); color: var(--bone-dim);}
.trk4.lay-p .up4 > .lk4 {margin-top: -6px;}
.trk4.lay-p .up4 > .lk4 .lnk {min-height: 34px;}
.trk4.lay-p .up4 > .lk4 + .cl4, .trk4.lay-p .up4 > .usrc + .cl4 {margin-top: -8px;}
.trk4.lay-p .cl4 b {color: var(--bone); font-weight: 700;}
.trk4.lay-p .cl4-go {min-height: 44px; margin: -6px 0; display: inline-flex; align-items: center; color: var(--money); font: 700 15px/1 var(--body);
  text-decoration: underline; text-underline-offset: 3px; white-space: nowrap;}
.trk4.lay-p .cl4-go:focus-visible {outline: 2px solid var(--money); outline-offset: 2px;}
.trk4.lay-p .th {display: flex; justify-content: space-between; align-items: center; gap: 10px; min-height: 40px;}
.trk4.lay-p .tk {font: 700 11px/1.2 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--bone);}
.trk4.lay-p .wl {min-height: 44px; display: inline-flex; align-items: center; color: var(--bone-dim); font: 400 12px/1.3 var(--mono); text-decoration: underline; text-underline-offset: 3px;}
.trk4.lay-p .lk {display: grid; grid-template-columns: minmax(0, 1fr) auto;}
.trk4.lay-p .lk .in {border-right: 0; font-family: var(--mono);}
.trk4.lay-p .lk .in::placeholder {font-family: var(--body);}
/* the field and its Paste button are one box: focus rings the box (a ring around the field alone ran under Paste; brand.css rings every input with !important) */
.trk4.lay-p .lk:focus-within {outline: 2px solid var(--hazard); outline-offset: 2px;}
.trk4.lay-p .lk .in:focus-visible {outline: 0 !important;}
.trk4.lay-p .lk .pst:focus-visible {outline: 2px solid var(--hazard); outline-offset: -6px;}
.trk4.lay-p .pst {min-height: 52px; padding: 0 14px; border: 2px solid var(--ink-line); background: var(--ink-raised); color: var(--hazard);
  font: 700 12px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; cursor: pointer;}
.trk4.lay-p .hint {margin: 0; font-size: 13px; line-height: 1.45; color: var(--bone-dim);}
.trk4.lay-p .dev {font: 400 12px/1.3 var(--mono); color: var(--bone-dim);}
.trk4.lay-p .mailp {gap: 10px;}
.trk4.lay-p .mrow {display: flex; gap: 8px; min-width: 0;}
.trk4.lay-p .mrow .in {flex: 1; height: 48px; min-width: 0;}
.trk4.lay-p .mrow .btn {min-height: 48px; padding: 0 14px;}
.trk4.lay-p .fine {margin: 0; font-size: 11.5px; line-height: 1.45; color: var(--mute);}
.trk4.lay-p .fine a {text-decoration: underline; display: inline-block; padding: 8px 0 20px; margin: -8px 0 -20px;}
.trk4.lay-p .pk4 {gap: 10px;}
/* saved parcels: one line each between flat rules (carrier, number, status and its date, last update, Remove), the
   columns lined up from row to row where the browser has subgrid */
.trk4.lay-p .pk4-l {list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; border-bottom: 1px solid var(--ink-line);}
.trk4.lay-p .pk {position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; border-top: 1px solid var(--ink-line); min-width: 0;}
.trk4.lay-p .pk-o {display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; padding: 14px 0; min-width: 0; min-height: 44px;}
.trk4.lay-p .pk-o:hover {background: #111114;}
.trk4.lay-p .back4, .trk4.lay-p .pk4-c {display: grid; gap: 16px; min-width: 0;}
.trk4.lay-p .pk-h {display: flex; flex-wrap: wrap; align-items: center; gap: 2px 16px; min-width: 0;}
.trk4.lay-p .pk-h .car {flex: none; padding: 2px 6px; border: 1px solid var(--ink-line); font: 700 10.5px/1.2 var(--mono); letter-spacing: .06em; color: var(--bone); white-space: nowrap;}
.trk4.lay-p .pk-h .num {font: 400 12.5px/1.3 var(--mono); color: var(--bone-dim);}
.trk4.lay-p .pk-s {margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; font: 700 14px/1.35 var(--body); color: var(--bone);}
.trk4.lay-p .pk-s .stc4 {font: 700 11px/1.2 var(--mono); letter-spacing: .08em; text-transform: uppercase;}
.trk4.lay-p .pk-s .stc4.t {color: var(--hazard);}
.trk4.lay-p .pk-s .stc4.p {color: var(--bone-dim);}
.trk4.lay-p .pk-s .stc4.ok {color: var(--ok);}
.trk4.lay-p .pk-l {margin: 0; font: 400 12.5px/1.4 var(--body); color: var(--bone-dim); overflow-wrap: break-word;}
.trk4.lay-p .pk-l > span {white-space: nowrap;}
.trk4.lay-p .pk-x {min-width: 44px; min-height: 44px; padding: 0; border: 0; background: none; color: var(--bone-dim);
  font: 700 11px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; cursor: pointer;}
.trk4.lay-p .pk-x:hover {color: var(--bone);}
.trk4.lay-p .pk-more {justify-self: start; min-height: 44px; margin: -10px 0; padding: 0; border: 0; background: none; color: var(--hazard); cursor: pointer;
  font: 700 11px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase;}
.trk4.lay-p .pk-more:hover {color: var(--bone);}
/* the box for a new number: the field (with its Paste) takes the room, Track sits beside it */
.trk4.lay-p .pk-new {grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 16px; row-gap: 12px;}
.trk4.lay-p .pk-new > .tk {grid-column: 1 / -1;}
.trk4.lay-p .pk-new > .btn.full {width: auto;}
@supports (grid-template-columns: subgrid) {
.trk4.lay-p .pk4-l {grid-template-columns: auto auto auto minmax(min-content, 1fr) auto; column-gap: 16px;}
.trk4.lay-p .pk {grid-column: 1 / -1; grid-template-columns: subgrid;}
.trk4.lay-p .pk-o {grid-column: 1 / 5; display: grid; grid-template-columns: subgrid; align-items: center;}
.trk4.lay-p .pk-h {display: contents;}
.trk4.lay-p .pk-h .car {justify-self: start;}
.trk4.lay-p .pk-x {grid-column: 5;}
/* the last update keeps its one line: a long number or date wraps in its own cell instead */
.trk4.lay-p .pk-l {white-space: nowrap;}
}
.trk4.lay-p .nh4 .slims {grid-template-columns: repeat(2, minmax(0, 1fr));}
.trk4.lay-p .nh4 .copyrow {padding: 8px 12px;}
@media (max-width: 899px) {
.trk4.lay-p .nh4 .slim:nth-child(n+3) {display: none;}
}
@media (min-width: 900px) {
.trk4.lay-p .a4 {padding: 20px 0 0; gap: 20px;}
.trk4.lay-p .strip4 {grid-template-columns: auto minmax(0, 1fr) auto; padding: 8px 0 0; column-gap: 18px;}
.trk4.lay-p .strip4 .num {grid-column: 2; grid-row: 1;}
.trk4.lay-p .strip4 .btn {grid-column: 3; grid-row: 1;}
.trk4.lay-p .sell4 .slims {grid-template-columns: repeat(4, minmax(0, 1fr));}
.trk4.lay-p .sell-go {grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto; align-items: center;}
.trk4.lay-p .welcome4 {grid-template-columns: minmax(0, 1fr) auto; padding: 10px 16px; gap: 16px;}
.trk4.lay-p .welcome4 .wt {grid-template-columns: auto minmax(0, 1fr); align-items: baseline; column-gap: 14px;}
.trk4.lay-p .welcome4 .wd {grid-column: 1 / -1;}
.trk4.lay-p .welcome4 .btn {justify-self: end;}
.trk4.lay-p .nh4 .slims {grid-template-columns: repeat(4, minmax(0, 1fr));}
.trk4.lay-p .nh4-go {display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; align-items: center;}
.trk4.lay-p .tools {grid-template-columns: repeat(4, minmax(0, 1fr));}
}
.trk4.lay-p .nh4-go {display: grid; gap: 8px;}
@media (max-width: 359px) {
.trk4.lay-p .wrap {padding-left: 10px; padding-right: 10px;}
.trk4.lay-p .a4 {padding: 14px 0 0;}
.trk4.lay-p .dt4 .ln {font-size: 24px;}
.trk4.lay-p .st4 .nm {font-size: 10.5px;}
.trk4.lay-p .st4 .sd {font-size: 9.5px; letter-spacing: 0;}
.trk4.lay-p .st4 .mk {width: 22px; height: 22px;}
.trk4.lay-p .st4 > li::before {top: 10px;}
.trk4.lay-p .cal4 .cw {font-size: 9.5px; letter-spacing: 0;}
.trk4.lay-p .cal4 .cd {font-size: 16px;}
.trk4.lay-p .cal4 li.cap .cd {font-size: 12px;}
.trk4.lay-p .ft {padding: 8px 9px;}
.trk4.lay-p .strip4 .num {font-size: 13px;}
.trk4.lay-p .tl-d .cn {margin-left: 2px;}
}
@media (prefers-reduced-motion: reduce) {
.trk4.lay-p *, .trk4.lay-p, .trk4.lay-p *::before, .trk4.lay-p *::after {animation: none !important; transition: none !important;}
.trk4.lay-p .st4 li.c .mk {box-shadow: 0 0 0 3px var(--hz-tint);}
}
.trk4.lay-p .fq4 {display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 0 2px;
  border-top: 1px solid var(--ink-line); border-bottom: 1px solid var(--ink-line); color: var(--bone); text-decoration: none;}
.trk4.lay-p .fq4-t {font: 700 15px/1.3 var(--body);}
.trk4.lay-p .fq4-n {flex: none; font: 700 12px/1 var(--mono); letter-spacing: .06em; color: var(--hazard);}
.trk4.lay-p .fq4:hover .fq4-t {text-decoration: underline;}
.trk4.lay-p .fq4-back {justify-self: start; display: inline-flex; align-items: center; min-height: 40px; font: 700 13px/1 var(--mono);
  letter-spacing: .04em; color: var(--bone-dim); text-decoration: none;}
.trk4.lay-p .fq4-back:hover {color: var(--bone);}
.trk4.lay-p .ag-more {cursor: pointer; color: var(--hazard); border-style: dashed;}
.trk4.lay-p .sell-lk {display: flex; justify-content: center; flex-wrap: wrap; gap: 0 18px;}
.trk4.lay-p .sell-lk .tlink {display: inline-flex; align-items: center; text-decoration: underline; text-underline-offset: 3px;}
@media (max-width: 899px) {
.trk4.lay-p .mailp {display: none;}
}
@media (min-width: 900px) {
.trk4.lay-p .sell-go {grid-template-columns: minmax(0, 1fr) auto;}
.trk4.lay-p .mailp {grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); grid-template-areas: "tk row" "hint row" "hint fine";
    column-gap: 32px; row-gap: 6px; align-items: start;}
.trk4.lay-p .mailp > .tk {grid-area: tk;}
.trk4.lay-p .mailp > .hint {grid-area: hint;}
.trk4.lay-p .mailp > .mrow {grid-area: row;}
.trk4.lay-p .mailp > .fine {grid-area: fine;}
}
.trk4.lay-p .rb {gap: 16px;}
.trk4.lay-p .rb-v {display: grid; gap: 6px; min-width: 0; align-content: start;}
.trk4.lay-p .rb-v > [data-r4=status] {margin-bottom: 8px;}
.trk4.lay-p .rb-wp {margin-top: -10px;}
.trk4.lay-p .rb-u, .trk4.lay-p .rb-n, .trk4.lay-p .rb-p {border-top: 1px solid var(--ink-line); padding-top: 14px;}
.trk4.lay-p .rb-p {display: grid; gap: 8px; min-width: 0;}
.trk4.lay-p .rb-tw {display: grid; min-width: 0;}
.trk4.lay-p .rb-th {display: none;}
.trk4.lay-p .rb-rows .rt, .trk4.lay-p .rb-rows .rw {display: flex; flex-wrap: wrap; align-items: baseline; min-width: 0; overflow: hidden;}
.trk4.lay-p .rb-rows .rt {column-gap: 16px;}
.trk4.lay-p .rb-rows .rw {column-gap: 15px;}
.trk4.lay-p .rb-rows .c-e {min-width: 0;}
.trk4.lay-p .rb-rows .c-d, .trk4.lay-p .rb-rows .c-a, .trk4.lay-p .rb-rows .c-l {white-space: nowrap;}
.trk4.lay-p .rb-rows .c-l .cn {margin-left: 0;}
.trk4.lay-p .rb-rows .c-a, .trk4.lay-p .rb-rows .c-p {position: relative;}
.trk4.lay-p .rb-rows .c-a::before, .trk4.lay-p .rb-rows .c-p::before {content: "\00b7"; position: absolute;}
.trk4.lay-p .rb-rows .c-a::before {left: -11.5px;}
.trk4.lay-p .rb-rows .c-p::before {left: -9px;}
.trk4.lay-p .rb-rows .c-p.e {display: none;}
.trk4.lay-p .rb-rows .c-m {display: grid; gap: 1px; min-width: 0;}
.trk4.lay-p .rb-note {margin: 0; font: 400 var(--fs-small)/1.4 var(--body); color: var(--bone-dim);}
.trk4.lay-p .rb-uh .ucn-p {display: inline-block;}
.trk4.lay-p .rb-n {gap: 4px;}
.trk4.lay-p .rb-n p {margin: 0;}
.trk4.lay-p .rb-pc {margin-top: -6px;}
@media (max-width: 899px) {
.trk4.lay-p .rb-st .nm {max-width: calc(100% - 8px); min-height: 2.1em; line-height: 1.05; text-wrap: balance;}
.trk4.lay-p .rb-st .sd {white-space: nowrap;}
.trk4.lay-p .rb-st.lines .sl {display: none;}
}
@media (max-width: 389px) {
.trk4.lay-p .rb-st .sd {letter-spacing: -.04em;}
}
.trk4.lay-p .rb-d {margin-top: 2px;}
@media (min-width: 900px) {
.trk4.lay-p .rb {grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); grid-template-rows: auto auto 1fr;
    grid-template-areas: "v s" "v c" "v n" "w w" "u u" "p p" "d d"; column-gap: 0; row-gap: 0;}
.trk4.lay-p .rb-v {grid-area: v; padding-right: 32px; grid-template-rows: auto auto 1fr;}
.trk4.lay-p .rb-v > [data-r4=status] {margin-bottom: 12px;}
.trk4.lay-p .rb-v > .rb-sw {align-self: end;}
.trk4.lay-p .rb .dt4 .lr {justify-content: flex-start; column-gap: 16px;}
.trk4.lay-p .rb-st, .trk4.lay-p .rb-pc, .trk4.lay-p .rb-n {padding-left: 32px; border-left: 1px solid var(--ink-line);}
.trk4.lay-p .rb-st {grid-area: s;}
.trk4.lay-p .rb-pc {grid-area: c; margin-top: 0; padding-top: 14px;}
.trk4.lay-p .rb-n {grid-area: n; border-top: 0; padding: 12px 0 12px 32px; display: grid; grid-template-columns: auto minmax(0, 1fr);
    column-gap: 14px; align-items: baseline; align-content: end;}
.trk4.lay-p .rb-pending .rb-n {padding-bottom: 0;}
.trk4.lay-p .rb-n .nl {display: block;}
.trk4.lay-p .rb-nonow .rb-pc {grid-row: 2 / span 2; flex-wrap: wrap; align-content: flex-end; padding-bottom: 15px;}
.trk4.lay-p .rb-st.lines {align-items: start;}
.trk4.lay-p .rb-st.lines .sl {margin-top: 1px; padding: 0 4px; font-size: 12.5px; line-height: 1.3; text-wrap: balance;}
.trk4.lay-p .rb-wp {grid-area: w; margin-top: 16px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-auto-flow: column; grid-template-rows: repeat(3, auto); column-gap: 40px; row-gap: 7px; align-items: start;}
.trk4.lay-p .rb-wp .why4 {display: contents;}
.trk4.lay-p .rb-wp > .src4 {padding-top: 7px;}
.trk4.lay-p .rb-w4 > .src4 {grid-row: span 2;}
.trk4.lay-p .rb-u {grid-area: u; margin-top: 18px; padding-top: 16px; grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "h l" "t t" "b b" "s s" "x x"; column-gap: 24px; row-gap: 10px;}
.trk4.lay-p .rb-uh {grid-area: h;}
.trk4.lay-p .rb-lk {grid-area: l; justify-content: end; align-self: start; margin-top: -10px;}
.trk4.lay-p .rb-tw {grid-area: t;}
.trk4.lay-p .rb-u > #upd-btn {grid-area: b;}
.trk4.lay-p .rb-us {grid-area: s;}
.trk4.lay-p .rb-note {grid-area: x;}
.trk4.lay-p .rb-th, .trk4.lay-p .rb-rows > li {grid-template-columns: 140px minmax(0, 1fr) 150px 140px; column-gap: 16px;}
.trk4.lay-p .rb-th .h-1 {display: none;}
.trk4.lay-p .rb-th {display: grid; padding: 0 0 6px 22px; border-bottom: 1px solid var(--ink-line); font: 400 10.5px/1.25 var(--mono);
    letter-spacing: .06em; text-transform: uppercase; color: var(--bone-dim);}
.trk4.lay-p .rb-tl, .trk4.lay-p .rb-tl > .tl {gap: 0;}
.trk4.lay-p .rb-rows > li {display: grid; grid-template-areas: "d e p l" "a e p l" "a m m m"; grid-template-rows: calc(var(--fs-tl-t) * 1.35) auto auto;
    align-items: baseline; padding: 9px 0 10px 22px;}
.trk4.lay-p .rb-rows > li::after {content: ""; position: absolute; left: 22px; right: 0; top: 0; height: 1px; background: var(--ink-line);}
.trk4.lay-p .rb-tl > .rb-rows:first-child > li:first-child::after {content: none;}
.trk4.lay-p .rb-rows > li::before {top: 16px;}
.trk4.lay-p .rb-tl::before {top: 20px; bottom: 14px;}
.trk4.lay-p .rb-rows .rt, .trk4.lay-p .rb-rows .rw {display: contents; overflow: visible;}
.trk4.lay-p .rb-rows .c-d {grid-area: d; white-space: nowrap;}
.trk4.lay-p .rb-rows .c-a {grid-area: a; white-space: nowrap; font-size: 11.5px;}
.trk4.lay-p .rb-rows .c-a::before, .trk4.lay-p .rb-rows .c-p::before {content: none;}
.trk4.lay-p .rb-rows .c-l {grid-area: l;}
.trk4.lay-p .rb-rows .c-l .cn {margin-left: 0;}
.trk4.lay-p .rb-rows .c-e {grid-area: e;}
.trk4.lay-p .rb-rows .c-p {grid-area: p; font-size: 13.5px; white-space: normal;}
.trk4.lay-p .rb-rows .c-p.e {display: block; color: var(--mute);}
.trk4.lay-p .rb-rows .c-m {grid-area: m; margin-top: 1px;}
.trk4.lay-p .rb-p {grid-area: p; margin-top: 18px;}
.trk4.lay-p .rb-f {grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px;}
.trk4.lay-p .rb-d {grid-area: d; margin-top: 20px;}
.trk4.lay-p .rb-d ol {grid-template-columns: minmax(0, 98fr) minmax(0, 138fr) minmax(0, 155fr); column-gap: 40px;}
}
@media (min-width: 1180px) {
.trk4.lay-p .rb-u.rb-more {grid-template-areas: "h l" "t t" "b s";}
.trk4.lay-p .rb-u.rb-more > .rb-us {align-self: center;}
}
@media (min-width: 900px) and (max-width: 1179px) {
.trk4.lay-p .rb-u {grid-template-columns: minmax(0, 1fr); grid-template-areas: "h" "t" "b" "s" "x" "l";}
.trk4.lay-p .rb-lk {justify-content: start; margin-top: -4px;}
.trk4.lay-p .rb-f {grid-template-columns: repeat(3, minmax(0, 1fr));}
.trk4.lay-p .rb-d ol {column-gap: 28px;}
}
@media (min-width: 900px) {
.trk4.lay-p .p1 {--t-date: 400 32px/32px var(--display);
    --t-head: 400 20px/24px var(--display);
    --t-lead: 400 16px/24px var(--body);
    --t-value: 700 16px/24px var(--body);
    --t-code: 400 16px/24px var(--mono);
    --t-body: 400 14px/20px var(--body);
    --t-strong: 700 14px/20px var(--body);
    --t-button: 800 14px/20px var(--body);
    --t-small: 400 12px/16px var(--body);
    --t-label: 700 12px/16px var(--mono);
    --t-meta: 400 12px/16px var(--mono);
    --h-s: 24px; --h-m: 44px; --h-l: 52px; --h-bar: 8px;}
.trk4.lay-p .p1 h3, .trk4.lay-p .p1 .up4 .uh, .trk4.lay-p .p1 .sell4 .sec-h h3, .trk4.lay-p .p1 .rb-p > .lb4, .trk4.lay-p .p1 .hd4, .trk4.lay-p .p1 .mailp > .tk, .trk4.lay-p .p1 .welcome4 .wb, .trk4.lay-p .p1 .tool .nm, .trk4.lay-p .p1 .fq4-t, .trk4.lay-p .p1 .pk4 > .th .tk, .trk4.lay-p .p1 #field > .th .tk {font: var(--t-head); letter-spacing: .01em; text-transform: uppercase; color: var(--bone);}
.trk4.lay-p .p1 .dt4 .ln {font: var(--t-date); letter-spacing: .01em;}
.trk4.lay-p .p1 .stx4 .s, .trk4.lay-p .p1 .rb-rows .c-e, .trk4.lay-p .p1 .tl-t, .trk4.lay-p .p1 .ft dd, .trk4.lay-p .p1 .faq summary {font: var(--t-value); letter-spacing: 0;}
.trk4.lay-p .p1 .sub {font: var(--t-lead);}
.trk4.lay-p .p1 .up4 .ucn, .trk4.lay-p .p1 .now4 p, .trk4.lay-p .p1 .why4 li, .trk4.lay-p .p1 .nad4 ol, .trk4.lay-p .p1 .hint, .trk4.lay-p .p1 .welcome4 .wd, .trk4.lay-p .p1 .cl4, .trk4.lay-p .p1 .tool .ln, .trk4.lay-p .p1 .faq p, .trk4.lay-p .p1 .rb-note, .trk4.lay-p .p1 .rb-rows .c-p, .trk4.lay-p .p1 .note {font: var(--t-body); letter-spacing: 0;}
.trk4.lay-p .p1 .cl4 b.mono, .trk4.lay-p .p1 .welcome4 .wd b {font-family: var(--body);}
.trk4.lay-p .p1 .whyb, .trk4.lay-p .p1 .lnk, .trk4.lay-p .p1 .tlink, .trk4.lay-p .p1 .cl4-go, .trk4.lay-p .p1 .chip, .trk4.lay-p .p1 .slim .n, .trk4.lay-p .p1 .dt4 .ind, .trk4.lay-p .p1 .st4 .nm, .trk4.lay-p .p1 .pct4, .trk4.lay-p .p1 .pk-s {font: var(--t-strong); letter-spacing: 0; text-transform: none;}
.trk4.lay-p .p1 .ft dd small, .trk4.lay-p .p1 .tl-m, .trk4.lay-p .p1 .tl-r, .trk4.lay-p .p1 .fine, .trk4.lay-p .p1 .lnk small, .trk4.lay-p .p1 .st4 .sl, .trk4.lay-p .p1 .pk-l {font: var(--t-small); letter-spacing: 0;}
.trk4.lay-p .p1 .lb4, .trk4.lay-p .p1 .stx4 .k, .trk4.lay-p .p1 .dt4 .lb, .trk4.lay-p .p1 .pl, .trk4.lay-p .p1 .strip4 .ck, .trk4.lay-p .p1 .strip4 .car, .trk4.lay-p .p1 .rb-th, .trk4.lay-p .p1 .ft dt, .trk4.lay-p .p1 .tl-d .cn, .trk4.lay-p .p1 .sec-h a, .trk4.lay-p .p1 .fq4-n, .trk4.lay-p .p1 .welcome4 .wk, .trk4.lay-p .p1 .pk-s .stc4, .trk4.lay-p .p1 .pk-x, .trk4.lay-p .p1 .pst, .trk4.lay-p .p1 .tool .st, .trk4.lay-p .p1 .pk-h .car, .trk4.lay-p .p1 .fq4-back, .trk4.lay-p .p1 .pk-new > .tk, .trk4.lay-p .p1 #field > .th .wl, .trk4.lay-p .p1 .slim .p, .trk4.lay-p .p1 .sure4 .sk {font: var(--t-label); letter-spacing: .1em; text-transform: uppercase;}
.trk4.lay-p .p1 .st4 .mk, .trk4.lay-p .p1 .strip4 .ck b {font: var(--t-label); letter-spacing: 0; text-transform: uppercase;}
.trk4.lay-p .p1 .src4, .trk4.lay-p .p1 .usrc, .trk4.lay-p .p1 .rb-rows .c-d, .trk4.lay-p .p1 .tl-d, .trk4.lay-p .p1 .rb-rows .c-a, .trk4.lay-p .p1 .tl-d .ag, .trk4.lay-p .p1 .st4 .sd, .trk4.lay-p .p1 .pk-h .num, .trk4.lay-p .p1 .pk-s .in4, .trk4.lay-p .p1 .dev {font: var(--t-meta); letter-spacing: 0;}
.trk4.lay-p .p1 .src4 b {font-weight: 400; color: var(--bone);}
.trk4.lay-p .p1 .strip4 .num, .trk4.lay-p .p1 .copyrow b {font: var(--t-code); letter-spacing: 0;}
.trk4.lay-p .p1 .btn, .trk4.lay-p .p1 .ubtn, .trk4.lay-p .p1 .btn.sm {font: var(--t-button); letter-spacing: .06em;}
.trk4.lay-p .p1 .tool .go {font-size: 16px;}
.trk4.lay-p .p1 .btn {padding: 0 24px;}
.trk4.lay-p .p1 .btn.sm, .trk4.lay-p .p1 .mrow .btn {padding: 0 16px;}
.trk4.lay-p .p1 .in {padding: 0 16px;}
.trk4.lay-p .p1 .pl {padding: 0 8px; gap: 8px;}
.trk4.lay-p .p1 .sure4 {gap: 8px 16px;}
.trk4.lay-p .p1 .whyb {gap: 8px;}
.trk4.lay-p .p1 .tl-d .cn {padding: 1px 8px;}
.trk4.lay-p .p1 .strip4 {gap: 8px 16px;}
.trk4.lay-p .p1 .strip4 .ck {gap: 8px;}
.trk4.lay-p .p1 .strip4 .car {padding: 4px 8px;}
.trk4.lay-p .p1 .pct4 {gap: 16px;}
.trk4.lay-p .p1 .sell-go {gap: 16px;}
.trk4.lay-p .p1 .tlink {padding: 0 8px;}
.trk4.lay-p .p1 .sec-h, .trk4.lay-p .p1 .fq4 {gap: 16px;}
.trk4.lay-p .p1 .sec-h a {padding: 16px 0; margin: -16px 0;}
.trk4.lay-p .p1 .cl4 {gap: 8px 16px;}
.trk4.lay-p .p1 .cl4-go {margin: -8px 0;}
.trk4.lay-p .p1 .fine a {padding: 8px 0 16px; margin: -8px 0 -16px;}
.trk4.lay-p .p1 .nad4 ol {gap: 8px;}
.trk4.lay-p .p1 .chip {gap: 8px;}
.trk4.lay-p .p1 .th {min-height: 24px; gap: 16px;}
.trk4.lay-p .p1 .pst, .trk4.lay-p .p1 .copy {padding: 0 16px;}
.trk4.lay-p .p1 .pk-h .car {padding: 2px 8px;}
.trk4.lay-p .p1 .copyrow {gap: 16px;}
.trk4.lay-p .p1 .faq summary {gap: 16px;}
.trk4.lay-p .p1 .faq p {margin: 0 0 16px;}
}
@media (min-width: 1200px) {
.trk4.lay-p .p1 {max-width: 1512px; padding: 24px clamp(20px, 4vw, 56px) 0; grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 32px; row-gap: 0; align-items: start;}
.trk4.lay-p .p1 > * {grid-column: 1 / -1; margin-top: 48px;}
.trk4.lay-p .p1 > .t4h1 {margin-top: 0;}
.trk4.lay-p .p1 > .sub {margin-top: 8px; max-width: none;}
.trk4.lay-p .p1 > .sec, .trk4.lay-p .p1 > .panel:not(.strip4), .trk4.lay-p .p1-back > .back4 > .panel, .trk4.lay-p .p1-back .pk4-c > .panel {border-top: 1px solid var(--ink-line); padding-top: 24px;}
.trk4.lay-p .p1 > .fq4 {border-bottom: 0;}
.trk4.lay-p .p1 .sell-go > .btn:only-child {grid-column: 1 / -1;}
.trk4.lay-p .p1-res > .t4h1 {grid-column: 1 / 7; grid-row: 1;}
.trk4.lay-p .p1-res > .sub {grid-column: 1 / 7; grid-row: 2;}
.trk4.lay-p .p1-res > .strip4 {grid-column: 7 / 13; grid-row: 1 / 3; margin-top: 0; align-self: end;
    grid-template-columns: auto auto minmax(0, 1fr) auto; column-gap: 16px; padding-top: 16px;}
.trk4.lay-p .p1-res > .strip4 .num {justify-self: start;}
.trk4.lay-p .p1-res > .strip4 > .btn {grid-column: 4;}
.trk4.lay-p .p1-res > #answer {grid-row: 3;}
.trk4.lay-p .p1-res > .sell4 {grid-row: 4;}
.trk4.lay-p .p1-res {grid-template-rows: auto auto auto auto auto 1fr;}
.trk4.lay-p .p1-res > .fq4 {grid-column: 1 / 5; grid-row: 5;}
.trk4.lay-p .p1-res > .sec[aria-label="Track by agent"] {grid-column: 1 / 5; grid-row: 6; margin-top: 24px; align-self: end;}
.trk4.lay-p .p1-res > .sec[aria-label="More tools"] {grid-column: 5 / 13; grid-row: 5 / 7; align-self: stretch;}
.trk4.lay-p .p1 .rb {grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: auto auto 1fr; grid-template-areas: none;
    column-gap: 32px; row-gap: 0; padding-top: 24px;}
.trk4.lay-p .p1 .rb > .rb-v {grid-column: 1 / 5; grid-row: 1 / 4; padding: 0; gap: 8px; grid-template-rows: auto auto 1fr;}
.trk4.lay-p .p1 .rb-v > [data-r4=status] {margin-bottom: 8px; gap: 8px;}
.trk4.lay-p .p1 .rb-v .dt4 {gap: 8px;}
.trk4.lay-p .p1 .rb > .rb-st {grid-column: 5 / 13; grid-row: 1; padding: 0; border: 0;}
.trk4.lay-p .p1 .rb > .rb-pc {grid-column: 5 / 13; grid-row: 2; padding: 16px 0 0; border: 0; margin: 0;}
.trk4.lay-p .p1 .rb > .rb-n {grid-column: 5 / 13; grid-row: 3; padding: 16px 0 8px; border: 0; margin: 0; align-self: end;
    column-gap: 16px;}
.trk4.lay-p .p1 .rb-pending > .rb-n {padding-bottom: 0;}
.trk4.lay-p .p1 .rb-nonow > .rb-pc {grid-row: 2 / 4; align-self: end; padding: 16px 0 16px;}
.trk4.lay-p .p1 .rb > .rb-wp {grid-column: 1 / 13; grid-row: 4; margin-top: 24px; column-gap: 32px; row-gap: 8px;}
.trk4.lay-p .p1 .rb > .rb-u, .trk4.lay-p .p1 .rb > .rb-p, .trk4.lay-p .p1 .rb > .mailp, .trk4.lay-p .p1 .rb > .rb-d {margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--ink-line);}
.trk4.lay-p .p1 .rb > .rb-u {grid-column: 1 / 9; grid-row: 5; align-self: stretch;}
.trk4.lay-p .p1 .rb > .rb-p {grid-column: 9 / 13; grid-row: 5; gap: 16px; align-self: stretch; grid-template-rows: auto 1fr;}
.trk4.lay-p .p1 .rb > .mailp, .trk4.lay-p .p1 .rb > .rb-d {grid-column: 1 / 13; grid-row: 6;}
.trk4.lay-p .p1 .rb-u {grid-template-columns: repeat(8, minmax(0, 1fr)); column-gap: 32px; row-gap: 16px;
    grid-template-areas: "h h h h h h h h" "t t t t t t t t" "b b b s s s s s" "c c c c c c c c";}
.trk4.lay-p .p1 .rb-u:not(.rb-more) {grid-template-areas: "h h h h h h h h" "t t t t t t t t" "s s s s s s s s" "c c c c c c c c";}
.trk4.lay-p .p1 .rb-pending .rb-u {grid-template-areas: "h h h h h h h h" "t t t t t t t t" "s s s s s s s s" "x x x x x x x x" "c c c c c c c c";}
.trk4.lay-p .p1 .rb-u > .rb-uh {grid-area: h;}
.trk4.lay-p .p1 .rb-u > * {margin: 0;}
.trk4.lay-p .p1 .rb-u > .rb-us {align-self: center;}
.trk4.lay-p .p1 .rb-u > .cl4 {grid-area: c;}
.trk4.lay-p .p1 .rb-uh {gap: 8px;}
.trk4.lay-p .p1 .rb-u > .rb-lk {grid-area: h; margin: -1px 0 0; justify-self: end; align-self: start; flex-direction: row; flex-wrap: nowrap;
    align-items: center; justify-content: flex-end; gap: 24px;}
.trk4.lay-p .p1 .rb-lk .lnk {min-height: 24px; white-space: nowrap;}
.trk4.lay-p .p1 .rb-u > .rb-us {white-space: nowrap;}
.trk4.lay-p .p1 .rb-u:not(.rb-more) > .rb-us {white-space: normal;}
.trk4.lay-p .p1 .rb-th, .trk4.lay-p .p1 .rb-rows > li {grid-template-columns: 120px minmax(0, 1fr) 136px 140px; column-gap: 16px;}
.trk4.lay-p .p1 .rb-th {padding: 0 0 8px 24px;}
.trk4.lay-p .p1 .rb-rows > li {padding: 16px 0 16px 24px; grid-template-rows: 24px auto auto;}
.trk4.lay-p .p1 .rb-rows > li::after {left: 24px;}
.trk4.lay-p .p1 .rb-rows > li::before {top: 23px;}
.trk4.lay-p .p1 .rb-tl::before {top: 27px; bottom: 24px;}
.trk4.lay-p .p1 .rb-rows .c-m {margin-top: 0;}
.trk4.lay-p .p1 .cl4 {padding: 8px 16px; column-gap: 16px;}
.trk4.lay-p .p1 .rb-f {grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; column-gap: 32px; row-gap: 16px;}
.trk4.lay-p .p1 .ft {padding: 16px; gap: 8px; justify-content: space-between;}
.trk4.lay-p .p1 .rb-u {align-content: space-between;}
.trk4.lay-p .p1 .rb:has(.rb-u.open) > .rb-p {align-self: start;}
.trk4.lay-p .p1 .rb:has(.rb-u.open) .rb-f {grid-auto-rows: auto;}
.trk4.lay-p .p1 .ft dd {display: grid; gap: 0;}
.trk4.lay-p .p1 .rb > .mailp {display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-areas: none;
    column-gap: 32px; row-gap: 8px; align-items: end;}
.trk4.lay-p .p1 .rb > .mailp > .tk {grid-area: 1 / 1 / 2 / 6;}
.trk4.lay-p .p1 .rb > .mailp > .hint {grid-area: 2 / 1 / 3 / 6;}
.trk4.lay-p .p1 .rb > .mailp > .mrow {grid-area: 1 / 6 / 3 / 10;}
.trk4.lay-p .p1 .rb > .mailp > .fine {grid-area: 1 / 10 / 3 / 13;}
.trk4.lay-p .p1 .rb > .mailp .mrow .btn {min-height: 52px;}
.trk4.lay-p .p1 .rb > .mailp .mrow .in {height: 52px;}
.trk4.lay-p .p1 .rb > .rb-d {display: grid; gap: 16px; padding-left: 0; border-left: 0;}
.trk4.lay-p .p1 .rb > .rb-d ol {grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 32px; padding: 0; list-style-position: inside;}
.trk4.lay-p .p1 .rb > .rb-d ol {align-items: start;}
.trk4.lay-p .p1 .rb > .rb-d li {grid-column: span 4;}
.trk4.lay-p .p1 .sell4 {grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 32px; row-gap: 16px; align-items: stretch;}
.trk4.lay-p .p1 .sell4 > .welcome4 {grid-column: 1 / 5; grid-row: 1 / 3; grid-template-columns: minmax(0, 1fr); align-content: start;
    gap: 16px; padding: 16px; border: 0; box-shadow: inset 0 0 0 2px var(--money);}
.trk4.lay-p .p1 .sell4 > .welcome4 .wt {grid-template-columns: minmax(0, 1fr); gap: 8px;}
.trk4.lay-p .p1 .sell4 > .welcome4 .btn {justify-self: stretch; min-height: 52px;}
.trk4.lay-p .p1 .sell4 > .sec {grid-column: 5 / 13; grid-row: 1; gap: 16px;}
.trk4.lay-p .p1 .sell4 > .sell-go {grid-column: 5 / 13; grid-row: 2; align-self: end; grid-template-columns: repeat(8, minmax(0, 1fr));
    column-gap: 32px;}
.trk4.lay-p .p1 .sell-go > .btn {grid-column: 1 / 5;}
.trk4.lay-p .p1 .sell-go > .sell-lk {grid-column: 5 / 9; justify-content: space-between; gap: 0 24px;}
.trk4.lay-p .p1 .sell-go .tlink {min-height: 52px;}
.trk4.lay-p .p1 .slims {grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px;}
.trk4.lay-p .p1 .slim {padding: 8px; gap: 16px; min-height: 72px;}
.trk4.lay-p .p1 .fq4 {min-height: 52px; padding: 0;}
.trk4.lay-p .p1 .chips.ag {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 52px; gap: 16px;}
.trk4.lay-p .p1 .chips.ag .chip {justify-content: center; padding: 0 8px; min-height: 52px;}
.trk4.lay-p .p1-land > .sec[aria-label="Track by agent"], .trk4.lay-p .p1-back > .sec[aria-label="Track by agent"] {align-self: stretch; grid-template-rows: auto 1fr;}
.trk4.lay-p .p1-land .chips.ag, .trk4.lay-p .p1-back .chips.ag {grid-auto-rows: minmax(52px, 1fr);}
.trk4.lay-p .p1 .sec {gap: 16px;}
.trk4.lay-p .p1 .sec[aria-label="More tools"] {grid-template-rows: auto 1fr;}
.trk4.lay-p .p1 .tools {gap: 16px 32px; grid-auto-rows: 1fr;}
.trk4.lay-p .p1 .tool {padding: 16px; column-gap: 16px; row-gap: 8px;}
.trk4.lay-p .p1-res .tools {grid-template-columns: repeat(2, minmax(0, 1fr));}
.trk4.lay-p .p1-land > #field {grid-column: 1 / 9; grid-row: 3; grid-template-columns: repeat(8, minmax(0, 1fr)); column-gap: 32px; row-gap: 16px;
    padding-top: 24px;}
.trk4.lay-p .p1-land > #field > .th, .trk4.lay-p .p1-land > #field > .hint {grid-column: 1 / -1;}
.trk4.lay-p .p1-land > #field > .th {min-height: 0;}
.trk4.lay-p .p1-land > #field > .th .wl {margin: -8px 0;}
.trk4.lay-p .p1-land > #field > .lk {grid-column: 1 / 7;}
.trk4.lay-p .p1-land > #field > .btn {grid-column: 7 / 9; width: auto; padding: 0 16px;}
.trk4.lay-p .p1-land {grid-template-rows: auto auto auto 1fr;}
.trk4.lay-p .p1-land > .fq4 {grid-column: 1 / 9; grid-row: 4;}
.trk4.lay-p .p1-land > .sec[aria-label="Track by agent"] {grid-column: 9 / 13; grid-row: 3 / 5;}
.trk4.lay-p .p1-land > .sell4 {grid-row: 5;}
.trk4.lay-p .p1-land > .sec[aria-label="More tools"] {grid-row: 6;}
.trk4.lay-p .p1-back {grid-template-rows: auto auto auto 1fr;}
.trk4.lay-p .p1-back > .back4 {display: contents;}
/* the new-number box, then the saved parcels under it, beside the questions and the agents; as tall as they are */
.trk4.lay-p .p1-back > .back4 > .pk4-c {grid-column: 1 / 9; grid-row: 3 / 5; margin-top: 48px; align-self: start; gap: 24px;}
.trk4.lay-p .p1-back #parcels {gap: 16px;}
.trk4.lay-p .p1-back .pk-new {grid-template-columns: repeat(8, minmax(0, 1fr)); column-gap: 32px; row-gap: 16px;}
.trk4.lay-p .p1-back .pk-new > .lk {grid-column: 1 / 7;}
.trk4.lay-p .p1-back .pk-new > .btn {grid-column: 7 / 9; padding: 0 16px;}
.trk4.lay-p .p1-back > .fq4 {grid-column: 9 / 13; grid-row: 3;}
.trk4.lay-p .p1-back > .sec[aria-label="Track by agent"] {grid-column: 9 / 13; grid-row: 4; margin-top: 24px; align-self: start;}
.trk4.lay-p .p1-back > .back4 > #nh {grid-column: 1 / -1; grid-row: 5; margin-top: 48px; padding-top: 24px; gap: 16px; grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 32px;}
.trk4.lay-p .p1-back #nh > * {grid-column: 1 / -1;}
.trk4.lay-p .p1-back #nh .nh4-go {grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 32px;}
.trk4.lay-p .p1-back #nh .nh4-go > .btn {grid-column: 1 / 7;}
.trk4.lay-p .p1-back #nh .nh4-go > .copyrow {grid-column: 7 / 13; min-height: 52px; padding: 0 16px;}
.trk4.lay-p .p1-back > .sec[aria-label="More tools"] {grid-row: 6;}
.trk4.lay-p .p1-faq > .t4h1 {grid-column: 1 / 9; grid-row: 1;}
.trk4.lay-p .p1-faq > .sub {grid-column: 1 / 9; grid-row: 2;}
.trk4.lay-p .p1-faq > .fq4-back {grid-column: 9 / 13; grid-row: 1 / 3; margin-top: 0; align-self: end; justify-self: stretch; justify-content: flex-end;
    min-height: 24px;}
.trk4.lay-p .p1-faq > .faq {grid-row: 3;}
.trk4.lay-p .p1-faq > .faq > div {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(6, auto);
    grid-auto-flow: column; column-gap: 32px; align-items: start;}
.trk4.lay-p .p1-faq .faq details:nth-child(6), .trk4.lay-p .p1-faq .faq details:last-child {border-bottom: 1px solid var(--ink-line);}
.trk4.lay-p .p1-faq > .sell4 {grid-row: 4;}
.trk4.lay-p .p1-faq > .sec[aria-label="Track by agent"] {grid-row: 5;}
.trk4.lay-p .p1-faq .chips.ag {grid-template-columns: repeat(9, minmax(0, 1fr));}
.trk4.lay-p .p1-faq > .sec[aria-label="More tools"] {grid-row: 6;}
}
@media (min-width: 900px) and (max-width: 1199px) {
.trk4.lay-p .p1 .rb > .mailp {grid-area: auto; grid-column: 1 / -1; grid-row: 8; margin-top: 24px; padding-top: 24px;}
}
@media (min-width: 900px) {
.trk4.lay-p .p1 .pl, .trk4.lay-p .p1 .tl-d .cn, .trk4.lay-p .p1 .strip4 .car, .trk4.lay-p .p1 .pk-h .car {box-sizing: border-box; height: var(--h-s); display: inline-flex; align-items: center; padding-top: 0; padding-bottom: 0;}
.trk4.lay-p .p1 .tl-d .cn, .trk4.lay-p .p1 .strip4 .car, .trk4.lay-p .p1 .pk-h .car {padding-left: 8px; padding-right: 8px;}
.trk4.lay-p .p1 .st4 .mk, .trk4.lay-p .p1 .strip4 .ck b {box-sizing: border-box; width: var(--h-s); height: var(--h-s);}
.trk4.lay-p .p1 .st4 > li::before {top: 11px;}
.trk4.lay-p .p1 .rb-st .nm {min-height: 0; line-height: 20px;}
.trk4.lay-p .p1 .whyb, .trk4.lay-p .p1 .fq4-n, .trk4.lay-p .p1 .sec-h a, .trk4.lay-p .p1 .fq4-back, .trk4.lay-p .p1 .rb-lk .lnk {min-height: var(--h-s); display: inline-flex; align-items: center; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;}
.trk4.lay-p .p1 .btn.sm, .trk4.lay-p .p1 .ubtn {min-height: var(--h-m);}
.trk4.lay-p .p1 .rb-u > .cl4 {box-sizing: border-box; min-height: var(--h-m); padding-top: 0; padding-bottom: 0; align-items: center; align-content: center;}
.trk4.lay-p .p1 .pct4 .bar {height: var(--h-bar);}
}
@media (min-width: 1200px) {
.trk4.lay-p .p1-land .chips.ag, .trk4.lay-p .p1-back .chips.ag {grid-auto-rows: var(--h-l); align-content: space-between;}
.trk4.lay-p .p1 .slim span {gap: 0;}
}
@media (min-width: 1200px) {
.trk4.lay-p .p1 .rb > .rb-v {row-gap: 16px;}
.trk4.lay-p .p1 .rb-v > [data-r4=status] {margin-bottom: 0;}
}
@media (min-width: 1200px) {
.trk4.lay-p .p1 .rb {grid-template-rows: auto 1fr auto;}
.trk4.lay-p .p1 .rb > .rb-pc {align-self: center; padding: 16px 0;}
.trk4.lay-p .p1 .rb > .rb-n {padding: 0 0 8px;}
.trk4.lay-p .p1 .rb-pending > .rb-n {padding-bottom: 0;}
.trk4.lay-p .p1 .rb-nonow > .rb-pc {align-self: end; padding: 16px 0;}
.trk4.lay-p .p1 .tool {align-content: start;}
.trk4.lay-p .p1 .tool .st {text-wrap: pretty;}
.trk4.lay-p .p1 .sell4 > .welcome4 {grid-template-rows: auto 1fr; align-content: stretch;}
.trk4.lay-p .p1 .sell4 > .welcome4 .btn {align-self: end;}
.trk4.lay-p .p1-res > .sec[aria-label="Track by agent"] {align-self: stretch; grid-template-rows: auto 1fr;}
.trk4.lay-p .p1-res .chips.ag {grid-auto-rows: var(--h-l); align-content: space-between;}
}
@media (min-width: 900px) {
.trk4.lay-p .p1 .copy {font: var(--t-label); letter-spacing: .1em; text-transform: uppercase;}
.trk4.lay-p .p1-back #nh .nh4-go > .copyrow {padding: 0 0 0 16px; align-items: stretch;}
.trk4.lay-p .p1-back #nh .nh4-go > .copyrow > :not(.copy) {align-self: center;}
.trk4.lay-p .p1-back #nh .nh4-go > .copyrow .copy {min-height: 0; margin: -1px -1px -1px 0; border: 0; border-left: 1px solid var(--ink-line);}
.trk4.lay-p .p1 #field > .th .wl {text-decoration: none;}
.trk4.lay-p .p1 #field > .th .wl:hover, .trk4.lay-p .p1 #field > .th .wl:focus-visible {text-decoration: underline;}
}

/* the tracker sits in the page's own column: the page sets the gutters */
.trk4 { display: block; background: none; min-width: 0; }
.trk4 .wrap.t4w { max-width: none; margin: 0; padding-left: 0; padding-right: 0; padding-top: 4px; }
.trk4 .stx4.x .k { color: var(--red); }
.trk4 .stx4 .kr4 {display: flex; flex-wrap: wrap; align-items: center; column-gap: 16px; min-width: 0;}
.trk4 .stx4 .kr4 .lnk {min-height: 34px; margin: -10px 0;}
.trk4 .stx4.x .k i { background: var(--red); }
.trk4 .t4-err { margin: 0; font: 600 14px/1.45 var(--body); color: var(--warn); }
.trk4 .t4-ok { margin: 0; font: 400 14px/1.45 var(--body); color: var(--ok); }
.trk4 .t4-ok b { color: var(--bone); }
.trk4 .t4-load { justify-items: center; padding: 24px 0; text-align: center; }
.trk4 .t4-load-t { margin: 0; font: 700 15px/1.3 var(--body); color: var(--bone); }
.trk4 .stc4.x { color: var(--red); }
.trk4 .pk-o { cursor: pointer; }
/* PC table: a long carrier name ("YTO Express", "Australia Post") wraps inside its PART tag instead of running out */
@media (min-width: 900px) {
  .trk4.lay-p .rb-rows .c-l { min-width: 0; }
  .trk4.lay-p .rb-rows .c-l .cn { max-width: 100%; height: auto; min-height: 24px; white-space: normal; text-align: center; overflow-wrap: anywhere; }
}
@media (min-width: 1200px) {
  .trk4.lay-p .p1 .rb-th, .trk4.lay-p .p1 .rb-rows > li { grid-template-columns: 120px minmax(0, 1fr) 128px 140px; }
}
/* >= 1200 px: the tracker takes its designed width (content edges = the header logo's), as the PC layout was drawn */
@media (min-width: 1200px) {
  .trk4.lay-p { width: 100vw; margin-left: calc(50% - 50vw); }
  .trk4.lay-p .wrap.t4w.p1 { max-width: 1512px; margin: 0 auto; padding: 24px clamp(20px, 4vw, 56px) 0; }
}
/* after Email me: the confirmation takes the whole box (the box's grid areas were for the form) */
.trk4 .t4-sub.t4-done { display: block; }
.trk4 .t4-sub.t4-done > .t4-ok { grid-column: 1 / -1; }
/* Email me: a message about the form has its own line above the deals line, which always stays */
.trk4 .t4-sub .fine > .t4-sub-st { display: block; }
.trk4 .t4-sub .fine > .t4-sub-st:empty { display: none; }
/* PC: the source line under the updates wraps in its own column instead of running under the next panel */
@media (min-width: 900px) {
  .trk4.lay-p .p1 .rb-u > .rb-us, .trk4.lay-p .rb-u.rb-more > .rb-us { white-space: normal; min-width: 0; }
}
.trk4 h1.sub {font-family: var(--body); font-weight: 400; line-height: 1.55; text-transform: none; letter-spacing: 0;}
.trk4 h1.sub::after {content: ".";}
/* the tracking number in the strip is a button that copies it, drawn as the plain number it was: the space between its
   groups of four is drawn, not written, so it is never copied; "Copied" takes its place for a moment */
.trk4 .strip4 .num {padding: 0; border: 0; background: none; text-align: left; cursor: pointer;}
.trk4 .strip4 .num .nv > span + span::before {content: " ";}
.trk4 .strip4 .num.cp .nv {display: none;}
.trk4 .strip4 .num .nk {color: var(--ok);}
/* an answer kept from earlier in this tab */
.trk4 .t4-earl {margin: 8px 0 0; font: 700 11px/1.4 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--bone-dim);}
.trk4 .t4-earl .tlink {min-height: 32px; margin: -6px 0 -6px 6px; padding: 0 2px; border: 0; background: none; cursor: pointer; color: var(--hazard);
  font: inherit; text-decoration: underline; text-underline-offset: 3px;}