/* HR-i 전용. 기존 product-page.css 후순위로 적용 */
.tm-new{--pp-accent:#195eac;--pp-ink:#101a30;--pp-soft:#f5f8fc;}
.tm-new .nw-section{padding:76px 0;}
.tm-new .nw-section--soft{background:#f6f8fb;border-block:1px solid #e2e8f0}
.tm-new .nw-kicker{display:block;margin-bottom:12px;color:#195eac;font-size:12px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.tm-new .nw-heading{text-align:center;max-width:780px;margin:0 auto 36px}
.tm-new .nw-heading h2{font-size:clamp(27px,3.5vw,38px);line-height:1.25;letter-spacing:-.04em;margin:0 0 12px;color:#101a30}
.tm-new .nw-heading p{font-size:15px;line-height:1.8;color:#66758b;margin:0}
.tm-new .nw-hero-note{font-size:13px;color:#66758b;margin:13px 0 0}
.tm-new .nw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tm-new .nw-card{padding:25px 20px;background:white;border:1px solid #e0e7ef;border-radius:18px;min-width:0}
.tm-new .nw-card strong{display:block;color:#14233c;font-size:17px;margin:0 0 10px;line-height:1.5}
.tm-new .nw-card p{font-size:14px;line-height:1.8;color:#65758a;margin:0}
.tm-new .nw-card .nw-no{display:block;color:#195eac;font-size:12px;font-weight:900;letter-spacing:.1em;margin-bottom:13px}
.tm-new .nw-media-row{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:26px;border:1px solid #e1e8f0;border-radius:22px;background:#fff}
.tm-new .nw-media-row + .nw-media-row{margin-top:18px}
.tm-new .nw-figure{margin:0;min-width:0;border-radius:16px;background:#f9fbff;border:1px solid #e6ecf4;padding:20px;display:flex;justify-content:center;align-items:center;min-height:260px}
.tm-new .nw-figure img{max-width:100%;width:auto;max-height:350px;object-fit:contain}
.tm-new .nw-media-copy{padding:16px 14px}
.tm-new .nw-media-copy h3{font-size:clamp(22px,2.6vw,30px);line-height:1.3;margin:0 0 16px;color:#101a30}
.tm-new .nw-media-copy p{color:#53647c;font-size:15px;line-height:1.85;margin:0 0 14px}
.tm-new .nw-points{padding-left:20px;margin:13px 0 0;color:#14233c;font-size:15px;line-height:2}
.tm-new .nw-matrix{max-width:1100px;margin:auto;overflow-x:auto;border:1px solid #dce4ef;border-radius:16px;background:#fff}
.tm-new .nw-matrix table{border-collapse:collapse;width:100%;min-width:580px;table-layout:fixed;font-size:14px}
.tm-new .nw-matrix th,.tm-new .nw-matrix td{padding:15px 18px;border-bottom:1px solid #e1e7f0;vertical-align:middle;text-align:center;line-height:1.55}
.tm-new .nw-matrix tbody tr:last-child th,.tm-new .nw-matrix tbody tr:last-child td{border-bottom:0}
.tm-new .nw-matrix thead th{background:#101a30;color:#fff;font-weight:850}
.tm-new .nw-matrix thead th:first-child{width:29%;text-align:left;background:#101a30}
.tm-new .nw-matrix tbody th{text-align:left;background:#f3f6fa;color:#17253d;font-weight:750}
.tm-new .nw-matrix tbody td{color:#40526a}
.tm-new .nw-matrix tr:hover td{background:#fafcff}
.tm-new .nw-note{max-width:1100px;margin:12px auto 0;color:#64748b;font-size:13px;line-height:1.75}
.tm-new .nw-accessories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tm-new .nw-accessories>div{padding:22px 20px;border:1px solid #dce4ef;border-radius:14px;background:white}
.tm-new .nw-accessories b{display:block;font-size:16px;color:#195eac;margin-bottom:7px}
.tm-new .nw-accessories span{font-size:14px;line-height:1.55;color:#334155}
.tm-new .nw-download{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 30px;border:1px solid #dce4ef;border-radius:20px;background:#fff;margin-bottom:20px}
.tm-new .nw-download h3{font-size:18px;margin:0 0 6px}.tm-new .nw-download p{margin:0;color:#63758b;font-size:14px}
@media(max-width:900px){.tm-new .nw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tm-new .nw-accessories{grid-template-columns:repeat(2,minmax(0,1fr))}.tm-new .nw-media-row{gap:16px}}
@media(max-width:650px){.tm-new .nw-section{padding:52px 0}.tm-new .nw-grid,.tm-new .nw-accessories{grid-template-columns:1fr 1fr;gap:10px}.tm-new .nw-card{padding:18px 15px}.tm-new .nw-card strong{font-size:15px}.tm-new .nw-card p{font-size:13px}.tm-new .nw-media-row{grid-template-columns:1fr;padding:14px}.tm-new .nw-media-copy{padding:13px}.tm-new .nw-figure{min-height:200px}.tm-new .nw-download{align-items:flex-start;flex-direction:column;padding:22px}.tm-new .nw-matrix table{min-width:580px}.tm-new .tm-pp-hero__chips{grid-template-columns:repeat(2,minmax(0,1fr))}}

.tm-new .nw-matrix table{min-width:680px;table-layout:auto}.tm-new .nw-matrix thead th:first-child{min-width:170px}.tm-new .nw-matrix tbody td{min-width:110px}.tm-new .nw-image-only{padding:18px;background:#f7f9fc;border:1px solid #e4e9f2;border-radius:18px}.tm-new .nw-image-only img{max-width:100%;max-height:520px;display:block;margin:auto;object-fit:contain}.tm-new .nw-tag{font-size:12px;display:inline-block;padding:4px 11px;background:#eaf2fd;color:#1762b2;border-radius:999px;margin:0 5px 8px 0}.tm-new .nw-matrix td[colspan]{background:#f9fbfd}

/* 5종 공통 수정: 일관된 BH 계열 시각 패턴 */
.tm-new,.tm-hr{font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;}
.tm-new .nw-matrix{width:100%;max-width:1200px;}
.tm-new .nw-matrix table{width:100%;border-collapse:collapse;table-layout:auto;min-width:max(720px, calc(var(--ncols,4)*135px + 200px));}
.tm-new .nw-matrix thead th:first-child{position:sticky;left:0;z-index:2;background:#101a30;min-width:160px;}
.tm-new .nw-matrix tbody th{position:sticky;left:0;z-index:1;min-width:160px;}
.tm-new .nw-matrix tbody td{min-width:105px;white-space:normal;word-break:keep-all;}
.tm-new .nw-matrix td[colspan]{background:#f9fbff;}
.tm-new .nw-media-row:nth-child(even) .nw-figure{order:2;}
.tm-new .nw-media-row:nth-child(even) .nw-media-copy{order:1;}
@media(max-width:700px){.tm-new .nw-media-row:nth-child(even) .nw-figure,.tm-new .nw-media-row:nth-child(even) .nw-media-copy{order:initial}.tm-new .nw-matrix tbody th{min-width:144px}.tm-new .nw-matrix thead th:first-child{min-width:144px}}