/* v2: presentation only. The production stylesheet remains available underneath. */
:root { color-scheme: light; --bg:#f7f8f4; --bg-strong:#f7f8f4; --fg:#202f2b; --muted:#607069; --accent:#166350; --accent-strong:#104b3d; --accent-soft:#eaf1e9; --card:#fff; --border:#dde4dc; --border-strong:#b8cdbc; --shadow-sm:0 6px 24px #223d2710; --shadow-md:0 12px 32px #223d2714; --radius:18px; --max-width:840px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:20px; }
body { display:block; margin:0; background:var(--bg); background-image:none; color:var(--fg); font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; line-height:1.65; overflow-x:visible; }
a { color:var(--accent); text-underline-offset:4px; }
a:hover { color:var(--accent-strong); }
button,input,textarea { font:inherit; }
button,a,summary { touch-action:manipulation; }
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible { outline:3px solid #94701e; outline-offset:4px; }
[hidden] { display:none!important; }
.v2-skip { position:fixed; top:8px; left:8px; transform:translateY(-200%); padding:12px; background:white; z-index:100; }
.v2-skip:focus { transform:none; }
.v2-preview { background:#eaf0e7; font-size:12px; color:#4a5d4f; }
.v2-preview>div { display:flex; align-items:center; justify-content:space-between; gap:12px; max-width:1080px; margin:auto; padding:0 28px; min-height:36px; }
.v2-preview span,.v2-preview a { display:inline-flex; align-items:center; gap:7px; }
.v2-preview a { min-height:36px; font-weight:600; text-decoration:none; }
.v2-preview i { width:6px; height:6px; background:#567f5b; border-radius:50%; }
.site-header { padding:25px 28px; position:relative; z-index:20; top:auto; backdrop-filter:none; background:transparent; }
.header-shell { max-width:1024px; display:flex; align-items:center; justify-content:space-between; flex-wrap:nowrap; gap:18px; }
.brand { width:auto; gap:10px; justify-content:flex-start; text-align:left; min-width:0; }
.brand-logo { width:38px; height:40px; flex-shrink:0; }
.brand-copy { min-width:0; }
.brand-name { font-size:22px; font-weight:750; letter-spacing:-.8px; }
.brand-tagline { font-size:11px; line-height:1.5; font-weight:400; }
.v2-menu { position:relative; flex-shrink:0; }
.v2-menu>summary { display:flex; align-items:center; gap:9px; min-height:44px; cursor:pointer; list-style:none; font-size:13px; color:var(--accent); font-weight:600; padding:6px 8px; }
.v2-menu>summary::-webkit-details-marker { display:none; }
.v2-menu-panel { position:absolute; top:calc(100% + 8px); right:0; width:280px; max-width:calc(100vw - 36px); padding:14px; border:1px solid var(--border); background:#fff; box-shadow:var(--shadow-md); border-radius:14px; }
.top-nav { display:grid; width:auto; justify-content:stretch; gap:3px; overflow:visible; padding:0; }
.top-nav a { justify-content:flex-start; white-space:normal; border:0; border-radius:7px; min-height:44px; padding:8px 12px; background:transparent; font-size:14px; }
.top-nav a:hover { background:var(--accent-soft); }
.language-switcher { width:auto; display:flex; justify-content:flex-start; margin:10px 0 0; border-top:1px solid var(--border); padding-top:9px; gap:8px; }
.language-switcher a { min-height:44px; min-width:44px; display:inline-flex; align-items:center; justify-content:center; padding:5px; }
.page-shell { display:grid; max-width:840px; width:100%; margin:auto; padding:8px 28px 28px; gap:28px; }
.card { background:transparent; border:0; box-shadow:none; backdrop-filter:none; padding:0; min-width:0; }
.hero-layout { display:flex; flex-direction:column; gap:25px; }
.hero-layout>.stack { order:0; width:100%; }
.hero-layout>.tracker-card { order:1; width:100%; }
.hero-card { padding-top:16px; }
.hero-eyebrow,.section-eyebrow { border:0; border-radius:0; background:none; padding:0; font-size:12px; margin:0 0 12px; color:var(--accent); font-weight:650; letter-spacing:.02em; }
h1 { font-size:clamp(32px,5vw,46px); line-height:1.12; letter-spacing:-1.6px; font-weight:720; margin:0 0 17px; overflow-wrap:anywhere; }
h2 { font-size:23px; letter-spacing:-.65px; line-height:1.3; margin:0 0 12px; }
h3 { font-size:18px; letter-spacing:-.3px; line-height:1.35; }
.lead { font-size:16px; line-height:1.7; max-width:700px; color:var(--muted); }
.page-meta { font-size:12px; color:var(--muted); margin-bottom:0; }
.breadcrumbs { flex-wrap:wrap; font-size:12px; margin-bottom:17px; }
.tracker-card,.hero-layout>.tracker-card { padding:27px 28px; background:#fff; border:1px solid var(--border); border-radius:20px; box-shadow:var(--shadow-sm); }
.tracker-card>h2 { font-size:18px; margin-bottom:20px; }
.tracker-form { gap:10px; }
.tracker-label { font-size:14px; font-weight:650; }
.tracker-row { display:grid; grid-template-columns:1fr; gap:14px; }
.tracker-input,.bulk-input,input[type=text],textarea { background:white; color:var(--fg); border:1.5px solid #a6b5a9; border-radius:10px; font-size:16px; min-width:0; width:100%; padding:14px; box-shadow:none; }
.tracker-input { min-height:56px; letter-spacing:.025em; }
.tracker-input:focus,.bulk-input:focus { border-color:var(--accent); outline:3px solid #16635024; }
.tracker-input[aria-invalid=true] { background:#fff; border-color:#a1392b; }
.tracker-error { color:#a1392b; background:#faeee9; border-color:#edd4cb; font-size:13px; }
.button,.btn { color:white; background:var(--accent); border:0; border-radius:10px; min-height:54px; font-size:16px; font-weight:650; box-shadow:none; padding:13px 20px; }
.button:hover,.btn:hover { color:white; background:var(--accent-strong); transform:none; box-shadow:none; }
.ghost-button,.btn-ghost { border:1px solid var(--border); border-radius:9px; min-height:46px; font-size:13px; color:var(--accent); background:#f5f8f2; padding:10px 12px; box-shadow:none; }
.ghost-button:hover,.btn-ghost:hover { background:var(--accent-soft); color:var(--accent-strong); transform:none; box-shadow:none; }
.tracker-actions,.share-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.tracker-actions button,.share-row button { width:100%; }
.trust-row { font-size:12px; color:var(--muted); text-align:left; margin:5px 0 0; line-height:1.7; }
.helper-text { color:var(--muted); font-size:14px; }
.tracker-card>noscript .helper-text { margin-bottom:0; }
.section-header { margin-bottom:16px; gap:0; }
.section-header .lead { font-size:14px; }
.chip-list { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.chip-link { display:flex; align-items:center; min-height:60px; border:1px solid var(--border); border-radius:10px; padding:12px 15px; font-size:14px; font-weight:600; color:var(--fg); background:#ffffffb0; box-shadow:none; }
.chip-link:hover { background:#fff; border-color:#95ac9a; transform:none; box-shadow:none; }
.cta-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.cta-card,.operator-card { background:white; color:var(--fg); border:1px solid var(--border); border-radius:12px; padding:17px; box-shadow:none; }
.cta-card:hover,.operator-card:hover { transform:none; border-color:#95ac9a; box-shadow:none; }
.cta-card strong,.operator-card strong { color:var(--accent); font-size:15px; }
.cta-card span,.operator-card span { color:var(--muted); font-size:13px; }
.operator-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.v2-directory { border-top:1px solid var(--border); }
.v2-directory>summary { list-style:none; display:flex; align-items:center; justify-content:space-between; min-height:64px; gap:18px; cursor:pointer; padding:15px 0; }
.v2-directory>summary::-webkit-details-marker { display:none; }
.v2-directory>summary:after { content:'+'; color:var(--muted); font-size:23px; flex-shrink:0; }
.v2-directory[open]>summary:after { content:'−'; }
.v2-directory>summary h2 { font-size:17px; margin:0; letter-spacing:-.35px; }
.v2-directory>.card { padding:4px 0 20px; }
.v2-directory .section-header:empty { display:none; }
.content-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; }
.content-grid>.stack { min-width:0; }
.stack { gap:20px; }
.info-box,.note-box,.link-column,.trust-card { border:1px solid var(--border); background:#fff; border-radius:13px; padding:20px; box-shadow:none; }
.info-box p:last-child,.note-box p:last-child { margin-bottom:0; }
.info-box p,.info-box li { font-size:15px; }
.content-grid aside { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; }
.link-columns { grid-template-columns:repeat(2,minmax(0,1fr)); }
.trust-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.trust-card { font-size:13px; }
.trust-card strong { font-size:15px; }
.table-wrap { border:1px solid var(--border); border-radius:11px; background:white; overflow-x:auto; max-width:100%; }
table { border-collapse:collapse; width:100%; font-size:14px; }
th { background:#edf2e9; color:var(--fg); }
td,th { border-color:var(--border); padding:12px 14px; }
.faq-list { gap:0; }
.faq-item { border:0; border-bottom:1px solid var(--border); border-radius:0; background:transparent; padding:0; }
.details-summary { display:flex; align-items:center; justify-content:space-between; gap:15px; min-height:62px; padding:15px 0; font-size:15px; font-weight:550; color:var(--fg); }
.details-summary:after { content:'+'; font-size:22px; color:var(--muted); flex-shrink:0; }
.faq-item[open]>.details-summary:after { content:'−'; }
.faq-answer { color:var(--muted); padding:0 0 18px; font-size:14px; }
.faq-answer p { margin:0 0 12px; }
.quick-links a,.inline-tags a { background:var(--accent-soft); color:var(--accent); border-color:var(--border); min-height:44px; display:inline-flex; align-items:center; }
.results { min-width:0; gap:14px; }
.results:empty { display:none; }
.tracking-status,.result-card { display:grid; grid-template-columns:auto minmax(0,1fr); border:1px solid var(--border); background:#f9fbf6; border-radius:14px; padding:19px; box-shadow:none; animation:none; gap:13px; }
.result-card { display:block; background:white; }
.tracking-status-copy { gap:9px; grid-template-columns:minmax(0,1fr); }
.tracking-status-copy>strong { font-size:20px; letter-spacing:-.4px; }
.tracking-status-detail { font-size:14px; line-height:1.65; font-weight:400; overflow-wrap:anywhere; }
.tracking-status-message { font-size:14px; }
.tracking-status-found { border-color:#9bc9a8; background:#edf8ef; }
.tracking-status-loading { background:#f4f7f0; border-color:#c5d6c3; }
.tracking-status-nohit { background:#fcf8ec; border-color:#e4d7ac; }
.tracking-status-badge,.result-badge { color:white; background:var(--accent); width:30px; height:30px; box-shadow:none; }
.tracking-status-nohit .tracking-status-badge { background:#886918; }
.result-card-error .result-badge { background:#886918; color:white; }
.tracking-beach-ball { width:27px; height:27px; border:2.5px solid #c7d8ca; border-top-color:var(--accent); background:none; box-shadow:none; animation:beach-ball-spin 1.1s linear infinite; }
.tracking-official-button,.official-link { border-radius:9px; background:var(--accent); color:white; font-size:13px; font-weight:600; min-height:48px; padding:12px 14px; text-align:center; }
.tracking-official-button:hover,.official-link:hover { color:white; background:var(--accent-strong); }
.tracking-timeline { padding-left:18px; font-size:13px; line-height:1.7; }
.tracking-timeline li+li { margin-top:10px; }
.result-title { font-size:18px; }
.result-subtitle { font-size:13px; }
.result-actions { display:flex; flex-wrap:wrap; gap:8px; }
.result-actions>* { flex:1 1 170px; }
.alternatives-summary { min-height:44px; padding-block:10px; font-size:13px; }
.alternatives-body { font-size:13px; }
.alternatives-body a { display:inline-block; min-height:36px; padding:5px 2px; }
.pill { color:var(--accent-strong); background:var(--accent-soft); border-color:var(--border); white-space:normal; overflow-wrap:anywhere; }
.result-line { flex-wrap:wrap; overflow-wrap:anywhere; padding:12px 0; border-bottom:1px solid var(--border); }
.site-footer { margin:25px auto 0; padding:28px; color:var(--muted); font-size:12px; border:0; background:none; }
.footer-shell { max-width:1024px; margin:auto; padding-top:24px; border-top:1px solid var(--border); gap:24px; }
.footer-email { font-size:14px; color:var(--accent); }
.footer-content { max-width:650px; }
.partners-links a { min-height:44px; background:none; border:0; border-radius:0; padding:5px 4px; color:var(--accent); font-size:12px; }
.partners-title { color:var(--muted); font-size:12px; }
.scanner-panel { background:white; color:var(--fg); border-color:var(--border); }
.scanner-close { color:var(--accent); border-color:var(--border); background:var(--accent-soft); }
/* Older standalone articles use their original structure and the same v2 palette. */
body[data-v2]>.container { width:100%; max-width:840px; padding:24px 28px; margin:auto; }
body[data-v2]>.container .card { margin-bottom:24px; }
body[data-v2]>.container .title { font-size:clamp(30px,5vw,46px); }
body[data-v2]>.container .img-wrapper { border-radius:14px; overflow:hidden; }
@media(min-width:1000px) { .v2-home .page-shell { max-width:780px; } }
@media(max-width:640px) {
 .v2-preview>div { padding-inline:20px; }
 .site-header { padding:19px 20px; position:relative; background:none; }
 .header-shell { gap:10px; justify-content:space-between; }
 .brand { width:auto; justify-content:flex-start; gap:8px; text-align:left; }
 .brand-logo { width:32px; height:34px; }
 .brand-name { font-size:18px; letter-spacing:-.7px; }
 .brand-tagline { font-size:10px; max-width:220px; }
 .v2-menu>summary { font-size:12px; padding-inline:0; }
 .page-shell { padding:4px 20px 24px; gap:25px; }
 .hero-card { padding-top:6px; }
 .hero-layout { gap:22px; }
 h1 { font-size:34px; letter-spacing:-1.2px; margin-bottom:14px; }
 h2 { font-size:22px; }
 h3 { font-size:17px; }
 .lead { font-size:15px; line-height:1.7; }
 .hero-eyebrow,.section-eyebrow { font-size:11px; margin-bottom:10px; }
 .card,.hero-card { padding-inline:0; }
 .tracker-card,.hero-layout>.tracker-card { padding:22px 18px; border-radius:17px; }
 .tracker-label { font-size:13px; }
 .tracker-input { min-height:54px; padding:13px 12px; }
 .button { font-size:15px; }
 .ghost-button { font-size:12px; padding:10px 8px; }
 .trust-row { font-size:12px; }
 .chip-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 .chip-link { font-size:13px; min-height:58px; padding:12px; }
 .cta-grid,.operator-grid,.link-columns,.trust-grid,.content-grid aside { grid-template-columns:minmax(0,1fr); }
 .section-header .lead { font-size:14px; }
 .info-box,.note-box,.link-column { padding:18px; }
 .info-box p,.info-box li { font-size:14px; }
 .v2-directory>summary h2 { font-size:16px; }
 .details-summary { font-size:14px; }
 .tracking-status { grid-template-columns:minmax(0,1fr); padding:17px 14px; gap:10px; }
 .tracking-status-loading { grid-template-columns:auto minmax(0,1fr); }
 .tracking-status-copy>strong { font-size:20px; }
 .tracking-status-detail { font-size:13px; }
 .tracking-official-button { justify-self:stretch; }
 .site-footer { padding:15px 20px 24px; }
 .footer-shell { display:grid; gap:17px; }
 .footer-partners { align-items:flex-start; }
 .partners-links { justify-content:flex-start; }
 body[data-v2]>.container { padding-inline:20px; }
 body[data-v2]>.container .row { flex-wrap:wrap; }
}
@media(max-width:360px) { .page-shell { padding-inline:16px; } .site-header { padding-inline:16px; } .brand-name { font-size:16px; } .brand-tagline { font-size:9px; } .brand-logo { width:29px; } .v2-preview>div { padding-inline:16px; font-size:11px; } h1 { font-size:31px; } }
@media(prefers-reduced-motion:reduce) { *,*:before,*:after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }
.quick-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
.quick-links a,.utility-card { display:block; padding:18px; border:1px solid var(--border); background:white; border-radius:12px; box-shadow:none; }
.quick-links a strong,.utility-card strong { display:block; margin-bottom:6px; font-size:15px; color:var(--accent); }
.quick-links a span,.utility-card span { display:block; font-size:13px; color:var(--muted); }
@media(max-width:640px) { .quick-links { grid-template-columns:minmax(0,1fr); } }
.partners-title { opacity:1; }

/* Restore the approved parcel illustration alongside the homepage introduction. */
.v2-hero-copy {
  display:grid;
  grid-template-columns:minmax(0,1fr) 180px;
  column-gap:24px;
  align-items:start;
}
.v2-hero-copy>.hero-eyebrow { grid-column:1; grid-row:1; }
.v2-hero-copy>h1 { grid-column:1; grid-row:2; }
.v2-hero-copy>.lead { grid-column:1; grid-row:3; }
.v2-parcel-art {
  grid-column:2;
  grid-row:1 / 4;
  width:100%;
  align-self:center;
  pointer-events:none;
  transform:rotate(-4deg);
}
.v2-parcel-art svg { display:block; width:100%; height:auto; }
@media(max-width:640px) {
  .v2-hero-copy { grid-template-columns:minmax(0,1fr) 88px; column-gap:12px; }
  .v2-hero-copy>.hero-eyebrow { grid-column:1 / -1; }
  .v2-hero-copy>h1 { align-self:center; }
  .v2-hero-copy>.lead { grid-column:1 / -1; }
  .v2-parcel-art { grid-row:2; margin-top:-10px; }
}
@media(max-width:360px) {
  .v2-hero-copy { grid-template-columns:minmax(0,1fr) 76px; }
}

/* Lost parcel help uses the same green controls and focus treatment as v2. */
.help-choices select { border-color:var(--border-strong); color:var(--fg); background:var(--card); }
.help-content :focus-visible { outline:3px solid #94701e; outline-offset:4px; }
.help-content .info-box { min-width:0; }

/* Decorative local map texture; the destination remains a normal accessible link. */
.pickup-map-link {
  position:relative; display:inline-flex; align-items:center; min-height:58px;
  width:330px; max-width:100%; margin:8px 0; padding:12px 66px 12px 16px;
  border:1px solid #9bb8a4; border-radius:12px; color:#153c2f;
  background-color:#e6eadb;
  background-image:linear-gradient(90deg,#fffffff2 0%,#ffffffe0 55%,#ffffff26 100%),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22330%22%20height%3D%22100%22%20viewBox%3D%220%200%20330%20100%22%3E%3Crect%20width%3D%22330%22%20height%3D%22100%22%20fill%3D%22%23e6eadb%22%2F%3E%3Cpath%20d%3D%22M0%200H90L115%2034%2068%2055%200%2038ZM210%200H275L262%2037%20222%2044ZM163%2068L220%2054%20235%20100H177Z%22%20fill%3D%22%23b6d4aa%22%2F%3E%3Cpath%20d%3D%22M285-10Q248%2025%20290%2050T290%20110%22%20fill%3D%22none%22%20stroke%3D%22%239ecfdb%22%20stroke-width%3D%2216%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c6c9bc%22%20stroke-width%3D%2211%22%3E%3Cpath%20d%3D%22M-10%2078%20340%2010M45-10%20112%20110M175-10%20217%20110M310-10%20325%20110%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fffdf6%22%20stroke-width%3D%227%22%3E%3Cpath%20d%3D%22M-10%2078%20340%2010M45-10%20112%20110M175-10%20217%20110M310-10%20325%20110%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size:cover; background-position:center;
  font-weight:700; line-height:1.4; text-decoration:none;
  box-shadow:0 2px 5px #173d2510;
}
.pickup-map-link img {
  position:absolute; right:12px; top:50%; width:32px; height:37px;
  padding:5px; box-sizing:content-box; border-radius:8px; background:#fff;
  transform:translateY(-50%); object-fit:contain;
}
.pickup-map-link:hover { color:#153c2f; border-color:#19634d; box-shadow:0 3px 8px #173d2526; text-decoration:underline; }
.pickup-map-link:focus-visible { outline:3px solid #19634d; outline-offset:3px; }
@media (forced-colors:active) { .pickup-map-link { border:2px solid LinkText; } }

.tracking-wait { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:20px; background:#f7f8f466; pointer-events:none; }
.tracking-wait-panel { display:flex; flex-direction:column; align-items:center; gap:14px; max-width:100%; padding:24px 28px; border:1px solid #d4dfd5; border-radius:18px; background:#fff; color:#153c2f; box-shadow:0 12px 40px #173d2533; font-weight:600; text-align:center; }
.tracking-wait-ball { display:block; width:52px; height:52px; border-radius:50%; background:radial-gradient(circle at 32% 28%,#ffffffaa,transparent 55%),conic-gradient(#e76864 0deg 60deg,#f3be51 60deg 120deg,#75b968 120deg 180deg,#51b5c7 180deg 240deg,#6885c8 240deg 300deg,#ba78b7 300deg 360deg); box-shadow:inset -3px -5px 8px #00000026,0 2px 5px #173d2520; animation:tracking-wait-spin 1.1s linear infinite; }
@keyframes tracking-wait-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .tracking-wait-ball { animation:none; } }

.tracking-save-slot:empty { display:none; }
.tracking-save-slot .save-shipment-prompt { margin-top:4px; }