/* p-scanner: no model number, so the product name is the title; the key facts
   are words; the LOT flow sits on the dark band, with a tall drawing for phones. */
.sc-hero .pdp-title { font-size: clamp(40px, 5.2vw, 72px); letter-spacing: -.03em; }

.sc-facts .num-v { font: 300 clamp(26px, 3vw, 42px)/1.2 var(--font); letter-spacing: -.01em; margin: 12px 0 10px; }

/* secondary text and our own boxes on the dark band (proto.css has no dark .box-ours) */
.sc-dark .sec-head p, .sc-dark .dia figcaption { color: var(--dark-muted); }
.sc-dark .dia .box-ours { fill: var(--blue); fill-opacity: .22; stroke: var(--sky); }
.sc-flow { margin-block: 0; }
.sc-flow .sc-tall { display: none; }
@media (max-width: 820px) {
  .sc-flow .sc-wide { display: none; }
  .sc-flow .sc-tall { display: block; min-width: 0; max-width: 420px; }
}

/* each step keeps the one-line description from the live page */
.sc-steps li small { display: block; margin-top: 8px; padding-right: 20px; color: var(--copy); font-size: 14.5px; font-weight: 400; line-height: 1.6; text-wrap: pretty; }
.sc-bounds b { color: var(--ink); font-size: 17px; font-weight: 500; }
.sc-bounds p { color: var(--copy); line-height: 1.7; text-wrap: pretty; }
.sc-note { margin-top: 32px; }