/* issue 367 場景 netskope-issue-fig：議題頁首右側的概念示意圖（深色底、亮藍線條加分類色）。圖本身是 inline SVG，顏色全部走 token：
   .t-p 紫（來源）、.t-c 亮藍（檢查關卡）、.t-g 綠（放行）、.t-r 珊瑚紅（擋下）、.t-o 橘、.t-d 灰（不可見）。
   點狀動畫是 SVG animateMotion，減少動態時整顆隱藏，圖本身靜態可讀。窄螢幕圖移到標題下方（頁首格線自動換列），寬度不超過容器。 */
.page-blocks .nif { margin: 0; justify-self: center; width: min(100%, 32.5rem); }
.page-blocks .nif svg { display: block; width: 100%; height: auto; }
.page-blocks .nif figcaption { margin-top: .5rem; color: var(--muted-on-dark); font-size: .8125rem; text-align: center; }
.page-blocks .nif .t-p { --t: var(--arch-purple); }
.page-blocks .nif .t-c { --t: var(--chain-arrow); }
.page-blocks .nif .t-g { --t: var(--arch-green); }
.page-blocks .nif .t-r { --t: var(--arch-coral); }
.page-blocks .nif .t-o { --t: var(--arch-orange); }
.page-blocks .nif .t-d { --t: var(--muted-on-dark); }
.page-blocks .nif-bg { fill: var(--arch-panel); stroke: var(--arch-panel-line); stroke-width: 1; }
.page-blocks .nif-ring { fill: var(--arch-node); stroke: var(--t); stroke-width: 2; }
.page-blocks .nif-box { fill: color-mix(in srgb, var(--t) 12%, var(--arch-node)); stroke: var(--t); stroke-width: 2; }
.page-blocks .nif-box.is-dash { stroke-dasharray: 5 4; }
.page-blocks .nif-box.is-ghost { fill: none; stroke: var(--arch-line); }
.page-blocks .nif-region { fill: color-mix(in srgb, var(--arch-green) 7%, transparent); stroke: var(--arch-green); stroke-width: 2; stroke-dasharray: 7 5; }
.page-blocks .nif-ln { fill: none; stroke: var(--t); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.page-blocks .nif-path { fill: none; stroke: var(--t); stroke-width: 2; stroke-dasharray: 4 7; opacity: .9; }
.page-blocks .nif-path.is-bad { stroke: var(--arch-coral); }
.page-blocks .nif-path.t-d.is-bad { stroke: var(--arch-line); }
.page-blocks .nif-tx { fill: var(--paper); font-size: 15px; font-weight: 700; text-anchor: middle; }
.page-blocks .nif-tx.nif-ts { fill: var(--t); font-size: 13px; }
.page-blocks .nif-tx.nif-lft { text-anchor: start; }
.page-blocks .nif-bub { fill: var(--arch-orange); }
.page-blocks .nif-bt { fill: var(--navy); font-size: 13px; font-weight: 800; text-anchor: middle; }
.page-blocks .nif-badge { fill: var(--t); }
.page-blocks .nif-xm { fill: none; stroke: var(--navy); stroke-width: 2.4; stroke-linecap: round; }
.page-blocks .nif-dot { fill: var(--arch-orange); }
@media (prefers-reduced-motion: reduce) { .page-blocks .nif-dot { display: none; } }
html[data-motion="off"] .page-blocks .nif-dot { display: none; }
/* issue 370：議題頁頁首高度全站一致（品牌設定 63rem），左欄內容較短——右圖放大（最寬 40rem）並在整個頁首垂直置中：
   多一列 1fr 吃掉剩餘高度，右欄跨到最後一列，不再擠在上半部。只在有議題頁首圖的頁面生效。 */
@media (min-width: 62rem) {
  #main.inner-main .page-head.page-head:has(> .hero-aside .pp-scene--netskope-issue-fig) { grid-template-rows: repeat(12, auto) 1fr; }
  #main.inner-main .page-head.page-head:has(> .hero-aside .pp-scene--netskope-issue-fig) > .hero-aside { grid-row: 1 / -1; }
  .page-head .pp-scene--netskope-issue-fig .nif { width: min(100%, 40rem); }
}