/* UX audit 2026-10-15, product-pages lane. Linked only from the nine engine-rendered
   product pages. Every rule is prefixed with `body[data-category]` so it beats the
   engine's runtime-injected <style> (specificity 0,2,1 against 0,1,0). */

/* Hero stat strip: readable labels, no 8.5px mono. */
body[data-category] .pp-hero-stat-label{font-size:11px;line-height:1.35;letter-spacing:.04em;color:#4b5263}
body[data-category] .pp-hero-stat-value{font-size:18px}

/* Result-pane notices read as information, not as a warning. */
body[data-category] .pp-status.is-warn,
body[data-category] .pp-tryit-section .pp-status.is-warn{color:#3f4451;background:#fafafa;border:1px solid #e5e7eb}

/* Card tabs and key-gated placeholders: legible type. */
body[data-category] .pp-tab{font-size:11px;padding:8px 10px;line-height:1.2}
body[data-category] .pp-empty-msg{font-size:12.5px;max-width:34ch;color:#4b5263}
body[data-category] .pp-empty-head{font-size:14px}
body[data-category] .pp-card-empty{min-height:0}

/* Tap targets on touch widths: 44px tab buttons, tab row scrolls rather than wraps. */
@media (max-width:760px){
  body[data-category] .pp-tabs{display:flex;max-width:calc(100% - 40px);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  body[data-category] .pp-tabs::-webkit-scrollbar{display:none}
  body[data-category] .pp-tab{min-height:44px;min-width:44px;flex:0 0 auto;padding:0 8px;font-size:11.5px}
  body[data-category] .pp-hero-stat-label{font-size:11px}
  body[data-category] .pp-hero-stats{gap:10px!important}
}

/* Keyboard focus */
body[data-category] .pp-tab:focus-visible,
body[data-category] .pp-hero-cta:focus-visible{outline:2px solid #4c1d95;outline-offset:2px}

@media (prefers-reduced-motion:reduce){
  body[data-category] *{scroll-behavior:auto!important}
}

/* Leftovers lane: topic strip scroll hint. js/product-page/endpointList.js sets data-more on the strip. */
@media (max-width:1000px){
  body[data-category] .pp-sidebar[data-more="start"]{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 36px),transparent)}
  body[data-category] .pp-sidebar[data-more="mid"]{-webkit-mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 36px),transparent)}
  body[data-category] .pp-sidebar[data-more="end"]{-webkit-mask-image:linear-gradient(to right,transparent,#000 24px);mask-image:linear-gradient(to right,transparent,#000 24px)}
  body[data-category] .pp-sidebar{min-height:48px}
  body[data-category] .pp-topic{min-height:44px}
}
body[data-category] .pp-topic:focus-visible{outline:2px solid #4c1d95;outline-offset:-2px}