/*
 * PromXAI 2.0.0-RC58 — reusable prompt-engine proof system.
 * Isolated component used by Explain, PRO, PromXAI Info and prompt detail.
 */
.px-engine-proof{--px-engine-line:color-mix(in srgb,var(--px-account-line,#8ba0c9) 88%,transparent);--px-engine-surface:color-mix(in srgb,var(--px-account-surface,#111d34) 82%,transparent);--px-engine-muted:var(--px-account-muted,#9aa8c1);--px-engine-strong:var(--px-account-strong,#f6f8ff);position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--px-engine-line);border-radius:24px;padding:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--px-engine-surface) 92%,transparent),color-mix(in srgb,var(--px-accent-purple,#7b5cff) 5%,var(--px-engine-surface)));box-shadow:inset 0 1px 0 rgb(255 255 255 / .05),0 18px 48px rgb(1 8 24 / .12)}
.px-engine-proof::before{content:"";position:absolute;inset:auto -15% 56% 42%;height:210px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--px-accent-purple,#7b5cff) 16%,transparent),transparent 68%);filter:blur(25px);z-index:-1;pointer-events:none}
.px-engine-proof__intro{max-width:900px;margin:0 auto 22px;text-align:center}
.px-engine-proof__eyebrow{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border:1px solid color-mix(in srgb,var(--px-accent-purple,#7b5cff) 24%,var(--px-engine-line));border-radius:999px;color:color-mix(in srgb,var(--px-accent-purple,#8b72ff) 80%,#fff);background:color-mix(in srgb,var(--px-accent-purple,#7b5cff) 8%,transparent);font-size:9px;font-weight:900;letter-spacing:.02em}
.px-engine-proof__intro h2{margin:11px auto 9px;max-width:780px;color:var(--px-engine-strong);font-size:clamp(24px,3vw,38px);line-height:1.22;letter-spacing:var(--px-heading-tracking,0)}
.px-engine-proof__intro p{max-width:820px;margin:0 auto;color:var(--px-engine-muted);font-size:11px;line-height:1.85}
.px-engine-proof__formula{display:flex;align-items:stretch;justify-content:center;gap:8px;margin:18px auto 0;max-width:760px}
.px-engine-proof__formula>span{min-width:0;flex:1;display:grid;gap:3px;align-content:center;min-height:66px;padding:10px 12px;border:1px solid var(--px-engine-line);border-radius:16px;background:color-mix(in srgb,var(--px-engine-surface) 88%,transparent)}
.px-engine-proof__formula>span.is-accent{border-color:color-mix(in srgb,var(--px-accent-purple,#7b5cff) 30%,var(--px-engine-line));background:linear-gradient(135deg,color-mix(in srgb,var(--px-accent-purple,#7b5cff) 12%,var(--px-engine-surface)),color-mix(in srgb,var(--px-accent-blue,#377dff) 8%,var(--px-engine-surface)))}
.px-engine-proof__formula b{color:var(--px-engine-strong);font-size:10px}.px-engine-proof__formula small{color:var(--px-engine-muted);font-size:7.5px}.px-engine-proof__formula>i{align-self:center;color:color-mix(in srgb,var(--px-engine-muted) 72%,transparent);font-style:normal;font-weight:900}
.px-engine-proof__product-intelligence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 auto 18px;max-width:900px}
.px-engine-proof__product-intelligence article{min-height:92px;padding:13px;border:1px solid var(--px-engine-line);border-radius:17px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;background:color-mix(in srgb,var(--px-engine-surface) 84%,transparent)}
.px-engine-proof__product-intelligence article>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:color-mix(in srgb,var(--px-accent-purple,#8b72ff) 82%,#fff);background:color-mix(in srgb,var(--px-accent-purple,#7b5cff) 10%,transparent)}
.px-engine-proof__product-intelligence .px-icon{width:18px;height:18px}.px-engine-proof__product-intelligence strong,.px-engine-proof__product-intelligence small{display:block}.px-engine-proof__product-intelligence strong{color:var(--px-engine-strong);font-size:10px}.px-engine-proof__product-intelligence small{margin-top:5px;color:var(--px-engine-muted);font-size:7.7px;line-height:1.6}
.px-engine-proof__groups{display:grid;gap:18px}
.px-engine-proof__group{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:18px;align-items:center;padding:17px;border:1px solid var(--px-engine-line);border-radius:20px;background:color-mix(in srgb,var(--px-engine-surface) 78%,transparent)}
/* Explain-only galleries have no copy column. Keep this next to the base group
 * owner so it cannot become a late historical override. */
:is(.px-engine-proof--dialog-first,.px-engine-proof--dialog-info){padding:16px;border-radius:20px}
:is(.px-engine-proof--dialog-first,.px-engine-proof--dialog-info) .px-engine-proof__group{display:block;width:100%;padding:0;border:0;background:transparent}
:is(.px-engine-proof--dialog-first,.px-engine-proof--dialog-info) .px-engine-proof__media-grid{width:100%;max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
:is(.px-engine-proof--dialog-first,.px-engine-proof--dialog-info) .px-engine-proof__media{width:100%;border-radius:16px}
.px-engine-proof__group-copy>span{display:inline-block;margin-bottom:7px;color:color-mix(in srgb,var(--px-accent-blue,#4f8cff) 76%,var(--px-engine-strong));font-size:8px;font-weight:900}.px-engine-proof__group-copy h3{margin:0 0 7px;color:var(--px-engine-strong);font-size:20px;line-height:1.3}.px-engine-proof__group-copy p{margin:0;color:var(--px-engine-muted);font-size:9.2px;line-height:1.8}
.px-engine-proof__media-grid{display:grid;grid-template-columns:repeat(var(--px-engine-count,4),minmax(0,1fr));gap:9px;direction:ltr}
.px-engine-proof__media{min-width:0;margin:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--px-engine-line) 88%,transparent);border-radius:15px;background:#111827;box-shadow:0 10px 24px rgb(0 0 0 / .12);direction:rtl}
.px-engine-proof__media img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;background:#111827}
.px-engine-proof__media figcaption{min-height:37px;display:grid;place-items:center;padding:7px;color:var(--px-engine-muted);background:color-mix(in srgb,var(--px-engine-surface) 94%,#000 6%);font-size:6.8px;font-weight:750;text-align:center;line-height:1.45}
.px-engine-proof__trust-note{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;margin-top:16px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--px-success,#35c77a) 22%,var(--px-engine-line));border-radius:16px;background:color-mix(in srgb,var(--px-success,#35c77a) 5%,var(--px-engine-surface))}.px-engine-proof__trust-note>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--px-success,#35c77a);background:color-mix(in srgb,var(--px-success,#35c77a) 10%,transparent)}.px-engine-proof__trust-note .px-icon{width:18px;height:18px}.px-engine-proof__trust-note p{margin:0;color:var(--px-engine-muted);font-size:8.4px;line-height:1.7}.px-engine-proof__trust-note strong{color:var(--px-engine-strong)}
.px-engine-proof--pro,.px-engine-proof--pro-bottom{margin:20px 0}.px-engine-proof--pro .px-engine-proof__group,.px-engine-proof--pro-bottom .px-engine-proof__group{grid-template-columns:220px minmax(0,1fr)}.px-engine-proof--pro .px-engine-proof__group-copy p,.px-engine-proof--pro-bottom .px-engine-proof__group-copy p{font-size:8.6px}.px-engine-proof--pro .px-engine-proof__media figcaption,.px-engine-proof--pro-bottom .px-engine-proof__media figcaption{display:none}
.px-engine-proof--pro-bottom{margin-top:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--px-engine-surface) 92%,transparent),color-mix(in srgb,var(--px-accent-blue,#377dff) 5%,var(--px-engine-surface)))}
.px-engine-proof--mini{margin:13px 0 0;padding:13px;border-radius:17px}.px-engine-proof--mini::before{display:none}.px-engine-proof--mini .px-engine-proof__groups{gap:10px}.px-engine-proof__mini-copy{margin-bottom:10px}.px-engine-proof__mini-copy h4{margin:7px 0 5px;color:var(--px-engine-strong);font-size:13px;line-height:1.35}.px-engine-proof__mini-copy p{margin:0;color:var(--px-engine-muted);font-size:7.9px;line-height:1.65}.px-engine-proof__mini-more{margin:2px 0 0;padding:9px 10px;border:1px solid var(--px-engine-line);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:color-mix(in srgb,var(--px-accent-purple,#7b5cff) 6%,var(--px-engine-surface))}.px-engine-proof__mini-more span{color:var(--px-engine-muted);font-size:7.2px;font-weight:800}.px-engine-proof__mini-more strong{color:var(--px-engine-strong);font-size:8.4px}.px-engine-proof--mini .px-engine-proof__group{display:block;padding:0;border:0;background:transparent}.px-engine-proof--mini .px-engine-proof__media-grid{gap:6px}.px-engine-proof--mini .px-engine-proof__media{border-radius:10px;box-shadow:none}.px-engine-proof__learn-more{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:color-mix(in srgb,var(--px-accent-purple,#8b72ff) 76%,var(--px-engine-strong));font-size:8px;font-weight:900;text-decoration:none}.px-engine-proof__learn-more .px-icon{width:12px;height:12px}
/* Prompt-detail bridge: concise value explanation, no gallery duplication. */
html[data-theme="light"] .px-engine-proof{--px-engine-line:rgb(73 96 139 / .13);--px-engine-surface:#f7f9fc;--px-engine-muted:#68758a;--px-engine-strong:#172943;background:linear-gradient(145deg,rgb(255 255 255 / .92),rgb(243 246 251 / .92));box-shadow:inset 0 1px 0 #fff,0 18px 46px rgb(43 65 105 / .08)}
html[data-theme="light"] .px-engine-proof__media{background:#eef1f5;box-shadow:0 8px 22px rgb(48 66 98 / .08)}
html[data-theme="light"] .px-engine-proof__media figcaption{background:#f7f9fc}
@media(max-width:980px){.px-engine-proof{padding:18px}.px-engine-proof__group,.px-engine-proof--pro .px-engine-proof__group,.px-engine-proof--pro-bottom .px-engine-proof__group{grid-template-columns:1fr}.px-engine-proof__group-copy{max-width:760px}.px-engine-proof__media-grid,.px-engine-proof--pro .px-engine-proof__media-grid,.px-engine-proof--pro-bottom .px-engine-proof__media-grid{width:100%;max-width:760px}.px-engine-proof__intro h2{font-size:30px}}
@media(max-width:760px){.px-engine-proof--pro .px-engine-proof__group,.px-engine-proof--pro-bottom .px-engine-proof__group{display:grid;grid-template-columns:1fr}.px-engine-proof--pro .px-engine-proof__media-grid,.px-engine-proof--pro-bottom .px-engine-proof__media-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:none}:is(.px-engine-proof--dialog-first,.px-engine-proof--dialog-info){padding:10px}:is(.px-engine-proof--dialog-first,.px-engine-proof--dialog-info) .px-engine-proof__media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.px-engine-proof{padding:14px;border-radius:20px}.px-engine-proof__intro{margin-bottom:14px;text-align:start}.px-engine-proof__intro h2{font-size:24px}.px-engine-proof__intro p{font-size:9px}.px-engine-proof__product-intelligence{grid-template-columns:1fr;margin-bottom:14px}.px-engine-proof__product-intelligence article{min-height:0}.px-engine-proof__formula{display:grid;grid-template-columns:1fr 18px 1fr}.px-engine-proof__formula>span:last-child{grid-column:1/-1}.px-engine-proof__formula>i:last-of-type{display:none}.px-engine-proof__formula>span{min-height:56px}.px-engine-proof__group{padding:12px;border-radius:17px}.px-engine-proof__group-copy h3{font-size:17px}.px-engine-proof__group-copy p{font-size:8.3px}.px-engine-proof__media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.px-engine-proof__media figcaption{min-height:34px;font-size:8px}.px-engine-proof--mini{padding:10px}.px-engine-proof__mini-more{display:grid;gap:2px}.px-engine-proof--mini .px-engine-proof__media-grid{grid-template-columns:repeat(var(--px-engine-count,4),minmax(0,1fr));gap:5px}.px-engine-proof__trust-note{grid-template-columns:32px minmax(0,1fr)}.px-engine-proof__trust-note>span{width:32px;height:32px}}
@media(max-width:420px){.px-engine-proof--mini .px-engine-proof__media-grid{gap:4px}.px-engine-proof--mini .px-engine-proof__media{border-radius:8px}.px-engine-proof__formula b{font-size:8.5px}.px-engine-proof__formula small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.px-engine-proof *{scroll-behavior:auto}}


/* test422 — Mini showcase containment for About + PromXAI Info.
 * Keep every sample in normal document flow and preserve the same horizontal
 * gallery logic as the stable Explain showcase. */
.px-engine-proof--mini .px-engine-proof__groups{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;align-items:start!important}
.px-engine-proof--mini .px-engine-proof__group{position:relative!important;display:block!important;width:100%!important;min-width:0!important;height:auto!important;overflow:visible!important}
.px-engine-proof--mini .px-engine-proof__media-grid{position:relative!important;display:grid!important;width:100%!important;max-width:none!important;grid-template-columns:repeat(var(--px-engine-count,4),minmax(0,1fr))!important;grid-auto-flow:row!important;gap:7px!important;align-items:start!important}
.px-engine-proof--mini .px-engine-proof__media{position:relative!important;inset:auto!important;transform:none!important;width:auto!important;min-width:0!important;height:auto!important}
@media(max-width:760px){.px-engine-proof--mini .px-engine-proof__media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* 2.0.21-test458 — About tablet horizontal engine proof lock.
 * About uses the shared mini proof, but on touch-tablet its four reference
 * examples must remain a horizontal row instead of inheriting narrow-flow
 * gallery behavior. This does not alter Phone or other proof variants. */
@media (min-width:761px){
  html.px-touch-tablet body.promxai-about-modern-page .px-about-v2 .px-engine-proof--mini .px-engine-proof__group{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  html.px-touch-tablet body.promxai-about-modern-page .px-about-v2 .px-engine-proof--mini .px-engine-proof__media-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
    max-width:none!important;
    gap:8px!important;
    overflow:visible!important;
  }
  html.px-touch-tablet body.promxai-about-modern-page .px-about-v2 .px-engine-proof--mini .px-engine-proof__media{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}