/* 기존 네이비·블루 토큰을 재사용하는 기술 지식 허브 */
.insights-page { --insights-accent: #005a7d; }
.insights-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; font-size:.875rem; color:var(--muted); padding:24px 0; }
.insights-breadcrumb a:hover { text-decoration:underline; }
.insights-intro { padding:32px 0 42px; border-bottom:1px solid var(--line); }
.insights-intro__top { display:flex; gap:32px; align-items:flex-end; justify-content:space-between; }
.insights-intro h1 { font-size:clamp(2.5rem,5.7vw,4.5rem); font-weight:750; letter-spacing:-.05em; }
.insights-intro .eyebrow { font-size:.875rem; margin-bottom:14px; letter-spacing:.1em; }
.insights-intro p { max-width:650px; margin-top:18px; color:var(--muted); font-size:1.0625rem; }
.insights-feed { font-size:.875rem; white-space:nowrap; color:var(--blue-dark); text-decoration:underline; text-underline-offset:5px; }
.insights-layout { display:grid; grid-template-columns:200px minmax(0,1fr); gap:56px; padding:38px 0 88px; }
.insights-topics { align-self:start; position:sticky; top:100px; }
.insights-topics h2 { font-size:.875rem; margin:0 0 14px; color:var(--muted); font-weight:500; }
.insights-topics a { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:.9375rem; padding:11px 12px; margin-left:-12px; border-radius:4px; }
.insights-topics a[aria-current=page] { background:var(--navy); color:#fff; font-weight:650; }
.insights-topics a:hover:not([aria-current=page]) { background:var(--bg-alt); color:var(--blue-dark); }
.insights-topics small { font-size:.8125rem; opacity:.7; }
.insights-topics__note { font-size:.875rem; margin-top:30px; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); }
.insights-controls { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:30px; align-items:flex-end; }
.insights-controls label { display:grid; gap:6px; font-size:.875rem; color:var(--muted); }
.insights-controls label:first-child { flex:1 1 200px; }
.insights-controls input,.insights-controls select { min-height:46px; max-width:100%; border:1px solid #bcc9d9; border-radius:4px; background:#fff; padding:9px 12px; font-size:1rem; color:var(--ink); }
.insights-controls button { min-height:46px; padding:8px 12px; font-size:.875rem; background:var(--bg-alt); border:1px solid var(--line); cursor:pointer; border-radius:4px; }
.insights-result-count { font-size:.875rem; color:var(--muted); margin:0 0 16px; }
.insights-feature { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); background:var(--bg-alt); margin-bottom:34px; }
.insights-feature__image { height:100%; min-height:300px; object-fit:cover; width:100%; }
.insights-feature__body { padding:30px; align-self:center; }
.insights-feature h2 { font-size:clamp(1.4rem,2.2vw,1.85rem); margin:13px 0; }
.insights-feature p { font-size:1rem; color:var(--muted); }
.insights-feature__link { display:inline-block; font-size:.9375rem; color:var(--blue-dark); font-weight:650; margin-top:20px; }
.insights-meta { display:flex; flex-wrap:wrap; gap:8px 14px; color:var(--muted); font-size:.8125rem; align-items:center; }
.insights-type { color:var(--blue-dark); font-weight:650; }
.insights-status { color:#855315; background:#f9f0df; border-radius:3px; padding:3px 6px; font-size:.75rem; }
.insights-row { display:grid; grid-template-columns:1fr auto; gap:24px; padding:26px 0; border-top:1px solid var(--line); }
.insights-row h2,.insights-row h3 { font-size:1.35rem; line-height:1.45; margin:9px 0; }
.insights-row p { font-size:1rem; color:var(--muted); max-width:740px; }
.insights-row__arrow { font-size:1.5rem; align-self:center; color:var(--blue); }
.insights-row a:hover h2,.insights-row a:hover h3,.insights-feature a:hover h2 { color:var(--blue-dark); }
.insights-tags { display:flex; flex-wrap:wrap; gap:8px 14px; margin-top:13px; font-size:.875rem; color:var(--blue-dark); }
.insights-tags a:hover { text-decoration:underline; }
.insights-empty { padding:48px 24px; background:var(--bg-alt); text-align:center; border:1px solid var(--line); }
.insights-empty h2 { font-size:1.4rem; margin-bottom:12px; }
.insights-empty a { display:inline-block; margin-top:20px; text-decoration:underline; color:var(--blue-dark); }
.insights-preview-note { padding:10px 20px; text-align:center; color:#6a491b; background:#fbf3e5; font-size:.875rem; }
.insights-preview-note a { text-decoration:underline; text-underline-offset:3px; margin-left:12px; }
.insights-article-head { max-width:860px; padding:26px 0 34px; }
.insights-article-head h1 { font-size:clamp(2rem,4vw,3.25rem); line-height:1.3; margin:18px 0; }
.insights-article-head .lead { font-size:1.125rem; max-width:760px; }
.insights-article-head .insights-meta { margin-top:24px; font-size:.875rem; }
.insights-article-cover { display:block; width:100%; height:auto; aspect-ratio:1200/630; object-fit:cover; margin-top:28px; }
.insights-article-grid { display:grid; grid-template-columns:minmax(0,760px) 240px; gap:72px; padding:12px 0 80px; }
.insights-body { min-width:0; font-size:1.0625rem; line-height:1.85; }
.insights-body section { margin-bottom:42px; scroll-margin-top:100px; }
.insights-body h2 { font-size:1.6rem; line-height:1.5; margin-bottom:16px; }
.insights-body h3 { font-size:1.2rem; margin:20px 0 10px; }
.insights-body p + p { margin-top:16px; }
.insights-body ul,.insights-body ol { padding-left:23px; }
.insights-body li + li { margin-top:10px; }
.insights-answer { padding:28px; background:var(--bg-alt); border-top:3px solid var(--blue); }
.insights-answer h2 { font-size:1.0625rem; color:var(--blue-dark); margin-bottom:10px; }
.insights-key { padding:26px 28px; border:1px solid var(--line); }
.insights-key h2 { font-size:1.0625rem; }
.insights-toc { position:sticky; top:108px; align-self:start; border-left:1px solid var(--line); padding-left:22px; font-size:.875rem; }
.insights-toc strong { display:block; margin-bottom:14px; }
.insights-toc a { display:block; color:var(--muted); padding:7px 0; }
.insights-toc a:hover { color:var(--blue-dark); }
.insights-table-wrap { max-width:100%; overflow-x:auto; margin-top:22px; }
.insights-body table { font-size:.9375rem; line-height:1.65; min-width:440px; }
.insights-body th,.insights-body td { border-bottom:1px solid var(--line); padding:14px; text-align:left; vertical-align:top; }
.insights-body th { background:var(--bg-alt); color:var(--navy); font-weight:650; }
.insights-body details { padding:16px 0; border-bottom:1px solid var(--line); }
.insights-body summary { cursor:pointer; font-weight:650; line-height:1.6; }
.insights-body details p { color:var(--muted); margin-top:12px; }
.insights-sources { font-size:.9375rem; }
.insights-sources a { text-decoration:underline; text-underline-offset:4px; color:var(--blue-dark); overflow-wrap:anywhere; }
.insights-sources small { display:block; font-size:.8125rem; color:var(--muted); }
.insights-products { display:flex; flex-wrap:wrap; gap:12px; }
.insights-products a { padding:12px 18px; font-size:.9375rem; border:1px solid var(--line); color:var(--blue-dark); border-radius:4px; }
.insights-cta { padding:30px; border-top:2px solid var(--navy); background:var(--bg-alt); }
.insights-cta p { margin:8px 0 20px; color:var(--muted); }
.home-insights__head { display:flex; flex-wrap:wrap; gap:20px; justify-content:space-between; align-items:flex-end; margin-bottom:28px; }
.home-insights__head a { color:var(--blue-dark); font-size:.9375rem; }
.home-insights__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.home-insights__grid .insights-row { display:block; }
.home-insights__grid h3 { font-size:1.25rem; }
[hidden] { display:none !important; }
@media(max-width:1040px) {
  .insights-layout { grid-template-columns:170px minmax(0,1fr); gap:32px; }
  .insights-feature { grid-template-columns:1fr; }
  .insights-feature__image { max-height:280px; min-height:220px; }
  .insights-article-grid { grid-template-columns:minmax(0,1fr) 190px; gap:36px; }
}
@media(max-width:780px) {
  .insights-intro__top { display:block; }
  .insights-feed { display:inline-block; margin-top:22px; }
  .insights-layout { display:block; padding-top:24px; }
  .insights-topics { position:static; margin-bottom:28px; }
  .insights-topics nav { display:flex; overflow-x:auto; gap:6px; padding:4px 0 12px; }
  .insights-topics a { margin:0; white-space:nowrap; border:1px solid var(--line); }
  .insights-topics__note { display:none; }
  .insights-article-grid { display:flex; flex-direction:column; gap:24px; }
  .insights-toc { position:static; order:-1; width:100%; padding:18px; border:1px solid var(--line); }
  .insights-toc nav { display:flex; flex-wrap:wrap; gap:0 18px; }
  .home-insights__grid { grid-template-columns:1fr; gap:0; }
}
@media(max-width:480px) {
  .insights-intro { padding-top:15px; }
  .insights-intro h1 { font-size:2.65rem; }
  .insights-intro p { font-size:1rem; }
  .insights-controls label { flex:1 1 120px; }
  .insights-controls label:first-child { flex-basis:100%; }
  .insights-feature__body { padding:24px; }
  .insights-feature__image { min-height:190px; max-height:210px; }
  .insights-row { gap:12px; }
  .insights-row h2 { font-size:1.25rem; }
  .insights-body { font-size:1rem; }
  .insights-answer,.insights-key,.insights-cta { padding:22px; }
  .insights-article-head .lead { font-size:1.0625rem; }
}

/* 긴 글과 검색 조작을 가리지 않도록 Insights는 본문·메뉴의 문의 링크를 사용한다. */
.insights-page .floating-contact { display: none; }