/* /Admin/AdminHome.razor.rz.scp.css */
.kicker[b-ggfxcpu2e8] { font-size: 10px; color: var(--dark-gold); }
h1[b-ggfxcpu2e8] { font-size: 38px; margin: 12px 0 0; }
.lede[b-ggfxcpu2e8] { font-size: 15.5px; line-height: 1.6; margin: 10px 0 0; max-width: 56ch; color: var(--body-2); }
h2[b-ggfxcpu2e8] { margin: 0; }
.label[b-ggfxcpu2e8] { font-size: 9.5px; font-weight: 400; color: var(--body-3); }

.grid[b-ggfxcpu2e8] { display: grid; grid-template-columns: minmax(0, 1fr) 336px; gap: 26px; align-items: start; margin-top: 26px; }
.card[b-ggfxcpu2e8] { background: var(--card); border: 1.5px solid rgba(22, 24, 26, .22); border-radius: 10px; padding: 24px; }

/* The backup card: red when overdue, failed or missing; green only when OK. Per-side longhands. */
.backup[b-ggfxcpu2e8] { background: var(--card); border-radius: 10px; padding: 24px; box-shadow: var(--shadow); border-top: 1.5px solid var(--red); border-right: 1.5px solid var(--red); border-bottom: 1.5px solid var(--red); border-left: 6px solid var(--red); }
.backup.ok[b-ggfxcpu2e8] { box-shadow: none; border-top-color: rgba(22, 24, 26, .22); border-right-color: rgba(22, 24, 26, .22); border-bottom-color: rgba(22, 24, 26, .22); border-left-color: var(--green); }
.status[b-ggfxcpu2e8] { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.status .mono[b-ggfxcpu2e8] { font-size: 10px; color: var(--red); }
.dot[b-ggfxcpu2e8] { width: 9px; height: 9px; border-radius: 50%; flex: none; background: var(--red); }
.ok .status .mono[b-ggfxcpu2e8] { color: var(--green); }
.ok .dot[b-ggfxcpu2e8] { background: var(--green); }
.backup h2[b-ggfxcpu2e8] { font-size: 27px; margin-top: 14px; }
.when[b-ggfxcpu2e8] { display: flex; gap: 10px 22px; flex-wrap: wrap; align-items: baseline; margin-top: 14px; }
.abs[b-ggfxcpu2e8] { font: 500 16px/1.3 var(--mono); color: var(--ink); }
.rel[b-ggfxcpu2e8] { font-size: 15px; line-height: 1.3; color: var(--body-3); }
.backup p[b-ggfxcpu2e8] { font-size: 14px; line-height: 1.6; margin: 14px 0 0; max-width: 54ch; color: var(--body-2); }
.prev[b-ggfxcpu2e8] { margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(22, 24, 26, .12); display: flex; gap: 8px 20px; flex-wrap: wrap; align-items: baseline; }
.prev .abs[b-ggfxcpu2e8] { font-size: 13.5px; }

.how[b-ggfxcpu2e8] { margin-top: 20px; }
.how dl[b-ggfxcpu2e8] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 14px 0 0; }
.how dd[b-ggfxcpu2e8] { font: 600 15px/1.35 var(--sans); margin: 5px 0 0; }
.how p[b-ggfxcpu2e8] { font-size: 13.5px; line-height: 1.6; margin: 16px 0 0; color: var(--body-3); }

.me[b-ggfxcpu2e8] { background: var(--ink); border-color: var(--ink); color: var(--light); }
.me .label[b-ggfxcpu2e8] { color: var(--muted-dark); }
.me-who[b-ggfxcpu2e8] { display: flex; align-items: center; gap: 11px; margin-top: 12px; }
.me-who .d[b-ggfxcpu2e8] { width: 38px; height: 38px; border-radius: 8px; background: var(--yellow); color: var(--ink); display: flex; align-items: center; justify-content: center; font: 700 16px/1 var(--sans); flex: none; }
.me-who .disp[b-ggfxcpu2e8] { font-size: 19px; color: var(--ground); }
.me dl[b-ggfxcpu2e8] { margin: 18px 0 0; padding-top: 15px; border-top: 1px solid rgba(244, 243, 239, .18); display: flex; flex-direction: column; gap: 11px; font-size: 13.5px; }
.me dl div[b-ggfxcpu2e8] { display: flex; justify-content: space-between; gap: 12px; }
.me dt[b-ggfxcpu2e8] { color: var(--muted-dark); }
.me dd[b-ggfxcpu2e8] { margin: 0; color: var(--ground); }
.me[b-ggfxcpu2e8]  form { margin-top: 18px; }
.me[b-ggfxcpu2e8]  .out { width: 100%; min-height: 46px; background: transparent; border: 1.5px solid var(--body-3); border-radius: 6px; color: var(--light); font: 600 14px/1 var(--sans); cursor: pointer; }
.me[b-ggfxcpu2e8]  .out:hover { border-color: var(--yellow); color: var(--yellow); }
.me p[b-ggfxcpu2e8] { font-size: 12.5px; line-height: 1.6; margin: 14px 0 0; color: var(--muted-dark); }

@media (max-width: 1100px) {
  .grid[b-ggfxcpu2e8] { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
@media (max-width: 620px) {
  .how dl[b-ggfxcpu2e8] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .card[b-ggfxcpu2e8], .backup[b-ggfxcpu2e8] { padding: 20px 17px; }
}
/* /Admin/SettingsPage.razor.rz.scp.css */
.kicker[b-c5e5qi8bnb] { font-size: 10px; color: var(--dark-gold); }
h1[b-c5e5qi8bnb] { font-size: 34px; margin: 10px 0 0; }
.lede[b-c5e5qi8bnb] { font-size: 15px; line-height: 1.6; margin: 10px 0 0; max-width: 60ch; color: var(--body-2); }

.lay[b-c5e5qi8bnb] { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 26px; align-items: start; margin-top: 22px; }
.side[b-c5e5qi8bnb] { position: sticky; top: 124px; display: flex; flex-direction: column; gap: 2px; }
.side a[b-c5e5qi8bnb] { display: flex; align-items: center; min-height: 42px; padding: 0 12px; border-radius: 6px; font: 600 13.5px/1 var(--sans); color: var(--body-2); }
.side a:hover[b-c5e5qi8bnb] { background: var(--card); color: var(--ink); }

.sec[b-c5e5qi8bnb] { background: var(--card); border: 1.5px solid rgba(22, 24, 26, .22); border-radius: 10px; padding: 22px; margin-bottom: 16px; }
.sec h2[b-c5e5qi8bnb] { font: 700 19px/1.2 var(--sans); font-variation-settings: 'wdth' 112; letter-spacing: -.02em; }
.lead[b-c5e5qi8bnb] { font-size: 13.5px; line-height: 1.55; color: var(--body-3); margin: 6px 0 0; }
.lead.after[b-c5e5qi8bnb] { margin-top: 14px; }

/* Status edges use per-side longhands, as on Staff sign-in. */
.notice[b-c5e5qi8bnb] { margin-top: 14px; border-radius: 8px; padding: 14px 16px; background: var(--card); border-top: 1.5px solid var(--red); border-right: 1.5px solid var(--red); border-bottom: 1.5px solid var(--red); border-left: 6px solid var(--red); }
.notice.good[b-c5e5qi8bnb] { border-color: rgba(22, 24, 26, .22); border-left-color: var(--green); }
.notice[tabindex]:focus[b-c5e5qi8bnb] { outline: 0; }
.notice-title[b-c5e5qi8bnb] { font: 700 15px/1.35 var(--sans); color: var(--red); }
.notice.good .notice-title[b-c5e5qi8bnb] { color: var(--ink); }
.notice-body[b-c5e5qi8bnb] { font-size: 13.5px; line-height: 1.5; color: var(--body-2); margin-top: 5px; }

.rates[b-c5e5qi8bnb] { margin-top: 14px; }
.prow[b-c5e5qi8bnb] { display: grid; grid-template-columns: minmax(0, 1fr) 96px 96px 96px; gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid rgba(22, 24, 26, .12); }
.prow.hd[b-c5e5qi8bnb] { border-top: 0; padding-top: 0; padding-bottom: 4px; }
.prow.hd .mono[b-c5e5qi8bnb] { font-size: 9px; color: var(--body-3); }
.prow.hd .mono + .mono[b-c5e5qi8bnb] { text-align: right; }
.rl[b-c5e5qi8bnb] { font-weight: 600; font-size: 14px; }

/* Bottom-aligned, so an input stays in line when its neighbour's label wraps. */
.f3[b-c5e5qi8bnb] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 16px; align-items: end; }
.f2[b-c5e5qi8bnb] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 16px; align-items: end; }
.f2 .all[b-c5e5qi8bnb] { grid-column: 1 / -1; }
.wide[b-c5e5qi8bnb] { display: block; margin-top: 14px; }
.hint[b-c5e5qi8bnb] { display: block; font-size: 12.5px; line-height: 1.5; color: var(--body-3); margin-top: 5px; }
.fl[b-c5e5qi8bnb] { display: block; font-family: var(--mono); letter-spacing: .07em; text-transform: uppercase; font-size: 10px; color: var(--body-3); margin-bottom: 7px; }

.inp[b-c5e5qi8bnb] { width: 100%; font: 500 15px/1.2 var(--sans); color: var(--ink); background: var(--card); border: 1.5px solid rgba(22, 24, 26, .22); border-radius: 6px; padding: 12px 13px; min-height: 46px; outline: 0; }
.inp:focus-visible[b-c5e5qi8bnb] { outline: 2px solid var(--yellow); outline-offset: 3px; border-color: var(--ink); }
.inp.num[b-c5e5qi8bnb] { font-family: var(--mono); }
/* The browser default is too pale for AA on white. */
.inp[b-c5e5qi8bnb]::placeholder { color: var(--muted); }
.inp.bad[b-c5e5qi8bnb] { border-color: var(--red); }
.inp.ro[b-c5e5qi8bnb] { display: flex; align-items: center; color: var(--body-3); background: var(--ground); }
.prow .inp[b-c5e5qi8bnb] { min-height: 44px; padding: 10px 12px; text-align: right; }

.users[b-c5e5qi8bnb] { list-style: none; margin: 16px 0 0; padding: 0; }
.user[b-c5e5qi8bnb] { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 0; border-top: 1px solid rgba(22, 24, 26, .12); }
.user:first-child[b-c5e5qi8bnb] { border-top: 0; padding-top: 0; }
.user form[b-c5e5qi8bnb] { margin: 0; }
.user .btn[b-c5e5qi8bnb] { min-height: 40px; }
.av[b-c5e5qi8bnb] { width: 36px; height: 36px; border-radius: 8px; background: var(--yellow); color: var(--ink); display: flex; align-items: center; justify-content: center; font: 700 14px/1 var(--sans); }
.av.other[b-c5e5qi8bnb] { background: var(--ink); color: var(--yellow); }
.un[b-c5e5qi8bnb] { display: block; font-weight: 600; font-size: 14.5px; }
.ul[b-c5e5qi8bnb] { font-size: 12.5px; color: var(--body-3); }
.ul [tabindex]:focus[b-c5e5qi8bnb] { outline: 0; }
/* Read off the screen and typed on a phone, so it gets its own face. */
.pw[b-c5e5qi8bnb] { font: 600 13px/1.4 var(--mono); color: var(--ink); background: var(--yellow-tint); border-radius: 4px; padding: 1px 5px; }

.pwform[b-c5e5qi8bnb] { margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(22, 24, 26, .12); }
.pwform h3[b-c5e5qi8bnb] { font: 700 15px/1.3 var(--sans); }
.pwform .f2[b-c5e5qi8bnb] { margin-top: 12px; }
.acts[b-c5e5qi8bnb] { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }

.add[b-c5e5qi8bnb] { margin-top: 14px; display: flex; gap: 10px; flex-wrap: wrap; align-items: end; }
.pwform + .add[b-c5e5qi8bnb] { margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(22, 24, 26, .12); }
.add .notice[b-c5e5qi8bnb] { flex-basis: 100%; margin-top: 0; }
.add .nu[b-c5e5qi8bnb] { flex: 1; min-width: 180px; }
.add .nm[b-c5e5qi8bnb] { min-width: 170px; }
.add .btn[b-c5e5qi8bnb] { min-height: 46px; }

.savebar[b-c5e5qi8bnb] { position: sticky; bottom: 0; margin-top: 8px; background: var(--ink); color: var(--light); border-radius: 10px; padding: 14px 18px; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; z-index: 5; }
.note[b-c5e5qi8bnb] { font-size: 13px; }
.btn[b-c5e5qi8bnb] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: 6px; font: 600 13.5px/1 var(--sans); cursor: pointer; border: 1.5px solid rgba(22, 24, 26, .25); background: var(--card); color: var(--ink); }
.btn-pri[b-c5e5qi8bnb] { background: var(--yellow); border-color: var(--ink); font-weight: 700; }
.btn-pri:hover[b-c5e5qi8bnb] { background: var(--yellow-hover); }
.btn-ghost[b-c5e5qi8bnb] { background: transparent; color: var(--light); border-color: var(--body-3); }
.btn-ghost:hover[b-c5e5qi8bnb] { border-color: var(--yellow); color: var(--yellow); }
.btn-ink[b-c5e5qi8bnb] { background: var(--ink); border-color: var(--ink); color: var(--ground); }
.btn-ink:hover[b-c5e5qi8bnb] { background: var(--body-2); }
.btn[disabled][b-c5e5qi8bnb] { background: var(--body-2); color: var(--muted-dark); border-color: var(--body-2); cursor: not-allowed; }

@media (max-width: 1100px) {
  .lay[b-c5e5qi8bnb] { grid-template-columns: minmax(0, 1fr); }
  .side[b-c5e5qi8bnb] { position: static; flex-direction: row; flex-wrap: wrap; gap: 4px; }
  .side a[b-c5e5qi8bnb] { background: var(--card); border: 1.5px solid rgba(22, 24, 26, .22); }
}
@media (max-width: 860px) {
  .f3[b-c5e5qi8bnb] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .sec[b-c5e5qi8bnb] { padding: 18px 16px; }
  .f2[b-c5e5qi8bnb], .f3[b-c5e5qi8bnb] { grid-template-columns: minmax(0, 1fr); }
  .prow[b-c5e5qi8bnb] { grid-template-columns: minmax(0, 1fr) 66px 66px 66px; gap: 6px; }
  .side a[b-c5e5qi8bnb] { min-height: 44px; }
  .user[b-c5e5qi8bnb] { grid-template-columns: 36px minmax(0, 1fr); }
  .user > .btn[b-c5e5qi8bnb], .user > form[b-c5e5qi8bnb] { grid-column: 2; justify-self: start; }
}
/* /Admin/StaffSignIn.razor.rz.scp.css */
.card[b-lel8vi4pqm] { width: 100%; max-width: 452px; background: var(--card); border: 1.5px solid var(--ink); border-radius: 10px; padding: 32px; box-shadow: var(--shadow); }
.kicker[b-lel8vi4pqm] { font-size: 10px; color: var(--dark-gold); }
h1[b-lel8vi4pqm] { font-size: 31px; margin: 12px 0 0; }
.lede[b-lel8vi4pqm] { font-size: 14.5px; line-height: 1.6; margin: 10px 0 0; color: var(--body-2); }

/* Status edges use per-side longhands, as in the mockup. */
.notice[b-lel8vi4pqm] { margin-top: 20px; border-radius: 8px; padding: 14px 16px; background: var(--card); }
.notice.bad[b-lel8vi4pqm] { border-top: 1.5px solid var(--red); border-right: 1.5px solid var(--red); border-bottom: 1.5px solid var(--red); border-left: 6px solid var(--red); }
.notice.good[b-lel8vi4pqm] { border-top: 1.5px solid rgba(22, 24, 26, .22); border-right: 1.5px solid rgba(22, 24, 26, .22); border-bottom: 1.5px solid rgba(22, 24, 26, .22); border-left: 6px solid var(--green); }
.notice.warn[b-lel8vi4pqm] { background: var(--yellow-tint); border-top: 1.5px solid var(--yellow); border-right: 1.5px solid var(--yellow); border-bottom: 1.5px solid var(--yellow); border-left: 6px solid var(--yellow); }
/* Not a control: it takes focus only so a screen reader reads it when the fields are disabled. */
.notice[tabindex]:focus[b-lel8vi4pqm] { outline: 0; }
.notice-title[b-lel8vi4pqm] { font: 700 15px/1.35 var(--sans); color: var(--ink); }
.notice.bad .notice-title[b-lel8vi4pqm] { color: var(--red); }
.notice-body[b-lel8vi4pqm] { font-size: 13.5px; line-height: 1.5; color: var(--body-2); margin-top: 5px; }

.field[b-lel8vi4pqm] { margin-top: 16px; }
.notice + .field[b-lel8vi4pqm], .lede + .field[b-lel8vi4pqm] { margin-top: 22px; }
.fl[b-lel8vi4pqm] { display: block; font-family: var(--mono); letter-spacing: .07em; text-transform: uppercase; font-size: 10px; color: var(--body-3); margin-bottom: 7px; }
.inp[b-lel8vi4pqm] { width: 100%; font: 500 16px/1.2 var(--sans); color: var(--ink); background: var(--card); border: 1.5px solid rgba(22, 24, 26, .22); border-radius: 6px; padding: 14px; min-height: 48px; outline: 0; }
.inp[b-lel8vi4pqm]::placeholder { color: var(--muted); }
.inp:focus-visible[b-lel8vi4pqm] { outline: 2px solid var(--yellow); outline-offset: 3px; border-color: var(--ink); }
.inp.bad[b-lel8vi4pqm] { border-color: var(--red); }
.err[b-lel8vi4pqm] { font-size: 13px; line-height: 1.45; color: var(--red); margin-top: 6px; }

.pass[b-lel8vi4pqm] { display: flex; gap: 8px; }
.pass .inp[b-lel8vi4pqm] { flex: 1; min-width: 0; }
.eye[b-lel8vi4pqm] { background: var(--card); border: 1.5px solid rgba(22, 24, 26, .22); border-radius: 6px; font: 600 11px/1 var(--mono); letter-spacing: .07em; text-transform: uppercase; color: var(--body-3); min-width: 56px; min-height: 48px; cursor: pointer; }
.eye:hover[b-lel8vi4pqm] { border-color: var(--ink); color: var(--ink); }
.eye:focus-visible[b-lel8vi4pqm] { outline: 2px solid var(--yellow); outline-offset: 3px; }

.sub[b-lel8vi4pqm] { margin-top: 22px; width: 100%; min-height: 52px; background: var(--yellow); color: var(--ink); border: 1.5px solid var(--ink); border-radius: 6px; font: 700 16.5px/1 var(--sans); cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 9px; }
.sub:hover[b-lel8vi4pqm] { background: var(--yellow-hover); }
.sub:focus-visible[b-lel8vi4pqm] { outline: 2px solid var(--ink); outline-offset: 3px; }
.sub[disabled][b-lel8vi4pqm] { background: var(--body-2); color: var(--muted-dark); border-color: var(--body-2); cursor: not-allowed; }
.spin[b-lel8vi4pqm] { width: 15px; height: 15px; border: 2.5px solid rgba(22, 24, 26, .25); border-top-color: var(--ink); border-radius: 50%; animation: spin-b-lel8vi4pqm .7s linear infinite; }
@keyframes spin-b-lel8vi4pqm { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .spin[b-lel8vi4pqm] { animation-duration: 2s; } }

.after[b-lel8vi4pqm] { font-size: 9.5px; color: var(--body-3); margin-top: 12px; line-height: 1.6; }
.help[b-lel8vi4pqm] { margin-top: 22px; padding-top: 16px; border-top: 1px solid rgba(22, 24, 26, .12); font-size: 13px; line-height: 1.55; color: var(--body-3); }

@media (max-width: 860px) { .card[b-lel8vi4pqm] { padding: 26px; } }
@media (max-width: 620px) { .card[b-lel8vi4pqm] { padding: 22px 18px; box-shadow: none; } }
/* /Components/Layout/OrderLayout.razor.rz.scp.css */
/* My order's frame. Breakpoints follow START-HERE: 1100, 860, 620. */
.band[b-6kswfhtpno] { background: var(--ink); }
.band-in[b-6kswfhtpno] { max-width: 1120px; margin: 0 auto; padding: 14px 40px; display: flex; align-items: center; gap: 16px; }
.brand[b-6kswfhtpno] { display: flex; align-items: center; min-height: 44px; }
.chip[b-6kswfhtpno] { font-size: 9.5px; color: var(--yellow); border: 1px solid var(--dark-gold); border-radius: 5px; padding: 5px 8px; }
.tel[b-6kswfhtpno] { margin-left: auto; display: inline-flex; align-items: center; min-height: 44px; color: var(--light); font: 600 13px/1 var(--sans); white-space: nowrap; }
.tel:hover[b-6kswfhtpno] { color: var(--yellow); }

.shell[b-6kswfhtpno] { display: block; max-width: 1120px; margin: 0 auto; padding: 30px 40px 60px; }

.foot-in[b-6kswfhtpno] { max-width: 1120px; margin: 0 auto; padding: 22px 40px; display: flex; gap: 14px; flex-wrap: wrap; justify-content: space-between; }
.foot .mono[b-6kswfhtpno] { font-size: 9.5px; color: var(--muted-dark); }

@media (max-width: 1100px) {
  .band-in[b-6kswfhtpno] { padding-left: 36px; padding-right: 36px; }
  .shell[b-6kswfhtpno] { padding: 26px 36px 50px; }
}
@media (max-width: 860px) {
  .band-in[b-6kswfhtpno] { padding-left: 24px; padding-right: 24px; }
  .shell[b-6kswfhtpno] { padding: 22px 24px 42px; }
  .foot-in[b-6kswfhtpno] { padding: 22px 24px; }
}
@media (max-width: 620px) {
  .band-in[b-6kswfhtpno] { padding: 10px 16px; }
  .brand[b-6kswfhtpno]  .logo { width: 96px; }
  .shell[b-6kswfhtpno] { padding: 18px 16px 34px; }
  .foot-in[b-6kswfhtpno] { padding: 20px 16px; }
}
/* /Public/About.razor.rz.scp.css */
/* About. Breakpoints follow START-HERE: 1100 laptop, 860 tablet, 620 and 560 phone. */

.hero[b-19k6tb53f9] { padding: 48px 40px 0; display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 44px; align-items: end; }
h1[b-19k6tb53f9] { font-size: 56px; margin: 0; max-width: 18ch; }
h2[b-19k6tb53f9], h3[b-19k6tb53f9] { margin: 0; }
.lede[b-19k6tb53f9] { font-size: 16.5px; line-height: 1.6; margin: 18px 0 0; max-width: 56ch; color: var(--body-2); }
.hero-photo[b-19k6tb53f9] { height: 230px; }

.ruled[b-19k6tb53f9] { margin: 26px 40px 0; padding-top: 24px; border-top: 2px solid var(--ink); }
.label[b-19k6tb53f9] { font-size: 10px; font-weight: 400; color: var(--dark-gold); }

/* ---- the story ---- */
.story[b-19k6tb53f9] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; margin-top: 16px; }
.story p[b-19k6tb53f9], .where p[b-19k6tb53f9] { font-size: 15.5px; line-height: 1.7; margin: 0; color: var(--body-2); }

/* ---- how we work ---- */
.ways[b-19k6tb53f9] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px; margin-top: 18px; }
.ways h3[b-19k6tb53f9] { font-size: 22px; }
.ways p[b-19k6tb53f9] { font-size: 14.5px; line-height: 1.6; margin: 10px 0 0; color: var(--body-2); }

/* ---- where we go and the shop ---- */
.where[b-19k6tb53f9] { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 40px; margin-top: 16px; align-items: start; }
.where p + p[b-19k6tb53f9] { margin-top: 14px; }
.contact[b-19k6tb53f9] { display: flex; gap: 10px; margin-top: 20px; flex-wrap: wrap; }
.contact a[b-19k6tb53f9] { display: inline-flex; align-items: center; border: 1.5px solid var(--ink); border-radius: 6px; padding: 14px 20px; font: 600 14.5px/1 var(--sans); }
.contact a.contact-phone[b-19k6tb53f9] { background: var(--yellow); font-weight: 700; }
.contact a.contact-phone:hover[b-19k6tb53f9] { background: var(--yellow-hover); color: var(--ink); }

.shop[b-19k6tb53f9] { border: 1.5px solid var(--ink); border-radius: 10px; overflow: hidden; }
.shop h3[b-19k6tb53f9] { font-size: 9.5px; font-weight: 400; color: var(--muted-dark); background: var(--ink); padding: 12px 18px; }
.shop-body[b-19k6tb53f9] { padding: 18px; background: var(--card); }
.shop-name[b-19k6tb53f9] { font: 600 15.5px/1.5 var(--sans); }
.shop-hours[b-19k6tb53f9] { font-size: 14px; line-height: 1.7; color: var(--body-2); margin-top: 10px; }
.where .shop-body p[b-19k6tb53f9] { font-size: 13.5px; line-height: 1.6; color: var(--body-3); margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(22, 24, 26, .14); }

/* ---- estimator ---- */
.banner[b-19k6tb53f9] { margin: 26px 40px 44px; }
.banner-text[b-19k6tb53f9] { padding: 24px 26px; }
.banner-title[b-19k6tb53f9] { font-size: 24px; }
.banner-go[b-19k6tb53f9] { font: 700 15px/1 var(--sans); }

/* ---- tablet ---- */
@media (max-width: 860px) {
  .hero[b-19k6tb53f9] { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 26px 36px 0; }
  h1[b-19k6tb53f9] { font-size: clamp(30px, 6.4vw, 54px); max-width: none; margin-top: 14px; }
  .ruled[b-19k6tb53f9] { margin-left: 36px; margin-right: 36px; }
  .story[b-19k6tb53f9], .ways[b-19k6tb53f9], .where[b-19k6tb53f9] { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .contact a[b-19k6tb53f9] { min-height: 46px; }
  .banner[b-19k6tb53f9] { margin: 26px 36px 34px; }
}

/* ---- phone ---- */
@media (max-width: 560px) {
  .hero[b-19k6tb53f9] { padding: 18px 16px 0; }
  .ruled[b-19k6tb53f9], .banner[b-19k6tb53f9] { margin-left: 16px; margin-right: 16px; }
}
/* /Public/AddressSuggestions.razor.rz.scp.css */
/* In the page's flow under the field, as Book bins.dc.html draws it. js/book.js makes the options. */
.suggest[b-hvx42yu2ut] { margin-top: 4px; border: 1.5px solid var(--ink); border-radius: 6px; background: var(--card); overflow: hidden; }
.suggest ul[b-hvx42yu2ut] { list-style: none; margin: 0; padding: 0; }
.suggest[b-hvx42yu2ut]  li { display: block; padding: 11px 12px; min-height: 44px; font: 500 14px/1.3 var(--sans); color: var(--ink); border-bottom: 1px solid rgba(22, 24, 26, .1); cursor: pointer; }
.suggest[b-hvx42yu2ut]  li span { color: var(--body-3); }
.suggest[b-hvx42yu2ut]  li:hover { background: var(--yellow-tint); }
.suggest[b-hvx42yu2ut]  li[aria-selected="true"] { background: var(--yellow-tint); box-shadow: inset 4px 0 0 var(--ink); }
/* Google's logo rules: 16–19px tall, 10px clear on the left, right and top, 5px below. */
.suggest-by[b-hvx42yu2ut] { display: flex; justify-content: flex-end; padding: 10px 10px 5px; }
.suggest-by img[b-hvx42yu2ut] { display: block; height: 18px; width: auto; }
/* /Public/Book.razor.rz.scp.css */
/* Book bins. Breakpoints follow START-HERE: 1100 laptop, 860 tablet, 620 and 560 phone.
   js/book.js redraws the calendar days and pickup days, which carry no scope attribute, so
   their rules go through ::deep. */

[hidden][b-6kob1jh6v6] { display: none !important; }

.head[b-6kob1jh6v6] { padding: 52px 40px 0; }
h1[b-6kob1jh6v6] { font-size: 52px; margin: 0; max-width: 22ch; }
.lede[b-6kob1jh6v6] { font-size: 16.5px; line-height: 1.6; margin: 14px 0 0; max-width: 62ch; color: var(--body-2); }

.body[b-6kob1jh6v6] { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 40px; padding: 0 40px 52px; align-items: start; }

/* ---- the four steps ---- */
.step[b-6kob1jh6v6] { padding-top: 30px; border-top: 2px solid var(--ink); margin-top: 30px; }
.step-head[b-6kob1jh6v6] { display: flex; align-items: baseline; gap: 12px; }
.step-num[b-6kob1jh6v6] { font-size: 13px; color: var(--dark-gold); }
.step-title[b-6kob1jh6v6] { font-size: 28px; margin: 0; }
.step-aside[b-6kob1jh6v6] { font-size: 13.5px; color: var(--body-3); margin: 0 0 0 auto; text-align: right; }
.step-aside a[b-6kob1jh6v6] { border-bottom: 2px solid var(--yellow); }
.step-body[b-6kob1jh6v6] { margin-top: 18px; }
.two[b-6kob1jh6v6] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 26px; align-items: start; }

.label[b-6kob1jh6v6] { display: block; font-size: 9.5px; color: var(--body-3); }
.box[b-6kob1jh6v6] { border: 1.5px solid var(--ink); border-radius: 10px; padding: 16px; background: var(--card); }
.box + .box[b-6kob1jh6v6] { margin-top: 12px; }
.box.quiet[b-6kob1jh6v6] { border-color: rgba(22, 24, 26, .22); }
.note[b-6kob1jh6v6] { margin: 14px 0 0; padding: 12px 16px; border-radius: 6px; background: var(--yellow-tint); border-left: 4px solid var(--yellow); font-size: 13.5px; line-height: 1.5; }
.err[b-6kob1jh6v6] { font-size: 12.5px; line-height: 1.4; color: var(--red); }
.err:not(:empty)[b-6kob1jh6v6] { margin-top: 6px; }
[aria-invalid="true"][b-6kob1jh6v6] { border-color: var(--red) !important; }

.fin[b-6kob1jh6v6] { width: 100%; margin-top: 8px; font: 600 16px/1.3 var(--sans); color: var(--ink); background: var(--card); border: 1.5px solid rgba(22, 24, 26, .22); border-radius: 6px; padding: 11px 12px; min-height: 46px; }
.fin[b-6kob1jh6v6]::placeholder, .field input[b-6kob1jh6v6]::placeholder { color: var(--muted); font-weight: 400; }
.fin:focus-visible[b-6kob1jh6v6] { outline: 2px solid var(--yellow); outline-offset: 2px; border-color: var(--ink); }
.fin.code[b-6kob1jh6v6] { font-family: var(--mono); letter-spacing: .12em; }
textarea.fin[b-6kob1jh6v6] { font-weight: 500; font-size: 14.5px; line-height: 1.45; resize: vertical; }

/* Segmented controls round their end buttons rather than clip with overflow, so focus rings show. */
.seg[b-6kob1jh6v6] { display: flex; border: 1.5px solid var(--ink); border-radius: 6px; }
.seg button[b-6kob1jh6v6] { flex: 1; text-align: center; padding: 10px; font: 500 13.5px/1.2 var(--sans); background: var(--card); color: var(--body-2); border: 0; cursor: pointer; }
.seg button:first-child[b-6kob1jh6v6] { border-radius: 4.5px 0 0 4.5px; }
.seg button:last-child[b-6kob1jh6v6] { border-radius: 0 4.5px 4.5px 0; }
.seg button:focus-visible[b-6kob1jh6v6] { position: relative; z-index: 1; }
.seg button[aria-pressed="true"][b-6kob1jh6v6] { background: var(--ink); color: var(--yellow); font-weight: 600; }
.seg.term[b-6kob1jh6v6] { max-width: 340px; margin-bottom: 14px; }
.seg.small[b-6kob1jh6v6] { border-radius: 5px; flex: none; }
.seg.small button[b-6kob1jh6v6] { padding: 6px 11px; font: 600 11.5px/1 var(--sans); }

/* ---- 01 How many? ---- */
.picks[b-6kob1jh6v6] { display: flex; flex-direction: column; gap: 10px; }
.pick-row[b-6kob1jh6v6] { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border: 1.5px solid var(--ink); border-radius: 10px; background: var(--card); }
.pick-row.quiet[b-6kob1jh6v6] { border-color: rgba(22, 24, 26, .22); }
.pick-art[b-6kob1jh6v6] { flex: none; width: 48px; height: 34px; }
.ph.pick-art[b-6kob1jh6v6] { border-radius: 3px; font-size: 9px; padding: 0; }
.pick-text[b-6kob1jh6v6] { flex: 1; min-width: 0; }
.pick-name[b-6kob1jh6v6] { font-weight: 600; font-size: 15px; }
.pick-note[b-6kob1jh6v6] { font-size: 12.5px; color: var(--body-3); }
.stepper[b-6kob1jh6v6] { display: flex; align-items: center; gap: 9px; flex: none; }
.stepper button[b-6kob1jh6v6] { width: 30px; height: 30px; border: 1.5px solid var(--ink); border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 17px; line-height: 1; background: var(--card); cursor: pointer; padding: 0; color: var(--ink); }
.stepper button:first-child:hover[b-6kob1jh6v6] { background: var(--ground); }
.stepper button:last-child:hover[b-6kob1jh6v6] { background: var(--yellow); }
.count[b-6kob1jh6v6] { font-size: 19px; min-width: 26px; text-align: center; }

/* ---- 02 When? ---- */
.cal-head[b-6kob1jh6v6] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.cal-month[b-6kob1jh6v6] { font-size: 17px; margin: 0; }
.cal-nav[b-6kob1jh6v6] { display: flex; gap: 8px; }
.cal-nav button[b-6kob1jh6v6] { width: 30px; height: 30px; border: 1.5px solid var(--ink); border-radius: 6px; display: flex; align-items: center; justify-content: center; background: var(--card); cursor: pointer; padding: 0; color: var(--ink); font-size: 14px; }
.cal-nav button:hover[b-6kob1jh6v6] { background: var(--yellow); }
.cal-nav button[aria-disabled="true"][b-6kob1jh6v6] { border-color: rgba(22, 24, 26, .2); color: #B0B4B8; background: var(--card); cursor: default; }
.cal-week[b-6kob1jh6v6], .cal-days[b-6kob1jh6v6] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.cal-week[b-6kob1jh6v6] { margin-bottom: 6px; text-align: center; font-size: 9.5px; color: var(--body-3); }
.cal-days[b-6kob1jh6v6]  .day { aspect-ratio: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; font: 400 14px/1 var(--sans); background: var(--card); color: var(--ink); border: 0; border-radius: 6px; padding: 0; cursor: pointer; }
.cal-days[b-6kob1jh6v6]  .day:hover:not(:disabled) { background: var(--ground); }
.cal-days[b-6kob1jh6v6]  .day .dot { width: 4px; height: 4px; background: var(--green); }
.cal-days[b-6kob1jh6v6]  .day:disabled { color: #C5C8CB; cursor: default; }
.cal-days[b-6kob1jh6v6]  .day:disabled .dot { width: 0; }
.cal-days[b-6kob1jh6v6]  .day.today { box-shadow: inset 0 0 0 1.5px rgba(22, 24, 26, .3); color: var(--body-3); font-weight: 600; }
.cal-days[b-6kob1jh6v6]  .day[aria-pressed="true"] { background: var(--yellow); border: 1.5px solid var(--ink); font-weight: 700; }
.cal-days[b-6kob1jh6v6]  .day[aria-pressed="true"] .dot { background: var(--ink); }
.cal-cutoff[b-6kob1jh6v6] { margin: 14px 0 0; padding-top: 12px; border-top: 1px solid rgba(22, 24, 26, .14); font-size: 9.5px; line-height: 1.6; color: var(--body-3); }
.cal-help[b-6kob1jh6v6] { margin: 10px 0 0; font-size: 13px; line-height: 1.5; color: var(--body-2); }
.cal-help a[b-6kob1jh6v6] { border-bottom: 2px solid var(--yellow); font-weight: 600; }

.windows[b-6kob1jh6v6] { display: flex; flex-direction: column; gap: 9px; margin-top: 10px; }
.windows button[b-6kob1jh6v6] { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border: 1.5px solid rgba(22, 24, 26, .22); border-radius: 8px; background: var(--card); color: var(--ink); cursor: pointer; text-align: left; width: 100%; font-size: 13.5px; }
.windows button[aria-pressed="true"][b-6kob1jh6v6] { border-color: var(--ink); background: var(--ink); color: var(--ground); }
.win-hours[b-6kob1jh6v6] { font: 700 15px/1 var(--sans); }
.windows button[aria-pressed="true"] .win-hours[b-6kob1jh6v6] { color: var(--yellow); }
.win-wide[b-6kob1jh6v6] { flex: 1; }

.pickup[b-6kob1jh6v6] { margin-top: 16px; padding: 14px 16px; border-radius: 8px; }
.pickup-row[b-6kob1jh6v6] { display: flex; align-items: center; gap: 12px; }
.pickup-text[b-6kob1jh6v6] { flex: 1; }
.pickup-line[b-6kob1jh6v6] { font: 700 16px/1.2 var(--sans); margin-top: 5px; }
.pickup-note[b-6kob1jh6v6] { font-size: 12.5px; line-height: 1.45; color: var(--body-3); margin-top: 4px; }
.pickup-change[b-6kob1jh6v6], .retry[b-6kob1jh6v6] { font: 600 13px/1 var(--sans); color: var(--dark-gold); background: transparent; border: 0; border-bottom: 1.5px solid var(--yellow); padding: 14px 2px 4px; cursor: pointer; }
.pick-label[b-6kob1jh6v6] { margin-top: 14px; }
.chips[b-6kob1jh6v6] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.chips[b-6kob1jh6v6]  button { font: 600 13px/1 var(--sans); min-height: 44px; padding: 0 12px; border-radius: 6px; cursor: pointer; background: var(--card); color: var(--ink); border: 1.5px solid rgba(22, 24, 26, .25); }
.chips[b-6kob1jh6v6]  button[aria-pressed="true"] { background: var(--ink); color: var(--yellow); border-color: var(--ink); }
.pickup-help[b-6kob1jh6v6] { font-size: 12.5px; line-height: 1.5; color: var(--body-3); margin: 10px 0 0; }

/* ---- 03 Where? ---- */
.miles[b-6kob1jh6v6] { font-size: 9.5px; margin-top: 8px; color: var(--dark-gold); }
.box .note[b-6kob1jh6v6] { margin-top: 12px; padding: 11px 13px; font-size: 13px; line-height: 1.55; }
.pick-head[b-6kob1jh6v6] { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.new-label[b-6kob1jh6v6] { margin-top: 12px; }
.same-addr[b-6kob1jh6v6] { font: 600 16px/1.4 var(--sans); margin-top: 10px; overflow-wrap: anywhere; }
.pick-miles[b-6kob1jh6v6] { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(22, 24, 26, .14); display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--dark-gold); }
.bullet[b-6kob1jh6v6] { width: 6px; height: 6px; background: currentColor; border-radius: 50%; flex: none; }

.spots[b-6kob1jh6v6] { display: flex; gap: 9px; margin-top: 10px; }
.spots button[b-6kob1jh6v6] { flex: 1; background: var(--card); border: 1.5px solid rgba(22, 24, 26, .22); border-radius: 8px; padding: 13px 6px; font: 600 13.5px/1 var(--sans); color: var(--ink); cursor: pointer; }
.spots button[aria-pressed="true"][b-6kob1jh6v6] { background: var(--ink); border-color: var(--ink); color: var(--yellow); }
.spot-other[b-6kob1jh6v6] { margin-top: 9px; font: 500 15px/1.3 var(--sans); }
.spot-note[b-6kob1jh6v6] { margin: 10px 2px 0; font-size: 12.5px; line-height: 1.5; color: var(--muted); }
.access[b-6kob1jh6v6] { margin-top: 14px; display: flex; gap: 12px; flex-wrap: wrap; }
.gate[b-6kob1jh6v6] { flex: 1; min-width: 140px; }
.driver-note[b-6kob1jh6v6] { flex: 2; min-width: 200px; }

/* ---- 04 Who? ---- */
.who[b-6kob1jh6v6] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.field[b-6kob1jh6v6] { border: 1.5px solid rgba(22, 24, 26, .22); border-radius: 8px; padding: 11px 14px; background: var(--card); }
.field:has([aria-invalid="true"])[b-6kob1jh6v6] { border-color: var(--red); }
.field label[b-6kob1jh6v6] { display: block; font-size: 9.5px; color: var(--body-3); }
.field input[b-6kob1jh6v6] { width: 100%; border: 0; background: transparent; font: 500 15px/1.4 var(--sans); color: var(--ink); margin-top: 4px; padding: 0; min-height: 24px; }
.field input:focus-visible[b-6kob1jh6v6] { outline: 2px solid var(--yellow); outline-offset: 3px; border-radius: 2px; }

.tick-box[b-6kob1jh6v6] { margin-top: 12px; padding: 13px 15px; border: 1.5px solid rgba(22, 24, 26, .22); border-radius: 8px; background: var(--card); }
.tick[b-6kob1jh6v6] { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; font-size: 13px; line-height: 1.55; }
.tick input[b-6kob1jh6v6] { width: 22px; height: 22px; flex: none; margin: 1px 0 0; accent-color: var(--ink); cursor: pointer; }
.tick.strong[b-6kob1jh6v6] { align-items: center; font-size: 13.5px; font-weight: 600; }
.tick.strong input[b-6kob1jh6v6] { margin: 0; }
.tick[b-6kob1jh6v6]  a { border-bottom: 2px solid var(--yellow); }
.tick-links[b-6kob1jh6v6] { display: flex; gap: 14px; margin: 8px 0 0 34px; font-size: 12.5px; }
.tick-links a[b-6kob1jh6v6] { border-bottom: 2px solid var(--yellow); }
.onsite[b-6kob1jh6v6] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.onsite .fin[b-6kob1jh6v6] { font: 500 15px/1.3 var(--sans); margin-top: 6px; }
.onsite-note[b-6kob1jh6v6] { font-size: 12.5px; line-height: 1.5; color: var(--body-3); margin: 8px 0 0; }

.agree[b-6kob1jh6v6] { border: 1.5px solid rgba(22, 24, 26, .22); border-radius: 8px; padding: 14px 16px; margin-top: 12px; background: var(--card); }
.agree.ready[b-6kob1jh6v6] { border-color: var(--yellow); }
.agree:has(#agree:checked)[b-6kob1jh6v6] { border-color: var(--green); }
.agree-head[b-6kob1jh6v6] { font-size: 9px; color: var(--dark-gold); margin-bottom: 10px; }
.agree-record[b-6kob1jh6v6] { font-size: 9px; color: var(--body-3); margin: 12px 0 0 34px; line-height: 1.7; }
.agree-err[b-6kob1jh6v6] { margin-left: 34px; }

.card-alert:not(:empty)[b-6kob1jh6v6] { margin-top: 14px; padding: 13px 15px; border: 1.5px solid var(--red); border-left-width: 5px; border-radius: 8px; background: #FBEDEA; font-size: 13.5px; line-height: 1.55; color: #7A2410; }
.card-alert[b-6kob1jh6v6]  strong { color: #8F2411; }
.card-box[b-6kob1jh6v6] { margin-top: 30px; min-height: 120px; }
.wallets[b-6kob1jh6v6] { margin-top: 14px; }
.wallets[data-closed][b-6kob1jh6v6], .wallet-row[data-closed][b-6kob1jh6v6] { visibility: hidden; height: 0; margin: 0; overflow: hidden; }
.wallet-row.off[b-6kob1jh6v6] { opacity: .45; }
.wallet-note[b-6kob1jh6v6] { margin: 10px 0 0; font-size: 9px; line-height: 1.6; color: var(--body-3); }
.paymethod[b-6kob1jh6v6] { border: 0; padding: 0; margin: 30px 0 0; min-width: 0; }
.paymethod legend[b-6kob1jh6v6] { padding: 0; font-size: 15px; font-weight: 600; color: var(--ink); }
.paypick[b-6kob1jh6v6] { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
.paypick[hidden][b-6kob1jh6v6], .payhint[hidden][b-6kob1jh6v6], .paytile[hidden][b-6kob1jh6v6] { display: none; }
.paytile[b-6kob1jh6v6] { flex: 1 1 180px; min-width: 0; min-height: 54px; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 8px; cursor: pointer; font: 600 14px/1.25 var(--sans); background: var(--card); color: var(--ink); border: 1.5px solid rgba(22, 24, 26, .22); }
.paytile input[b-6kob1jh6v6] { width: 20px; height: 20px; flex: none; margin: 0; accent-color: var(--ink); cursor: pointer; }
.paytile:has(input:checked)[b-6kob1jh6v6] { background: var(--ink); color: var(--ground); border-color: var(--ink); }
.paytile:has(input:checked) input[b-6kob1jh6v6] { accent-color: var(--yellow); }
.paytile:focus-within[b-6kob1jh6v6] { outline: 2px solid var(--yellow); outline-offset: 2px; }
.paymark[b-6kob1jh6v6] { font-size: 17px; line-height: 1; min-width: 14px; text-align: center; }
.paymark:empty[b-6kob1jh6v6] { display: none; }
.payhint[b-6kob1jh6v6] { margin: 10px 0 0; font-size: 13px; line-height: 1.5; color: var(--body-2); }
/* Closed, not display:none: Stripe's card fields stay mounted and load while no method is picked. */
.card-area[data-closed][b-6kob1jh6v6] { visibility: hidden; height: 0; overflow: hidden; }
.card-failed:not(:empty)[b-6kob1jh6v6] { padding: 12px 15px; border: 1.5px solid rgba(22, 24, 26, .22); border-radius: 8px; background: var(--ground); font-size: 13.5px; line-height: 1.5; color: var(--body-2); }
.card-failed p[b-6kob1jh6v6] { margin: 0; }
.card-failed strong[b-6kob1jh6v6] { color: var(--ink); }
.card-failed a[b-6kob1jh6v6] { border-bottom: 2px solid var(--yellow); }
.card-failed .retry[b-6kob1jh6v6] { margin: 2px 0 8px; }
.skel .label[b-6kob1jh6v6] { margin-bottom: 8px; }
.bar[b-6kob1jh6v6] { height: 46px; border-radius: 6px; background: linear-gradient(90deg, #E7E5DE 0%, var(--ground) 50%, #E7E5DE 100%); background-size: 200% 100%; animation: skel-b-6kob1jh6v6 1.4s ease-in-out infinite; }
.bars[b-6kob1jh6v6] { display: flex; gap: 12px; margin-top: 12px; }
.bars .bar[b-6kob1jh6v6] { flex: 1; }
@keyframes skel-b-6kob1jh6v6 { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .bar[b-6kob1jh6v6] { animation: none; } }

.zip-row[b-6kob1jh6v6] { display: flex; gap: 14px; flex-wrap: wrap; align-items: flex-start; margin-top: 14px; }
.zip[b-6kob1jh6v6] { width: 168px; flex: none; }
.zip .fin[b-6kob1jh6v6] { margin-top: 6px; font: 500 15px/1 var(--mono); padding: 14px; min-height: 48px; }
.zip-note[b-6kob1jh6v6] { flex: 1; min-width: 250px; margin: 0; padding: 13px 15px; font-size: 13px; line-height: 1.55; }
.nothing[b-6kob1jh6v6] { margin: 14px 0 0; display: flex; align-items: flex-start; gap: 10px; font-size: 13px; line-height: 1.55; color: var(--body-2); }
.nothing .bullet[b-6kob1jh6v6] { color: var(--green); margin-top: 7px; }

/* ---- the summary rail ---- */
.rail[b-6kob1jh6v6] { position: sticky; top: 98px; margin-top: 30px; border: 1.5px solid var(--ink); border-radius: 10px; background: var(--ink); color: var(--ground); }
.rail-part[b-6kob1jh6v6] { margin: 0; padding: 16px 20px; border-bottom: 1px solid rgba(244, 243, 239, .2); }
.rail-part:first-child[b-6kob1jh6v6] { padding-top: 18px; }
.rail-part:last-child[b-6kob1jh6v6] { border-bottom: 0; }
.rail-label[b-6kob1jh6v6] { font-size: 9.5px; font-weight: 400; color: var(--muted-dark); margin: 0; }
.rail-total[b-6kob1jh6v6] { font-size: 40px; color: var(--yellow); margin-top: 6px; }
.rail-sub[b-6kob1jh6v6] { font-size: 9.5px; color: var(--muted-dark); margin-top: 4px; }
.rail-charge[b-6kob1jh6v6] { font-size: 9.5px; color: var(--yellow); margin-top: 6px; }
.rail-lines[b-6kob1jh6v6] { display: flex; flex-direction: column; gap: 9px; font-size: 13.5px; }
.rail-lines div[b-6kob1jh6v6] { display: flex; justify-content: space-between; gap: 12px; }
.rail-lines dt[b-6kob1jh6v6] { color: var(--light); }
.rail-lines dd[b-6kob1jh6v6] { margin: 0; white-space: nowrap; }
.rail-lines dd.free[b-6kob1jh6v6] { color: var(--yellow); }
.rail-spares[b-6kob1jh6v6] { font-size: 13px; line-height: 1.55; color: var(--light); }
.rail-alert:not(:empty)[b-6kob1jh6v6] { margin-bottom: 12px; padding: 11px 13px; border-radius: 6px; background: #5A1A0C; border: 1px solid #C4472A; font-size: 12.5px; line-height: 1.5; color: #FFD9CF; }
.cta[b-6kob1jh6v6] { display: block; width: 100%; background: var(--yellow); color: var(--ink); font: 700 16px/1 var(--sans); padding: 17px; border-radius: 6px; text-align: center; border: 1.5px solid var(--ink); cursor: pointer; }
.cta:hover[b-6kob1jh6v6] { background: var(--yellow-hover); }
.cta[aria-disabled="true"][b-6kob1jh6v6] { background: var(--body-2); color: var(--muted-dark); border-color: var(--body-3); cursor: not-allowed; }
.rail-free[b-6kob1jh6v6] { font-size: 9px; color: var(--muted-dark); text-align: center; margin-top: 10px; }
.rail-stars[b-6kob1jh6v6] { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 10px; font-size: 12.5px; color: var(--light); }
.rail-stars span:first-child[b-6kob1jh6v6] { color: var(--yellow); letter-spacing: 1px; }
.rail-call[b-6kob1jh6v6] { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(244, 243, 239, .18); font-size: 13px; line-height: 1.5; color: var(--light); text-align: center; }
.rail-call a[b-6kob1jh6v6] { color: var(--yellow); border-bottom: 1px solid rgba(239, 199, 0, .5); display: inline-block; padding: 6px 0; }
.rail-call .mono[b-6kob1jh6v6] { font-size: 9px; color: var(--muted-dark); }

/* The per-tote price takes its own line where the row is narrow. */
.pricebit[b-6kob1jh6v6] { display: block; margin-top: 2px; }
.sep[b-6kob1jh6v6] { display: none; }

@media (max-width: 1100px) {
  .body[b-6kob1jh6v6] { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .rail[b-6kob1jh6v6] { position: static; }
}
@media (min-width: 621px) and (max-width: 1060px) {
  .pricebit[b-6kob1jh6v6] { display: inline; margin-top: 0; }
  .sep[b-6kob1jh6v6] { display: inline; }
}
@media (max-width: 860px) {
  .head[b-6kob1jh6v6] { padding: 26px 36px 0; }
  h1[b-6kob1jh6v6] { font-size: clamp(30px, 6.4vw, 54px); max-width: none; margin-top: 14px; }
  .body[b-6kob1jh6v6] { padding: 0 36px 34px; }
  .two[b-6kob1jh6v6] { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .who[b-6kob1jh6v6] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .step[b-6kob1jh6v6] { margin-top: 26px; padding-top: 24px; }
  .cal-nav button[b-6kob1jh6v6], .stepper button[b-6kob1jh6v6] { min-height: 44px; min-width: 44px; }
  .seg button[b-6kob1jh6v6], .spots button[b-6kob1jh6v6], .pickup-change[b-6kob1jh6v6], .retry[b-6kob1jh6v6] { min-height: 44px; }
}
@media (max-width: 620px) {
  .paypick[b-6kob1jh6v6] { flex-direction: column; }
  .paytile[b-6kob1jh6v6] { flex: none; width: 100%; }
  .who[b-6kob1jh6v6] { grid-template-columns: minmax(0, 1fr); }
  .onsite[b-6kob1jh6v6] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .head[b-6kob1jh6v6] { padding: 18px 16px 0; }
  .body[b-6kob1jh6v6] { padding: 0 16px 34px; }
  .step-head[b-6kob1jh6v6] { flex-wrap: wrap; row-gap: 6px; }
  .step-aside[b-6kob1jh6v6] { flex-basis: 100%; margin: 0; text-align: left; }
  .stepper button[b-6kob1jh6v6] { width: 44px; height: 44px; }
  .spots[b-6kob1jh6v6] { flex-wrap: wrap; }
  .access[b-6kob1jh6v6] { flex-direction: column; }
  .gate[b-6kob1jh6v6], .driver-note[b-6kob1jh6v6] { min-width: 0; }
  .spots button[b-6kob1jh6v6] { flex: 1 1 40%; }
  .zip[b-6kob1jh6v6] { width: 100%; }
  .zip-note[b-6kob1jh6v6] { min-width: 0; }
}
@media (max-width: 420px) {
  .cal-days[b-6kob1jh6v6]  .day { aspect-ratio: auto; min-height: 44px; }
  .box.cal[b-6kob1jh6v6] { padding: 12px; }
}

/* ---- 03 Where?: measured addresses (#79) ---- */
.miles.measured[b-6kob1jh6v6] { color: var(--body-3); }
.pick-miles.free[b-6kob1jh6v6] { color: var(--green); }
.outside[b-6kob1jh6v6] { margin: 12px 0 0; padding: 11px 13px; border-radius: 6px; background: var(--card); border: 1.5px solid var(--red); font-size: 13px; line-height: 1.55; color: #7A2410; }
.outside a[b-6kob1jh6v6] { color: inherit; border-bottom: 2px solid var(--yellow); font-weight: 600; }
.rail-lines div[hidden][b-6kob1jh6v6] { display: none; }
/* /Public/Error.razor.rz.scp.css */
.msg[b-j211r0picn] { padding: 70px 40px 78px; max-width: 760px; }
.code[b-j211r0picn] { font-size: 11px; font-weight: 600; color: var(--dark-gold); }
h1[b-j211r0picn] { font-size: 56px; margin: 14px 0 0; }
p[b-j211r0picn] { font-size: 17px; line-height: 1.6; margin: 18px 0 0; color: var(--body-2); }
.home[b-j211r0picn] { display: inline-flex; align-items: center; min-height: 50px; margin-top: 30px; padding: 0 22px; border-radius: 6px; background: var(--yellow); border: 1.5px solid var(--ink); font: 700 15.5px/1 var(--sans); }
.home:hover[b-j211r0picn] { background: var(--yellow-hover); color: var(--ink); }
@media (max-width: 860px) { .msg[b-j211r0picn] { padding: 44px 24px 52px; } h1[b-j211r0picn] { font-size: clamp(30px, 6.6vw, 52px); } }
@media (max-width: 620px) { .msg[b-j211r0picn] { padding: 30px 16px 42px; } }
/* /Public/Estimator.razor.rz.scp.css */
/* Estimator page. Breakpoints follow START-HERE: 1100 laptop, 860 tablet, 620 and 560 phone. */

[data-panel][hidden][b-z56wb4kv1k] { display: none; }

/* ---- head: headline and the mode switch ---- */
.head[b-z56wb4kv1k] { padding: 42px 40px 24px; display: grid; grid-template-columns: 1fr 470px; gap: 52px; align-items: end; }
h1[b-z56wb4kv1k] { font-size: 52px; margin: 0; }
.lede[b-z56wb4kv1k] { font-size: 16px; line-height: 1.6; margin: 16px 0 0; color: var(--body-2); }

/* Segmented controls round their end buttons rather than clip with overflow, so focus rings show. */
.levels[b-z56wb4kv1k], .term[b-z56wb4kv1k] { display: flex; }
.levels[b-z56wb4kv1k] { border: 1.5px solid var(--ink); border-radius: 8px; }
.levels button[b-z56wb4kv1k], .term button[b-z56wb4kv1k] { flex: 1; border: 0; cursor: pointer; }
.levels button:first-child[b-z56wb4kv1k] { border-radius: 6.5px 0 0 6.5px; }
.levels button:last-child[b-z56wb4kv1k] { border-radius: 0 6.5px 6.5px 0; }
.levels button:focus-visible[b-z56wb4kv1k], .term button:focus-visible[b-z56wb4kv1k] { position: relative; z-index: 1; }
.levels button[b-z56wb4kv1k] { padding: 13px 10px; text-align: left; background: transparent; color: var(--body-2); }
.levels button + button[b-z56wb4kv1k] { border-left: 1.5px solid var(--ink); }
.levels button[aria-pressed="true"][b-z56wb4kv1k] { background: var(--ink); color: var(--yellow); }
.level-name[b-z56wb4kv1k] { display: block; font: 600 14px/1.2 var(--sans); }
.level-sub[b-z56wb4kv1k] { display: block; font-size: 9px; margin-top: 4px; color: var(--body-3); }
.levels button[aria-pressed="true"] .level-sub[b-z56wb4kv1k] { color: var(--muted-dark); }
.blurb[b-z56wb4kv1k] { font-size: 14px; line-height: 1.6; margin: 14px 0 0; color: var(--body-3); }

/* ---- body: the counts, then the result rail ---- */
.body[b-z56wb4kv1k] { display: grid; grid-template-columns: 1fr 348px; gap: 34px; padding: 24px 40px 44px; align-items: stretch; }
/* the open panel stretches so the list ends level with the rail */
.list[b-z56wb4kv1k] { display: flex; flex-direction: column; }
.list > *[b-z56wb4kv1k] { flex: 1; }

/* Just the basics */
.homes[b-z56wb4kv1k] { display: flex; flex-direction: column; gap: 10px; }
.homes button[b-z56wb4kv1k] { display: flex; align-items: center; gap: 20px; width: 100%; text-align: left; border: 1.5px solid var(--ink); border-radius: 10px; padding: 28px 24px; cursor: pointer; background: var(--card); color: var(--ink); }
.homes button[aria-pressed="true"][b-z56wb4kv1k] { background: var(--ink); color: var(--yellow); }
.home-totes[b-z56wb4kv1k] { font-size: 38px; min-width: 64px; }
.home-text[b-z56wb4kv1k] { flex: 1; }
.home-name[b-z56wb4kv1k] { display: block; font: 600 18px/1.2 var(--sans); }
.home-note[b-z56wb4kv1k] { display: block; font-size: 13.5px; margin-top: 5px; color: var(--muted); }
.homes button[aria-pressed="true"] .home-note[b-z56wb4kv1k] { color: var(--light); }

/* By room */
.rooms[b-z56wb4kv1k] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.room[b-z56wb4kv1k] { border: 1.5px solid rgba(22, 24, 26, .18); border-radius: 8px; padding: 14px 15px; display: flex; flex-direction: column; gap: 12px; }
.room-foot[b-z56wb4kv1k] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.row-name[b-z56wb4kv1k] { font: 600 15px/1.25 var(--sans); }
.row-note[b-z56wb4kv1k] { font-size: 12px; line-height: 1.4; color: var(--muted); margin-top: 3px; }
.row-totes[b-z56wb4kv1k] { font-size: 9.5px; color: var(--dark-gold); }
.zero .row-name[b-z56wb4kv1k], .zero .row-totes[b-z56wb4kv1k], .zero .count[b-z56wb4kv1k] { color: var(--body-3); }

/* In detail */
.groups[b-z56wb4kv1k] { display: grid; grid-template-columns: 1fr 1fr; gap: 26px 32px; align-content: start; }
.group-name[b-z56wb4kv1k] { font-size: 10px; font-weight: 400; color: var(--dark-gold); padding-bottom: 9px; border-bottom: 2px solid var(--ink); margin: 0; }
.item[b-z56wb4kv1k] { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(22, 24, 26, .12); }
.item-text[b-z56wb4kv1k] { flex: 1; min-width: 0; }
.item .row-name[b-z56wb4kv1k] { font-size: 14.5px; }
.item .row-totes[b-z56wb4kv1k] { font-size: 9px; margin-top: 5px; }

.stepper[b-z56wb4kv1k] { display: flex; align-items: center; gap: 9px; flex: none; }
.stepper button[b-z56wb4kv1k] { width: 30px; height: 30px; border: 1.5px solid var(--ink); border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 17px; line-height: 1; background: var(--card); cursor: pointer; padding: 0; color: var(--ink); }
.stepper button:first-child:hover[b-z56wb4kv1k] { background: var(--ground); }
.stepper button:last-child:hover[b-z56wb4kv1k] { background: var(--yellow); }
.count[b-z56wb4kv1k] { font-size: 19px; min-width: 26px; text-align: center; }

/* ---- result rail ---- */
.rail[b-z56wb4kv1k] { position: sticky; top: 96px; align-self: start; background: var(--ink); color: var(--ground); border-radius: 10px; }
.rail-top[b-z56wb4kv1k] { padding: 24px 24px 20px; }
.rail-label[b-z56wb4kv1k] { font-size: 10px; font-weight: 400; color: var(--muted-dark); margin: 0; }
.rail-count[b-z56wb4kv1k] { display: flex; align-items: baseline; gap: 10px; margin-top: 6px; }
.rail-total[b-z56wb4kv1k] { font-size: 62px; color: var(--yellow); }
.rail-unit[b-z56wb4kv1k] { font-size: 10px; color: var(--muted-dark); }
.facts[b-z56wb4kv1k] { display: flex; gap: 28px; margin-top: 16px; }
.facts > div + div[b-z56wb4kv1k] { padding-left: 28px; border-left: 1px solid rgba(244, 243, 239, .2); }
.fact[b-z56wb4kv1k] { font-size: 24px; }
.fact-sub[b-z56wb4kv1k] { font-size: 9px; color: var(--muted-dark); margin-top: 5px; }
.tote-note[b-z56wb4kv1k] { font-size: 12px; line-height: 1.5; margin: 12px 0 0; color: var(--muted-dark); }

.part[b-z56wb4kv1k] { padding: 16px 24px; border-top: 1px solid rgba(244, 243, 239, .2); }
.part-label[b-z56wb4kv1k] { font-size: 9px; color: var(--muted-dark); }
.part-text[b-z56wb4kv1k] { font-size: 13px; line-height: 1.55; margin: 6px 0 0; color: var(--light); }

.term[b-z56wb4kv1k] { border: 1.5px solid var(--yellow); border-radius: 6px; margin-top: 8px; }
.term button:first-child[b-z56wb4kv1k] { border-radius: 4.5px 0 0 4.5px; }
.term button:last-child[b-z56wb4kv1k] { border-radius: 0 4.5px 4.5px 0; }
.term button[b-z56wb4kv1k] { padding: 12px 8px; font: 700 13.5px/1.2 var(--sans); background: transparent; color: var(--light); }
.term button + button[b-z56wb4kv1k] { border-left: 1.5px solid var(--yellow); }
.term button[aria-pressed="true"][b-z56wb4kv1k] { background: var(--yellow); color: var(--ink); }
.term button[aria-pressed="true"]:focus-visible[b-z56wb4kv1k] { outline-color: var(--ground); }
.term-foot[b-z56wb4kv1k] { margin-top: 8px; }

.price-row[b-z56wb4kv1k] { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; padding: 20px 24px; }
.price-label[b-z56wb4kv1k] { font-size: 9.5px; color: var(--muted-dark); }
.price[b-z56wb4kv1k] { font-size: 40px; margin-top: 4px; color: var(--yellow); }
.price-foot[b-z56wb4kv1k] { margin-top: 6px; line-height: 1.6; }
.pick[b-z56wb4kv1k] { flex: none; background: var(--yellow); color: var(--ink); font: 600 14px/1 var(--sans); padding: 14px 18px; border-radius: 5px; }
.pick:hover[b-z56wb4kv1k] { background: var(--yellow-hover); color: var(--ink); }

.check[b-z56wb4kv1k] { background: rgba(239, 199, 0, .1); }
.check .part-label[b-z56wb4kv1k] { color: var(--yellow); }
.check .part-text[b-z56wb4kv1k] { color: var(--ground); }

/* ---- laptop: the rail drops below the list ---- */
@media (max-width: 1100px) {
  .head[b-z56wb4kv1k], .body[b-z56wb4kv1k] { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .rail[b-z56wb4kv1k] { position: static; }
}

/* ---- tablet ---- */
@media (max-width: 860px) {
  .head[b-z56wb4kv1k] { padding: 26px 36px 0; gap: 20px; }
  .body[b-z56wb4kv1k] { padding: 24px 36px 34px; gap: 20px; }
  h1[b-z56wb4kv1k] { font-size: clamp(30px, 6.4vw, 54px); margin-top: 14px; }
  .rooms[b-z56wb4kv1k], .groups[b-z56wb4kv1k] { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .rooms[b-z56wb4kv1k] { gap: 12px; }
  .levels button[b-z56wb4kv1k], .term button[b-z56wb4kv1k], .stepper button[b-z56wb4kv1k] { min-height: 44px; min-width: 44px; }
  .pick[b-z56wb4kv1k] { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; }
}

/* ---- phone ---- */
@media (max-width: 620px) {
  .row-name[b-z56wb4kv1k], .item .row-name[b-z56wb4kv1k] { font-size: 17px; }
  .row-note[b-z56wb4kv1k] { font-size: 13.5px; }
  .row-totes[b-z56wb4kv1k], .item .row-totes[b-z56wb4kv1k] { font-size: 11px; }
  .count[b-z56wb4kv1k] { font-size: 22px; }
}
@media (max-width: 560px) {
  .head[b-z56wb4kv1k] { padding: 18px 16px 0; }
  .body[b-z56wb4kv1k] { padding-left: 16px; padding-right: 16px; }
  .stepper button[b-z56wb4kv1k] { width: 44px; height: 44px; }
  .pick[b-z56wb4kv1k] { min-height: 48px; }
}
/* /Public/Faq.razor.rz.scp.css */
/* FAQ. Breakpoints follow START-HERE: 1100 laptop, 860 tablet, 620 and 560 phone. */

.head[b-n00bkc20y6] { padding: 52px 40px 0; }
h1[b-n00bkc20y6] { font-size: 56px; margin: 0; max-width: 14ch; }
h2[b-n00bkc20y6] { margin: 0; }
.lede[b-n00bkc20y6] { font-size: 16.5px; line-height: 1.6; margin: 16px 0 0; max-width: 54ch; color: var(--body-2); }
.lede a[b-n00bkc20y6], .qa a[b-n00bkc20y6] { border-bottom: 2px solid var(--yellow); }

/* ---- every question shown, none folded ---- */
.qas[b-n00bkc20y6] { padding: 34px 40px 0; }
.qa[b-n00bkc20y6] { padding: 22px 0; border-top: 1px solid rgba(22, 24, 26, .14); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr); gap: 36px; align-items: start; }
.qa:first-child[b-n00bkc20y6] { border-top: 2px solid var(--ink); }
.qa h2[b-n00bkc20y6] { font-size: 21px; }
.qa p[b-n00bkc20y6] { font-size: 15px; line-height: 1.65; margin: 0; color: var(--body-2); }

/* ---- estimator ---- */
.banner[b-n00bkc20y6] { margin: 38px 40px 48px; }
.banner-text[b-n00bkc20y6] { padding: 22px 26px; }
.banner-title[b-n00bkc20y6] { font-size: 22px; }
.banner-text p[b-n00bkc20y6] { margin-top: 8px; font-size: 14px; }
.banner-go[b-n00bkc20y6] { font-size: 15px; }

/* ---- laptop ---- */
@media (max-width: 1100px) {
  .qa[b-n00bkc20y6] { gap: 28px; }
}

/* ---- tablet ---- */
@media (max-width: 860px) {
  .head[b-n00bkc20y6] { padding: 26px 36px 0; }
  h1[b-n00bkc20y6] { font-size: clamp(30px, 6.4vw, 54px); max-width: none; margin-top: 14px; }
  .qas[b-n00bkc20y6] { padding: 0 36px; }
  .qa[b-n00bkc20y6] { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .qa:first-child[b-n00bkc20y6] { margin-top: 26px; padding-top: 24px; }
  .banner[b-n00bkc20y6] { margin: 26px 36px 34px; }
}

/* ---- phone ---- */
@media (max-width: 560px) {
  .head[b-n00bkc20y6] { padding: 18px 16px 0; }
  .qas[b-n00bkc20y6] { padding: 0 16px; }
  .banner[b-n00bkc20y6] { margin-left: 16px; margin-right: 16px; }
}
/* /Public/Home.razor.rz.scp.css */
/* Home page. Breakpoints follow START-HERE: 1100 laptop, 860 tablet, 620 and 560 phone. */

/* ---- hero ---- */
.hero[b-d4zw8v42db] { padding: 48px 40px 52px; display: grid; grid-template-columns: 1fr 412px; gap: 52px; align-items: stretch; }
.hero-text[b-d4zw8v42db] { display: flex; flex-direction: column; }
.badge[b-d4zw8v42db] { font-size: 11px; font-weight: 600; color: var(--ink); background: var(--yellow); padding: 6px 10px; border-radius: 4px; align-self: flex-start; justify-self: start; }
h1[b-d4zw8v42db] { font-size: 60px; margin: 22px 0 0; max-width: 13ch; }
.lede[b-d4zw8v42db] { font-size: 17.5px; line-height: 1.6; margin: 20px 0 0; max-width: 47ch; color: var(--body-2); }

.stats[b-d4zw8v42db] { display: flex; margin-top: auto; padding-top: 34px; border-top: 2px solid var(--ink); }
.stat[b-d4zw8v42db] { flex: 1; padding: 16px 14px 0; text-align: center; }
.stat + .stat[b-d4zw8v42db] { border-left: 1px solid var(--rule); }
.stat-big[b-d4zw8v42db] { font-size: 30px; }
.stat-note[b-d4zw8v42db] { font-size: 12.5px; color: var(--body-3); margin: 6px auto 0; max-width: 18ch; }

/* ---- quote card ---- */
.quote[b-d4zw8v42db] { background: var(--card); border: 1.5px solid var(--ink); border-radius: 10px; padding: 24px; box-shadow: var(--shadow); display: flex; flex-direction: column; }
.quote-title[b-d4zw8v42db] { font-size: 21px; margin: 0; }
.term[b-d4zw8v42db] { display: flex; border: 1.5px solid var(--ink); border-radius: 6px; overflow: hidden; margin-top: 16px; }
.term button[b-d4zw8v42db] { flex: 1; text-align: center; padding: 9px; font: 500 13px/1.2 var(--sans); background: transparent; color: var(--body-2); border: 0; cursor: pointer; }
.term button[aria-pressed="true"][b-d4zw8v42db] { font-weight: 600; background: var(--ink); color: var(--yellow); }
.lines[b-d4zw8v42db] { display: flex; flex-direction: column; gap: 16px; margin-top: 22px; }
.line[b-d4zw8v42db] { display: flex; align-items: center; gap: 14px; }
.line svg[b-d4zw8v42db] { flex: none; }
.line-text[b-d4zw8v42db] { flex: 1; }
.line-name[b-d4zw8v42db] { font-weight: 600; font-size: 15px; }
.line-note[b-d4zw8v42db] { font-size: 12.5px; color: var(--body-3); }
.stepper[b-d4zw8v42db] { display: flex; align-items: center; gap: 9px; }
.stepper button[b-d4zw8v42db] { width: 30px; height: 30px; border: 1.5px solid var(--ink); border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 17px; line-height: 1; background: var(--card); cursor: pointer; padding: 0; color: var(--ink); }
.stepper button:first-child:hover[b-d4zw8v42db] { background: var(--ground); }
.stepper button:last-child:hover[b-d4zw8v42db] { background: var(--yellow); }
.count[b-d4zw8v42db] { font-size: 19px; min-width: 26px; text-align: center; }
.note[b-d4zw8v42db] { margin: 20px 0 4px; padding: 12px 14px; border-radius: 6px; background: var(--yellow-tint); border-left: 4px solid var(--yellow); font-size: 13px; line-height: 1.5; }
.total[b-d4zw8v42db] { display: flex; align-items: flex-end; justify-content: space-between; margin-top: auto; padding-top: 18px; border-top: 2px solid var(--ink); }
.total > div[b-d4zw8v42db] { text-align: center; }
.summary[b-d4zw8v42db] { font-size: 10.5px; color: var(--body-3); }
.price[b-d4zw8v42db] { font-size: 40px; margin-top: 5px; }
.pick[b-d4zw8v42db] { background: var(--yellow); color: var(--ink); font: 600 15px/1 var(--sans); padding: 15px 24px; border-radius: 5px; border: 1.5px solid var(--ink); }
.pick:hover[b-d4zw8v42db] { background: var(--yellow-hover); color: var(--ink); }

/* ---- sections ---- */
.sect[b-d4zw8v42db] { padding: 8px 40px 52px; }
.sect + .sect[b-d4zw8v42db] { padding-top: 0; }
.ruled[b-d4zw8v42db] { padding-top: 38px; border-top: 2px solid var(--ink); }
h2:not(.quote-title)[b-d4zw8v42db] { font-size: 40px; margin: 0; max-width: 22ch; }
.intro[b-d4zw8v42db] { font-size: 16px; line-height: 1.6; margin: 14px 0 0; max-width: 58ch; color: var(--body-2); }

.vs[b-d4zw8v42db] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 24px; }
.vs-card[b-d4zw8v42db] { border-radius: 10px; padding: 20px 22px; }
.vs-box[b-d4zw8v42db] { border: 1.5px solid rgba(22, 24, 26, .22); background: #EAE8E1; }
.vs-bins[b-d4zw8v42db] { border: 1.5px solid var(--ink); background: var(--ink); color: var(--ground); }
.vs-label[b-d4zw8v42db] { font-size: 10px; color: var(--body-3); }
.vs-bins .vs-label[b-d4zw8v42db] { color: var(--muted-dark); }
.vs-fig[b-d4zw8v42db] { display: flex; align-items: baseline; gap: 10px; margin-top: 8px; }
.vs-price[b-d4zw8v42db] { font-size: 42px; color: var(--body-3); }
.vs-bins .vs-price[b-d4zw8v42db] { color: var(--yellow); }
.vs-time[b-d4zw8v42db] { font-size: 18px; color: var(--dark-gold); }
.vs-bins .vs-time[b-d4zw8v42db] { color: var(--light); }
.vs-text[b-d4zw8v42db] { font-size: 13.5px; line-height: 1.6; color: var(--body-2); margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--rule); }
.vs-bins .vs-text[b-d4zw8v42db] { color: var(--light); border-top-color: rgba(244, 243, 239, .22); }
.more[b-d4zw8v42db] { display: inline-block; margin-top: 20px; font: 600 15px/1 var(--sans); color: var(--ink); border-bottom: 2px solid var(--yellow); padding-bottom: 3px; }

.rv-head[b-d4zw8v42db] { display: flex; justify-content: space-between; align-items: flex-end; gap: 18px 32px; flex-wrap: wrap; }
.rv-score[b-d4zw8v42db] { display: flex; align-items: center; gap: 12px; margin-top: 14px; flex-wrap: wrap; }
.rv-rating[b-d4zw8v42db] { font-size: 30px; }
.rv-stars[b-d4zw8v42db] { color: #C99A00; font-size: 20px; letter-spacing: 2px; }
.rv-stars-sm[b-d4zw8v42db] { font-size: 15px; }
.rv-count[b-d4zw8v42db] { font-size: 14.5px; color: var(--body-2); }
.rv-all[b-d4zw8v42db] { margin-top: 0; }
.rv-grid[b-d4zw8v42db] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; margin-top: 24px; }
.rv[b-d4zw8v42db] { margin: 0; border: 1.5px solid rgba(22, 24, 26, .22); border-radius: 10px; padding: 20px 22px; background: var(--card); display: flex; flex-direction: column; gap: 12px; }
.rv blockquote[b-d4zw8v42db] { margin: 0; font-size: 15px; line-height: 1.6; text-wrap: pretty; }
.rv figcaption[b-d4zw8v42db] { margin-top: auto; font-size: 13px; color: var(--body-3); }
.rv figcaption strong[b-d4zw8v42db] { color: var(--ink); }
.rv-source[b-d4zw8v42db] { font-size: 9px; color: var(--body-3); margin-top: 12px; }

.steps[b-d4zw8v42db] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.step[b-d4zw8v42db] { padding-right: 24px; }
.step:not(:last-child)[b-d4zw8v42db] { border-right: 1px solid var(--rule); }
.step-num[b-d4zw8v42db] { font-size: 13px; color: var(--dark-gold); }
.step-title[b-d4zw8v42db] { font-size: 24px; margin-top: 10px; }
.step p[b-d4zw8v42db] { font-size: 14.5px; line-height: 1.6; margin: 10px 0 0; color: var(--body-2); }
.ctas[b-d4zw8v42db] { display: flex; gap: 14px; margin-top: 30px; flex-wrap: wrap; }
.btn[b-d4zw8v42db] { font: 600 15px/1 var(--sans); padding: 15px 24px; border: 1.5px solid var(--ink); border-radius: 6px; }
.btn-yellow[b-d4zw8v42db] { background: var(--yellow); }
.btn-yellow:hover[b-d4zw8v42db] { background: var(--yellow-hover); color: var(--ink); }

/* ---- laptop ---- */
@media (max-width: 1100px) {
  .hero[b-d4zw8v42db] { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}
@media (min-width: 621px) and (max-width: 1100px) {
  /* the card is wide here: the button takes the slack so it reads as the next step */
  .pick[b-d4zw8v42db] { flex: 1 1 auto; margin-left: 22px; text-align: center; max-width: 320px; }
}

/* ---- tablet ---- */
@media (max-width: 860px) {
  /* the quote card comes right after the headline; the stats follow it */
  .hero[b-d4zw8v42db] { gap: 0; padding: 26px 36px 0; }
  .hero-text[b-d4zw8v42db] { display: contents; }
  .badge[b-d4zw8v42db] { font-size: 10px; padding: 5px 9px; }
  .quote[b-d4zw8v42db] { order: 2; margin-top: 24px; }
  .stats[b-d4zw8v42db] { order: 3; }
  h1[b-d4zw8v42db] { font-size: clamp(30px, 6.4vw, 54px); max-width: none; margin-top: 14px; }
  h2:not(.quote-title)[b-d4zw8v42db] { font-size: clamp(24px, 4.6vw, 38px); max-width: none; }

  /* every 2px rule owns its own breathing room */
  .stats[b-d4zw8v42db], .total[b-d4zw8v42db], .ruled[b-d4zw8v42db] { padding-top: 24px; margin-top: 26px; }
  .stat[b-d4zw8v42db] { padding: 0 12px; }

  .sect[b-d4zw8v42db] { padding: 0 36px; }
  .sect:last-child[b-d4zw8v42db] { padding-bottom: 34px; }

  .vs[b-d4zw8v42db] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stepper button[b-d4zw8v42db] { min-width: 44px; min-height: 44px; }
  .btn[b-d4zw8v42db], .pick[b-d4zw8v42db] { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; }
}

/* ---- phone ---- */
@media (max-width: 620px) {
  .stats[b-d4zw8v42db] { flex-direction: column; margin-top: 22px; }
  .stat[b-d4zw8v42db] { padding: 0; text-align: left; }
  .stat + .stat[b-d4zw8v42db] { border-left: 0; margin-top: 22px; }
  .stat-note[b-d4zw8v42db] { max-width: none; margin-left: 0; }

  .total[b-d4zw8v42db] { flex-direction: column; align-items: center; gap: 14px; }
  .total > *[b-d4zw8v42db] { width: 100%; }
  .summary[b-d4zw8v42db] { font-size: 9.5px; line-height: 1.6; }

  .pricebit[b-d4zw8v42db] { display: block; margin-top: 2px; }
  .sep[b-d4zw8v42db] { display: none; }

  .vs[b-d4zw8v42db] { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .steps[b-d4zw8v42db] { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .step[b-d4zw8v42db] { padding-right: 0; }
  .step:not(:last-child)[b-d4zw8v42db] { border-right: 0; }
}
@media (max-width: 560px) {
  .hero[b-d4zw8v42db] { padding: 18px 16px 0; }
  .sect[b-d4zw8v42db] { padding-left: 16px; padding-right: 16px; }
  .stepper button[b-d4zw8v42db] { width: 44px; height: 44px; }
  .btn[b-d4zw8v42db], .pick[b-d4zw8v42db] { min-height: 48px; display: flex; }
}
/* /Public/HowItWorks.razor.rz.scp.css */
/* How it works. Breakpoints follow START-HERE: 1100 laptop, 860 tablet, 620 and 560 phone. */

.hero[b-4ktcvymff4] { padding: 50px 40px 26px; display: grid; grid-template-columns: 1fr 290px; gap: 44px; align-items: end; }
h1[b-4ktcvymff4] { font-size: 62px; margin: 0; max-width: 15ch; }
.lede[b-4ktcvymff4] { font-size: 16.5px; line-height: 1.6; margin: 20px 0 0; max-width: 50ch; color: var(--body-2); }
.hero-photo[b-4ktcvymff4] { height: 160px; }

/* ---- the three steps ---- */
.steps[b-4ktcvymff4] { list-style: none; margin: 0 40px; padding: 38px 0 46px; border-top: 2px solid var(--ink); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.steps li[b-4ktcvymff4] { padding: 26px 24px 0 0; border-right: 1px solid var(--rule); }
.steps li:last-child[b-4ktcvymff4] { padding-right: 0; border-right: 0; }
.step-num[b-4ktcvymff4] { font-size: 13px; color: var(--dark-gold); }
.steps h2[b-4ktcvymff4] { font-size: 26px; margin: 10px 0 0; }
.steps p[b-4ktcvymff4] { font-size: 14.5px; line-height: 1.6; margin: 12px 0 0; color: var(--body-2); }

/* ---- quotes ---- */
.quotes[b-4ktcvymff4] { margin: 0 40px 34px; padding-top: 30px; border-top: 2px solid var(--ink); }
.quotes h2[b-4ktcvymff4] { font-size: 10px; font-weight: 400; color: var(--body-3); margin: 0; }
.quotes-row[b-4ktcvymff4] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 14px; }
.quotes-row .ph[b-4ktcvymff4] { height: 118px; }

/* ---- pricing teaser ---- */
.banner[b-4ktcvymff4] { margin: 0 40px 44px; }
.banner-title[b-4ktcvymff4] { font-size: 26px; margin: 0; }

/* ---- tablet ---- */
@media (max-width: 860px) {
  .hero[b-4ktcvymff4] { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 26px 36px 0; }
  h1[b-4ktcvymff4] { font-size: clamp(30px, 6.4vw, 54px); max-width: none; margin-top: 14px; }
  .steps[b-4ktcvymff4], .quotes[b-4ktcvymff4] { margin: 26px 36px 0; padding: 24px 0 0; }
  .steps li[b-4ktcvymff4] { padding-top: 0; }
  .quotes-row[b-4ktcvymff4] { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .banner[b-4ktcvymff4] { margin: 26px 36px 34px; }
}

/* ---- phone ---- */
@media (max-width: 620px) {
  .steps[b-4ktcvymff4] { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .steps li[b-4ktcvymff4] { padding-right: 0; border-right: 0; }
  .steps li + li[b-4ktcvymff4] { padding-top: 22px; }
}
@media (max-width: 560px) {
  .hero[b-4ktcvymff4] { padding: 18px 16px 0; }
  .steps[b-4ktcvymff4], .quotes[b-4ktcvymff4] { margin-left: 16px; margin-right: 16px; }
  .banner[b-4ktcvymff4] { margin-left: 16px; margin-right: 16px; }
}
/* /Public/LinkExpired.razor.rz.scp.css */
/* My order's "Link expired" card. */
.expired[b-i4vlzezs4o] { max-width: 620px; background: var(--card); border: 1.5px solid rgba(22, 24, 26, .22); border-radius: 10px; padding: 22px; }
h1[b-i4vlzezs4o] { font-size: 32px; margin: 0; }
p[b-i4vlzezs4o] { font-size: 15.5px; line-height: 1.6; margin: 10px 0 0; color: var(--body-2); }
.acts[b-i4vlzezs4o] { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; }
.btn[b-i4vlzezs4o] { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 14px; border-radius: 6px; font: 600 14px/1 var(--sans); border: 1.5px solid rgba(22, 24, 26, .25); background: var(--card); color: var(--ink); text-align: center; }
.btn:hover[b-i4vlzezs4o] { border-color: var(--ink); color: var(--ink); }
.btn.pri[b-i4vlzezs4o] { background: var(--yellow); border-color: var(--ink); font-weight: 700; }
.btn.pri:hover[b-i4vlzezs4o] { background: var(--yellow-hover); }
p.note[b-i4vlzezs4o] { font-size: 9px; line-height: 1.7; color: var(--body-3); margin-top: 14px; }

@media (max-width: 620px) {
  .expired[b-i4vlzezs4o] { padding: 18px 16px; }
  h1[b-i4vlzezs4o] { font-size: 30px; }
  .btn[b-i4vlzezs4o] { min-height: 48px; }
}
/* /Public/MyOrder.razor.rz.scp.css */
/* My order. Breakpoints follow START-HERE: 1100, 860, 620. */

.kicker[b-ffx9vwlx5i] { font-size: 10px; color: var(--dark-gold); }
h1[b-ffx9vwlx5i] { font-size: 36px; margin: 10px 0 0; }
.standfirst[b-ffx9vwlx5i] { font-size: 15.5px; line-height: 1.6; margin: 10px 0 0; max-width: 60ch; color: var(--body-2); }

.grid[b-ffx9vwlx5i] { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; align-items: start; margin-top: 22px; }
.card[b-ffx9vwlx5i] { background: var(--card); border: 1.5px solid rgba(22, 24, 26, .22); border-radius: 10px; padding: 22px; }
.grid > div > .card[b-ffx9vwlx5i] { margin-top: 16px; }
.label[b-ffx9vwlx5i] { font-size: 9.5px; font-weight: 400; color: var(--body-3); margin: 0; }

.status[b-ffx9vwlx5i] { border-radius: 10px; padding: 18px 22px; display: flex; gap: 14px 22px; align-items: center; flex-wrap: wrap; background: var(--yellow-tint); border: 1.5px solid var(--yellow); }
.dot[b-ffx9vwlx5i] { width: 12px; height: 12px; border-radius: 50%; flex: none; background: var(--ink); }
.status-title[b-ffx9vwlx5i] { font: 700 16px/1.3 var(--sans); }
.status-body[b-ffx9vwlx5i] { font-size: 14px; color: var(--body-2); }

.tl[b-ffx9vwlx5i] { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tl li[b-ffx9vwlx5i] { padding: 14px 16px 14px 0; border-top: 3px solid var(--rule); min-width: 0; }
.tl li.done[b-ffx9vwlx5i] { border-top-color: var(--green); }
.tl li.now[b-ffx9vwlx5i] { border-top-color: var(--yellow); }
.tl-kicker[b-ffx9vwlx5i] { font-size: 9px; color: var(--body-3); }
.tl-title[b-ffx9vwlx5i] { font: 700 15px/1.3 var(--sans); margin-top: 6px; }
.tl-body[b-ffx9vwlx5i] { font-size: 13px; line-height: 1.5; color: var(--body-2); margin-top: 4px; }

.change-head[b-ffx9vwlx5i] { font: 700 17px/1.35 var(--sans); margin: 8px 0 0; }
.change-body[b-ffx9vwlx5i] { font-size: 13.5px; line-height: 1.55; color: var(--body-2); margin: 6px 0 0; }
.acts[b-ffx9vwlx5i] { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
.hours[b-ffx9vwlx5i] { font-size: 9px; color: var(--body-3); margin: 12px 0 0; }

.btn[b-ffx9vwlx5i] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 14px; border-radius: 6px; font: 600 14px/1 var(--sans); border: 1.5px solid rgba(22, 24, 26, .25); background: var(--card); color: var(--ink); text-align: center; }
.btn:hover[b-ffx9vwlx5i] { border-color: var(--ink); color: var(--ink); }
.btn.pri[b-ffx9vwlx5i] { background: var(--yellow); border-color: var(--ink); font-weight: 700; }
.btn.pri:hover[b-ffx9vwlx5i] { background: var(--yellow-hover); }

.lines[b-ffx9vwlx5i] { margin: 12px 0 0; }
.lines div[b-ffx9vwlx5i] { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; padding: 8px 0; border-top: 1px solid rgba(22, 24, 26, .12); }
.lines div:first-child[b-ffx9vwlx5i] { border-top: 0; padding-top: 0; }
.lines dd[b-ffx9vwlx5i] { margin: 0; font-family: var(--mono); white-space: nowrap; }
.lines dd.free[b-ffx9vwlx5i] { color: var(--green); }
.lines .total[b-ffx9vwlx5i] { font-weight: 700; }
.pay[b-ffx9vwlx5i] { margin: 14px 0 0; padding: 12px 14px; border-radius: 6px; background: var(--yellow-tint); border-left: 4px solid var(--yellow); font-size: 13px; line-height: 1.55; }

.stop-label[b-ffx9vwlx5i] { margin-top: 16px; }
.pay + .stop-label[b-ffx9vwlx5i] { margin-top: 22px; }
.stop-when[b-ffx9vwlx5i] { font: 600 14.5px/1.4 var(--sans); margin: 6px 0 0; }
.stop-where[b-ffx9vwlx5i] { font-size: 13.5px; line-height: 1.5; color: var(--body-2); margin: 2px 0 0; overflow-wrap: anywhere; }
.leave[b-ffx9vwlx5i] { font-size: 13px; line-height: 1.5; color: var(--body-3); margin: 10px 0 0; }

.links[b-ffx9vwlx5i] { display: flex; flex-direction: column; gap: 8px; margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(22, 24, 26, .12); }
.links .btn[b-ffx9vwlx5i] { justify-content: flex-start; text-align: left; line-height: 1.3; padding-top: 10px; padding-bottom: 10px; }
.else[b-ffx9vwlx5i] { font-size: 12.5px; line-height: 1.6; color: var(--body-3); margin: 14px 0 0; }
.else a[b-ffx9vwlx5i] { border-bottom: 2px solid var(--yellow); }

@media (max-width: 1100px) {
  .grid[b-ffx9vwlx5i] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 620px) {
  .card[b-ffx9vwlx5i] { padding: 18px 16px; }
  .tl[b-ffx9vwlx5i] { grid-template-columns: minmax(0, 1fr); }
  .tl li[b-ffx9vwlx5i] { padding: 12px 0; }
  .btn[b-ffx9vwlx5i] { min-height: 48px; }
  h1[b-ffx9vwlx5i] { font-size: 30px; }
}
/* /Public/NotFound.razor.rz.scp.css */
.msg[b-wxz6iqnter] { padding: 70px 40px 78px; max-width: 760px; }
.code[b-wxz6iqnter] { font-size: 11px; font-weight: 600; color: var(--dark-gold); }
h1[b-wxz6iqnter] { font-size: 56px; margin: 14px 0 0; }
p[b-wxz6iqnter] { font-size: 17px; line-height: 1.6; margin: 18px 0 0; color: var(--body-2); }
.home[b-wxz6iqnter] { display: inline-flex; align-items: center; min-height: 50px; margin-top: 30px; padding: 0 22px; border-radius: 6px; background: var(--yellow); border: 1.5px solid var(--ink); font: 700 15.5px/1 var(--sans); }
.home:hover[b-wxz6iqnter] { background: var(--yellow-hover); color: var(--ink); }
@media (max-width: 860px) { .msg[b-wxz6iqnter] { padding: 44px 24px 52px; } h1[b-wxz6iqnter] { font-size: clamp(30px, 6.6vw, 52px); } }
@media (max-width: 620px) { .msg[b-wxz6iqnter] { padding: 30px 16px 42px; } }
/* /Public/OrderConfirmed.razor.rz.scp.css */
/* Order confirmed. Breakpoints follow START-HERE: 1100 laptop, 860 tablet, 620 phone. */

.top[b-ztb0l2xgi2] { padding: 48px 40px 0; }
.top.gone[b-ztb0l2xgi2] { padding-bottom: 60px; }
.hero[b-ztb0l2xgi2] { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 44px; align-items: start; padding-bottom: 34px; border-bottom: 2px solid var(--ink); }
.chip[b-ztb0l2xgi2] { font-size: 11px; color: var(--dark-gold); font-weight: 600; background: var(--yellow-tint); display: inline-block; padding: 6px 10px; border-radius: 4px; }
h1[b-ztb0l2xgi2] { font-size: 56px; margin: 18px 0 0; max-width: 18ch; }
.lede[b-ztb0l2xgi2] { font-size: 16.5px; line-height: 1.6; margin: 16px 0 0; max-width: 56ch; color: var(--body-2); }

.rail[b-ztb0l2xgi2] { border: 1.5px solid var(--ink); border-radius: 10px; overflow: hidden; background: var(--ink); color: var(--ground); }
.rail-head[b-ztb0l2xgi2] { margin: 0; font-size: 9.5px; font-weight: 400; color: var(--muted-dark); padding: 14px 18px; border-bottom: 1px solid rgba(244, 243, 239, .2); }
.rail-body[b-ztb0l2xgi2] { padding: 16px 18px; }
.rail-total[b-ztb0l2xgi2] { font-size: 36px; color: var(--yellow); }
.rail-lines[b-ztb0l2xgi2] { display: flex; flex-direction: column; gap: 8px; margin: 14px 0 0; font-size: 13.5px; }
.rail-lines div[b-ztb0l2xgi2] { display: flex; justify-content: space-between; gap: 12px; }
.rail-lines dt[b-ztb0l2xgi2] { color: var(--light); }
.rail-lines dd[b-ztb0l2xgi2] { margin: 0; white-space: nowrap; }
.rail-lines dd.free[b-ztb0l2xgi2] { color: var(--yellow); }
.rail-card[b-ztb0l2xgi2] { font-size: 9px; color: var(--muted-dark); margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(244, 243, 239, .2); line-height: 1.7; }

.cols[b-ztb0l2xgi2] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; padding: 26px 40px 0; }
.label[b-ztb0l2xgi2] { font-size: 10px; font-weight: 400; color: var(--dark-gold); margin: 0; }

.timeline[b-ztb0l2xgi2] { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-direction: column; gap: 22px; position: relative; }
.timeline[b-ztb0l2xgi2]::before { content: ""; position: absolute; left: 5px; top: 10px; bottom: 10px; width: 2px; background: var(--rule); }
.timeline li[b-ztb0l2xgi2] { position: relative; padding-left: 30px; }
.mark[b-ztb0l2xgi2] { position: absolute; left: 0; top: 4px; width: 12px; height: 12px; border: 1.5px solid var(--ink); }
.mark.ink[b-ztb0l2xgi2] { background: var(--ink); }
.mark.yellow[b-ztb0l2xgi2] { background: var(--yellow); }
.mark.open[b-ztb0l2xgi2] { background: var(--ground); border-color: rgba(22, 24, 26, .4); }
.when[b-ztb0l2xgi2] { font: 700 17px/1.2 var(--sans); }
.timeline p[b-ztb0l2xgi2] { font-size: 14.5px; line-height: 1.6; color: var(--body-2); margin: 6px 0 0; overflow-wrap: anywhere; }

.changes[b-ztb0l2xgi2] { border: 1.5px solid var(--ink); border-radius: 10px; overflow: hidden; margin-top: 16px; }
.call[b-ztb0l2xgi2] { background: var(--ink); color: var(--ground); padding: 16px 18px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.call-main[b-ztb0l2xgi2] { flex: 1; min-width: 150px; }
.call-sub[b-ztb0l2xgi2] { font-size: 9px; color: var(--muted-dark); }
.call-phone[b-ztb0l2xgi2] { font-size: 26px; color: var(--yellow); display: block; margin-top: 9px; white-space: nowrap; }
.call-email[b-ztb0l2xgi2] { color: var(--yellow); display: block; margin-top: 9px; font: 700 17px/1.2 var(--sans); }
.call-phone:hover[b-ztb0l2xgi2], .call-email:hover[b-ztb0l2xgi2] { color: var(--yellow-hover); }
.call-hours[b-ztb0l2xgi2] { font-size: 9px; line-height: 1.8; color: var(--muted-dark); text-align: right; max-width: 22ch; }
.order-page[b-ztb0l2xgi2] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 18px; background: var(--yellow); border-bottom: 1.5px solid var(--ink); font: 700 15px/1.25 var(--sans); color: var(--ink); }
.order-page:hover[b-ztb0l2xgi2] { background: var(--yellow-hover); color: var(--ink); }
.change-rows[b-ztb0l2xgi2] { margin: 0; background: var(--card); }
.change-rows div[b-ztb0l2xgi2] { padding: 15px 18px; border-bottom: 1px solid rgba(22, 24, 26, .14); display: flex; gap: 14px; align-items: baseline; }
.change-rows dt[b-ztb0l2xgi2] { font-size: 9px; color: var(--dark-gold); flex: none; width: 44px; }
.change-rows dd[b-ztb0l2xgi2] { margin: 0; }
.change-rows strong[b-ztb0l2xgi2] { display: block; font: 600 15px/1.25 var(--sans); }
.change-rows span[b-ztb0l2xgi2] { display: block; font-size: 13.5px; line-height: 1.55; color: var(--body-2); margin-top: 4px; }
.accepted[b-ztb0l2xgi2] { margin: 0; padding: 12px 18px; background: var(--ground); font-size: 12.5px; line-height: 1.55; color: var(--body-3); }
.links[b-ztb0l2xgi2] { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.links a[b-ztb0l2xgi2] { flex: 1; min-width: 150px; border: 1.5px solid rgba(22, 24, 26, .25); border-radius: 6px; padding: 13px; text-align: center; font: 600 14px/1 var(--sans); }

.before[b-ztb0l2xgi2] { margin: 26px 40px 0; padding: 24px 0 44px; border-top: 2px solid var(--ink); }
.tips[b-ztb0l2xgi2] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; margin-top: 18px; }
.tips h3[b-ztb0l2xgi2] { font: 700 16px/1.25 var(--sans); margin: 0; }
.tips p[b-ztb0l2xgi2] { font-size: 14px; line-height: 1.6; margin: 8px 0 0; color: var(--body-2); }
.tips a[b-ztb0l2xgi2] { border-bottom: 2px solid var(--yellow); }

@media (max-width: 1100px) {
  .hero[b-ztb0l2xgi2] { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}
@media (max-width: 860px) {
  .top[b-ztb0l2xgi2] { padding: 26px 36px 0; }
  h1[b-ztb0l2xgi2] { font-size: clamp(30px, 6.4vw, 54px); max-width: none; margin-top: 14px; }
  .cols[b-ztb0l2xgi2] { grid-template-columns: minmax(0, 1fr); gap: 26px; padding: 26px 36px 0; }
  .before[b-ztb0l2xgi2] { margin: 26px 36px 0; padding-bottom: 34px; }
  .tips[b-ztb0l2xgi2] { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .links a[b-ztb0l2xgi2] { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; }
}
@media (max-width: 620px) {
  .top[b-ztb0l2xgi2], .cols[b-ztb0l2xgi2] { padding-left: 16px; padding-right: 16px; }
  .before[b-ztb0l2xgi2] { margin-left: 16px; margin-right: 16px; }
  /* the number stays on one line, evenly spaced between the two lines of type */
  .call[b-ztb0l2xgi2] { flex-direction: column; align-items: flex-start; gap: 9px; }
  .call-hours[b-ztb0l2xgi2] { text-align: left; max-width: none; }
  .call-phone[b-ztb0l2xgi2] { font-size: 30px; }
}
@media (max-width: 400px) {
  .call-phone[b-ztb0l2xgi2] { font-size: 26px; }
}
/* /Public/Pricing.razor.rz.scp.css */
/* Pricing page. Breakpoints follow START-HERE: 1100 laptop, 860 tablet, 620 and 560 phone. */

/* ---- hero ---- */
.hero[b-96jvb3jixt] { margin: 0 40px; padding: 48px 0 40px; border-bottom: 2px solid var(--ink); display: grid; grid-template-columns: 1fr 400px; gap: 48px; align-items: center; }
h1[b-96jvb3jixt] { font-size: 56px; margin: 0; max-width: 16ch; }
.lede[b-96jvb3jixt] { font-size: 16.5px; line-height: 1.6; margin: 18px 0 0; max-width: 50ch; color: var(--body-2); }

.terms[b-96jvb3jixt] { border: 1.5px solid var(--ink); border-radius: 10px; overflow: hidden; }
.terms-label[b-96jvb3jixt] { font-size: 10px; font-weight: 400; color: var(--muted-dark); background: var(--ink); padding: 12px 18px; margin: 0; }
.terms-row[b-96jvb3jixt] { display: flex; }
.term[b-96jvb3jixt] { flex: 1; padding: 18px; background: var(--card); }
.term-on[b-96jvb3jixt] { background: var(--yellow); border-right: 1.5px solid var(--ink); }
.term-name[b-96jvb3jixt] { font-size: 24px; }
.term p[b-96jvb3jixt] { font-size: 12.5px; line-height: 1.5; color: var(--body-2); margin: 6px 0 0; }
.term-foot[b-96jvb3jixt] { font-size: 9.5px; margin-top: 12px; }
.term-off[b-96jvb3jixt] { color: var(--dark-gold); }

/* ---- tier table and compare panel ---- */
.block[b-96jvb3jixt] { margin: 36px 40px 0; border: 1.5px solid var(--ink); border-radius: 10px; overflow: hidden; background: var(--card); }
h2[b-96jvb3jixt] { margin: 0; }

.tiers-head[b-96jvb3jixt] { padding: 0 24px; min-height: 100px; display: flex; align-items: center; gap: 18px; border-bottom: 1.5px solid var(--ink); }
.tiers-head svg[b-96jvb3jixt] { flex: none; }
.tiers-title[b-96jvb3jixt] { font-size: 28px; }
.tiers-sub[b-96jvb3jixt] { font-size: 13px; color: var(--body-3); margin-top: 5px; }
.tier-grid[b-96jvb3jixt] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; }
.tier[b-96jvb3jixt] { padding: 20px 24px; text-align: center; }
.tier:not(:last-child)[b-96jvb3jixt] { border-right: 1px solid var(--rule); }
.tier-mid[b-96jvb3jixt] { background: var(--yellow-tint); }
.tier dt[b-96jvb3jixt] { font-size: 9.5px; color: var(--body-3); }
.tier dd[b-96jvb3jixt] { font-size: 38px; margin: 6px 0 0; }
.tiers-foot[b-96jvb3jixt] { padding: 12px 24px; border-top: 1px solid var(--rule); background: var(--ground); font-size: 12.5px; color: var(--body-3); }
.aside[b-96jvb3jixt] { margin: 14px 40px 0; font-size: 13px; line-height: 1.5; color: var(--body-3); }

.compare[b-96jvb3jixt] { margin-top: 22px; }
.compare-head[b-96jvb3jixt] { padding: 16px 24px; background: var(--ink); color: var(--ground); display: flex; gap: 14px; align-items: baseline; flex-wrap: wrap; }
.compare-head .mono[b-96jvb3jixt] { font-size: 9.5px; color: var(--yellow); }
.compare-head h2[b-96jvb3jixt] { font: 600 15px/1.3 var(--sans); }
.compare-grid[b-96jvb3jixt] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.compare-cell[b-96jvb3jixt] { padding: 18px 24px; }
.compare-cell:not(:last-child)[b-96jvb3jixt] { border-right: 1px solid var(--rule); }
.compare-cell .mono[b-96jvb3jixt] { font-size: 9.5px; color: var(--body-3); }
.compare-mid[b-96jvb3jixt] { background: var(--yellow-tint); }
.compare-mid .mono[b-96jvb3jixt] { color: var(--dark-gold); }
.compare-fig[b-96jvb3jixt] { font-size: 30px; margin-top: 6px; }
.compare-cell p[b-96jvb3jixt], .compare-notes p[b-96jvb3jixt] { font-size: 13px; line-height: 1.5; color: var(--body-2); margin: 6px 0 0; }
.compare-notes[b-96jvb3jixt] { padding: 14px 24px; border-top: 1px solid var(--rule); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.compare-notes p[b-96jvb3jixt] { margin: 0; }

/* ---- example orders and the three lists ---- */
.ruled[b-96jvb3jixt] { margin: 26px 40px 0; padding-top: 24px; border-top: 2px solid var(--ink); }
.label[b-96jvb3jixt] { font-size: 10px; font-weight: 400; color: var(--dark-gold); }

.examples[b-96jvb3jixt] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.example[b-96jvb3jixt] { border: 1.5px solid var(--ink); border-radius: 10px; padding: 18px 20px; }
.example-mid[b-96jvb3jixt] { background: var(--yellow-tint); }
.example-name[b-96jvb3jixt] { font: 600 15.5px/1.2 var(--sans); white-space: nowrap; }
.example-price[b-96jvb3jixt] { font-size: 34px; margin-top: 12px; }
.example-note[b-96jvb3jixt] { font-size: 12.5px; line-height: 1.4; color: var(--body-3); margin-top: 12px; }
.examples-foot[b-96jvb3jixt] { font-size: 12.5px; color: var(--muted); margin: 12px 0 0; }

.policies[b-96jvb3jixt] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; padding-bottom: 44px; }
.policies .label[b-96jvb3jixt] { margin-bottom: 6px; }
.policies dl[b-96jvb3jixt] { margin: 0; }
.policies dl > div[b-96jvb3jixt] { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; line-height: 1.5; padding: 9px 0; border-bottom: 1px solid rgba(22, 24, 26, .12); }
.policies dl > div:last-child[b-96jvb3jixt] { border-bottom: 0; }
.policies dt[b-96jvb3jixt] { color: var(--body-2); }
.policies dd[b-96jvb3jixt] { margin: 0; font-weight: 700; white-space: nowrap; text-align: right; }
.policies dd.free[b-96jvb3jixt] { color: var(--green); }

/* ---- laptop ---- */
@media (max-width: 1100px) {
  .hero[b-96jvb3jixt] { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}

/* ---- tablet ---- */
@media (max-width: 860px) {
  .hero[b-96jvb3jixt] { margin: 0 36px; padding: 26px 0 24px; }
  h1[b-96jvb3jixt] { font-size: clamp(30px, 6.4vw, 54px); max-width: none; margin-top: 14px; }
  .block[b-96jvb3jixt], .aside[b-96jvb3jixt], .ruled[b-96jvb3jixt] { margin-left: 36px; margin-right: 36px; }
  .block[b-96jvb3jixt] { margin-top: 24px; }

  /* the tiers stay 3-up: trim the cells and keep each label on one line */
  .tier[b-96jvb3jixt] { padding: 16px 12px; }
  .tier dt[b-96jvb3jixt] { white-space: nowrap; }

  .compare-grid[b-96jvb3jixt], .compare-notes[b-96jvb3jixt] { grid-template-columns: minmax(0, 1fr); }
  .compare-cell:not(:last-child)[b-96jvb3jixt] { border-right: 0; border-bottom: 1px solid var(--rule); }
  .compare-notes[b-96jvb3jixt] { gap: 12px; }

  .policies[b-96jvb3jixt] { grid-template-columns: minmax(0, 1fr); gap: 22px; padding-bottom: 34px; }
}

/* ---- phone ---- */
@media (max-width: 620px) {
  .examples[b-96jvb3jixt] { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .policies dd[b-96jvb3jixt] { white-space: normal; flex: none; max-width: 50%; }
}
@media (max-width: 560px) {
  .hero[b-96jvb3jixt] { margin: 0 16px; padding-top: 18px; }
  .block[b-96jvb3jixt], .aside[b-96jvb3jixt], .ruled[b-96jvb3jixt] { margin-left: 16px; margin-right: 16px; }

  /* three prices still fit side by side on a phone */
  .tiers-head[b-96jvb3jixt] { padding: 16px; gap: 14px; }
  .tiers-head svg[b-96jvb3jixt] { width: 48px; height: auto; }
  .tiers-title[b-96jvb3jixt] { font-size: 22px; }
  .tier[b-96jvb3jixt] { padding: 14px 6px; }
  .tier dd[b-96jvb3jixt] { font-size: 27px; }
}
/* /Public/ToteSizes.razor.rz.scp.css */
/* Tote sizes. Breakpoints follow START-HERE: 1100 laptop, 860 tablet, 620 phone. */

.hero[b-zmcv6q51x4] { padding: 44px 40px 20px; }
h1[b-zmcv6q51x4] { font-size: 44px; margin: 0; max-width: 20ch; }
.lede[b-zmcv6q51x4] { font-size: 16px; line-height: 1.6; margin: 16px 0 0; max-width: 56ch; color: var(--body-2); }
h2[b-zmcv6q51x4], h3[b-zmcv6q51x4] { margin: 0; }
.label[b-zmcv6q51x4] { font-size: 10px; font-weight: 400; color: var(--body-3); }

/* ---- the tote and why one size ---- */
.spec[b-zmcv6q51x4] { margin: 24px 40px 0; border-top: 2px solid var(--ink); display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 40px; }
.spec > section[b-zmcv6q51x4] { padding: 26px 0 30px; }
.spec-head[b-zmcv6q51x4] { display: flex; align-items: flex-end; gap: 16px; }
.spec-pic[b-zmcv6q51x4] { width: 118px; height: 82px; flex: none; display: flex; align-items: flex-end; }
.spec-size[b-zmcv6q51x4] { font-size: 28px; }
.spec-dims[b-zmcv6q51x4] { font-size: 10px; color: var(--body-3); margin-top: 5px; }
.spec-head + .label[b-zmcv6q51x4] { margin-top: 26px; }
.holds[b-zmcv6q51x4] { margin: 10px 0 0; }
.holds > div[b-zmcv6q51x4] { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid rgba(22, 24, 26, .12); font-size: 14.5px; }
.holds > div:last-child[b-zmcv6q51x4] { border-bottom: 0; }
.holds dd[b-zmcv6q51x4] { margin: 0; font-size: 16px; }
.soft[b-zmcv6q51x4] { color: var(--muted); }
.features[b-zmcv6q51x4] { font-size: 10px; line-height: 1.7; color: var(--dark-gold); margin-top: 18px; }
.why[b-zmcv6q51x4] { font-size: 15px; line-height: 1.65; margin: 12px 0 0; color: var(--body-2); }
.guarantee[b-zmcv6q51x4] { margin-top: 18px; padding: 14px 16px; border: 1.5px solid var(--ink); border-radius: 8px; background: var(--yellow-tint); font-size: 14px; line-height: 1.55; }

/* ---- the ruled sections ---- */
.ruled[b-zmcv6q51x4] { margin: 30px 40px 0; padding-top: 26px; border-top: 2px solid var(--ink); }

.house-head[b-zmcv6q51x4] { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.house-head p[b-zmcv6q51x4] { font-size: 13px; color: var(--body-2); margin: 0; }
.houses[b-zmcv6q51x4] { list-style: none; margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border: 1.5px solid var(--ink); border-radius: 10px; overflow: hidden; }
.house[b-zmcv6q51x4] { padding: 18px 16px; }
.house:not(:last-child)[b-zmcv6q51x4] { border-right: 1px solid var(--rule); }
.house-mid[b-zmcv6q51x4] { background: var(--yellow-tint); }
.house-count[b-zmcv6q51x4] { font-size: 32px; }
.house-name[b-zmcv6q51x4] { font-size: 9.5px; color: var(--body-3); margin-top: 6px; white-space: nowrap; }
.house-note[b-zmcv6q51x4] { font-size: 12.5px; line-height: 1.5; color: var(--body-2); margin-top: 8px; }
.breakdown[b-zmcv6q51x4] { font-size: 13.5px; line-height: 1.6; color: var(--body-2); margin: 14px 0 0; max-width: 80ch; }

.tips[b-zmcv6q51x4] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; margin-top: 16px; }
.tips > div:not(:last-child)[b-zmcv6q51x4] { padding-right: 26px; border-right: 1px solid var(--rule); }
.tips h3[b-zmcv6q51x4] { font-size: 20px; }
.tips p[b-zmcv6q51x4] { font-size: 14px; line-height: 1.6; margin: 8px 0 0; color: var(--body-2); }

.thumbs[b-zmcv6q51x4] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 16px; }
.thumb-fig[b-zmcv6q51x4] { font-size: 34px; }
.thumbs p[b-zmcv6q51x4] { font-size: 13.5px; line-height: 1.5; color: var(--body-2); margin: 6px 0 0; }
.footnote[b-zmcv6q51x4] { font-size: 9.5px; line-height: 1.7; color: var(--dark-gold); margin: 20px 0 0; }

.chips[b-zmcv6q51x4] { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.chips li[b-zmcv6q51x4] { font-size: 13.5px; padding: 8px 13px; border: 1.5px solid rgba(22, 24, 26, .25); border-radius: 999px; }

/* ---- spares ---- */
.banner[b-zmcv6q51x4] { margin: 34px 40px 40px; }
.banner-text[b-zmcv6q51x4] { padding: 22px 26px; }
.banner-title[b-zmcv6q51x4] { font-size: 21px; }
.banner-text p[b-zmcv6q51x4] { margin-top: 8px; }
.banner-photo[b-zmcv6q51x4] { width: 220px; flex: none; border-radius: 0; }

/* ---- tablet ---- */
@media (max-width: 860px) {
  .hero[b-zmcv6q51x4] { padding: 26px 36px 0; }
  h1[b-zmcv6q51x4] { font-size: clamp(30px, 6.4vw, 54px); max-width: none; margin-top: 14px; }
  .spec[b-zmcv6q51x4], .ruled[b-zmcv6q51x4] { margin: 26px 36px 0; padding-top: 24px; }
  .spec[b-zmcv6q51x4] { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .spec > section[b-zmcv6q51x4] { padding: 0; }
  .spec > section + section[b-zmcv6q51x4] { padding-top: 22px; }

  /* the home sizes stack, each under a rule */
  .houses[b-zmcv6q51x4] { grid-template-columns: minmax(0, 1fr); }
  .house:not(:last-child)[b-zmcv6q51x4] { border-right: 0; border-bottom: 1px solid var(--rule); }

  .thumbs[b-zmcv6q51x4] { grid-template-columns: minmax(0, 1fr); }
  .banner[b-zmcv6q51x4] { margin: 26px 36px 34px; }
}

/* ---- phone ---- */
@media (max-width: 620px) {
  .hero[b-zmcv6q51x4] { padding: 18px 16px 0; }
  .spec[b-zmcv6q51x4], .ruled[b-zmcv6q51x4], .banner[b-zmcv6q51x4] { margin-left: 16px; margin-right: 16px; }
  .tips[b-zmcv6q51x4] { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .tips > div:not(:last-child)[b-zmcv6q51x4] { padding-right: 0; border-right: 0; }
  .tips > div + div[b-zmcv6q51x4] { padding-top: 22px; }
  .banner-photo[b-zmcv6q51x4] { width: auto; height: 150px; border-top: 1.5px solid var(--ink); }
}
/* /Public/WhyNotCardboard.razor.rz.scp.css */
/* Why not cardboard. Breakpoints follow START-HERE: 1100 laptop, 860 tablet, 620 and 560 phone. */

.body[b-sntun0xi9u] { padding: 48px 40px 52px; }
h1[b-sntun0xi9u] { font-size: 58px; margin: 0; max-width: 17ch; }
h2[b-sntun0xi9u] { margin: 0; }
.lede[b-sntun0xi9u] { font-size: 16.5px; line-height: 1.6; margin: 18px 0 38px; max-width: 54ch; color: var(--body-2); }

/* ---- the two moves ---- */
.vs[b-sntun0xi9u] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.vs-card[b-sntun0xi9u] { border-radius: 10px; padding: 26px; }
.vs-box[b-sntun0xi9u] { border: 1.5px solid rgba(22, 24, 26, .22); background: #EAE8E1; }
.vs-bins[b-sntun0xi9u] { border: 1.5px solid var(--ink); background: var(--ink); color: var(--ground); box-shadow: 6px 6px 0 rgba(22, 24, 26, .25); }
.vs-head[b-sntun0xi9u] { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.vs-label[b-sntun0xi9u] { font-size: 12px; font-weight: 600; color: var(--body-3); }
.vs-bins .vs-label[b-sntun0xi9u] { color: var(--yellow); }
.vs-fig[b-sntun0xi9u] { display: flex; align-items: baseline; gap: 8px; }
.vs-price[b-sntun0xi9u] { font-size: 30px; color: var(--body-3); }
.vs-bins .vs-price[b-sntun0xi9u] { color: var(--yellow); }
.vs-time[b-sntun0xi9u] { font-size: 16px; color: var(--dark-gold); }
.vs-bins .vs-time[b-sntun0xi9u] { color: var(--light); }
.vs dl[b-sntun0xi9u] { margin: 20px 0 0; }
.vs dl > div[b-sntun0xi9u] { display: flex; justify-content: space-between; gap: 12px; padding: 11px 0; border-top: 1px solid rgba(22, 24, 26, .14); font-size: 14px; color: var(--body-2); }
.vs-bins dl > div[b-sntun0xi9u] { border-top-color: rgba(244, 243, 239, .2); color: var(--ground); }
.vs dd[b-sntun0xi9u] { margin: 0; text-align: right; }
.vs-box .vs-note[b-sntun0xi9u] { color: var(--dark-gold); }
.vs-bins .vs-note[b-sntun0xi9u] { color: var(--yellow); }

/* ---- reuse ---- */
.reuse[b-sntun0xi9u] { margin-top: 38px; padding-top: 30px; border-top: 2px solid var(--ink); }
.reuse-label[b-sntun0xi9u] { font-size: 10px; color: var(--dark-gold); }
.reuse-grid[b-sntun0xi9u] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; margin-top: 16px; align-items: start; }
.reuse h2[b-sntun0xi9u] { font-size: 34px; max-width: 18ch; }
.reuse-grid p[b-sntun0xi9u] { font-size: 15.5px; line-height: 1.65; margin: 12px 0 0; color: var(--body-2); }
.reuse-grid h2 + p[b-sntun0xi9u] { margin-top: 14px; }

.life[b-sntun0xi9u] { border: 1.5px solid var(--ink); border-radius: 10px; overflow: hidden; }
.life table[b-sntun0xi9u] { width: 100%; border-collapse: collapse; table-layout: fixed; }
.life th[b-sntun0xi9u] { padding: 13px 16px; background: var(--ink); font-size: 9px; font-weight: 400; text-align: left; color: var(--muted-dark); }
.life th + th[b-sntun0xi9u] { color: var(--yellow); border-left: 1px solid rgba(244, 243, 239, .2); }
.life td[b-sntun0xi9u] { padding: 16px; vertical-align: top; background: var(--card); }
.life td:first-child[b-sntun0xi9u] { border-right: 1px solid var(--rule); }
.life tr + tr td[b-sntun0xi9u] { border-top: 1px solid var(--rule); }
.life-fig[b-sntun0xi9u] { font-size: 30px; }
.life-note[b-sntun0xi9u] { font-size: 12.5px; line-height: 1.45; color: var(--body-3); margin-top: 6px; }
.reuse-grid .life-foot[b-sntun0xi9u] { margin: 0; padding: 12px 16px; border-top: 1px solid var(--rule); background: var(--ground); font-size: 12px; line-height: 1.5; color: var(--body-3); }

/* ---- the bottom line ---- */
.banner[b-sntun0xi9u] { margin-top: 28px; }
.banner-text[b-sntun0xi9u] { padding: 20px 26px; }
.banner-text p[b-sntun0xi9u] { margin: 0; }
.banner-go[b-sntun0xi9u] { font-size: 15px; border-left: 1.5px solid var(--ink); }

/* ---- tablet ---- */
@media (max-width: 860px) {
  .body[b-sntun0xi9u] { padding: 26px 36px 34px; }
  h1[b-sntun0xi9u] { font-size: clamp(30px, 6.4vw, 54px); max-width: none; margin-top: 14px; }
  .vs[b-sntun0xi9u], .reuse-grid[b-sntun0xi9u] { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .reuse[b-sntun0xi9u] { margin-top: 26px; padding-top: 24px; }
  .reuse h2[b-sntun0xi9u] { font-size: clamp(24px, 4.6vw, 38px); max-width: none; }
}

/* ---- phone ---- */
@media (max-width: 620px) {
  .banner-go[b-sntun0xi9u] { border-left: 0; }
}
@media (max-width: 560px) {
  .body[b-sntun0xi9u] { padding: 18px 16px 34px; }
}