@roottale/cms-renderer-next 0.47.0 → 0.51.0

package/dist/cms-public.css

@@ -362,6 +362,53 @@
   overflow-wrap: anywhere;
 }
 
+/* 시각 브레드크럼 (avcd 구조, opt-in — RootTaleBlogPost `breadcrumb` prop). */
+[data-roottale-cms] :where(.rt-cms-breadcrumb) {
+  max-inline-size: var(--rt-cms-measure, 42.5rem);
+  margin-inline: auto;
+  margin-block-end: 1rem;
+  font-family: var(--rt-font-body, system-ui, sans-serif);
+  font-size: 0.8125rem;
+  color: color-mix(in srgb, var(--rt-color-foreground, #06162f) 52%, transparent);
+}
+
+[data-roottale-cms] :where(.rt-cms-breadcrumb ol) {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+[data-roottale-cms] :where(.rt-cms-breadcrumb li) {
+  display: inline-flex;
+  align-items: center;
+}
+
+[data-roottale-cms] :where(.rt-cms-breadcrumb li + li)::before {
+  content: "›";
+  margin-inline: 0.5rem;
+  color: color-mix(in srgb, var(--rt-color-foreground, #06162f) 40%, transparent);
+}
+
+[data-roottale-cms] :where(.rt-cms-breadcrumb a) {
+  color: inherit;
+  text-decoration: none;
+}
+
+[data-roottale-cms] :where(.rt-cms-breadcrumb a:hover) {
+  color: var(--rt-color-foreground, #06162f);
+}
+
+/* 마지막 항목(현재 글) — 긴 제목은 1줄 말줄임, 모바일은 자연 줄바꿈 허용. */
+[data-roottale-cms] :where(.rt-cms-breadcrumb li[aria-current="page"]) {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-inline-size: 18rem;
+}
+
 /* 네이버 프리미엄콘텐츠 류 크롬리스 헤더 — 장식 카드 대신 타이포+헤어라인. */
 [data-roottale-cms] :where(.rt-cms-post-header) {
   max-inline-size: var(--rt-cms-measure, 42.5rem);
@@ -392,8 +439,9 @@
   font-variant-numeric: tabular-nums;
 }
 
+/* 네이버 프리미엄콘텐츠·avcd 기준 문단 간 ≈24px. */
 [data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] > * + *) {
-  margin-block-start: 0.9em;
+  margin-block-start: 1.35em;
 }
 
 /* 읽기 measure — rem 고정값. 72ch 는 각 블록의 font-size 기준으로 해석돼
@@ -541,22 +589,22 @@
 }
 
 [data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] h2) {
-  margin-block: 1.8em 0.55em;
+  margin-block: 2.8em 0.7em;
   font-size: var(--rt-font-size-3xl, 1.875rem);
   font-weight: var(--rt-font-weight-bold, 700);
 }
 
 [data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] h3) {
-  margin-block: 1.4em 0.4em;
+  margin-block: 1.7em 0.5em;
   font-family: var(--rt-font-body, system-ui, sans-serif);
-  font-size: var(--rt-font-size-xl, 1.25rem);
+  font-size: 1.375rem;
   font-weight: var(--rt-font-weight-semibold, 600);
 }
 
 [data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] h4) {
-  margin-block: 1.15em 0.3em;
+  margin-block: 1.4em 0.35em;
   font-family: var(--rt-font-body, system-ui, sans-serif);
-  font-size: var(--rt-font-size-lg, 1.125rem);
+  font-size: 1.1875rem;
   font-weight: var(--rt-font-weight-semibold, 600);
 }
 
@@ -569,7 +617,7 @@
 [data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] h2 + p),
 [data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] h3 + p),
 [data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] h4 + p) {
-  margin-block-start: 0.35em;
+  margin-block-start: 0;
 }
 
 [data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] ul),
@@ -599,18 +647,42 @@
   text-wrap: pretty;
 }
 
+[data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] li + li) {
+  margin-block-start: 0.4em;
+}
+
 [data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] li > p) {
   margin: 0;
 }
 
+/* avcd 식 액센트 마커. */
+[data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] ul li)::marker {
+  color: color-mix(in srgb, var(--rt-color-primary, #06162f) 72%, transparent);
+}
+
+[data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] ol li)::marker {
+  color: color-mix(in srgb, var(--rt-color-primary, #06162f) 85%, transparent);
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+}
+
 [data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] blockquote) {
-  border-inline-start: 2px solid color-mix(in srgb, var(--rt-color-primary, #06162f) 52%, var(--rt-color-border, #dceef3));
-  padding-inline-start: var(--rt-spacing-4, 1rem);
-  padding-block: 0.125rem;
-  color: color-mix(in srgb, var(--rt-color-foreground, #06162f) 76%, transparent);
+  border: 1px solid color-mix(in srgb, var(--rt-color-border, #dceef3) 88%, transparent);
+  border-radius: min(var(--rt-radius-md, 0.5rem), 0.625rem);
+  background: color-mix(in srgb, var(--rt-color-muted, #f7f8f7) 32%, transparent);
+  padding: 1.125rem 1.25rem;
+  /* 본문 최상위 블록 — margin 단축 금지(중앙 정렬 유지), margin-block 만. */
+  margin-block: 1.6em;
+  color: color-mix(in srgb, var(--rt-color-foreground, #06162f) 82%, transparent);
   /* font-style: italic 제거 — 한글 가짜 기울임 방지. */
 }
 
+/* 카드 내부 리듬 — 본문 owl(> * + *)은 최상위 전용이라 인용구 안 문단 간격은
+   여기서 별도 부여. */
+[data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] blockquote > * + *) {
+  margin-block-start: 0.75em;
+}
+
 [data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] a) {
   color: var(--rt-color-primary, #06162f);
   text-decoration: underline;
@@ -674,12 +746,31 @@
   max-inline-size: 100%;
   block-size: auto;
   border-radius: var(--rt-radius-md, 0.5rem);
+  margin-block: 2em;
+}
+
+/* figure — 최상위 블록. margin 은 figure 가 소유(margin-block 만, 중앙 정렬 유지). */
+[data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] figure) {
+  margin-block: 2em;
+}
+
+[data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] figure img) {
+  margin-block: 0;
+}
+
+[data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] figcaption) {
+  margin-block-start: 0.625rem;
+  text-align: center;
+  color: color-mix(in srgb, var(--rt-color-foreground, #06162f) 52%, transparent);
+  font-size: 0.875rem;
+  line-height: 1.55;
+  /* italic 쓰지 말 것 — 한글 가짜 기울임 금지. */
 }
 
 [data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] hr) {
   border: 0;
-  border-block-start: 1px solid var(--rt-color-border, #dceef3);
-  margin-block: var(--rt-spacing-7, 2.25rem);
+  border-block-start: 1px solid color-mix(in srgb, var(--rt-color-border, #dceef3) 90%, transparent);
+  margin-block: 2.5rem;
 }
 
 /* 본문 텍스트 선택 색 — 프라이머리 색으로 브랜드 일관성. */
@@ -698,23 +789,43 @@
 [data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] .rt-table),
 [data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] table) {
   inline-size: 100%;
-  border-collapse: collapse;
-  font-size: 0.95em;
+  border-collapse: separate;
+  border-spacing: 0;
+  border: 1px solid var(--rt-color-border, #dceef3);
+  border-radius: min(var(--rt-radius-md, 0.5rem), 0.625rem);
+  overflow: hidden;
+  font-size: 0.9375em;
 }
 
 [data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] .rt-table th),
 [data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] .rt-table td),
 [data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] table th),
 [data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] table td) {
-  border: 1px solid var(--rt-color-border, #dceef3);
-  padding: var(--rt-spacing-2, 0.5rem) var(--rt-spacing-3, 0.75rem);
+  border: 0;
+  border-block-end: 1px solid color-mix(in srgb, var(--rt-color-border, #dceef3) 80%, transparent);
+  border-inline-end: 1px solid color-mix(in srgb, var(--rt-color-border, #dceef3) 55%, transparent);
+  padding: 0.625rem 0.875rem;
   text-align: start;
   vertical-align: top;
 }
 
+[data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] .rt-table th:last-child),
+[data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] .rt-table td:last-child),
+[data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] table th:last-child),
+[data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] table td:last-child) {
+  border-inline-end: 0;
+}
+
+[data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] .rt-table tr:last-child > th),
+[data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] .rt-table tr:last-child > td),
+[data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] table tr:last-child > th),
+[data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] table tr:last-child > td) {
+  border-block-end: 0;
+}
+
 [data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] .rt-table th),
 [data-roottale-cms] :where(.rt-cms-article [data-roottale-cms="body"] table th) {
-  background: color-mix(in srgb, var(--rt-color-muted, #f7f8f7) 70%, white);
+  background: color-mix(in srgb, var(--rt-color-muted, #f7f8f7) 72%, white);
   font-weight: 600;
 }
 
@@ -1137,6 +1248,14 @@
   [data-roottale-cms] :where([data-roottale-cms="body"]) {
     font-size: var(--rt-cms-body-size, calc(var(--rt-font-size-base, 1rem) * 1.0625));
   }
+
+  /* 브레드크럼 — 좁은 화면은 말줄임 대신 자연 줄바꿈 허용(가로 스크롤 방지). */
+  [data-roottale-cms] :where(.rt-cms-breadcrumb li[aria-current="page"]) {
+    overflow: visible;
+    text-overflow: clip;
+    white-space: normal;
+    max-inline-size: 100%;
+  }
 }
 
 /* RootTaleFloatingCta */

package/dist/concerns-client.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as ConcernsSection } from './site-config-Dicv57oY.js';
+import { C as ConcernsSection } from './site-config-DNpvlqA5.js';
 import 'zod';
 
 type ConcernRegion = ConcernsSection["props"]["regions"][number];

package/dist/expertise-client.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { E as ExpertiseSection } from './site-config-Dicv57oY.js';
+import { E as ExpertiseSection } from './site-config-DNpvlqA5.js';
 import 'zod';
 
 type ExpertiseItem = ExpertiseSection["props"]["items"][number];

package/dist/expertise-client.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   ExpertiseTabStage
-} from "./chunk-6MFHA555.js";
+} from "./chunk-27RT6B3O.js";
 import "./chunk-YLSQAT6B.js";
 export {
   ExpertiseTabStage

package/dist/hero-carousel-client.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   HeroCarouselViewport
-} from "./chunk-OMXEU4LS.js";
+} from "./chunk-QYNEOFL7.js";
 import "./chunk-YLSQAT6B.js";
 export {
   HeroCarouselViewport