/* 기존 Canva 독자 예시의 콘텐츠·모션·차트를 해내온 본문에 연결한다. */
.hn-canva-details { --cv-ink:#30233d; --cv-purple:#6b32a8; --cv-deep:#3e255f; --cv-muted:#61596a; }
.hn-canva-details .fnc-section-head { margin-bottom: 32px; max-width: 820px; }
.hn-canva-details .fnc-section-head h2 { margin: 0 0 20px; font: 800 clamp(27px,3.2vw,40px)/1.4 var(--hn-mark); letter-spacing: -.04em; }
.hn-canva-details p { line-height: 1.85; }
.hn-canva-details :is(h2,h3,p,li,a) { overflow-wrap: anywhere; word-break: keep-all; }
.hn-canva-details .fnc-feature-entry,
.hn-canva-details .fnc-case-entry { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 24px 44px; padding: 30px 0; border-top: 1px solid var(--hn-line); }
.hn-canva-details .fnc-feature-entry > div,
.hn-canva-details .fnc-case-entry > div { min-width: 0; }
.hn-canva-details .fnc-feature-entry h3,
.hn-canva-details .fnc-case-entry h3 { margin: 10px 0; font: 800 23px/1.45 var(--hn-mark); }
.hn-canva-details .fnc-feature-entry p,
.hn-canva-details .fnc-case-entry p { margin: 0; }
.hn-canva-details :is(.fnc-entry-index,.fnc-availability,.fnc-fine-note,.fnc-case-meta) { color: var(--hn-muted); font-size: 14px; }
.hn-canva-details .fnc-product-use-note { display: block; margin-top: 14px; font-size: 14px; color: var(--hn-muted); }
.hn-canva-details .fnc-case-meta { display: flex; flex-wrap: wrap; gap: 10px; }
.hn-canva-details .fnc-case-entry > div:last-child { grid-column: 2; }
.hn-canva-details .fnc-ps-arrow { width: 20px; height: 20px; flex: 0 0 20px; }
.hn-canva-details :is(.fnc-actions,.fnc-source-line,.fnc-ps-demo) { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 20px; }
.hn-canva-details .fnc-actions a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; }
.hn-canva-details .fnc-ps-demo { min-height: 60px; padding: 20px; border: 1px solid var(--hn-line); text-decoration: none; }
.hn-canva-details .fnc-ps-demo__play { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid currentColor; border-radius: 50%; }
.hn-canva-details .fnc-ps-demo small { display: block; margin-top: 6px; color: var(--hn-muted); }
.hn-canva-details .fnc-adoption-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; padding: 0; list-style: none; }
.hn-canva-details .fnc-adoption-steps h3 { font: 800 21px/1.5 var(--hn-mark); }
body[data-brand="haenaeon"] #prosuite.cv-rich-prosuite { --cv-rich-ink:var(--hn-ink); --cv-rich-muted:var(--hn-muted); --cv-rich-line:var(--hn-line); --cv-rich-wash:var(--hn-paper); --cv-rich-purple:var(--hn-ink); }
body[data-brand="haenaeon"] #prosuite .cv-rich-app h3 { font-family: var(--hn-mark); font-weight: 800; }
#prosuite .fnc-app-index { display: flex; flex-wrap: wrap; gap: 12px 28px; padding-left: 0; border-block: 1px solid var(--hn-line); list-style: none; }
#prosuite .fnc-app-index a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; }
#prosuite .fnc-suite-notes { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 36px; }
body[data-brand="haenaeon"] #prosuite :is(.cv-motion-toggle,.cv-chart-controls button) { border-color:var(--hn-ink); color:var(--hn-ink); }
body[data-brand="haenaeon"] #prosuite .cv-chart-controls button[aria-pressed="true"] { background:var(--hn-ink); color:#fff; }
body[data-brand="haenaeon"] #prosuite :is(.cv-motion-toggle,.cv-chart-controls button):focus-visible { outline-color:var(--hn-accent); }
@media (max-width: 767px) {
  .hn-canva-details .fnc-feature-entry,
  .hn-canva-details .fnc-case-entry { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .hn-canva-details .fnc-case-entry > div:last-child { grid-column: 1; }
  .hn-canva-details .fnc-adoption-steps { grid-template-columns: minmax(0,1fr); gap: 16px; }
  #prosuite .fnc-suite-notes { grid-template-columns: minmax(0,1fr); gap: 24px; }
}

/* 독자 포스터·문서·색상 보드의 기존 구성과 색을 유지한다. */
.hn-canva-details .cv-hero-media { min-width:0; width:100%; max-width:520px; margin:0 0 0 auto; padding:0; }
.hn-canva-details .cv-folio { box-sizing:border-box; width:100%; margin:0; padding:16px; border:1px solid #d5c7e3; background:#eee6f5; color:var(--cv-ink); }
.hn-canva-details .cv-folio-top { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:24px; margin-bottom:12px; font-size:14px; line-height:1.5; }
.hn-canva-details .cv-folio-label { font-weight:600; }
.hn-canva-details .cv-folio-number { flex-shrink:0; color:var(--cv-purple); font-variant-numeric:tabular-nums; }
.hn-canva-details .cv-folio-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); grid-template-rows:repeat(2,minmax(0,1fr)); gap:12px; height:284px; }
.hn-canva-details .cv-poster { display:flex; grid-row:1 / span 2; flex-direction:column; align-items:flex-start; justify-content:space-between; min-width:0; padding:20px; background:#5a2b87; color:#fff; }
.hn-canva-details .cv-poster-type { color:#fff; font-size:32px; font-weight:700; line-height:1.17; letter-spacing:-.04em; }
.hn-canva-details .cv-poster-mark { position:relative; display:block; flex:0 0 76px; width:76px; height:76px; margin-block:10px; border-radius:50% 50% 0 0; background:#77ddd2; }
.hn-canva-details .cv-poster-mark::after { position:absolute; right:0; bottom:0; width:32px; height:32px; background:#fff; content:""; }
.hn-canva-details .cv-poster-foot { color:#fff; font-size:12px; font-weight:500; line-height:1.5; letter-spacing:.025em; }
.hn-canva-details .cv-proof-sheet { display:flex; flex-direction:column; justify-content:space-between; gap:8px; min-width:0; padding:14px; border:1px solid #ddd1e8; background:#fff; }
.hn-canva-details .cv-sheet-label { color:var(--cv-deep); font-size:14px; font-weight:600; line-height:1.5; }
.hn-canva-details .cv-proof-bars { display:grid; gap:6px; width:100%; }
.hn-canva-details .cv-proof-bars span { display:block; height:5px; background:#c4afd9; }
.hn-canva-details .cv-proof-bars span:nth-child(2) { width:82%; background:#6b32a8; }
.hn-canva-details .cv-proof-bars span:nth-child(3) { width:64%; background:#77ddd2; }
.hn-canva-details .cv-proof-caption { color:var(--cv-muted); font-size:13px; line-height:1.5; }
.hn-canva-details .cv-swatch-sheet { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; min-width:0; padding:14px; background:#77ddd2; color:#253d3c; }
.hn-canva-details .cv-swatch-shape { display:block; width:48px; height:48px; border-radius:50% 50% 0 0; background:#5a2b87; }
.hn-canva-details .cv-swatch-caption { color:#253d3c; font-size:16px; font-weight:600; line-height:1.5; letter-spacing:-.025em; }
.hn-canva-details .cv-folio-bottom { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:28px; margin-top:12px; color:var(--cv-deep); font-size:13px; line-height:1.5; }
.hn-canva-details .cv-visual-caption { margin-top:10px; color:var(--cv-muted); font-size:14px; line-height:1.6; text-align:left; }

.hn-canva-details .cv-hero-media { max-width: 780px; margin: 32px 0 0; }
@media (max-width:767px) {
 .hn-canva-details .cv-folio { padding:12px; }
 .hn-canva-details .cv-folio-grid { height:308px; gap:8px; }
 .hn-canva-details .cv-poster { padding:16px; }
 .hn-canva-details .cv-poster-type { font-size:24px; }
 .hn-canva-details .cv-poster-mark { width:52px; height:52px; flex-basis:52px; }
 .hn-canva-details .cv-poster-mark::after { width:24px; height:24px; }
 .hn-canva-details .cv-proof-sheet,.hn-canva-details .cv-swatch-sheet { padding:10px; }
 .hn-canva-details .cv-swatch-sheet { flex-direction:column; flex-wrap:nowrap; align-items:flex-start; justify-content:space-between; gap:8px; }
 .hn-canva-details .cv-swatch-shape { flex:none; width:32px; height:32px; }
 .hn-canva-details .cv-swatch-caption { max-width:100%; font-size:13px; line-height:1.4; }
 .hn-canva-details .cv-folio-bottom { font-size:11px; gap:8px; }
 .hn-canva-details .cv-sheet-label { font-size:13px; }
 .hn-canva-details .cv-proof-caption,.hn-canva-details .cv-poster-foot { font-size:11px; }
}