/* issue 367 場景 netskope-issue-index：議題卡依四個分類分組；每張卡左上角是分類色的小圖示（只用在圖示底色、頂線與色條，文字一律用一般文字色）。
   ≥43.75rem 兩欄、≥68.75rem 三欄，窄螢幕單欄；卡片 hover／focus 輕微上浮，減少動態時不位移。 */
.page-blocks .nii { display: grid; gap: 2.5rem; }
.page-blocks .nii-g { --nii-c: var(--arch-purple); }
.page-blocks .nii-g--data { --nii-c: var(--arch-sky); }
.page-blocks .nii-g--access { --nii-c: var(--arch-green); }
.page-blocks .nii-g--plat { --nii-c: var(--arch-orange); }
.page-blocks .nii-g h3 { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin: 0 0 1rem; color: var(--ink); font-size: 1.25rem; font-weight: 800; }
.page-blocks .nii-g h3::before { content: ""; width: .375rem; height: 1.5rem; border-radius: .1875rem; background: var(--nii-c); }
.page-blocks .nii-g h3 small { color: var(--muted); font-size: .875rem; font-weight: 500; }
.page-blocks .nii-cards { display: grid; gap: 1rem; margin: 0; padding: 0; list-style: none; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 43.75rem) { .page-blocks .nii-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 68.75rem) { .page-blocks .nii-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.page-blocks .nii-card { position: relative; display: flex; flex-direction: column; gap: .375rem; height: 100%; padding: 1.375rem 1.375rem 1.25rem; border: 1.5px solid var(--line); border-top: 4px solid var(--nii-c); border-radius: 1.125rem; background: var(--paper); color: var(--ink); text-decoration: none; transition: transform .2s var(--ease), box-shadow .2s var(--ease); }
.page-blocks .nii-card:hover, .page-blocks .nii-card:focus-visible { transform: translateY(-3px); box-shadow: var(--elevation-raised); }
.page-blocks .nii-card:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.page-blocks .nii-head { display: flex; align-items: center; gap: .875rem; }
.page-blocks .nii-ic { flex: none; display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: .875rem; background: color-mix(in srgb, var(--nii-c) 18%, var(--paper)); color: color-mix(in srgb, var(--nii-c) 55%, var(--ink)); }
.page-blocks .nii-ic .nis-ico { width: 1.75rem; height: 1.75rem; }
.page-blocks .nii-no { color: var(--ink); font-size: 2.75rem; font-weight: 900; line-height: 1; letter-spacing: -.03em; }
.page-blocks .nii-cat { color: var(--muted); font-size: .8125rem; font-weight: 700; letter-spacing: .08em; }
.page-blocks .nii-card h4 { margin: .375rem 0 0; font-size: 1.25rem; font-weight: 800; line-height: 1.35; }
.page-blocks .nii-card p { margin: 0; color: var(--muted); font-size: .9375rem; line-height: 1.7; }
.page-blocks .nii-go { display: flex; gap: .375rem; margin-top: auto; padding-top: .75rem; color: var(--accent-ink); font-size: .9375rem; font-weight: 800; }
@media (prefers-reduced-motion: reduce) { .page-blocks .nii-card { transition: none; } .page-blocks .nii-card:hover, .page-blocks .nii-card:focus-visible { transform: none; } }
html[data-motion="off"] .page-blocks .nii-card { transition: none; }
html[data-motion="off"] .page-blocks .nii-card:hover, html[data-motion="off"] .page-blocks .nii-card:focus-visible { transform: none; }