/* NBC v7.383 — Global Premium Visual Integration · Part 2 / Instruments + guides */
@layer nbc.premium-integration {
  /* Barometer symptom library: semantic signal inside existing summary, no new card/surface. */
  body.page-barometer .baro-situation-item > summary{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}
  body.page-barometer .bpi-signal{display:block;inline-size:118px;block-size:40px;opacity:.64;transition:opacity .35s ease}
  body.page-barometer .bpi-signal svg{display:block;inline-size:100%;block-size:100%;overflow:visible}
  body.page-barometer .bpi-signal :is(.ip-line,.ip-branch,.ip-return){fill:none;stroke:rgba(59,125,80,.28);stroke-width:1.3;vector-effect:non-scaling-stroke}
  body.page-barometer .bpi-signal :is(.ip-branch,.ip-return){stroke-dasharray:4 5}
  body.page-barometer .bpi-signal .ip-node{fill:transparent;stroke:rgba(59,125,80,.55);stroke-width:1.2;vector-effect:non-scaling-stroke}
  body.page-barometer .bpi-signal .ip-gate{fill:rgba(59,125,80,.035);stroke:rgba(59,125,80,.52);stroke-width:1.1;vector-effect:non-scaling-stroke}
  body.page-barometer .bpi-signal .ip-event{fill:#397a50;transform-box:fill-box;transform-origin:center}
  body.page-barometer .baro-situation-item[open] .bpi-signal{opacity:1}
  body.page-barometer .baro-situation-item[open] .bpi-signal .ip-branch{animation:ipi-dash 6s linear infinite}
  body.page-barometer .baro-situation-item[open] .bpi-signal .ip-event{animation:ipi-pulse 3.5s ease-in-out infinite}

  /* Digital Check: existing result object becomes the focal object in the existing paper surface. */
  body.page-digital-check .dc85-seo__example.dpi-result-premium{display:grid!important;align-items:center!important;grid-template-columns:minmax(0,.72fr) minmax(430px,1.28fr)!important;gap:clamp(30px,4vw,58px)!important}
  body.page-digital-check .dc85-seo__example.dpi-result-premium::before{position:absolute!important;z-index:4;top:clamp(26px,3vw,42px);left:clamp(28px,4vw,54px);margin:0!important}
  body.page-digital-check .dpi-result-premium > div:first-of-type{padding-top:30px;align-self:center}
  body.page-digital-check .dpi-result-premium > figure{position:relative;isolation:isolate;overflow:visible!important;padding:clamp(10px,1.2vw,15px)!important;border-color:rgba(31,67,43,.16)!important;background:#0a100d!important}
  body.page-digital-check .dpi-result-premium > figure img{display:block;inline-size:100%!important;margin-inline:auto;transform:scale(1.018);transform-origin:center;filter:saturate(.94) contrast(1.035);transition:transform .55s cubic-bezier(.2,.75,.2,1)}
  body.page-digital-check .dpi-result-premium > figure:hover img{transform:scale(1.028)}
  body.page-digital-check .dpi-callout{position:absolute;z-index:3;display:flex;align-items:center;gap:7px;padding:5px 8px;background:rgba(241,239,231,.9);border:1px solid rgba(31,67,43,.16);font:600 10px/1.2 var(--mono,ui-monospace,monospace);letter-spacing:.045em;color:#315f42;white-space:nowrap;pointer-events:none;backdrop-filter:blur(5px)}
  body.page-digital-check .dpi-callout::before{content:"";width:7px;height:7px;border-radius:50%;border:1px solid rgba(57,122,80,.58);background:#f1efe7;box-shadow:0 0 0 3px rgba(57,122,80,.07)}
  body.page-digital-check .dpi-callout::after{content:"";position:absolute;height:1px;background:rgba(57,122,80,.32);transform-origin:left center}
  body.page-digital-check .dpi-callout--break{left:-8px;top:24%}.dpi-callout--break::after{left:100%;top:50%;width:54px;transform:rotate(8deg)}
  body.page-digital-check .dpi-callout--read{right:-6px;top:48%}.dpi-callout--read::after{right:100%;top:50%;width:46px;transform:rotate(174deg);transform-origin:right center}
  body.page-digital-check .dpi-callout--next{left:8%;bottom:12%}.dpi-callout--next::after{left:100%;top:50%;width:62px;transform:rotate(-12deg)}
  body.page-digital-check .dpi-result-premium figcaption{position:relative;z-index:2;margin-top:12px!important}

  /* Decision Guide preview family: same document object, different semantic behavior. */
  body.page-template-guide .dg3-preview-card{position:relative;transition:transform .7s cubic-bezier(.2,.72,.2,1)}
  body.page-template-guide .dgpi-overlay{position:absolute;z-index:3;inset:auto 7% 8% 7%;height:58px;pointer-events:none;opacity:.55;mix-blend-mode:multiply;transition:opacity .5s ease,transform .7s cubic-bezier(.2,.72,.2,1)}
  body.page-template-guide .dg3-preview-card:nth-child(2) .dg3-preview-paper{aspect-ratio:920/1180}
  body.page-template-guide .dg3-preview-card:nth-child(2) .dg3-preview-paper img{inline-size:100%!important;block-size:100%!important;object-fit:cover;object-position:50% 55%;transform:none!important;transition:object-position .8s cubic-bezier(.2,.72,.2,1)}
  body.page-template-guide .dg3-preview-card:nth-child(2) .dgpi-overlay{inset:42% 8% auto 8%;height:74px}
  body.page-template-guide .dg3-preview-card:nth-child(2) .dgpi-overlay::before,
  body.page-template-guide .dg3-preview-card:nth-child(2) .dgpi-overlay::after{content:"";position:absolute;left:-1.5%;right:-1.5%;height:1px;background:rgba(42,91,58,.16)}
  body.page-template-guide .dg3-preview-card:nth-child(2) .dgpi-overlay::before{top:-15px}
  body.page-template-guide .dg3-preview-card:nth-child(2) .dgpi-overlay::after{bottom:-15px}
  body.page-template-guide .dgpi-overlay svg{display:block;width:100%;height:100%;overflow:visible}
  body.page-template-guide .dgpi-overlay :is(.ip-line,.ip-branch,.ip-return){fill:none;stroke:rgba(42,91,58,.26);stroke-width:1.2;vector-effect:non-scaling-stroke}
  body.page-template-guide .dgpi-overlay :is(.ip-branch,.ip-return){stroke-dasharray:4 5}
  body.page-template-guide .dgpi-overlay .ip-node{fill:#f1efe7;stroke:rgba(42,91,58,.48);stroke-width:1.1;vector-effect:non-scaling-stroke}
  body.page-template-guide .dgpi-overlay .ip-gate{fill:rgba(57,122,80,.03);stroke:rgba(42,91,58,.48);stroke-width:1.05;vector-effect:non-scaling-stroke}
  body.page-template-guide .dgpi-overlay .ip-event{fill:#397a50;transform-box:fill-box;transform-origin:center}
  body.page-template-guide .dg3-preview-card.dgpi-seen .dgpi-overlay{opacity:.88;transform:translateY(-3px)}
  body.page-template-guide .dg3-preview-card:nth-child(2).dgpi-seen .dg3-preview-paper img{object-position:50% 57%}
  body.page-template-guide[data-final-guide="process"] .dg3-preview-card.dgpi-seen .dgpi-overlay .ip-event{animation:ipi-pulse 3.6s ease-in-out infinite}
  body.page-template-guide[data-final-guide="erp"] .dg3-preview-card.dgpi-seen .dgpi-overlay .ip-branch{animation:ipi-dash 6.5s linear infinite}
  body.page-template-guide[data-final-guide="ai"] .dg3-preview-card.dgpi-seen .dgpi-overlay .ip-return{animation:ipi-dash-rev 6.5s linear infinite}
  @media(min-width:761px){
    body.page-template-guide .dg3-preview-card:nth-child(1).dgpi-seen{transform:translateY(-3px)}
    body.page-template-guide .dg3-preview-card:nth-child(2).dgpi-seen{transform:translateY(13px)}
  }

  @keyframes ipi-dash{to{stroke-dashoffset:-44}}
  @keyframes ipi-dash-rev{to{stroke-dashoffset:44}}
  @keyframes ipi-pulse{0%,100%{opacity:.48;transform:scale(.76)}50%{opacity:1;transform:scale(1.06)}}

  @media(max-width:700px){
    body.page-barometer .baro-situation-item > summary{grid-template-columns:minmax(0,1fr) 92px;gap:10px}
    body.page-barometer .bpi-signal{inline-size:92px;block-size:34px}
    body.page-digital-check .dc85-seo__example.dpi-result-premium{grid-template-columns:1fr!important;gap:20px!important}
    body.page-digital-check .dc85-seo__example.dpi-result-premium::before{top:24px;left:20px}
    body.page-digital-check .dpi-result-premium > div:first-of-type{padding-top:30px}
    body.page-digital-check .dpi-result-premium > figure{padding:10px 0!important}
    body.page-digital-check .dpi-result-premium > figure img{transform:none!important;inline-size:100%!important}
    body.page-digital-check .dpi-callout{position:relative;inset:auto!important;display:inline-flex;margin:6px 6px 0 0;font-size:10px;white-space:normal;backdrop-filter:none}
    body.page-digital-check .dpi-callout::after{display:none}
    body.page-template-guide .dg3-preview-card:nth-child(2) .dg3-preview-paper{aspect-ratio:920/1188}
    body.page-template-guide .dg3-preview-card:nth-child(2) .dg3-preview-paper img{inline-size:100%!important;block-size:100%!important;object-fit:cover;object-position:50% 56%;transform:none!important}
    body.page-template-guide .dgpi-overlay{inset:auto 6% 5% 6%;height:42px;opacity:.72}
    body.page-template-guide .dg3-preview-card:nth-child(2) .dgpi-overlay{inset:43% 7% auto 7%;height:58px}
    html body.page-template-guide[data-final-guide] .dg3-preview-grid>.dg3-preview-card{display:none!important}
    html body.page-template-guide[data-final-guide] .dg3-preview-grid>.dg3-preview-card[data-final-preview-active="true"]{display:block!important}
  }
  @media(prefers-reduced-motion:reduce){
    body.page-barometer .bpi-signal *,body.page-digital-check .dpi-result-premium *,body.page-template-guide .dgpi-overlay *{animation:none!important;transition:none!important}
  }
}