@import url('https://fonts.googleapis.com/css2?family=B612:wght@400;700&family=Barlow+Condensed:wght@600;700&family=Ubuntu+Mono:wght@400;700&display=swap');

:root {
  --u: calc(100vw / 1920);
  --paper: #F9CDAB;
  --ink: #111414;
  --board: #131516;
  --board-cell: #1D2122;
  --footer: #171B1A;
  --teal: #07606A;
  --mint: #62B39A;
  --mint-tint: #D7ECDB;
  --select-line: #36D2BC;
  --ticket: #FBEBD8;
  --panel-hi: #FBDEC7;
  --field: #FBF6EE;
  --rule: #625A4A;
  --stamp-grey: #AA9E95;
  --muted: #66706D;
  --paper-hi: #F9F5F3;
  --paper-lo: #D9B696;
  --font-display: 'Barlow Condensed', sans-serif;
  --font-body: 'B612', sans-serif;
  --font-mono: 'Ubuntu Mono', monospace;
  --ease-desk: cubic-bezier(.22,.78,.22,1);
  --motion-fast: 180ms;
  --motion-board: 420ms;
  --motion-count: 600ms;
  --rule-hairline: max(1px, calc(1.1 * var(--u)));
  --rule-soft: max(1px, calc(1.3 * var(--u)));
  --rule-panel-width: max(1px, calc(2.3 * var(--u)));
  --rule-selected: max(1px, calc(3.3 * var(--u)));
  --rule-heavy: max(1px, calc(4.2 * var(--u)));
}

*, *::before, *::after { box-sizing: border-box; }
html { min-width: 0; background: var(--paper); -webkit-text-size-adjust: 100%; }
body {
  min-width: 0;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: max(12px, calc(15 * var(--u)));
  line-height: 1.35;
}
button, input, select, textarea { font: inherit; }
:where(button, input, select, textarea) { border: 0; }
button { color: inherit; }
img, svg, video, canvas { display: block; max-width: 100%; }
a { color: inherit; }
:focus-visible { outline: max(2px, calc(2 * var(--u))) solid var(--teal); outline-offset: max(2px, calc(2 * var(--u))); }

main {
  flex: 1;
  width: 100%;
  min-height: calc(700 * var(--u));
  transform-origin: 50% 0;
  transition: transform var(--motion-fast) var(--ease-desk), opacity var(--motion-fast) var(--ease-desk);
}
main.is-leaving { transform: perspective(900px) rotateX(-2deg); opacity: .82; }

.page-frame {
  width: calc(100% - calc(122 * var(--u)));
  margin-inline: calc(62 * var(--u)) calc(60 * var(--u));
  background: var(--paper);
}
.route-mount:empty { min-height: calc(700 * var(--u)); }
.wide { max-width: 100%; overflow-x: auto; }

/* Shared measured frame classes. Route fragments use these and declare no borders. */
.rule-nav-ca-button,
.rule-footer-ca-button,
.rule-filter-chip { border: var(--rule-soft) solid var(--rule); border-radius: calc(4 * var(--u)); }
.rule-nav-rule { border-bottom: var(--rule-hairline) solid var(--rule); }
.rule-footer-ca-button { border-color: var(--paper-lo); }
.rule-footer-divider { border-left: var(--rule-hairline) solid var(--paper-lo); }
.rule-footer-top-rule { border-top: var(--rule-panel-width) solid var(--teal); }
.rule-board-panel,
.rule-pickups-panel { border: var(--rule-panel-width) solid var(--ink); }
.rule-board-title-rule { border-bottom: var(--rule-panel-width) solid var(--paper-hi); }
.rule-board-open-row { border: max(1px, calc(3 * var(--u))) solid var(--select-line); border-radius: calc(6 * var(--u)); }
.rule-open-tag-button { border: var(--rule-panel-width) solid var(--select-line); border-radius: calc(4 * var(--u)); }
.rule-board-row-rule { border-bottom: var(--rule-hairline) solid var(--board-cell); }
.rule-inquiry-panel,
.rule-field,
.rule-pickup-window,
.rule-step-box,
.rule-step-box-result,
.rule-restamp-disabled,
.rule-held-panel,
.rule-held-table,
.rule-ledger-table,
.rule-handoff-panel,
.rule-inquiry-strip,
.rule-shelf-table,
.rule-dust-collect-panel,
.rule-collection-receipt,
.rule-dust-ledger,
.rule-contracts-table,
.rule-checklist-panel,
.rule-distributors-table,
.rule-standard-nominate-panel,
.rule-nominate-field,
.rule-copied-chip,
.rule-copy-request,
.rule-intake-panel,
.rule-intake-field,
.rule-acceptance-table,
.rule-status-table,
.rule-boundary-panel,
.rule-boundary-box,
.rule-tag-outline,
.rule-source-snapshot,
.rule-receipt-panel,
.rule-source-standard { border: var(--rule-panel-width) solid var(--ink); }
.rule-inquiry-panel,
.rule-field,
.rule-pickup-window,
.rule-nominate-field { border-color: var(--rule); }
.rule-field, .rule-step-box, .rule-step-box-result, .rule-nominate-field { border-radius: calc(4 * var(--u)); }
.rule-inquiry-rule { border-bottom: var(--rule-hairline) solid var(--ink); }
.rule-checks-panel { border: var(--rule-panel-width) solid var(--paper-hi); }
.rule-wallet-panel { border: var(--rule-panel-width) solid var(--rule); }
.rule-tray-tab, .rule-tray-panel { border: max(1px, calc(3.1 * var(--u))) solid var(--ink); }
.rule-tray-panel { border-color: var(--rule); }
.rule-step-box-selected { border: var(--rule-selected) solid var(--teal); border-radius: calc(4 * var(--u)); }
.rule-checks-frame { border: max(1px, calc(3.7 * var(--u))) solid var(--rule); }
.rule-copy-report-button { border: max(1px, calc(2.4 * var(--u))) solid var(--teal); border-radius: calc(2 * var(--u)); }
.rule-lookup-button { border: max(1px, calc(3 * var(--u))) solid var(--ink); border-radius: calc(2 * var(--u)); }
.rule-collect-button-frame { border: var(--rule-heavy) solid var(--teal); border-radius: calc(2 * var(--u)); }
.rule-receipt-outer { border: var(--rule-hairline) solid var(--ink); }
.rule-check-cell { border-right: var(--rule-hairline) solid var(--paper-hi); }
.rule-check-cell:last-child { border-right: 0; }
.rule-check-head-rule, .rule-checks-row-rule { border-bottom: var(--rule-hairline) solid var(--paper-hi); }
.rule-ticket-line { border-bottom: var(--rule-hairline) solid #96aea5; }
.rule-ticket-strip-top { border-top: var(--rule-hairline) solid #96aea5; }
/* R1 fix (28/09): cell grids of dark tables — light 2.3 rules between cells replace the old ground gaps. */
.rule-cell-cols > * + * { border-left: var(--rule-panel-width) solid var(--paper-lo); }
.rule-cell-rows > * + * { border-top: var(--rule-panel-width) solid var(--paper-lo); }
.rule-sort-chip { border: var(--rule-soft) solid var(--stamp-grey); border-radius: calc(4 * var(--u)); }
.rule-board-seam { border-bottom: var(--rule-panel-width) solid #040506; }
.rule-board-bottom-hairline { box-shadow: inset 0 calc(-1 * var(--rule-panel-width)) #040506; }
.rule-inquiry-summary-top { box-shadow: inset 0 var(--rule-hairline) var(--ink); }
.rule-tag-midline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(120 * var(--u));
  height: var(--rule-hairline);
  background: #96aea5;
  pointer-events: none;
}

/* R1 (28/09): shared inner rules for table rows, column splits, meters and notes.
   Route rebuilds use these instead of box-shadow lines; a row/split never repeats the panel's outer edge. */
.rule-row { border-bottom: var(--rule-panel-width) solid var(--ink); }
.rule-row-hair { border-bottom: var(--rule-hairline) solid var(--ink); }
.rule-row-soft { border-bottom: var(--rule-hairline) solid var(--rule); }
.rule-row:last-child, .rule-row-hair:last-child, .rule-row-soft:last-child { border-bottom: 0; }
.rule-head { border-bottom: var(--rule-panel-width) solid var(--ink); }
.rule-split { border-left: var(--rule-panel-width) solid var(--ink); }
.rule-split-hair { border-left: var(--rule-hairline) solid var(--ink); }
.rule-split-end { border-right: var(--rule-hairline) solid var(--ink); }
.rule-meter { border: var(--rule-panel-width) solid var(--ink); }
.rule-note { border: max(1px, calc(2.2 * var(--u))) solid var(--ink); }
.rule-copy-button { border: var(--rule-panel-width) solid var(--teal); border-radius: calc(2 * var(--u)); }
.rule-node { border: var(--rule-panel-width) solid var(--ink); border-radius: 50%; }
.rule-wallet-field { border: var(--rule-panel-width) solid var(--ink); }
.rule-tray-tab.is-active, .rule-tray-tab[aria-selected="true"] { border-color: var(--teal); }
@media (max-width: 1023px) {
  .rule-split, .rule-split-hair { border-left: 0; border-top: var(--rule-hairline) solid var(--ink); }
}

/* Chamfered components keep the measured frame on one element. */
.rule-board-panel,
.rule-inquiry-panel,
.rule-receipt-panel,
.rule-source-standard,
.rule-source-snapshot,
.rule-tag-outline {
  clip-path: polygon(calc(18 * var(--u)) 0, calc(100% - calc(18 * var(--u))) 0, 100% calc(18 * var(--u)), 100% 100%, 0 100%, 0 calc(18 * var(--u)));
}

/* Project motion: split-flap turn + desk stamp, not a generic vertical reveal. */
[data-reveal] { opacity: 0; transform: perspective(700px) rotateX(-7deg); transform-origin: 50% 0; }
[data-reveal].is-revealed { opacity: 1; transform: perspective(700px) rotateX(0); transition: transform var(--motion-board) var(--ease-desk), opacity var(--motion-board) var(--ease-desk); }
.motion-flap { transform-origin: 50% 50%; }
.motion-stamp, button, .is-action { transition: transform var(--motion-fast) var(--ease-desk), opacity var(--motion-fast) var(--ease-desk); }
.motion-stamp:hover, button:hover, .is-action:hover { transform: scale(.985); }
.motion-grow { transform: scaleX(0); transform-origin: 0 50%; opacity: .8; }
.motion-grow.is-revealed { transform: scaleX(1); opacity: 1; transition: transform var(--motion-board) var(--ease-desk), opacity var(--motion-board) var(--ease-desk); }

/* Authoritative shared chrome, proportionally scaled from the 1920 design. */
html body header[data-chrome="nav"] {
  width: 100%;
  height: calc(142 * var(--u));
  min-height: calc(94 * var(--u));
  padding: calc(27 * var(--u)) calc(56 * var(--u)) calc(22 * var(--u));
  grid-template-columns: calc(360 * var(--u)) 1fr auto;
  gap: calc(42 * var(--u));
}
header[data-chrome="nav"] .cc-lockup { gap: calc(16 * var(--u)); font-size: calc(38 * var(--u)); }
header[data-chrome="nav"] .cc-lockup img { width: calc(76 * var(--u)); height: calc(76 * var(--u)); }
header[data-chrome="nav"] .cc-routes { gap: calc(48 * var(--u)); font-size: max(12px, calc(15 * var(--u))); }
header[data-chrome="nav"] .cc-routes a { padding-block: calc(16 * var(--u)); }
header[data-chrome="nav"] .cc-routes a.is-active::after { bottom: calc(5 * var(--u)); height: max(2px, calc(4 * var(--u))); transition: transform var(--motion-fast) var(--ease-desk); }
header[data-chrome="nav"] .cc-tools { gap: calc(26 * var(--u)); font-size: max(12px, calc(15 * var(--u))); }
header[data-chrome="nav"] .cc-icon { font-size: calc(26 * var(--u)); }
[data-launch][aria-disabled="true"] { cursor: not-allowed; opacity: .5; pointer-events: none; }

html body footer[data-chrome="footer"] {
  width: 100%;
  min-height: calc(121 * var(--u));
  padding: calc(18 * var(--u)) calc(56 * var(--u));
  grid-template-columns: 1.05fr 1fr auto;
  gap: calc(38 * var(--u));
  font-family: var(--font-mono);
  font-size: max(12px, calc(13 * var(--u)));
}
footer[data-chrome="footer"] .cc-foot-boundary { gap: calc(18 * var(--u)); font-size: max(12px, calc(15 * var(--u))); }
footer[data-chrome="footer"] .cc-foot-boundary img { width: calc(52 * var(--u)); height: calc(52 * var(--u)); }
footer[data-chrome="footer"] .cc-foot-sources { padding-left: calc(32 * var(--u)); }
footer[data-chrome="footer"] .cc-foot-tools { gap: calc(22 * var(--u)); font-size: max(12px, calc(14 * var(--u))); }
footer[data-chrome="footer"] .cc-foot-ca { padding: calc(12 * var(--u)) calc(18 * var(--u)); }
footer[data-chrome="footer"] button { padding: 0; border: 0; background: transparent; color: inherit; }

@media (max-width: 1023px) {
  :root { --u: 1px; }
  body { font-size: 15px; }
  html body header[data-chrome="nav"] {
    position: relative;
    height: auto;
    min-height: 84px;
    padding: 12px 16px;
    grid-template-columns: 1fr auto;
    gap: 12px;
  }
  header[data-chrome="nav"] .cc-lockup { gap: 10px; font-size: 28px; }
  header[data-chrome="nav"] .cc-lockup img { width: 52px; height: 52px; }
  header[data-chrome="nav"] .cc-menu { display: block; grid-column: 2; grid-row: 1; }
  header[data-chrome="nav"] .cc-routes {
    display: none;
    position: absolute;
    z-index: 20;
    top: 100%;
    left: 0;
    right: 0;
    height: auto;
    padding: 12px 16px 18px;
    background: var(--paper);
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    box-shadow: 0 12px 0 rgba(17,20,20,.08);
  }
  header[data-chrome="nav"] .cc-routes.is-open { display: flex; }
  header[data-chrome="nav"] .cc-routes a { padding: 13px 0; }
  header[data-chrome="nav"] .cc-tools { grid-column: 1 / -1; justify-content: flex-end; gap: 20px; font-size: 12px; }
  header[data-chrome="nav"] .cc-icon { font-size: 18px; }
  .page-frame { width: auto; margin-inline: 16px; }
  .route-mount:empty, main { min-height: 420px; }
  html body footer[data-chrome="footer"] {
    min-height: 0;
    padding: 24px 16px;
    grid-template-columns: 1fr;
    gap: 18px;
  }
  footer[data-chrome="footer"] .cc-foot-boundary { white-space: normal; }
  footer[data-chrome="footer"] .cc-foot-boundary img { width: 48px; height: 48px; flex: 0 0 auto; }
  footer[data-chrome="footer"] .cc-foot-sources { padding: 16px 0 0; }
  footer[data-chrome="footer"] .cc-foot-sources.rule-footer-divider { border-left: 0; border-top: var(--rule-hairline) solid var(--paper-lo); }
  footer[data-chrome="footer"] .cc-foot-tools { flex-wrap: wrap; }
}

@media (max-width: 430px) {
  header[data-chrome="nav"] .cc-lockup { font-size: 24px; }
  header[data-chrome="nav"] .cc-lockup img { width: 46px; height: 46px; }
  .page-frame { margin-inline: 14px; }
}

/* Held route — measured bands from 03_held, with USER FIX TYPE and frame applied. */
.held-route { font-family: var(--font-mono); }
.held-route h1, .held-route h2, .held-route h3, .held-route p, .held-route dl { margin: 0; }
.held-route h1, .held-route h2, .held-route h3 { font-family: var(--font-display); }
.held-intro { height: calc(84 * var(--u)); display: flex; align-items: center; justify-content: space-between; }
.held-title { display: flex; align-items: baseline; gap: calc(22 * var(--u)); }
.held-title h1 { font: 600 calc(56 * var(--u))/.9 var(--font-display); }
.held-title p { font: 400 calc(15 * var(--u))/1 var(--font-body); }
.held-search { width: calc(537 * var(--u)); display: grid; grid-template-columns: 1fr calc(173 * var(--u)); gap: calc(16 * var(--u)); }
.held-search input, .held-search button { height: calc(44 * var(--u)); padding: 0 calc(18 * var(--u)); background: transparent; }
.held-search button { background: var(--board); color: var(--paper-hi); }
.held-checks { height: calc(273 * var(--u)); }
.held-panel-title { height: calc(57 * var(--u)); padding: 0 calc(18 * var(--u)); display: flex; align-items: center; justify-content: space-between; box-shadow: inset 0 calc(-1.1 * var(--u)) var(--rule); }
.held-panel-title h2 { font: 700 calc(32 * var(--u))/1 var(--font-display); }
.held-route-code { display: flex; align-items: center; gap: calc(18 * var(--u)); font: 700 calc(13 * var(--u))/1 var(--font-body); }
.held-barcode { display: block; width: calc(150 * var(--u)); height: calc(34 * var(--u)); background: repeating-linear-gradient(90deg,var(--ink) 0,var(--ink) calc(3 * var(--u)),transparent calc(3 * var(--u)),transparent calc(7 * var(--u))); }
.held-check-deck { position: relative; height: calc(216 * var(--u)); display: grid; grid-template-columns: repeat(4,1fr); gap: calc(14 * var(--u)); padding: calc(15 * var(--u)) calc(45 * var(--u)) 0; }
.held-belt { position: absolute; inset: 0; width: 100%; height: 100%; color: var(--rule); pointer-events: none; }
.held-fail-mark { opacity: 0; color: #8b2f26; }
.held-check-deck:has([data-result="fail"]) .held-fail-mark { opacity: .18; }
.held-check-card { position: relative; height: calc(160 * var(--u)); padding: calc(20 * var(--u)) calc(22 * var(--u)); background: var(--paper); z-index: 1; }
.held-check-card > div { display: grid; grid-template-columns: calc(34 * var(--u)) 1fr calc(105 * var(--u)); align-items: center; }
.held-check-card h3 { font-size: calc(24 * var(--u)); }
.held-check-card small { display: block; margin: calc(-2 * var(--u)) 0 0 calc(34 * var(--u)); font-size: calc(12 * var(--u)); }
.held-check-card p { margin-top: calc(24 * var(--u)); font-size: calc(15 * var(--u)); }
.held-state { height: calc(43 * var(--u)); display: grid; place-items: center; background: transparent; color: var(--teal); box-shadow: inset 0 0 0 var(--rule-panel-width) var(--teal); font: 700 calc(22 * var(--u))/1 var(--font-display); }
[data-result="fail"] .held-state { color: var(--paper-hi); background: var(--stamp-grey); box-shadow: none; }
.held-check-open { background: var(--board); color: var(--paper-hi); }
.held-drawer { position: absolute; left: calc(-3.3 * var(--u)); right: calc(-3.3 * var(--u)); top: calc(157 * var(--u)); min-height: calc(56 * var(--u)); padding: calc(9 * var(--u)) calc(18 * var(--u)); text-align: left; background: var(--paper); color: var(--ink); box-shadow: inset var(--rule-panel-width) 0 var(--rule), inset calc(-1 * var(--rule-panel-width)) 0 var(--rule), inset 0 var(--rule-panel-width) var(--rule); z-index: 4; }
.held-drawer b { position: absolute; right: calc(18 * var(--u)); top: calc(14 * var(--u)); }
.held-drawer.is-open { transform: perspective(480px) rotateX(-3deg); }
.held-summary { height: calc(307 * var(--u)); padding-top: calc(26 * var(--u)); display: grid; grid-template-columns: 1.34fr 1fr; gap: calc(20 * var(--u)); }
.held-receipt, .held-inquiry { height: calc(281 * var(--u)); }
.held-receipt-body { display: grid; grid-template-columns: .9fr 1.15fr; gap: calc(48 * var(--u)); padding: calc(24 * var(--u)) calc(30 * var(--u)) calc(10 * var(--u)); }
.held-receipt dl + dl { box-shadow: inset var(--rule-hairline) 0 var(--rule); padding-left: calc(48 * var(--u)); }
.held-receipt dl div, .held-handoff dl div { display: grid; grid-template-columns: calc(170 * var(--u)) 1fr; font-size: calc(15 * var(--u)); line-height: 1.45; }
.held-receipt dd, .held-handoff dd { margin: 0; }
.held-copyline { margin: 0 calc(22 * var(--u)); padding-top: calc(8 * var(--u)); display: flex; gap: calc(20 * var(--u)); align-items: center; box-shadow: inset 0 var(--rule-hairline) var(--rule); }
.held-copyline button { width: calc(210 * var(--u)); height: calc(44 * var(--u)); background: var(--board); color: var(--paper-hi); }
.held-panel-title .held-barcode { width: calc(130 * var(--u)); height: calc(28 * var(--u)); }
.held-inquiry .held-panel-title span { font: 700 calc(20 * var(--u))/1 var(--font-body); }
.held-inquiry-head, .held-picks button { display: grid; grid-template-columns: 1fr calc(230 * var(--u)) calc(34 * var(--u)); align-items: center; }
.held-inquiry-head { height: calc(33 * var(--u)); padding-inline: calc(18 * var(--u)); font: 700 calc(12 * var(--u))/1 var(--font-body); }
.held-picks { padding-inline: calc(16 * var(--u)); }
.held-picks button { width: 100%; height: calc(35 * var(--u)); padding: 0 calc(14 * var(--u)); background: var(--board); color: var(--paper-hi); text-align: left; box-shadow: inset 0 calc(-1 * var(--u)) var(--paper-lo); }
.held-picks button:hover { background: var(--teal); }
.held-messages { height: calc(229 * var(--u)); }
.held-messages .held-panel-title { height: calc(63 * var(--u)); }
.held-sort { display: flex; align-items: center; gap: calc(8 * var(--u)); }
.held-sort button { width: calc(110 * var(--u)); height: calc(42 * var(--u)); background: transparent; box-shadow: inset 0 0 0 var(--rule-soft) var(--rule); }
.held-sort button.active { background: var(--teal); color: var(--paper-hi); }
.held-table-head, .held-message-list button { display: grid; grid-template-columns: 1.1fr 1fr .75fr .9fr .9fr 1.65fr; align-items: center; }
.held-table-head { height: calc(40 * var(--u)); padding-inline: calc(18 * var(--u)); font: 700 calc(12 * var(--u))/1 var(--font-body); }
.held-message-list { padding-inline: calc(15 * var(--u)); }
.held-message-list button { width: 100%; height: calc(38 * var(--u)); padding: 0 calc(12 * var(--u)); background: var(--board); color: var(--paper-hi); text-align: left; box-shadow: inset 0 calc(-1 * var(--u)) var(--paper-lo); }
.held-message-list button span + span { padding-left: calc(14 * var(--u)); box-shadow: inset var(--rule-hairline) 0 var(--paper-lo); }
.held-gap { height: calc(122 * var(--u)); }
.held-reference { height: calc(203 * var(--u)); }
.held-reference .held-panel-title { height: calc(58 * var(--u)); }
.held-reference-facts { height: calc(86 * var(--u)); display: grid; grid-template-columns: repeat(4,1fr); align-items: center; padding: 0 calc(32 * var(--u)); }
.held-reference-facts p { min-height: calc(48 * var(--u)); padding-left: calc(32 * var(--u)); box-shadow: inset var(--rule-hairline) 0 var(--rule); font-size: calc(18 * var(--u)); }
.held-reference-facts p:first-child { padding-left: 0; box-shadow: none; }
.held-reference-facts span, .held-reference-facts strong { display: block; }
.held-reference-source { height: calc(57 * var(--u)); margin: 0 calc(31 * var(--u)); display: flex; align-items: center; justify-content: space-between; box-shadow: inset 0 var(--rule-hairline) var(--rule); }
.held-ledger { height: calc(305 * var(--u)); margin-top: calc(14 * var(--u)); }
.held-ledger .held-panel-title { height: calc(59 * var(--u)); }
.held-ledger-head, .held-ledger-body > div { display: grid; grid-template-columns: 1.05fr 1fr .72fr 1.1fr 1fr .8fr 1.05fr; align-items: center; }
.held-ledger-head { height: calc(48 * var(--u)); margin: 0 calc(16 * var(--u)); padding-inline: calc(18 * var(--u)); background: var(--board); color: var(--paper-hi); font: 700 calc(12 * var(--u))/1 var(--font-body); }
.held-ledger-body { margin: 0 calc(16 * var(--u)); }
.held-ledger-body > div { height: calc(43 * var(--u)); padding-inline: calc(18 * var(--u)); background: var(--board); color: var(--paper-hi); box-shadow: inset 0 calc(-1 * var(--u)) var(--paper-lo); }
.held-ledger-body span + span, .held-ledger-body strong { height: 100%; padding-left: calc(15 * var(--u)); display: flex; align-items: center; box-shadow: inset var(--rule-hairline) 0 var(--paper-lo); }
.held-ledger-body strong { justify-content: center; margin: calc(4 * var(--u)); background: var(--ticket); color: var(--ink); font: 700 calc(14 * var(--u))/1 var(--font-display); }
.held-handoff { height: calc(332 * var(--u)); display: grid; grid-template-columns: 1.06fr .94fr; gap: calc(18 * var(--u)); }
.held-handoff-report, .held-meanings { height: calc(316 * var(--u)); }
.held-handoff-report > p { padding: calc(4 * var(--u)) calc(20 * var(--u)) calc(10 * var(--u)); }
.held-handoff-report dl { margin: 0 calc(20 * var(--u)); padding: calc(12 * var(--u)) calc(16 * var(--u)); box-shadow: inset 0 0 0 var(--rule-hairline) var(--rule); }
.held-handoff-actions { height: calc(61 * var(--u)); padding: calc(12 * var(--u)) calc(20 * var(--u)); display: grid; grid-template-columns: calc(220 * var(--u)) 1fr auto; align-items: center; gap: calc(18 * var(--u)); }
.held-handoff-actions button { height: calc(42 * var(--u)); background: transparent; color: var(--teal); font-weight: 700; }
.held-handoff-actions strong, .held-handoff-actions a { color: var(--teal); }
.held-meanings > div { height: calc(86 * var(--u)); margin: 0 calc(22 * var(--u)); display: grid; grid-template-columns: calc(210 * var(--u)) 1fr; align-items: center; box-shadow: inset 0 calc(-1 * var(--u)) var(--rule); }
.held-meanings > div:last-child { box-shadow: none; }
.held-meanings strong { font: 700 calc(30 * var(--u))/1 var(--font-display); }
.held-meanings p { padding-left: calc(44 * var(--u)); box-shadow: inset var(--rule-hairline) 0 var(--rule); }

@media (max-width: 1023px) {
  .held-intro, .held-summary, .held-messages, .held-reference, .held-ledger, .held-handoff, .held-checks { height: auto; }
  .held-intro { padding: 26px 0; align-items: stretch; flex-direction: column; gap: 22px; }
  .held-title { align-items: flex-start; flex-direction: column; gap: 4px; }
  .held-title h1 { font-size: 56px; }
  .held-search { width: 100%; grid-template-columns: 1fr; }
  .held-checks { min-height: 870px; }
  .held-panel-title { height: 58px; padding: 0 14px; }
  .held-panel-title h2 { font-size: 28px; }
  .held-route-code .held-barcode { display: none; }
  .held-check-deck { height: auto; grid-template-columns: 1fr; padding: 18px 14px; }
  .held-belt { display: none; }
  .held-check-card { height: 176px; }
  .held-check-card > div { grid-template-columns: 34px 1fr 88px; }
  .held-drawer { top: 156px; }
  .held-summary { padding-top: 24px; grid-template-columns: 1fr; }
  .held-receipt, .held-inquiry { height: auto; min-height: 310px; }
  .held-receipt-body { grid-template-columns: 1fr; gap: 12px; padding: 20px 16px; }
  .held-receipt dl + dl { padding: 12px 0 0; box-shadow: inset 0 var(--rule-hairline) var(--rule); }
  .held-receipt dl div, .held-handoff dl div { grid-template-columns: 130px 1fr; font-size: 13px; }
  .held-inquiry-head, .held-picks button { grid-template-columns: 1fr 86px 20px; }
  .held-messages { margin-top: 24px; overflow-x: auto; }
  .held-messages > * { min-width: 760px; }
  .held-gap { height: 64px; }
  .held-reference { min-height: 310px; }
  .held-reference-facts { height: auto; grid-template-columns: 1fr 1fr; gap: 18px; padding: 20px; }
  .held-reference-facts p { box-shadow: none; padding: 0; font-size: 15px; }
  .held-reference-source { height: auto; min-height: 80px; align-items: flex-start; flex-direction: column; padding: 14px 0; }
  .held-ledger { margin-top: 18px; overflow-x: auto; }
  .held-ledger > * { min-width: 900px; }
  .held-handoff { margin-top: 18px; grid-template-columns: 1fr; }
  .held-handoff-report, .held-meanings { height: auto; min-height: 330px; }
  .held-handoff-actions { height: auto; grid-template-columns: 1fr; }
  .held-meanings > div { grid-template-columns: 130px 1fr; }
  .held-meanings strong { font-size: 26px; }
  .held-meanings p { padding-left: 16px; }
}

/* Desk route — measured against 01_desk at 1920; USER FIX TYPE applies. */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.desk-intro { height: calc(494 * var(--u)); display: grid; grid-template-columns: calc(1320 * var(--u)) calc(442 * var(--u)); gap: calc(36 * var(--u)); }
.desk-intro-main { padding-top: calc(27 * var(--u)); }
.desk-page-title h1 { margin: 0; font: 600 calc(64 * var(--u))/.9 var(--font-display); letter-spacing: -.02em; }
.desk-page-title p { margin: calc(7 * var(--u)) 0 0; font-size: calc(16 * var(--u)); }
.desk-wallet { height: calc(358 * var(--u)); margin-top: calc(19 * var(--u)); padding: calc(35 * var(--u)) calc(31 * var(--u)); background: rgba(251, 222, 199, .55); }
.desk-eyebrow { display: flex; align-items: center; gap: calc(20 * var(--u)); font: 700 calc(20 * var(--u))/1 var(--font-display); }
.desk-eyebrow i, .desk-section-title i { height: var(--rule-hairline); flex: 1; background: var(--rule); }
.desk-total { display: block; margin-top: calc(38 * var(--u)); color: var(--teal); font: 700 calc(56 * var(--u))/1 var(--font-mono); letter-spacing: -.04em; }
.desk-wallet-id { margin: calc(23 * var(--u)) 0 0; font: 400 calc(34 * var(--u))/1 var(--font-mono); }
.desk-counts { margin: calc(18 * var(--u)) 0 0; font: 400 calc(24 * var(--u))/1 var(--font-mono); }
.desk-inquiry { height: calc(478 * var(--u)); margin-top: calc(19 * var(--u)); padding: calc(24 * var(--u)) calc(22 * var(--u)); background: rgba(251, 222, 199, .35); }
.desk-inquiry-head { height: calc(67 * var(--u)); display: flex; align-items: flex-start; gap: calc(18 * var(--u)); }
.desk-inquiry-head h2 { margin: 0; font: 700 calc(36 * var(--u))/1 var(--font-display); }
.desk-inquiry-head span { margin-left: auto; padding-left: calc(24 * var(--u)); border-left: var(--rule-hairline) solid var(--ink); font: 600 calc(24 * var(--u))/1 var(--font-display); }
.desk-inquiry-head b { font-size: calc(24 * var(--u)); }
.desk-lookup { display: block; padding-top: calc(18 * var(--u)); }
.desk-lookup input, .desk-lookup button { width: 100%; height: calc(50 * var(--u)); }
.desk-lookup input { padding-inline: calc(15 * var(--u)); background: transparent; font: 400 calc(19 * var(--u))/1 var(--font-mono); }
.desk-lookup button { margin-top: calc(18 * var(--u)); background: var(--board); color: var(--paper-hi); }
.desk-recents { margin-top: calc(18 * var(--u)); padding-top: calc(12 * var(--u)); border-top: var(--rule-hairline) solid var(--rule); }
.desk-recents h3 { margin: 0 0 calc(8 * var(--u)); font: 700 calc(18 * var(--u))/1 var(--font-display); }
.desk-recents button { display: flex; justify-content: space-between; width: 100%; height: calc(28 * var(--u)); padding-left: calc(12 * var(--u)); background: transparent; border-bottom: var(--rule-hairline) solid rgba(98, 90, 74, .35); font: 400 calc(16 * var(--u))/1 var(--font-mono); text-align: left; }
.desk-recents button span { font-size: calc(13 * var(--u)); }
.desk-section-title { height: calc(52 * var(--u)); display: flex; align-items: center; gap: calc(34 * var(--u)); }
.desk-section-title h2, .desk-band-title h2 { margin: 0; font: 700 calc(38 * var(--u))/1 var(--font-display); white-space: nowrap; }
.desk-trays { height: calc(416 * var(--u)); }
.desk-tray-grid { height: calc(364 * var(--u)); display: grid; grid-template-columns: calc(290 * var(--u)) 1fr; gap: calc(16 * var(--u)); }
.desk-tabs { display: grid; grid-template-rows: repeat(3, 1fr); }
.desk-tab { display: flex; align-items: center; justify-content: space-between; padding: 0 calc(24 * var(--u)); background: rgba(251, 222, 199, .25); font: 600 calc(23 * var(--u))/1 var(--font-display); text-align: left; }
.desk-tab + .desk-tab { margin-top: calc(-3.1 * var(--u)); }
.desk-tab strong { font: 700 calc(30 * var(--u))/1 var(--font-mono); }
.desk-tab.active { background: var(--teal); color: var(--paper-hi); }
.desk-tray-body { position: relative; height: calc(344 * var(--u)); padding: calc(20 * var(--u)) calc(30 * var(--u)) calc(62 * var(--u)); background: rgba(251, 222, 199, .25); }
.desk-tray-heading { height: calc(47 * var(--u)); display: flex; align-items: flex-start; gap: calc(22 * var(--u)); border-bottom: var(--rule-hairline) solid var(--rule); }
.desk-tray-heading h3 { margin: 0; font: 700 calc(24 * var(--u))/1 var(--font-display); text-decoration: underline; text-underline-offset: calc(8 * var(--u)); }
.desk-tray-heading p { margin: 0; padding-top: calc(2 * var(--u)); font-size: calc(14 * var(--u)); }
.desk-tags { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(28 * var(--u)); height: calc(187 * var(--u)); padding-top: calc(16 * var(--u)); }
.desk-tag { position: relative; display: grid; grid-template-columns: calc(72 * var(--u)) 1fr; padding: calc(13 * var(--u)) calc(14 * var(--u)); background: rgba(251, 235, 216, .56); color: var(--ink); text-decoration: none; }
.desk-barcode { height: 100%; margin-right: calc(14 * var(--u)); border-right: var(--rule-hairline) solid var(--rule); background: repeating-linear-gradient(90deg, var(--ink) 0, var(--ink) calc(2 * var(--u)), transparent calc(2 * var(--u)), transparent calc(6 * var(--u))); background-size: calc(31 * var(--u)) 100%; background-repeat: no-repeat; background-position: center; }
.desk-tag span { font: 400 calc(15 * var(--u))/1.35 var(--font-mono); }
.desk-tag b, .desk-tag em, .desk-tag small, .desk-tag strong { display: block; font-style: normal; }
.desk-tag b { font-size: calc(17 * var(--u)); }
.desk-tag em { font-size: calc(20 * var(--u)); font-weight: 700; }
.desk-tag strong { position: absolute; left: calc(86 * var(--u)); right: calc(15 * var(--u)); bottom: calc(11 * var(--u)); padding-top: calc(7 * var(--u)); border-top: var(--rule-hairline) solid var(--rule); color: var(--teal); font: 600 calc(16 * var(--u))/1 var(--font-display); }
.desk-shelf { position: absolute; left: calc(18 * var(--u)); right: calc(18 * var(--u)); bottom: calc(15 * var(--u)); width: calc(100% - calc(36 * var(--u))); height: calc(45 * var(--u)); color: var(--rule); pointer-events: none; }
.desk-copy { position: absolute; right: calc(105 * var(--u)); bottom: calc(19 * var(--u)); padding: calc(10 * var(--u)) calc(26 * var(--u)); background: var(--board); color: var(--paper-hi); }
.desk-copy-state { position: absolute; right: calc(19 * var(--u)); bottom: calc(28 * var(--u)); color: var(--teal); font: 700 calc(14 * var(--u))/1 var(--font-mono); }
.desk-gap { height: calc(96 * var(--u)); }
.desk-leftovers { height: calc(300 * var(--u)); }
.desk-band-title { position: relative; height: calc(54 * var(--u)); display: flex; align-items: flex-end; gap: calc(28 * var(--u)); padding-bottom: calc(10 * var(--u)); border-bottom: var(--rule-hairline) solid var(--ink); }
.desk-band-title p { position: absolute; left: 0; top: calc(43 * var(--u)); margin: 0; font-size: calc(15 * var(--u)); }
.desk-left-grid { height: calc(235 * var(--u)); display: grid; grid-template-columns: 1fr 1fr calc(490 * var(--u)); gap: calc(28 * var(--u)); padding: calc(45 * var(--u)) calc(14 * var(--u)) 0; }
.desk-position { position: relative; display: grid; grid-template-columns: calc(78 * var(--u)) 1fr; padding: calc(12 * var(--u)) calc(16 * var(--u)); background: rgba(251, 235, 216, .5); }
.desk-position > div { padding-left: calc(14 * var(--u)); font: 400 calc(15 * var(--u))/1.45 var(--font-mono); }
.desk-position strong, .desk-position span, .desk-position small { display: block; }
.desk-position strong { font-size: calc(19 * var(--u)); }
.desk-position b { position: absolute; left: calc(94 * var(--u)); right: calc(15 * var(--u)); bottom: calc(12 * var(--u)); padding-top: calc(8 * var(--u)); border-top: var(--rule-hairline) solid var(--rule); color: var(--teal); font: 600 calc(16 * var(--u))/1 var(--font-display); }
.desk-preview { padding: calc(17 * var(--u)) calc(28 * var(--u)); background: rgba(251, 235, 216, .45); }
.desk-preview h3, .desk-standard h3 { margin: 0; padding-bottom: calc(10 * var(--u)); border-bottom: var(--rule-hairline) solid var(--rule); font: 700 calc(27 * var(--u))/1 var(--font-display); }
.desk-preview strong { display: block; margin-top: calc(14 * var(--u)); color: var(--teal); font: 700 calc(28 * var(--u))/1 var(--font-mono); }
.desk-preview p { margin: calc(3 * var(--u)) 0 0; }
.desk-preview button { width: 100%; height: calc(45 * var(--u)); margin-top: calc(9 * var(--u)); background: var(--teal); color: var(--paper-hi); }
.desk-claims { height: calc(305 * var(--u)); padding-top: calc(40 * var(--u)); }
.desk-claims-grid { display: grid; grid-template-columns: 1fr calc(465 * var(--u)); gap: calc(15 * var(--u)); height: calc(157 * var(--u)); padding-top: calc(14 * var(--u)); }
.desk-claims-table { display: grid; grid-template-rows: calc(35 * var(--u)) 1fr; }
.desk-claims-head { display: grid; grid-template-columns: 1.1fr 1fr 1fr .8fr .8fr; align-items: center; padding-inline: calc(18 * var(--u)); font: 700 calc(13 * var(--u))/1 var(--font-display); }
.desk-claims-table p { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0; font: 400 calc(15 * var(--u))/1.45 var(--font-mono); }
.desk-claims-table p strong { color: var(--teal); font-size: calc(22 * var(--u)); font-weight: 400; }
.desk-standard { padding: calc(14 * var(--u)) calc(22 * var(--u)); background: rgba(251, 235, 216, .35); }
.desk-standard h3 { font-size: calc(20 * var(--u)); }
.desk-standard p { margin-top: calc(12 * var(--u)); font: 400 calc(15 * var(--u))/1.5 var(--font-mono); }
.desk-receipt-wrap { height: calc(269 * var(--u)); padding-top: calc(44 * var(--u)); }
.desk-receipt { height: calc(144 * var(--u)); display: grid; grid-template-columns: 1fr 1fr; gap: calc(50 * var(--u)); padding: calc(20 * var(--u)) calc(34 * var(--u)); background: rgba(251, 235, 216, .45); }
.desk-receipt > div { font: 400 calc(15 * var(--u))/1.35 var(--font-mono); }
.desk-receipt > div + div { padding-left: calc(55 * var(--u)); border-left: var(--rule-hairline) solid var(--ink); }
.desk-receipt p { margin: 0; }
.desk-receipt p + p { margin-top: calc(10 * var(--u)); }
.desk-receipt p span { display: inline-block; width: calc(280 * var(--u)); }

@media (max-width: 1023px) {
  .desk-intro { height: auto; grid-template-columns: 1fr; }
  .desk-intro-main { padding-top: 24px; }
  .desk-page-title h1 { font-size: 58px; }
  .desk-wallet { height: auto; min-height: 300px; }
  .desk-total { font-size: 40px; }
  .desk-wallet-id, .desk-counts { font-size: 20px; overflow-wrap: anywhere; }
  .desk-inquiry { height: auto; margin: 18px 0 30px; }
  .desk-trays { height: auto; }
  .desk-tray-grid { height: auto; grid-template-columns: 1fr; }
  .desk-tabs { grid-template: 1fr / repeat(3, 1fr); }
  .desk-tab { min-height: 76px; padding: 12px; font-size: 18px; }
  .desk-tab + .desk-tab { margin: 0 0 0 -3px; }
  .desk-tray-body { height: auto; min-height: 720px; }
  .desk-tags { height: auto; grid-template-columns: 1fr; gap: 16px; }
  .desk-tag { min-height: 175px; }
  .desk-shelf, .desk-copy, .desk-copy-state { position: relative; inset: auto; margin-top: 16px; }
  .desk-gap { height: 56px; }
  .desk-leftovers, .desk-claims, .desk-receipt-wrap { height: auto; }
  .desk-left-grid, .desk-claims-grid { height: auto; grid-template-columns: 1fr; padding: 52px 0 0; }
  .desk-position, .desk-preview, .desk-claims-table, .desk-standard { min-height: 170px; }
  .desk-claims { padding-top: 54px; }
  .desk-receipt-wrap { padding: 54px 0; }
  .desk-receipt { height: auto; grid-template-columns: 1fr; }
  .desk-receipt > div + div { padding: 20px 0 0; border-left: 0; border-top: var(--rule-hairline) solid var(--ink); }
}

@media (max-width: 430px) {
  .desk-inquiry-head h2 { font-size: 30px; }
  .desk-inquiry-head span { padding-left: 8px; font-size: 17px; }
  .desk-tabs { grid-template-columns: 1fr; }
  .desk-tab + .desk-tab { margin: -3px 0 0; }
  .desk-tray-body { padding-inline: 14px; }
  .desk-tray-heading { height: auto; min-height: 70px; flex-direction: column; gap: 5px; }
  .desk-band-title { height: 75px; }
  .desk-band-title p { top: 43px; }
  .desk-receipt p span { width: auto; margin-right: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  main.is-leaving, [data-reveal], .motion-grow { opacity: 1; transform: none; }
}

/* Home / Arrivals route. All dimensions are proportional to the 1920 design. */
.home-route { position: relative; padding: 0; }
.home-hero-grid {
  height: calc(876 * var(--u));
  display: grid;
  grid-template-columns: minmax(0, 2.88fr) minmax(calc(430 * var(--u)), 1fr);
  gap: calc(14 * var(--u));
}
.home-board, .home-desk, .home-pickups, .home-checks { position: relative; }
.home-board {
  height: 100%;
  padding: calc(36 * var(--u)) calc(30 * var(--u)) calc(34 * var(--u));
  background: var(--board);
  color: var(--paper-hi);
}
.home-board-top {
  height: calc(105 * var(--u));
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: calc(21 * var(--u));
}
.home-route h1, .home-route h2, .home-route h3, .home-route p { margin: 0; }
.home-board-kicker { font: 700 calc(48 * var(--u))/1 var(--font-display); letter-spacing: .025em; }
.home-arrow { font-family: var(--font-body); font-size: calc(51 * var(--u)); margin-left: calc(28 * var(--u)); }
.home-barcode-lock { display: flex; align-items: center; gap: calc(14 * var(--u)); font: 400 calc(13 * var(--u))/1.3 var(--font-mono); }
.home-barcode { width: calc(143 * var(--u)); height: calc(50 * var(--u)); background: repeating-linear-gradient(90deg, currentColor 0, currentColor calc(2 * var(--u)), transparent calc(2 * var(--u)), transparent calc(6 * var(--u))); }
.home-board-copy { padding: calc(31 * var(--u)) calc(8 * var(--u)) calc(26 * var(--u)); }
.home-board-copy h1 { font: 700 calc(72 * var(--u))/.98 var(--font-display); letter-spacing: .01em; }
.home-board-copy p { margin-top: calc(8 * var(--u)); font-size: calc(26 * var(--u)); color: #DCCDBF; }
.home-columns, .home-flap-grid { display: grid; grid-template-columns: .85fr 1.18fr .72fr 1.05fr 1.14fr .78fr 1.55fr; gap: calc(9 * var(--u)); align-items: center; }
.home-columns { padding: 0 calc(8 * var(--u)) calc(12 * var(--u)); font: 700 calc(13 * var(--u))/1 var(--font-body); letter-spacing: .06em; }
.home-flap-grid { height: calc(56 * var(--u)); }
.home-flap { height: 100%; display: flex; align-items: center; padding: 0 calc(10 * var(--u)); background: linear-gradient(#202526 49%, #111516 50%, #202526 52%); box-shadow: inset 0 0 0 var(--rule-hairline) #414544; font: 400 calc(21 * var(--u))/1 var(--font-mono); white-space: nowrap; }
.home-board-row.open.rule-board-open-row { border-top-color: transparent; box-shadow: inset 0 max(1px, calc(3 * var(--u))) var(--select-line); }
.home-board-row.open .home-flap { box-shadow: inset var(--rule-hairline) 0 #414544, inset calc(-1 * var(--rule-hairline)) 0 #414544, inset 0 calc(-1 * var(--rule-hairline)) #414544; }
.home-flap.status { color: #39D8C8; }
.home-board-row { padding: calc(7 * var(--u)) calc(8 * var(--u)); }
.home-board-row.open { height: calc(137 * var(--u)); padding: calc(8 * var(--u)); cursor: pointer; }
.home-row-detail { height: calc(68 * var(--u)); display: flex; align-items: center; justify-content: space-between; font: 400 calc(20 * var(--u))/1 var(--font-mono); }
.home-row-detail a { min-width: calc(168 * var(--u)); padding: calc(15 * var(--u)) calc(19 * var(--u)); color: var(--paper-hi); text-align: center; text-decoration: none; }
.home-row-detail strong { color: var(--select-line); font-weight: 400; }
.home-board-row.done .home-flap { box-shadow: inset 0 0 0 var(--rule-hairline) #27654F; }
.home-board-row.done .status { color: #59D5A6; }
.home-desk { height: 100%; padding: calc(31 * var(--u)) calc(18 * var(--u)) calc(26 * var(--u)); background: var(--paper); }
.home-desk-title { height: calc(79 * var(--u)); display: flex; align-items: flex-start; gap: calc(20 * var(--u)); }
.home-desk-title h2 { font: 600 calc(39 * var(--u))/1 var(--font-display); }
.home-domain { margin-left: auto; padding-top: calc(10 * var(--u)); font: 400 calc(16 * var(--u))/1 var(--font-mono); }
.home-bell { font-size: calc(26 * var(--u)); line-height: 1; }
.home-lookup { padding: calc(28 * var(--u)) 0 calc(21 * var(--u)); }
.home-lookup input { width: 100%; height: calc(56 * var(--u)); padding: 0 calc(16 * var(--u)); background: transparent; font-family: var(--font-mono); }
.home-lookup button { width: 100%; height: calc(56 * var(--u)); margin-top: calc(12 * var(--u)); background: var(--board); color: var(--paper-hi); border-radius: calc(4 * var(--u)); }
.home-filter { padding: calc(20 * var(--u)) 0; }
.home-filter h3 { margin-bottom: calc(13 * var(--u)); font: 700 calc(17 * var(--u))/1 var(--font-display); letter-spacing: .02em; }
.home-chips { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(8 * var(--u)); }
.home-chips.three { grid-template-columns: repeat(3, 1fr); }
.home-chip { height: calc(48 * var(--u)); padding: 0 calc(8 * var(--u)); background: transparent; }
.home-chip.active { background: var(--teal); color: var(--paper-hi); }
.home-summary { margin-top: calc(48 * var(--u)); padding-top: calc(21 * var(--u)); font: 400 calc(17 * var(--u))/1.45 var(--font-mono); }
.home-summary h3 { margin-bottom: calc(10 * var(--u)); font: 700 calc(17 * var(--u))/1 var(--font-display); }
.home-summary dl { display: grid; grid-template-columns: 1fr auto; margin: 0; }
.home-summary dt, .home-summary dd { margin: 0; }
.home-section-gap { height: calc(96 * var(--u)); }
.home-pickups { height: calc(462 * var(--u)); padding: calc(29 * var(--u)) calc(31 * var(--u)); background: var(--board); color: var(--paper-hi); }
.home-section-head { display: flex; justify-content: space-between; align-items: flex-start; }
.home-section-head h2 { font: 700 calc(40 * var(--u))/1 var(--font-display); letter-spacing: .04em; }
.home-section-head p { margin-top: calc(5 * var(--u)); font-size: calc(17 * var(--u)); }
.home-mini-barcode { display: flex; gap: calc(15 * var(--u)); font: 400 calc(12 * var(--u))/1.25 var(--font-mono); }
.home-mini-barcode .home-barcode { width: calc(130 * var(--u)); height: calc(43 * var(--u)); }
.home-belt { position: relative; height: calc(319 * var(--u)); margin-top: calc(18 * var(--u)); overflow: hidden; }
.home-belt [data-loop-video], .home-belt video, .home-belt [data-loop-video] > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: fill; }
.home-belt-data { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; color: var(--mint); opacity: .72; }
.home-tags { position: absolute; inset: calc(42 * var(--u)) calc(105 * var(--u)) calc(30 * var(--u)); display: flex; justify-content: space-between; align-items: stretch; }
.home-tag { position: relative; width: calc(145 * var(--u)); padding: calc(24 * var(--u)) calc(14 * var(--u)) calc(10 * var(--u)); background: var(--ticket); color: var(--ink); clip-path: polygon(calc(16 * var(--u)) 0, calc(100% - calc(16 * var(--u))) 0, 100% calc(16 * var(--u)), 100% 100%, 0 100%, 0 calc(16 * var(--u))); font: 400 calc(13 * var(--u))/1.45 var(--font-mono); text-decoration: none; }
.home-tag::before { content: ""; position: absolute; top: calc(9 * var(--u)); left: 50%; width: calc(12 * var(--u)); height: calc(12 * var(--u)); transform: translateX(-50%); border-radius: 50%; box-shadow: 0 0 0 var(--rule-panel-width) var(--ink); }
.home-tag-code { display: block; margin: calc(12 * var(--u)) 0 calc(8 * var(--u)); padding-bottom: calc(7 * var(--u)); font: 700 calc(17 * var(--u))/1 var(--font-display); }
.home-tag span { display: block; }
.home-tag .minted { margin-inline: calc(-14 * var(--u)); padding-left: calc(14 * var(--u)); background: var(--mint); }
.home-tiny-code { display: block; height: calc(17 * var(--u)); background: repeating-linear-gradient(90deg, var(--ink) 0, var(--ink) calc(1.2 * var(--u)), transparent calc(1.2 * var(--u)), transparent calc(4 * var(--u))); }
.home-checks { height: calc(387 * var(--u)); margin-top: calc(14 * var(--u)); padding: calc(16 * var(--u)) calc(21 * var(--u)) calc(20 * var(--u)); background: var(--board); color: var(--paper-hi); }
.home-checks .home-section-head { height: calc(67 * var(--u)); padding: 0 calc(11 * var(--u)); }
.home-checks-box { height: calc(284 * var(--u)); }
.home-checks-grid { height: calc(177 * var(--u)); display: grid; grid-template-columns: repeat(3, 1fr); }
.home-check { height: 100%; padding: calc(10 * var(--u)) calc(20 * var(--u)); }
.home-check h3 { height: calc(56 * var(--u)); display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: calc(6 * var(--u)); font: 700 calc(20 * var(--u))/1 var(--font-display); }
.home-check p { padding: calc(14 * var(--u)) 0 calc(7 * var(--u)); font: 400 calc(14 * var(--u))/1.2 var(--font-mono); }
.home-check small { display: block; padding-top: calc(5 * var(--u)); color: #d8d2cb; font: 400 calc(12 * var(--u))/1.2 var(--font-mono); }
.home-checks-line { min-height: calc(47 * var(--u)); display: flex; align-items: center; gap: calc(32 * var(--u)); padding: 0 calc(20 * var(--u)); font: 400 calc(14 * var(--u))/1 var(--font-mono); }
.home-checks-line.rule-checks-row-rule { min-height: calc(54 * var(--u)); }
.home-checks-line strong { font: 700 calc(17 * var(--u))/1 var(--font-display); letter-spacing: .03em; }
.home-source { height: calc(54 * var(--u)); margin-top: calc(9 * var(--u)); display: flex; align-items: center; gap: calc(30 * var(--u)); padding: 0 calc(24 * var(--u)); font: 400 calc(14 * var(--u))/1 var(--font-mono); }
.home-source strong { font-family: var(--font-display); letter-spacing: .03em; }
.leftovers-route .lo-preview-grid,
.leftovers-route .lo-receipt,
.leftovers-route .lo-lower-grid { position: relative; }
.leftovers-route .lo-preview-grid::after,
.leftovers-route .lo-receipt::after,
.leftovers-route .lo-lower-grid::after { content: ""; position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; width: var(--rule-panel-width); background: var(--ink); pointer-events: none; }

@media (max-width: 1023px) {
  .home-hero-grid { height: auto; grid-template-columns: 1fr; }
  .home-board, .home-desk { height: auto; min-height: 760px; }
  .home-desk { min-height: 0; }
  .home-board-copy h1 { font-size: 56px; }
  .home-board-copy p { font-size: 18px; }
  .home-columns { display: none; }
  .home-flap-grid { grid-template-columns: 1fr 1fr; }
  .home-flap-grid .home-flap:nth-child(n+3) { display: none; }
  .home-board-row { min-height: 62px; }
  .home-row-detail { height: auto; min-height: 75px; flex-direction: column; align-items: flex-start; gap: 12px; padding: 10px 0; font-size: 14px; line-height: 1.35; }
  .home-section-gap { height: 56px; }
  .home-pickups, .home-checks { height: auto; min-height: 500px; }
  .home-tags { inset: 44px 40px 30px; }
  .home-tag:nth-child(even) { display: none; }
  .home-checks-grid { grid-template-columns: 1fr; }
  .home-check { height: auto; min-height: 145px; }
  .home-checks { margin-top: 96px; }
  .home-checks-box, .home-checks-grid, .home-check h3 { height: auto; }
  .home-source { margin-top: 30px; }
  .home-checks-line { height: auto; min-height: 56px; flex-wrap: wrap; padding-block: 12px; }
  .home-source { height: auto; min-height: 70px; }
  .home-source span { line-height: 1.4; }
}

@media (max-width: 430px) {
  .home-board { padding: 24px 14px; }
  .home-board-kicker { font-size: 34px; }
  .home-arrow { font-size: 34px; margin-left: 8px; }
  .home-barcode-lock { display: none; }
  .home-board-copy { padding: 24px 0; }
  .home-board-copy h1 { font-size: 48px; }
  .home-flap { font-size: 15px; }
  .home-desk-title h2 { font-size: 34px; }
  .home-domain { font-size: 12px; }
  .home-chips { grid-template-columns: repeat(2, 1fr); }
  .home-tags { inset-inline: 18px; }
  .home-tag { width: 30%; font-size: 10px; padding-inline: 8px; }
  .home-tag:nth-child(even) { display: none; }
  .home-tag .minted { margin-inline: -8px; padding-left: 8px; }
  .home-mini-barcode { display: none; }
  .home-pickups, .home-checks { padding-inline: 14px; }
  .home-section-head h2 { font-size: 34px; }
}

/* board rows: dark seam under the flap cells + light hairline under the row (mockup 00_home rows) */
.hm-row:not(.is-open) .hm-cells { border-bottom: max(1px, calc(2.3 * var(--u))) solid #040505; box-sizing: border-box; }
.hm-row:not(.is-open) { padding-bottom: calc(11 * var(--u)); }
.hm-rows { gap: 0 !important; }
.hm-row.is-open { margin-bottom: calc(11 * var(--u)); }