/* =====================================================================
   news-view-gs-monitor.php 전용 — ICS Security Monitor GS인증 1등급 획득 소식 (css/news-view-gs-monitor.css)
   - 공용 토큰(tokens.css)만 참조한다. 이 페이지를 위해 새로 만든 토큰은 없다.
   - 기사 머리·요약(.news-view__sub)·본문 문단·인용(.news-view__quote)·표(.tbl)는 on-sub.css 공용 규칙을 쓴다.
   - .news-view__body p가 본문 안 모든 p에 걸리므로, 보조 문구는 .news-view__body를 앞에 붙여 명시도를 맞춘다.
   ===================================================================== */

/* 키 비주얼 — GS 마크 + 문구. 무료 진단 공지의 .dg-kv와 같은 블루 축 */
.gs-kv{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;margin:0 0 24px;padding:30px 34px;border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,var(--navy-bright) 0%,var(--primary) 100%);box-shadow:var(--shadow-card)}
.gs-kv__mark{padding:14px 16px;background:#fff;border-radius:12px;box-shadow:var(--shadow-deep)}
.gs-kv__mark img{width:180px}
.gs-kv__eyebrow{font-size:12.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:color-mix(in srgb,#fff 78%,transparent)}
.gs-kv__title{margin:10px 0 8px;font-size:clamp(20px,2.4vw,25px);font-weight:900;line-height:1.5;word-break:keep-all}
.gs-kv__hl{color:var(--highlight-dark)}
.gs-kv__desc{font-size:14.5px;color:color-mix(in srgb,#fff 82%,transparent)}

/* 본문 소제목 — 기사 제목이 h1이므로 섹션은 h2 */
.gs-h2{margin:52px 0 18px;font-size:clamp(19px,2.2vw,23px);font-weight:900;color:var(--ink);line-height:1.4}

/* GS 8대 품질특성 칩 */
.gs-qs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.gs-qs li{position:relative;padding:6px 14px 6px 30px;font-size:13.5px;font-weight:800;color:var(--success);background:var(--success-bg);border:1px solid var(--success-line);border-radius:20px}
.gs-qs li::before{content:"";position:absolute;left:11px;top:50%;width:13px;height:13px;transform:translateY(-50%);background:currentColor;-webkit-mask:var(--icon-check) center/contain no-repeat;mask:var(--icon-check) center/contain no-repeat}

/* 특장점 카드 3종 */
.gs-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none}
.gs-cards li{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 20px}
.gs-cards__no{display:block;font-size:22px;font-weight:900;color:var(--primary);line-height:1}
.gs-cards h3{margin:12px 0 6px;font-size:16px;font-weight:800;color:var(--ink);line-height:1.45;word-break:keep-all}
.news-view__body .gs-cards p{font-size:14px;color:var(--gray);line-height:1.75}

/* 표 아래 제품 페이지 안내 */
.news-view__body .gs-more{margin-top:14px;font-size:14.5px;color:var(--gray)}

/* 제품 표 — 제품명 링크와 등급 칩 */
.gs-h2 + .table-wrap .tbl td a{color:var(--primary);font-weight:800;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
@media (hover:hover){.gs-h2 + .table-wrap .tbl td a:hover{color:var(--primary-deep);text-decoration-thickness:2px}}
.gs-pill{display:inline-block;margin-left:6px;padding:2px 10px;font-size:12px;font-weight:800;color:var(--success);background:var(--success-bg);border-radius:12px;white-space:nowrap}
.gs-pill--new{color:#fff;background:var(--primary)}

@media (max-width:768px){
  .gs-kv{grid-template-columns:1fr;justify-items:center;text-align:center;padding:28px 22px}
  .gs-cards{grid-template-columns:1fr}
  .tbl th[scope="row"].w24{width:34%}
}