/* MeshVault v4 offers: /desk, /clarity, /thanks. Loads after shell.css; uses only tokens and site.css parts.
   Every length is a multiple of --u. */

/* The status line under a primary action sits close to it. */
.page-head .status-line{margin:var(--s-2) 0 var(--s-6)}
.page-head .page-head__lede + .page-head__lede{margin-top:calc(-1 * var(--s-4))}
.page-head .actions{margin-bottom:0}

/* ---------- /desk: the plate with the guide slip laid on the desk ---------- */
.desk-stage-band{padding:0 0 var(--s-16)}
.desk-stage{position:relative}
.desk-plate{aspect-ratio:auto;height:clamp(320px,50vw,672px);--py:.72}
.desk-slip{margin:var(--s-6) 0 0}
.desk-slip li{grid-template-columns:7.5em minmax(0,1fr);padding:var(--s-4) var(--s-5)}
@media (min-width:1100px){
  .desk-slip{position:absolute;top:var(--s-8);right:var(--s-8);width:min(480px,44%);margin:0}
}
@media (max-width:599px){
  .desk-plate{height:auto;aspect-ratio:1.25;--px:.28;--py:.8}
  .desk-plate .plate__label--wide{display:none}
  .desk-slip li{grid-template-columns:1fr;padding:var(--s-4)}
  .desk-slip li p{grid-column:1}
  .desk-slip .slip__k{padding-top:0}
}

/* ---------- Shared: the buy panel (card stock on the sheet band) ---------- */
.buy-split{align-items:center}
.buy-panel{display:grid;gap:var(--s-4);justify-items:start;padding:var(--s-8);background:var(--shelf);border-radius:var(--r-card);box-shadow:var(--lift-2)}
.buy-panel .price{gap:var(--s-2)}
.buy-panel .requote,.buy-panel .status-line,.buy-panel .fine{margin:0}
.buy-panel .tape--button{margin-top:var(--s-2)}
@media (max-width:599px){.buy-panel{padding:var(--s-5)}}

/* ---------- /clarity ---------- */
.kit{margin-bottom:var(--s-6)}
.kit > div{grid-template-columns:minmax(14em,auto) minmax(0,1fr)}
.kit__note{max-width:var(--measure);margin:0;color:var(--ink-2)}
.nots{display:flex;flex-wrap:wrap;gap:var(--s-4) var(--s-3);margin:var(--s-10) 0 0;padding:0;list-style:none}
.nots li{margin:0;line-height:0}
.nots .tape{display:inline-block;white-space:nowrap}
.nots li:nth-child(odd) .tape{rotate:-.8deg}
.nots li:nth-child(even) .tape{rotate:.6deg}
.fit .prose{max-width:none}
.fit h3{margin:0 0 var(--s-4);line-height:0}
.fit h3 .tape{display:inline-block}
.close__price{margin-top:var(--s-6)}
@media (max-width:599px){.kit > div{grid-template-columns:1fr}}

/* ---------- /thanks ---------- */
.thanks-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-16);align-items:start}
.receipt{position:relative;margin-top:var(--s-6);padding:calc(var(--s-12) + var(--s-2)) var(--s-6) var(--s-6);background:var(--card);border-radius:var(--r-card);box-shadow:var(--lift-3)}
.receipt__label{position:absolute;top:calc(-1 * var(--s-4));left:var(--s-6);rotate:-1.5deg;line-height:0}
.receipt__label .tape{display:inline-block}
.receipt__rows{margin:0;padding:0}
.receipt__rows > div{display:grid;grid-template-columns:5em minmax(0,1fr);gap:var(--s-3);padding:var(--s-3) 0;border-top:1px solid var(--rule)}
.receipt__rows > div:first-child{border-top:0;padding-top:0}
.receipt__rows dt{margin:0;font:600 var(--t-xs)/var(--lh-ui) var(--font-ui);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-2)}
.receipt__rows dd{margin:0;font:400 var(--t-md)/var(--lh-ui-lg) var(--font-ui);color:var(--ink)}
.receipt__ref{margin-top:var(--s-4);padding-top:var(--s-5);border-top:2px dashed var(--rule-strong)}
.receipt__ref[hidden]{display:none}
.receipt__ref p{margin:0}
.receipt__ref-label{font:600 var(--t-xs)/var(--lh-ui) var(--font-ui);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-2)}
.receipt__code{margin:var(--s-2) 0!important}
.receipt__code code{display:block;padding:var(--s-3) var(--s-4);background:var(--wall);border:1px solid var(--rule);border-radius:var(--r-card);font-size:var(--t-sm);line-height:var(--lh-ui);overflow-wrap:anywhere;user-select:all}
.receipt__help{margin-bottom:var(--s-4)!important;font:400 var(--t-sm)/var(--lh-ui) var(--font-ui);color:var(--ink-2)}
.doc__body > p{margin:0 0 var(--s-4)}
.doc__body .steps{padding:0}
.doc__body .steps > li{grid-template-columns:var(--s-10) minmax(0,1fr);margin:0}
.doc__body .steps > li + li{margin-top:0}
.doc__body .steps li p{margin:0 0 var(--s-4)}
.doc__body .steps li p:last-child{margin-bottom:0}
.by-product{margin:var(--s-4) 0 var(--s-5);padding:0;border-top:2px solid var(--ink)}
.by-product > div{display:grid;gap:var(--s-2);padding:var(--s-4) 0;border-bottom:1px solid var(--rule)}
.by-product dt{margin:0;line-height:1}
.by-product dt .tape{display:inline-block}
.by-product dd{margin:0;font-size:var(--t-md);line-height:var(--lh-body);color:var(--ink-2)}
.doc__body .actions{margin-top:var(--s-6)}
@media (max-width:959px){
  .thanks-head{grid-template-columns:1fr;gap:var(--s-10)}
  .receipt{margin-top:var(--s-4)}
}
@media (max-width:599px){
  .receipt__rows > div{grid-template-columns:1fr;gap:0}
}