@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap");

/* ============================================================
   Knowledge Hub · Design System v4
   레퍼런스: Notion Help Center 콘텐츠 영역 수준
   ============================================================ */

/* ──────────────────────────────────────────
   FONT LOCK — 테마 폰트 무력화
   Pretendard(KO) · Montserrat(EN/숫자/UI)
────────────────────────────────────────── */
.knowledge-app {
	font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic",
		sans-serif !important;
	word-break: keep-all;
	overflow-wrap: break-word;
	line-break: loose;
}

/* 모든 하위 요소에 inherit — 테마가 직접 지정한 요소 덮어쓰기 */
.knowledge-app h1, .knowledge-app h2, .knowledge-app h3,
.knowledge-app h4, .knowledge-app h5, .knowledge-app h6,
.knowledge-app p,  .knowledge-app li, .knowledge-app a,
.knowledge-app span, .knowledge-app div, .knowledge-app label,
.knowledge-app strong, .knowledge-app em, .knowledge-app blockquote,
.knowledge-app td, .knowledge-app th {
	font-family: inherit;
}

/* 폼 요소: 브라우저 기본값 덮어쓰기 */
.knowledge-app input,
.knowledge-app select,
.knowledge-app textarea,
.knowledge-app button {
	font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic",
		sans-serif;
}

/* Montserrat 적용 대상 */
.knowledge-latin,
.knowledge-kicker,
.knowledge-badge,
.knowledge-pill,
.knowledge-button,
.knowledge-list-row__meta,
.knowledge-article-list__date,
.knowledge-meta-strip__label,
.knowledge-sidebar__eyebrow .knowledge-latin,
.knowledge-sidebar__line em,
.knowledge-sidebar__product em,
.knowledge-sidebar__child em,
.knowledge-home-product__count,
.knowledge-home-product__label,
.knowledge-home-support__title span,
.knowledge-home-support__item em,
.knowledge-list-taxonomy__title span,
.knowledge-list-taxonomy__item em,
.knowledge-staff-table__head span,
.knowledge-status {
	font-family: "Montserrat", "Pretendard", sans-serif !important;
}


/* ──────────────────────────────────────────
   DESIGN TOKENS
   (--knowledge-* 변수를 admin settings에서 override 가능)
────────────────────────────────────────── */
.knowledge-app {
	/* 배경 */
	--kn-bg:        var(--knowledge-global-background-color, #f5f6f2);
	--kn-white:     var(--knowledge-global-surface-color, #ffffff);
	--kn-surface:   var(--knowledge-global-surface-color, #fafbf9);

	/* 잉크 */
	--kn-ink:       var(--knowledge-global-text-color, #111c12);
	--kn-ink-2:     var(--knowledge-global-text-color, #2d3d2f);
	--kn-soft:      var(--knowledge-global-muted-color, #55665a);
	--kn-muted:     var(--knowledge-global-neutral-color, #8d9e90);

	/* 선 */
	--kn-line:      var(--knowledge-global-border-color, rgba(17,28,18,.10));
	--kn-line-soft: var(--knowledge-global-border-color, rgba(17,28,18,.055));

	/* 브랜드 */
	--kn-accent:    var(--knowledge-global-brand-color, #1b5e43);
	--kn-accent-dk: var(--knowledge-global-brand-color, #144a35);
	--kn-accent-bg: var(--knowledge-global-sub-color, #ebf4ef);
	--kn-accent-ring: var(--knowledge-global-sub-color, rgba(27,94,67,.15));
	--kn-success:   var(--knowledge-global-success-color, #1b7f54);
	--kn-warning:   var(--knowledge-global-warning-color, #c27610);
	--kn-neutral:   var(--knowledge-global-neutral-color, #8d9e90);

	/* 그림자 */
	--kn-shadow-sm: 0 1px 3px rgba(0,0,0,.06);
	--kn-shadow:    0 4px 14px rgba(0,0,0,.08);
	--kn-shadow-lg: 0 12px 36px rgba(0,0,0,.11);

	/* 반경 */
	--kn-r-xs: 4px;
	--kn-r-sm: 7px;
	--kn-r:    10px;
	--kn-r-lg: 14px;
	--kn-r-xl: 18px;

	/* 사이드바 — admin settings에서 override 가능 */
	--kn-sidebar-w: var(--knowledge-sidebar-width, 288px);

	/* 타이포 — admin settings 연동 */
	--kn-hero-title:   var(--knowledge-hero-title-desktop, 48px);
	--kn-hero-desc:    var(--knowledge-hero-desc-desktop, 16px);
	--kn-section-h2:   var(--knowledge-section-title-desktop, 20px);
	--kn-body-size:    var(--knowledge-body-desktop, 15px);
	--kn-btn-size:     var(--knowledge-button-desktop, 13px);

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: var(--kn-ink);
	line-height: 1.65;
	background: var(--kn-bg);
}

.knowledge-app *,
.knowledge-app *::before,
.knowledge-app *::after { box-sizing: border-box; }

.knowledge-app a  { color: inherit; text-decoration: none; }
.knowledge-app img { display: block; max-width: 100%; height: auto;}

span.knowledge-sidebar__product-icon img {
	width: 24px;
	height: 24px;
	max-width: 24px;
	object-fit: contain;
	margin: auto;
}


/* ──────────────────────────────────────────
   SHELL & LAYOUT
────────────────────────────────────────── */
.knowledge-shell { min-height: 100vh; background: var(--kn-bg); }

.knowledge-layout {
	display: grid;
	grid-template-columns: var(--kn-sidebar-w) minmax(0, 1fr);
	min-height: 100vh;
}


/* ──────────────────────────────────────────
   SIDEBAR
────────────────────────────────────────── */
.knowledge-sidebar {
	position: sticky;
	top: 0;
	height: 100vh;
	overflow: hidden;
	background: var(--kn-white);
	border-right: 1px solid var(--kn-line);
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	z-index: 10;
}

.knowledge-sidebar__inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
}

/* Brand bar */
.knowledge-sidebar__brandbar {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 16px 12px;
	border-bottom: 1px solid var(--kn-line-soft);
	flex-shrink: 0;
}

.knowledge-sidebar__brandmark {
	width: 60px;
	height: 60px;
	border-radius: var(--kn-r-sm);
	/*background: var(--kn-accent);*/
	display: grid;
	place-items: center;
	flex-shrink: 0;
	/*color: #fff;*/
}
.knowledge-sidebar__brandmark img {
	width: 50px; height: 50px;
	border-radius: var(--kn-r-sm);
	object-fit: cover;
}
.knowledge-sidebar__brandmark svg { width: 17px; height: 17px; }

.knowledge-sidebar__brandcopy { flex: 1; min-width: 0; }

.knowledge-sidebar__brand {
	display: block;
	font-size: 20px;
	font-weight: 800;
	color: var(--kn-ink);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.2;
}
.knowledge-sidebar__brandcopy p {
	margin: 2px 0 0;
	font-size: 11px;
	color: var(--kn-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.knowledge-sidebar__toggle {
	margin-left: auto;
	background: none;
	border: 1px solid var(--kn-line);
	cursor: pointer;
	color: var(--kn-muted);
	font-size: 11px;
	padding: 3px 7px;
	border-radius: var(--kn-r-xs);
	display: none;
}

/* Quick search */
.knowledge-sidebar__quicksearch {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 8px 12px;
	border-bottom: 1px solid var(--kn-line-soft);
	flex-shrink: 0;
}
.knowledge-sidebar__quicksearch svg { width: 13px; height: 13px; color: var(--kn-muted); flex-shrink: 0; }
.knowledge-sidebar__quicksearch input {
	border: none; outline: none; background: none;
	font-size: 12.5px; color: var(--kn-ink); width: 100%;
	font-family: "Pretendard", "Apple SD Gothic Neo", sans-serif;
}
.knowledge-sidebar__quicksearch input::placeholder { color: var(--kn-muted); }

/* Scroll area */
.knowledge-sidebar__scroll {
	flex: 1; overflow-y: auto; overflow-x: hidden; padding: 6px 0 10px;
}
.knowledge-sidebar__scroll::-webkit-scrollbar { width: 3px; }
.knowledge-sidebar__scroll::-webkit-scrollbar-thumb { background: var(--kn-line); border-radius: 2px; }

/* Sections */
.knowledge-sidebar__section { margin-bottom: 20px; }
.knowledge-sidebar__sectionhead { padding: 8px 16px 4px; }
.knowledge-sidebar__eyebrow { display: flex; align-items: center; gap: 5px; }
.knowledge-sidebar__eyebrow svg { width: 11px; height: 11px; color: var(--kn-muted); }
.knowledge-sidebar__eyebrow .knowledge-latin {
	font-size: 9.5px; font-weight: 700; letter-spacing: .09em;
	text-transform: uppercase; color: var(--kn-muted);
}
.knowledge-sidebar__stack { padding: 0 6px; }

/* Nav items */
.knowledge-sidebar__line {
	display: flex; align-items: center;
	padding: 5px 10px; border-radius: var(--kn-r-sm);
	text-decoration: none; color: var(--kn-soft);
	font-size: 12.5px; font-weight: 500;
	transition: background .1s, color .1s;
}
.knowledge-sidebar__line:hover { background: var(--kn-surface); color: var(--kn-ink); }
.knowledge-sidebar__line.is-active {
	background: var(--kn-accent-bg); color: var(--kn-accent); font-weight: 600;
}

.knowledge-sidebar__navlead { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; }
.knowledge-sidebar__navlead svg { width: 14px; height: 14px; flex-shrink: 0; opacity: .6; }
.knowledge-sidebar__navlead > div { min-width: 0; text-align: left; }
.knowledge-sidebar__navlead strong {
	display: block; font-size: 16px; font-weight: 700;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--kn-ink-2);
}
.knowledge-sidebar__navlead > div span {
	display: block; text-align: left; font-size: 11px; color: var(--kn-muted);
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.knowledge-sidebar__line em {
	margin-left: auto; padding-left: 6px; flex-shrink: 0;
	font-style: normal; font-size: 10.5px; color: var(--kn-muted); font-weight: 600;
}

/* Nav card (overview) */
.knowledge-sidebar__navcard {
	display: flex; align-items: center;
	padding: 7px 10px; border-radius: var(--kn-r-sm);
	text-decoration: none; transition: background .1s; margin-bottom: 1px;
}
.knowledge-sidebar__navcard:hover { background: var(--kn-surface); }
.knowledge-sidebar__navcard.is-active { background: var(--kn-accent-bg); }
.knowledge-sidebar__navcard.is-active .knowledge-sidebar__navlead strong { color: var(--kn-accent); }
.knowledge-sidebar__navcard > em {
	margin-left: auto; padding-left: 8px; flex-shrink: 0;
	font-style: normal; font-size: 10.5px; color: var(--kn-muted); font-weight: 600;
}

/* Product tree */
.knowledge-sidebar__tree { margin-bottom: 10px; }
.knowledge-sidebar__product {
	display: flex; align-items: center;
	padding: 6px 10px; border-radius: var(--kn-r-sm);
	text-decoration: none; transition: background .1s;
}
.knowledge-sidebar__product:hover { background: var(--kn-surface); }
.knowledge-sidebar__product.is-active { background: var(--kn-accent-bg); }
.knowledge-sidebar__product.is-active .knowledge-sidebar__navlead strong {
	color: var(--kn-accent); font-weight: 700;
}
.knowledge-sidebar__product-icon {
	width: 42px; height: 42px; border-radius: 10px;
	background: var(--kn-surface); border: 1px solid var(--kn-line);
	display: grid; place-items: center; flex-shrink: 0;
}
.knowledge-sidebar__product-icon .knowledge-nav-icon,
.knowledge-sidebar__product-icon .knowledge-nav-icon--custom {
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	margin: auto;
}
.knowledge-sidebar__product-icon svg { width: 22px; height: 22px; color: var(--kn-accent); }
.knowledge-sidebar__product em {
	margin-left: auto; font-style: normal; font-size: 10.5px;
	color: var(--kn-muted); flex-shrink: 0; font-weight: 600;
}

.knowledge-sidebar__children { padding: 1px 0 3px 28px; }
.knowledge-sidebar__child {
	display: flex; align-items: center; gap: 10px;
	padding: 4px 10px; border-radius: var(--kn-r-sm);
	text-decoration: none; color: var(--kn-soft);
	font-size: 15px; font-weight: 500; transition: background .1s, color .1s;
}
.knowledge-sidebar__child:hover { background: var(--kn-surface); color: var(--kn-ink); }
.knowledge-sidebar__child.is-active { color: var(--kn-accent); font-weight: 600; }
.knowledge-sidebar__child svg { width: 15px; height: 15px; flex-shrink: 0; opacity: .55; }
.knowledge-sidebar__child em {
	margin-left: auto; font-style: normal; font-size: 10px;
	color: var(--kn-muted); font-weight: 600;
}

/* Footer */
.knowledge-sidebar__footer {
	flex-shrink: 0; border-top: 1px solid var(--kn-line-soft); padding: 6px 0;
}
.knowledge-sidebar__navcard--footer .knowledge-sidebar__navlead strong {
	font-size: 12px; color: var(--kn-soft);
}
.knowledge-sidebar__navcard--footer.is-active .knowledge-sidebar__navlead strong { color: var(--kn-accent); }


/* ──────────────────────────────────────────
   MAIN PAGE
────────────────────────────────────────── */
.knowledge-page { min-height: 100vh; background: var(--kn-white); }


/* ──────────────────────────────────────────
   BREADCRUMB
────────────────────────────────────────── */
.knowledge-breadcrumb {
	display: flex; align-items: center; gap: 5px;
	padding: 16px 48px 0; font-size: 12px;
}
.knowledge-breadcrumb a {
	color: var(--kn-soft); text-decoration: none;
	font-family: "Montserrat", sans-serif; font-weight: 500;
	transition: color .12s;
}
.knowledge-breadcrumb a:hover { color: var(--kn-accent); }
.knowledge-breadcrumb span { color: var(--kn-muted); font-family: "Montserrat", sans-serif; }


/* ──────────────────────────────────────────
   TOAST
────────────────────────────────────────── */
.knowledge-toast {
	position: fixed; bottom: 28px; left: 50%;
	transform: translateX(-50%); z-index: 9999;
	background: var(--kn-ink); color: #fff;
	padding: 11px 22px; border-radius: var(--kn-r);
	font-size: 13.5px; font-weight: 600;
	box-shadow: var(--kn-shadow-lg);
	animation: kn-toast-in .2s ease forwards; white-space: nowrap;
}
@keyframes kn-toast-in {
	from { opacity: 0; transform: translateX(-50%) translateY(8px); }
	to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}


/* ──────────────────────────────────────────
   BUTTONS
────────────────────────────────────────── */
.knowledge-button {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px;
	padding: 8px 18px; border-radius: var(--kn-r-sm);
	font-size: var(--kn-btn-size); font-weight: 700;
	cursor: pointer; text-decoration: none;
	transition: background .13s, border-color .13s, color .13s;
	border: 1.5px solid transparent;
	letter-spacing: .01em; white-space: nowrap; line-height: 1;
}
.knowledge-button--primary { background: var(--kn-accent); color: #fff !important; border-color: var(--kn-accent); }
.knowledge-button--primary:hover { background: var(--kn-accent-dk); border-color: var(--kn-accent-dk); color: #fff !important; }
.knowledge-button--ghost { background: transparent; color: var(--kn-ink-2); border-color: var(--kn-line); }
.knowledge-button--ghost:hover { background: var(--kn-surface); border-color: var(--kn-line); color: var(--kn-ink); }
.knowledge-button:focus-visible {
	outline: 3px solid var(--kn-accent-ring);
	outline-offset: 2px;
}
.knowledge-button:disabled,
.knowledge-button[aria-disabled="true"] {
	opacity: .48;
	cursor: not-allowed;
	box-shadow: none !important;
}
.knowledge-button--danger {
	background: transparent;
	color: var(--kn-warning);
	border-color: var(--kn-line);
}
.knowledge-button--danger:hover {
	background: var(--kn-surface);
	border-color: var(--kn-warning);
	color: var(--kn-warning);
}
.knowledge-button--block { display: flex; width: 100%; }

.knowledge-standalone-body {
	margin: 0;
	background: var(--knowledge-global-background-color, #f5f6f2);
}

/* Inline actions */
.knowledge-inline-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }
.knowledge-inline-actions--stack { flex-direction: column; align-items: stretch; gap: 6px; }
.knowledge-inline-actions--compact { gap: 5px; }
.knowledge-inline-actions--compact .knowledge-button { padding: 5px 12px; font-size: 12px; }
.knowledge-delete-form { display: inline-flex; margin: 0; }


/* ──────────────────────────────────────────
   BADGES & PILLS
────────────────────────────────────────── */
.knowledge-badge-row { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
.knowledge-badge-row svg { width: 13px; height: 13px; color: var(--kn-muted); flex-shrink: 0; }

.knowledge-badge {
	display: inline-block; font-size: 10px; font-weight: 700;
	padding: 2px 7px; border-radius: 20px;
	background: var(--kn-surface); color: var(--kn-soft);
	letter-spacing: .03em; white-space: nowrap;
	border: 1px solid var(--kn-line);
	margin-bottom:8px;
}
.knowledge-badge--type { background: var(--kn-accent-bg); color: var(--kn-accent); border-color: transparent; }

.knowledge-pill-row { display: flex; flex-wrap: wrap; gap: 5px; }
.knowledge-pill {
	display: inline-block; font-size: 11.5px; font-weight: 500;
	padding: 3px 10px; border-radius: 20px;
	background: var(--kn-surface); color: var(--kn-soft);
	border: 1px solid var(--kn-line); text-decoration: none;
	transition: background .12s, color .12s;
}
a.knowledge-pill:hover { background: var(--kn-accent-bg); color: var(--kn-accent); border-color: transparent; }
.knowledge-pill.is-active { background: var(--kn-accent-bg); color: var(--kn-accent); border-color: transparent; font-weight: 700; }

/* Status */
.knowledge-status {
	display: inline-block; font-size: 10px; font-weight: 700;
	padding: 2px 8px; border-radius: 20px; letter-spacing: .03em;
}
.knowledge-status--publish { background: var(--kn-accent-bg); color: var(--kn-success); }
.knowledge-status--published { background: var(--kn-accent-bg); color: var(--kn-success); }
.knowledge-status--draft { background: var(--kn-surface); color: var(--kn-neutral); border: 1px solid var(--kn-line); }

/* Muted text */
.knowledge-muted-text { color: var(--kn-muted); font-size: 13px; }

/* Empty state */
.knowledge-empty-state { padding: 48px 20px; text-align: center; }
.knowledge-empty-state h3 { font-size: 15px; font-weight: 700; color: var(--kn-ink); margin: 0 0 5px; }
.knowledge-empty-state p { font-size: 13px; color: var(--kn-soft); margin: 0; }
.knowledge-empty-state--inline { padding: 20px 0; text-align: left; }


/* ============================================================
   HOME PAGE  — Notion Help Center 수준
   ============================================================ */

/* Hero */
.knowledge-hero { padding: 60px 56px 52px; max-width: 740px; }

.knowledge-kicker {
	font-size: 10.5px; font-weight: 700; letter-spacing: .10em;
	text-transform: uppercase; color: var(--kn-accent); margin: 0 0 10px; display: block;
}

.knowledge-hero h1 {
	font-size: var(--kn-hero-title);
	font-weight: 800; line-height: 1.08;
	letter-spacing: -.025em; color: var(--kn-ink); margin: 0 0 12px;
}

.knowledge-hero p {
	font-size: var(--kn-hero-desc);
	color: var(--kn-soft); margin: 0 0 24px; line-height: 1.65; max-width: 480px;
}

/* Search */
.knowledge-search {
	display: flex; align-items: center;
	border: 1.5px solid var(--kn-line);
	border-radius: var(--kn-r); background: var(--kn-white);
	transition: border-color .18s, box-shadow .18s; max-width: 520px;
}
.knowledge-search:focus-within { border-color: var(--kn-accent); box-shadow: 0 0 0 3px var(--kn-accent-ring); }
.knowledge-search__icon { padding: 0 10px 0 14px; color: var(--kn-muted); display: flex; align-items: center; }
.knowledge-search__icon svg { width: 15px; height: 15px; }
.knowledge-search input {
	flex: 1; border: none; outline: none; background: none;
	padding: 11px 4px; font-size: 14px; color: var(--kn-ink);
	font-family: "Pretendard", "Apple SD Gothic Neo", sans-serif;
}
.knowledge-search input::placeholder { color: var(--kn-muted); }
.knowledge-search .knowledge-button { margin: 4px; padding: 6px 15px; font-size: 12.5px; }
.knowledge-search--compact { max-width: 400px; }

.knowledge-app--home .knowledge-hero {
	max-width: 880px;
}

.knowledge-app--home .knowledge-hero p {
	margin-bottom: 30px;
}

.knowledge-app--home .knowledge-hero .knowledge-search {
	width: min(760px, 100%);
	max-width: none;
	min-height: 58px;
	border-width: 1px;
	border-radius: 999px;
	background: var(--kn-surface);
	box-shadow: none;
}

.knowledge-app--home .knowledge-hero .knowledge-search:focus-within {
	border-color: var(--kn-line);
	box-shadow: 0 0 0 3px var(--kn-accent-ring);
}

.knowledge-app--home .knowledge-hero .knowledge-search__icon {
	padding: 0 12px 0 24px;
	color: var(--kn-ink);
}

.knowledge-app--home .knowledge-hero .knowledge-search__icon svg {
	width: 22px;
	height: 22px;
	stroke-width: 2;
}

.knowledge-app--home .knowledge-hero .knowledge-search input {
	padding: 16px 8px;
	font-size: 15px;
	line-height: 1.4;
}

.knowledge-app--home .knowledge-hero .knowledge-search .knowledge-button {
	min-height: 42px;
	margin: 7px;
	padding: 0 20px;
	border-radius: 999px;
	font-size: 12px;
	box-shadow: none;
}

/* Sections */
.knowledge-section { padding: 0 56px 56px; }
.knowledge-section__head { margin-bottom: 18px; }
.knowledge-section__head h2 {
	font-size: var(--kn-section-h2);
	font-weight: 800; color: var(--kn-ink); margin: 0; letter-spacing: -.01em;
}
.knowledge-section__head .knowledge-kicker { margin-bottom: 5px; }


/* ── 제품 안내 — Notion "Popular topics" 수준 ── */
.knowledge-home-products {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	border: 1px solid var(--kn-line);
	border-radius: var(--kn-r-lg);
	overflow: hidden;
	background: var(--kn-line);
}

.knowledge-home-product {
	display: flex; flex-direction: column; gap: 0;
	padding: 22px 24px 20px;
	background: var(--kn-white);
	text-decoration: none; color: inherit;
	transition: background .13s;
}
.knowledge-home-product:hover { background: var(--kn-surface); }

.knowledge-home-product__top {
	display: flex; align-items: normal; justify-content: space-between; margin-bottom: 14px;
}
.knowledge-home-product__icon {
	width: 120px; height: 120px; border-radius: 9px;
	/*background: var(--kn-accent-bg);*/ display: grid; place-items: center; color: var(--kn-accent);
}

span.knowledge-home-product__icon img {
	width: 120px; height:auto;
}

.knowledge-home-product__icon svg { width: 120px; height: auto;}
.knowledge-home-product__count { font-size: 11px; color: var(--kn-muted); font-weight: 600; letter-spacing: .02em; }

.knowledge-home-product__label {
	font-size: 10px; font-weight: 700; letter-spacing: .08em;
	text-transform: uppercase; color: var(--kn-muted); display: block; margin-bottom: 4px;
}
.knowledge-home-product__body h3 {
	font-size: 24px; font-weight: 700; color: var(--kn-ink); margin: 0 0 5px; line-height: 1.25;
}
.knowledge-home-product__body p {
	font-size: 12.5px; color: var(--kn-soft); margin: 0 0 14px; line-height: 1.5;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.knowledge-home-product__links {
	display: flex; flex-direction: column; gap: 4px;
	padding-top: 12px; border-top: 1px solid var(--kn-line-soft); margin-top: auto;
}
.knowledge-home-product__links span {
	font-size: 11.5px; color: var(--kn-soft);
	display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
	padding-left: 12px; position: relative;
}
.knowledge-home-product__links span::before {
	content: '›'; position: absolute; left: 0; color: var(--kn-muted); font-size: 14px; line-height: 1.2;
}


/* ── 지원유형 — 수평 탐색 스트립 ── */
.knowledge-home-support {
	display: grid; grid-template-columns: repeat(4, 1fr);
	border: 1px solid var(--kn-line); border-radius: var(--kn-r-lg);
	overflow: hidden; background: var(--kn-line); gap: 1px;
}
.knowledge-home-support__item {
	display: flex; flex-direction: column; gap: 5px;
	padding: 16px 18px 15px; background: var(--kn-white);
	text-decoration: none; color: inherit; transition: background .13s;
}
.knowledge-home-support__item:hover { background: var(--kn-surface); }
.knowledge-home-support__title { display: flex; align-items: center; gap: 7px; }
.knowledge-home-support__title svg { width: 15px; height: 15px; color: var(--kn-accent); flex-shrink: 0; }
.knowledge-home-support__title strong { font-size: 13.5px; font-weight: 700; color: var(--kn-ink); flex: 1; line-height: 1.2; }
.knowledge-home-support__title span {
	font-size: 10px; font-weight: 700; color: var(--kn-muted);
	background: var(--kn-surface); padding: 1px 6px; border-radius: 20px;
	border: 1px solid var(--kn-line); letter-spacing: .02em;
}
.knowledge-home-support__item p { font-size: 12px; color: var(--kn-soft); margin: 0; line-height: 1.5; }
.knowledge-home-support__item em { font-style: normal; font-size: 11px; color: var(--kn-muted); font-weight: 600; }


/* ── 추천 문서 — 클린 2열 ── */
.knowledge-feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.knowledge-feature-card {
	display: block; padding: 16px 18px;
	border: 1px solid var(--kn-line); border-radius: var(--kn-r);
	text-decoration: none; color: inherit; transition: border-color .13s, background .13s;
}
.knowledge-feature-card:hover { border-color: var(--kn-accent); background: var(--kn-accent-bg); }
.knowledge-feature-card h3 { font-size: 13.5px; font-weight: 700; color: var(--kn-ink); margin: 7px 0 5px; line-height: 1.3; }
.knowledge-feature-card p { font-size: 12px; color: var(--kn-soft); margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }


/* ── 최근 업데이트 — 텍스트 리스트 ── */
.knowledge-list { display: flex; flex-direction: column; }
.knowledge-list-row {
	display: flex; align-items: flex-start; gap: 14px;
	padding: 12px 0; border-bottom: 1px solid var(--kn-line-soft);
	text-decoration: none; color: inherit;
}
.knowledge-list-row:first-child { border-top: 1px solid var(--kn-line-soft); }
.knowledge-list-row:hover .knowledge-list-row__content h3 { color: var(--kn-accent); }
.knowledge-list-row__content { flex: 1; min-width: 0; }
.knowledge-list-row__content h3 {
	font-size: 13.5px; font-weight: 600; color: var(--kn-ink);
	margin: 3px 0 3px; line-height: 1.35; transition: color .12s;
}
.knowledge-list-row__content p {
	font-size: 12px; color: var(--kn-soft); margin: 0;
	display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
}
.knowledge-list-row__meta { flex-shrink: 0; font-size: 11px; color: var(--kn-muted); padding-top: 4px; font-weight: 600; }


/* ============================================================
   CATEGORY / PRODUCT / SUPPORT — Notion 카테고리 수준
   ============================================================ */

/* Subhero */
.knowledge-subhero { padding: 36px 56px 28px; border-bottom: 1px solid var(--kn-line-soft); }
.knowledge-subhero h1 {
	font-size: 34px; font-weight: 800; color: var(--kn-ink);
	line-height: 1.1; letter-spacing: -.02em; margin: 6px 0 8px;
}
.knowledge-subhero p { font-size: 14.5px; color: var(--kn-soft); margin: 0; max-width: 560px; line-height: 1.6; }

.knowledge-subhero--staff {
	display: flex; justify-content: space-between; align-items: flex-end; padding: 28px 40px 24px;
}
.knowledge-subhero--staff h1 { font-size: 26px; margin: 4px 0 5px; }
.knowledge-subhero--staff p { font-size: 13px; }

/* Context search */
.knowledge-context-search { padding: 14px 56px; border-bottom: 1px solid var(--kn-line-soft); }

/* Section spacing for category pages */
.knowledge-section--featured-document,
.knowledge-section--list-documents,
.knowledge-section--support-index,
.knowledge-section--secondary-resources { padding-top: 36px; }

/* Featured doc — Notion 스타일 강조 카드 */
.knowledge-list-feature {
	display: block; padding: 22px 26px;
	border: 1.5px solid var(--kn-accent); border-radius: var(--kn-r-lg);
	background: var(--kn-accent-bg); text-decoration: none; color: inherit;
	transition: box-shadow .15s;
}
.knowledge-list-feature:hover { box-shadow: var(--kn-shadow-sm); }
.knowledge-list-feature h3 { font-size: 17px; font-weight: 700; color: var(--kn-ink); margin: 8px 0 7px; line-height: 1.3; }
.knowledge-list-feature p { font-size: 13.5px; color: var(--kn-ink-2); margin: 0; line-height: 1.6; }

/* ── 아티클 리스트 — Notion "Articles" 수준 ── */
/* 아이콘 + 타이틀 + 발췌 + 날짜 구조 */
.knowledge-article-list {
	display: flex; flex-direction: column;
	border: 1px solid var(--kn-line); border-radius: var(--kn-r-lg); overflow: hidden;
}
.knowledge-article-list__item {
	display: grid;
	grid-template-columns: 20px minmax(0,1fr) 90px;
	gap: 0 14px;
	align-items: start;
	padding: 14px 18px;
	border-bottom: 1px solid var(--kn-line-soft);
	text-decoration: none; color: inherit; transition: background .12s;
}
.knowledge-article-list__item:last-child { border-bottom: none; }
.knowledge-article-list__item:hover { background: var(--kn-surface); }
.knowledge-article-list__item:hover h3 { color: var(--kn-accent); }

/* 아이콘 셀 */
.knowledge-article-list__item > .knowledge-badge-row:first-child {
	grid-column: 1;
	padding-top: 1px;
}
.knowledge-article-list__item > .knowledge-badge-row:first-child svg {
	width: 16px; height: 16px; color: var(--kn-muted);
}

/* 콘텐츠 셀 */
.knowledge-article-list__content { grid-column: 2; min-width: 0; }
.knowledge-article-list__content h3 {
	font-size: 14px; font-weight: 600; color: var(--kn-ink);
	margin: 0 0 4px; transition: color .12s; line-height: 1.35;
}
.knowledge-article-list__content p {
	font-size: 12px; color: var(--kn-soft); margin: 0;
	display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
}

/* 날짜 셀 */
.knowledge-article-list__date {
	grid-column: 3; font-size: 11px; color: var(--kn-muted);
	font-weight: 600; text-align: right; padding-top: 2px;
}

/* Taxonomy list */
.knowledge-list-taxonomy { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.knowledge-list-taxonomy--secondary { grid-template-columns: repeat(3, 1fr); }
.knowledge-list-taxonomy__item {
	display: block; padding: 14px 16px;
	border: 1px solid var(--kn-line); border-radius: var(--kn-r);
	text-decoration: none; color: inherit; transition: border-color .13s, background .13s;
}
.knowledge-list-taxonomy__item:hover,
.knowledge-list-taxonomy__item.is-active { border-color: var(--kn-accent); background: var(--kn-accent-bg); }
.knowledge-list-taxonomy__title { display: flex; align-items: center; gap: 7px; margin-bottom: 5px; }
.knowledge-list-taxonomy__title svg { width: 14px; height: 14px; color: var(--kn-accent); flex-shrink: 0; }
.knowledge-list-taxonomy__title strong { font-size: 13.5px; font-weight: 700; color: var(--kn-ink); flex: 1; }
.knowledge-list-taxonomy__title span { font-size: 10px; color: var(--kn-muted); font-weight: 700; }
.knowledge-list-taxonomy__item p { font-size: 12px; color: var(--kn-soft); margin: 0 0 5px; line-height: 1.5; }
.knowledge-list-taxonomy__item em { font-style: normal; font-size: 11px; color: var(--kn-muted); font-weight: 600; }

/* List page refresh */
.knowledge-page--list .knowledge-context-search {
	padding: 22px 56px;
}

.knowledge-page--list .knowledge-search--list {
	width: min(760px, 100%);
	max-width: none;
	min-height: 56px;
	border-width: 1px;
	border-radius: 999px;
	background: var(--kn-surface);
	box-shadow: none;
}

.knowledge-page--list .knowledge-search--list:focus-within {
	border-color: var(--kn-line);
	box-shadow: 0 0 0 3px var(--kn-accent-ring);
}

.knowledge-page--list .knowledge-search--list .knowledge-search__icon {
	padding: 0 12px 0 22px;
	color: var(--kn-ink);
}

.knowledge-page--list .knowledge-search--list .knowledge-search__icon svg {
	width: 20px;
	height: 20px;
}

.knowledge-page--list .knowledge-search--list input {
	padding: 15px 8px;
	font-size: 14.5px;
}

.knowledge-page--list .knowledge-search--list .knowledge-button {
	min-height: 40px;
	margin: 7px;
	padding: 0 18px;
	border-radius: 999px;
	background: var(--kn-white);
}

.knowledge-page--list .knowledge-list-feature {
	display: grid;
	grid-template-columns: 172px minmax(0, 1fr);
	gap: 22px;
	padding: 18px;
	border: 1px solid var(--kn-line);
	background: var(--kn-white);
}

.knowledge-page--list .knowledge-list-feature:hover {
	border-color: var(--kn-accent);
	background: var(--kn-surface);
}

.knowledge-list-feature__thumb {
	min-height: 132px;
	border-radius: var(--kn-r);
	background: var(--kn-surface);
	overflow: hidden;
	display: grid;
	place-items: center;
	color: var(--kn-muted);
}

.knowledge-list-feature__thumb img,
.knowledge-article-list__thumb img,
.knowledge-video-list__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.knowledge-list-feature__thumb span,
.knowledge-article-list__thumb span {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--kn-accent-bg);
	color: var(--kn-accent);
	display: grid;
	place-items: center;
}

.knowledge-list-feature__thumb svg,
.knowledge-article-list__thumb svg {
	width: 17px;
	height: 17px;
}

.knowledge-list-feature__content {
	align-self: center;
	min-width: 0;
}

.knowledge-page--list .knowledge-list-feature h3 {
	font-size: 20px;
	margin: 10px 0 7px;
}

.knowledge-page--list .knowledge-list-feature p {
	color: var(--kn-soft);
	max-width: 560px;
}

.knowledge-list-feature__cta {
	display: inline-block;
	margin-top: 14px;
	font-size: 12px;
	font-weight: 700;
	color: var(--kn-accent);
}

.knowledge-page--list .knowledge-article-list {
	border: 0;
	border-radius: 0;
	overflow: visible;
}

.knowledge-page--list .knowledge-article-list__item {
	grid-template-columns: 112px minmax(0, 1fr) 92px;
	gap: 18px;
	padding: 18px 0;
	border-bottom: 1px solid var(--kn-line-soft);
}

.knowledge-page--list .knowledge-article-list__item:first-child {
	border-top: 1px solid var(--kn-line-soft);
}

.knowledge-page--list .knowledge-article-list__item:hover {
	background: transparent;
}

.knowledge-article-list__thumb {
	grid-column: 1;
	width: 112px;
	height: 74px;
	border-radius: var(--kn-r);
	background: var(--kn-surface);
	overflow: hidden;
	display: grid;
	place-items: center;
	color: var(--kn-muted);
}

.knowledge-page--list .knowledge-article-list__content {
	grid-column: 2;
	align-self: center;
}

.knowledge-page--list .knowledge-article-list__content .knowledge-badge-row {
	margin-bottom: 7px;
}

.knowledge-page--list .knowledge-article-list__content h3 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 6px;
}

.knowledge-page--list .knowledge-article-list__content p {
	font-size: 13px;
	-webkit-line-clamp: 2;
	line-height: 1.55;
}

.knowledge-page--list .knowledge-article-list__date {
	align-self: center;
}

.knowledge-list-taxonomy--quiet {
	gap: 0 28px;
}

.knowledge-list-taxonomy--quiet .knowledge-list-taxonomy__item {
	padding: 16px 0;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid var(--kn-line-soft);
	background: transparent;
}

.knowledge-list-taxonomy--quiet .knowledge-list-taxonomy__item:hover,
.knowledge-list-taxonomy--quiet .knowledge-list-taxonomy__item.is-active {
	background: transparent;
	border-color: var(--kn-line-soft);
}

.knowledge-video-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.knowledge-video-list__item {
	display: grid;
	grid-template-columns: 136px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	text-decoration: none;
	color: inherit;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--kn-line-soft);
}

.knowledge-video-list__thumb {
	position: relative;
	width: 136px;
	height: 84px;
	border-radius: var(--kn-r);
	background: var(--kn-surface);
	overflow: hidden;
	display: grid;
	place-items: center;
}

.knowledge-video-list__thumb span {
	position: absolute;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--kn-accent);
	color: #fff;
	display: grid;
	place-items: center;
}

.knowledge-video-list__thumb svg {
	width: 15px;
	height: 15px;
}

.knowledge-video-list__content strong {
	display: block;
	font-size: 14.5px;
	font-weight: 700;
	color: var(--kn-ink);
	margin: 6px 0 4px;
	line-height: 1.35;
}

.knowledge-video-list__content p {
	font-size: 12px;
	color: var(--kn-soft);
	margin: 0;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}


/* ============================================================
   ARTICLE DETAIL — 본문 중심 / 대표이미지 상단 제거
   ============================================================ */

.knowledge-detail-hero { padding: 30px 0 22px; border-bottom: 1px solid var(--kn-line-soft); }
.knowledge-detail-hero h1 {
	font-size: clamp(34px, 4.5vw, 58px); font-weight: 850; color: var(--kn-ink);
	line-height: 1.08; letter-spacing: -.045em; margin: 12px 0 14px; max-width: 820px;
}
.knowledge-detail-hero__summary {
	font-size: 16px; color: var(--kn-soft); line-height: 1.72; margin: 0 0 18px; max-width: 660px;
}
.knowledge-detail-hero__content { max-width: 100%; }

/* 대표이미지: 상단 히어로 제거 — 본문 영역 안에서만 노출 */
.knowledge-detail-hero__media { display: none; }

/* Video card (CTA) */
.knowledge-video-card {
	display: flex; align-items: center; gap: 16px;
	padding: 14px 18px; border: 1px solid var(--kn-line); border-radius: var(--kn-r-lg);
	background: var(--kn-surface); margin-top: 16px;
}
.knowledge-video-card--accent { border-color: var(--kn-accent); background: var(--kn-accent-bg); }
.knowledge-video-card__icon {
	width: 38px; height: 38px; border-radius: var(--kn-r);
	background: var(--kn-accent); display: grid; place-items: center; flex-shrink: 0;
}
.knowledge-video-card__icon svg { width: 17px; height: 17px; color: #fff; }
.knowledge-video-card strong { display: block; font-size: 13.5px; font-weight: 700; color: var(--kn-ink); margin-bottom: 2px; }
.knowledge-video-card p { font-size: 12px; color: var(--kn-soft); margin: 0 0 8px; }

/* Meta strip */
.knowledge-meta-strip {
	display: flex; align-items: center; gap: 22px; flex-wrap: wrap;
	padding: 13px 0; border-top: 1px solid var(--kn-line-soft);
	border-bottom: 1px solid var(--kn-line-soft); margin-bottom: 14px;
}
.knowledge-meta-strip > div { display: grid; gap: 3px; min-width: 92px; }
.knowledge-meta-strip__label {
	font-size: 10px; color: var(--kn-muted); font-weight: 700;
	letter-spacing: .05em; text-transform: uppercase;
}
.knowledge-meta-strip strong { font-size: 13px; font-weight: 700; color: var(--kn-ink-2); }

/* Detail grid */
.knowledge-page--article .knowledge-breadcrumb,
.knowledge-detail {
	width: min(1760px, calc(100vw - var(--kn-sidebar-w) - 56px));
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.knowledge-detail { padding: 0 0 72px; }
.knowledge-detail__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 340px;
	gap: clamp(72px, 7vw, 136px);
	justify-content: space-between;
	align-items: start;
}
.knowledge-detail__main { padding-top: 34px; }
.knowledge-detail__side { padding-top: 34px; justify-self: end; width: 100%; max-width: 340px; }

/* Panel */
.knowledge-panel { margin-bottom: 64px; }
.knowledge-panel__head { padding-bottom: 10px; margin-bottom: 14px; border-bottom: 1px solid var(--kn-line-soft); }
.knowledge-panel__head h2 { font-size: 15px; font-weight: 800; color: var(--kn-ink); margin: 0; }
.knowledge-panel__copy { font-size: 12.5px; color: var(--kn-soft); margin: 0 0 10px; line-height: 1.55; }
.knowledge-panel--sticky { position: sticky; top: 24px; }
.knowledge-panel--quiet { margin-bottom: 28px; }

/* Meta list */
.knowledge-meta-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.knowledge-meta-list li { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; font-size: 12px; }
.knowledge-meta-list strong { color: var(--kn-muted); font-weight: 500; flex-shrink: 0; }
.knowledge-meta-list span { color: var(--kn-ink-2); font-weight: 600; text-align: right; }


/* ── Body Content — 본문 읽기 최우선 ── */
.knowledge-panel--reading { margin-top: 0; }
.knowledge-body {
	max-width: none;
	font-size: calc(var(--kn-body-size) + 1px);
	line-height: 1.88; color: var(--kn-ink-2);
}
.knowledge-body h2 { font-size: 24px; font-weight: 820; color: var(--kn-ink); margin: 2.5em 0 .8em; letter-spacing: -.025em; line-height: 1.28; }
.knowledge-body h3 { font-size: 19px; font-weight: 760; color: var(--kn-ink); margin: 2em 0 .65em; line-height: 1.35; }
.knowledge-body p { margin: 0 0 1.22em; }
.knowledge-body ul, .knowledge-body ol { margin: 0 0 1.25em; padding-left: 1.55em; }
.knowledge-body li { margin-bottom: .45em; padding-left: .15em; }
.knowledge-body a { color: var(--kn-accent); text-decoration: underline; text-underline-offset: 2px; }
.knowledge-body strong { font-weight: 700; color: var(--kn-ink); }
.knowledge-body code {
	font-size: .85em; background: var(--kn-surface); border-radius: 4px;
	padding: .1em .38em; font-family: "SF Mono","Fira Mono",monospace;
	border: 1px solid var(--kn-line);
}
.knowledge-body blockquote {
	border-left: 3px solid var(--kn-accent); margin: 1.2em 0;
	padding: .6em 1em; background: var(--kn-accent-bg);
	border-radius: 0 var(--kn-r-sm) var(--kn-r-sm) 0;
}
.knowledge-body table { width: 100%; border-collapse: collapse; margin: 1.4em 0; font-size: .95em; }
.knowledge-body th,
.knowledge-body td { border-bottom: 1px solid var(--kn-line-soft); padding: 10px 8px; text-align: left; }
.knowledge-body th { color: var(--kn-ink); font-weight: 800; }
.knowledge-content-cta {
	display: inline-flex; align-items: center; min-height: 38px;
	padding: 0 16px; border-radius: 999px; background: var(--kn-accent);
	color: #fff !important; text-decoration: none !important; font-weight: 800;
}

.knowledge-detail-featured-image {
	max-width: 520px; margin: 0 0 28px;
	border: 1px solid var(--kn-line-soft); border-radius: var(--kn-r-lg);
	overflow: hidden; background: var(--kn-surface);
}
.knowledge-detail-featured-image img { display: block; width: 100%; height: auto; }

.knowledge-resource-module {
	max-width: none;
	margin: 30px 0 44px; padding-top: 24px; border-top: 1px solid var(--kn-line-soft);
}
.knowledge-resource-module__head { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px; }
.knowledge-resource-module__head > svg,
.knowledge-resource-module__head .knowledge-nav-icon {
	width: 28px; height: 28px; border-radius: 9px; background: var(--kn-accent-bg);
	color: var(--kn-accent); display: grid; place-items: center; flex-shrink: 0;
}
.knowledge-resource-module__head svg svg { width: 15px; height: 15px; }
.knowledge-resource-module h2 { font-size: 18px; font-weight: 850; margin: 0 0 4px; color: var(--kn-ink); }
.knowledge-resource-module p { margin: 0; font-size: 13px; line-height: 1.55; color: var(--kn-soft); }
.knowledge-resource-list { display: grid; gap: 8px; }
.knowledge-resource-link {
	display: grid; grid-template-columns: 30px minmax(0,1fr) auto; gap: 12px; align-items: center;
	padding: 13px 12px; margin: 0 -12px;
	border-bottom: 1px solid var(--kn-line-soft); border-radius: var(--kn-r-sm);
	text-decoration: none; transition: background .13s, color .13s;
}
.knowledge-resource-link:hover { background: var(--kn-surface); }
.knowledge-resource-link__icon {
	width: 30px; height: 30px; border-radius: 9px;
	display: grid; place-items: center; background: var(--kn-accent-bg); color: var(--kn-accent);
}
.knowledge-resource-link__icon svg { width: 15px; height: 15px; }
.knowledge-resource-link__body { display: grid; gap: 3px; min-width: 0; }
.knowledge-resource-link strong { color: var(--kn-ink); font-size: 14px; font-weight: 800; overflow-wrap: anywhere; }
.knowledge-resource-link em { color: var(--kn-soft); font-size: 12.5px; line-height: 1.5; font-style: normal; }
.knowledge-resource-link__action {
	font-family: "Montserrat", "Pretendard", sans-serif !important;
	font-size: 11px; font-weight: 800; color: var(--kn-muted);
}
.knowledge-resource-link:hover strong,
.knowledge-resource-link:hover .knowledge-resource-link__action { color: var(--kn-accent); }
.knowledge-side-resource-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.knowledge-side-resource-list a {
	display: grid; grid-template-columns: 22px minmax(0,1fr) 14px; align-items: center; gap: 8px;
	color: var(--kn-ink-2); font-size: 12.5px; font-weight: 700; text-decoration: none;
	padding: 9px 0; border-bottom: 1px solid var(--kn-line-soft);
}
.knowledge-side-resource-list a::after {
	content: "\2197";
	font-family: "Montserrat", "Pretendard", sans-serif;
	font-size: 11px;
	color: var(--kn-muted);
	justify-self: end;
}
.knowledge-side-resource-list a svg { width: 13px; height: 13px; color: var(--kn-muted); }
.knowledge-side-resource-list a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-side-resource-list a:hover,
.knowledge-side-resource-list a:hover svg,
.knowledge-side-resource-list a:hover::after { color: var(--kn-accent); }

.knowledge-toc { display: grid; gap: 4px; }
.knowledge-toc__item {
	display: block; padding: 5px 0; color: var(--kn-soft);
	font-size: 12.5px; line-height: 1.35; text-decoration: none;
	border-bottom: 1px solid transparent;
}
.knowledge-toc__item:hover { color: var(--kn-accent); }
.knowledge-toc__item--h3 { padding-left: 12px; font-size: 12px; color: var(--kn-muted); }

/* Helper blocks */
.knowledge-helper-stack { margin-top: 20px; }
.knowledge-helper-block {
	padding: 13px 15px; border-radius: var(--kn-r); margin-bottom: 10px;
	border-left: 3px solid var(--kn-line); background: var(--kn-surface);
}
.knowledge-helper-block--tip { border-left-color: var(--kn-accent); background: var(--kn-accent-bg); }
.knowledge-helper-block--caution { border-left-color: var(--kn-warning); background: var(--kn-surface); }
.knowledge-helper-block--note { border-left-color: var(--kn-neutral); background: var(--kn-surface); }
.knowledge-helper-block__head { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; }
.knowledge-helper-block__head svg { width: 13px; height: 13px; }
.knowledge-helper-block__head strong {
	font-size: 11.5px; font-weight: 700;
	font-family: "Montserrat", sans-serif; letter-spacing: .04em; text-transform: uppercase;
}

/* FAQ accordion */
.knowledge-faq-list { display: flex; flex-direction: column; }
.knowledge-faq-item { border-bottom: 1px solid var(--kn-line-soft); }
.knowledge-faq-item summary {
	display: flex; align-items: center; justify-content: space-between;
	padding: 13px 0; cursor: pointer; font-size: 14px; font-weight: 600;
	color: var(--kn-ink); list-style: none; transition: color .12s; gap: 12px;
}
.knowledge-faq-item summary::-webkit-details-marker { display: none; }
.knowledge-faq-item summary:hover { color: var(--kn-accent); }
.knowledge-faq-item summary::after {
	content: '+'; font-size: 20px; color: var(--kn-muted); line-height: 1;
	flex-shrink: 0; transition: transform .18s;
	font-family: "Montserrat", sans-serif; font-weight: 300;
}
.knowledge-faq-item[open] summary::after { transform: rotate(45deg); }
.knowledge-faq-item[open] summary { color: var(--kn-accent); }
.knowledge-faq-item p { padding: 0 0 14px; font-size: 13.5px; color: var(--kn-soft); line-height: 1.65; margin: 0; }


/* ============================================================
   EDITOR  (/help/staff/editor/)
   ============================================================ */
.knowledge-app--editor .knowledge-page { background: var(--kn-bg); }

.knowledge-editor {
	display: grid; grid-template-columns: minmax(0,1fr) 268px;
	gap: 24px; padding: 22px 32px 72px; align-items: start;
}
.knowledge-editor__main { display: flex; flex-direction: column; }

/* Editor sections */
.knowledge-panel--editor-stage {
	background: var(--kn-white); border: 1px solid var(--kn-line);
	border-radius: var(--kn-r-lg); padding: 28px 30px; margin-bottom: 18px;
}
.knowledge-panel--editor-stage .knowledge-panel__head {
	border-bottom: 1px solid var(--kn-line-soft); padding-bottom: 12px; margin-bottom: 18px;
}
.knowledge-panel--editor-stage .knowledge-panel__head h2 { font-size: 14.5px; font-weight: 800; color: var(--kn-ink); }

/* Fields */
.knowledge-field { display: grid; gap: 7px; margin-bottom: 16px; }
.knowledge-field:last-child { margin-bottom: 0; }
.knowledge-field label { font-size: 12px; font-weight: 700; color: var(--kn-ink-2); }
.knowledge-field label span { font-size: 11px; color: var(--kn-muted); font-weight: 400; margin-left: 3px; }
.knowledge-field small { font-size: 11px; color: var(--kn-muted); line-height: 1.4; }
.knowledge-field input[type="text"],
.knowledge-field input[type="url"],
.knowledge-field input[type="search"],
.knowledge-field select,
.knowledge-field textarea {
	width: 100%; border: 1.5px solid var(--kn-line); border-radius: var(--kn-r-sm);
	padding: 11px 13px; font-size: 13.5px;
	font-family: "Pretendard", "Apple SD Gothic Neo", sans-serif;
	color: var(--kn-ink); background: var(--kn-white);
	transition: border-color .14s, box-shadow .14s;
}
.knowledge-field input:focus,
.knowledge-field select:focus,
.knowledge-field textarea:focus {
	outline: none; border-color: var(--kn-accent); box-shadow: 0 0 0 3px var(--kn-accent-ring);
}
.knowledge-field select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%238d9e90' d='M5 6L0 0h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 11px center; padding-right: 30px;
}
.knowledge-filter-grid { display: grid; gap: 12px; }
.knowledge-filter-grid--editor { grid-template-columns: repeat(3,1fr); align-items: stretch; }
.knowledge-filter-grid--editor > .knowledge-field {
	grid-template-rows: auto minmax(44px, auto) minmax(34px, auto);
	align-content: start;
}
.knowledge-filter-grid--editor > .knowledge-field small { min-height: 32px; display: block; }
.knowledge-editor-meta-grid {
	margin-bottom: 22px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: start;
	gap: 14px;
}
.knowledge-editor-meta-grid > .knowledge-field {
	display: grid;
	grid-template-rows: 18px 44px 40px;
	gap: 8px;
	margin: 0;
	min-width: 0;
}
.knowledge-editor-meta-grid > .knowledge-field label {
	height: 18px;
	display: flex;
	align-items: center;
	gap: 5px;
	margin: 0;
	line-height: 1;
}
.knowledge-editor-meta-grid > .knowledge-field select {
	height: 44px;
	min-height: 44px;
	line-height: 1.2;
}
.knowledge-editor-meta-grid > .knowledge-field small {
	min-height: 40px;
	margin: 0;
	line-height: 1.45;
	overflow: hidden;
	word-break: keep-all;
	overflow-wrap: anywhere;
}
.knowledge-editor-products { margin-top: 2px; }
.knowledge-editor-products > label {
	margin-bottom: 10px;
}

/* Choice cards */
.knowledge-choice-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); gap: 10px; }
.knowledge-choice-card { cursor: pointer; display: block; }
.knowledge-choice-card input { position: absolute; opacity: 0; width: 0; height: 0; }
.knowledge-choice-card__body {
	display: flex; flex-direction: column; gap: 6px;
	padding: 12px 14px; border: 1.5px solid var(--kn-line);
	border-radius: var(--kn-r); transition: border-color .13s, background .13s;
}
.knowledge-choice-card input:checked ~ .knowledge-choice-card__body {
	border-color: var(--kn-accent); background: var(--kn-accent-bg);
}
.knowledge-choice-card__head { display: flex; align-items: center; gap: 7px; }
.knowledge-choice-card__head svg { width: 14px; height: 14px; color: var(--kn-accent); }
.knowledge-choice-card__head strong { font-size: 13px; font-weight: 700; color: var(--kn-ink); }
.knowledge-choice-card__body > span {
	font-size: 11.5px; color: var(--kn-soft); line-height: 1.45;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

/* Rich editor — 래퍼 기본 */
.knowledge-rich-editor .wp-editor-container { border-radius: var(--kn-r-sm); overflow: hidden; }
.knowledge-rich-editor .wp-editor-wrap,
.knowledge-rich-editor .wp-editor-container,
.knowledge-rich-editor textarea {
	font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
	color: var(--kn-ink);
	background: var(--kn-white);
}
.knowledge-rich-editor iframe { background: #fff; }
.knowledge-editor-section--body .knowledge-rich-editor .wp-editor-area {
	min-height: var(--knowledge-editor-body-height, 620px);
}

/* ─── TinyMCE 4 아이콘 폰트 전면 보호 ───────────────────────────
   WordPress 번들 TinyMCE 4.9.x 는 `tinymce` 아이콘 폰트 사용.
   - 테마/우리 CSS 의 font-family/font-size/color 충돌 차단
   - -webkit-font-smoothing: antialiased 는 아이콘 폰트를 투명하게
     만들 수 있으므로 auto 로 리셋
   - font-size: 0 이 설정된 테마 button rule 상속 차단
─────────────────────────────────────────────────────────────── */
.knowledge-rich-editor .mce-ico,
.knowledge-rich-editor i.mce-ico {
	font-family: tinymce, Arial, sans-serif !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	line-height: 1 !important;
	color: #2d3d2f !important;
	opacity: 1 !important;
	visibility: visible !important;
	display: inline-block !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	word-spacing: 0 !important;
	text-shadow: none !important;
	-webkit-font-smoothing: auto !important;
	-moz-osx-font-smoothing: auto !important;
}
.knowledge-rich-editor .mce-ico::before,
.knowledge-rich-editor i.mce-ico::before {
	font-family: tinymce, Arial, sans-serif !important;
	font-size: inherit !important;
	font-style: normal !important;
	font-weight: normal !important;
	color: #2d3d2f !important;
	opacity: 1 !important;
	visibility: visible !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	-webkit-font-smoothing: auto !important;
}

/* TinyMCE 4 기타 UI 텍스트 */
.knowledge-rich-editor .mce-btn .mce-txt,
.knowledge-rich-editor .mce-menubtn button span,
.knowledge-rich-editor .mce-listbox button span {
	color: #2d3d2f !important;
	opacity: 1 !important;
	visibility: visible !important;
}

/* Dashicons (미디어 추가 등) */
.knowledge-rich-editor .dashicons,
.knowledge-rich-editor span.dashicons {
	font-family: dashicons !important;
	font-size: 20px !important;
	font-style: normal !important;
	font-weight: normal !important;
	line-height: 1 !important;
	color: #2d3d2f !important;
	opacity: 1 !important;
	visibility: visible !important;
	-webkit-font-smoothing: auto !important;
}

/* TinyMCE 5/6 SVG 아이콘 (tox- 클래스) — 혹시 모를 버전 대응 */
.knowledge-app .tox-tbtn > .tox-icon svg,
.knowledge-app .tox-toolbar .tox-icon svg,
.knowledge-app .tox .tox-icon svg {
	fill: currentColor !important;
	width: 16px !important;
	height: 16px !important;
	opacity: 1 !important;
	visibility: visible !important;
	display: inline-block !important;
	-webkit-font-smoothing: auto !important;
}

/* TinyMCE 버튼 배경/그림자는 플러그인 테마와 통일 */
.knowledge-rich-editor .mce-toolbar .mce-btn,
.knowledge-rich-editor .mce-toolbar .mce-btn button {
	background: transparent;
	box-shadow: none;
}
.knowledge-rich-editor .mce-toolbar .mce-btn:hover button {
	background: var(--kn-surface);
}

/* FAQ repeater */
.knowledge-field--repeater .knowledge-field__head {
	display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;
}
.knowledge-field--repeater .knowledge-field__head label { font-size: 13px; font-weight: 600; color: var(--kn-ink-2); }
.knowledge-repeater-list { display: flex; flex-direction: column; gap: 10px; }
.knowledge-repeater-row {
	position: relative; padding: 14px 16px;
	border: 1px solid var(--kn-line); border-radius: var(--kn-r);
	background: var(--kn-white); display: grid; gap: 10px;
}
.knowledge-repeater-row__remove {
	position: absolute; top: 10px; right: 10px; width: 22px; height: 22px;
	border: none; background: none; color: var(--kn-muted); cursor: pointer;
	border-radius: 50%; font-size: 15px; display: grid; place-items: center;
	transition: background .12s, color .12s; padding: 0;
}
.knowledge-repeater-row__remove:hover { background: var(--kn-surface); color: var(--kn-warning); }

/* Related picker */
.knowledge-related-picker__search { position: relative; }
.knowledge-related-picker__results {
	position: absolute; top: calc(100% + 2px); left: 0; right: 0; z-index: 200;
	background: var(--kn-white); border: 1.5px solid var(--kn-accent);
	border-radius: var(--kn-r-sm); max-height: 210px; overflow-y: auto;
	box-shadow: var(--kn-shadow); display: none;
}
/* JS가 .is-open 클래스로 표시/숨김 제어 */
.knowledge-related-picker__results.is-open { display: block; }

.knowledge-related-picker__results button {
	display: flex; align-items: center; gap: 8px; width: 100%;
	padding: 8px 13px; border: none; background: none;
	text-align: left; font-size: 13px; color: var(--kn-ink); cursor: pointer;
	transition: background .11s; font-family: "Pretendard", "Apple SD Gothic Neo", sans-serif;
	border-bottom: 1px solid var(--kn-line-soft);
}
.knowledge-related-picker__results button:last-child { border-bottom: none; }
.knowledge-related-picker__results button:hover { background: var(--kn-surface); }
.knowledge-related-picker__results button svg { width: 13px; height: 13px; color: var(--kn-muted); flex-shrink: 0; }

.knowledge-related-picker__selected { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; min-height: 22px; }
.knowledge-related-chip {
	display: inline-flex; align-items: center; gap: 4px;
	padding: 4px 4px 4px 10px; border-radius: 20px;
	background: var(--kn-accent-bg); color: var(--kn-accent); font-size: 12px;
	font-weight: 600; border: 1px solid var(--kn-line);
}
.knowledge-related-chip svg { width: 12px; height: 12px; flex-shrink: 0; }
.knowledge-related-chip button {
	width: 18px; height: 18px; border-radius: 50%; border: none;
	background: var(--kn-accent-bg); color: var(--kn-accent); cursor: pointer;
	font-size: 13px; line-height: 1; display: grid; place-items: center;
	padding: 0; transition: background .11s;
}
.knowledge-related-chip button:hover { background: var(--kn-accent-bg); }

/* Link repeaters */
.knowledge-link-repeater {
	border-top: 1px solid var(--kn-line-soft);
	padding-top: 18px; margin-top: 18px;
}
.knowledge-media-picker + .knowledge-link-repeater { margin-top: 22px; }
.knowledge-link-repeater__head {
	display: flex; align-items: flex-start; justify-content: space-between; gap: 16px;
	margin-bottom: 12px;
}
.knowledge-link-repeater__head strong {
	display: block; font-size: 13.5px; font-weight: 850; color: var(--kn-ink);
	margin-bottom: 3px;
}
.knowledge-link-repeater__head span {
	display: block; font-size: 11.5px; color: var(--kn-muted); line-height: 1.45;
}
.knowledge-link-repeater__head .knowledge-button {
	padding: 7px 13px; font-size: 12px; flex-shrink: 0;
}
.knowledge-link-repeater__list { display: grid; gap: 10px; }
.knowledge-link-row {
	display: grid; grid-template-columns: minmax(140px,.8fr) minmax(180px,1fr) minmax(200px,1.1fr) auto;
	align-items: end; gap: 10px;
	padding: 14px; border: 1px solid var(--kn-line);
	border-radius: var(--kn-r); background: var(--kn-white);
}
.knowledge-link-row > .knowledge-field {
	display: grid;
	grid-template-rows: 18px 42px;
	gap: 8px;
	align-content: end;
}
.knowledge-link-row .knowledge-field { margin-bottom: 0; min-width: 0; }
.knowledge-link-row .knowledge-field label {
	height: 18px;
	display: flex;
	align-items: center;
	margin: 0;
	line-height: 1;
}
.knowledge-link-row .knowledge-field input {
	min-height: 42px;
}
.knowledge-link-row__remove {
	min-height: 40px; padding: 0 12px; border: 1px solid var(--kn-line);
	border-radius: var(--kn-r-sm); background: var(--kn-white);
	color: var(--kn-muted); cursor: pointer; font-size: 12px; font-weight: 700;
	font-family: "Pretendard", "Apple SD Gothic Neo", sans-serif;
}
.knowledge-link-row__remove:hover { color: var(--kn-warning); border-color: var(--kn-warning); }

/* Media picker */
.knowledge-media-picker { margin-bottom: 18px; }
.knowledge-media-picker label { display: block; font-size: 12px; font-weight: 700; color: var(--kn-ink-2); margin-bottom: 7px; }
.knowledge-media-picker__preview {
	width: 100%; height: 140px; border: 1.5px dashed var(--kn-line); border-radius: var(--kn-r);
	overflow: hidden; display: grid; place-items: center; margin-bottom: 10px; background: var(--kn-surface);
}
.knowledge-media-picker__preview img { width: 100%; height: 100%; object-fit: cover; }
.knowledge-media-picker__placeholder {
	display: flex; flex-direction: column; align-items: center; gap: 6px;
	color: var(--kn-muted); font-size: 12px; text-align: center; padding: 14px;
}
.knowledge-media-picker__placeholder svg { width: 24px; height: 24px; }

/* Editor side panel */
.knowledge-editor__side { margin-top: 0; }
.knowledge-panel--editor-side {
	background: var(--kn-white); border: 1px solid var(--kn-line);
	border-radius: var(--kn-r-lg); padding: 18px 20px; position: sticky; top: 20px;
}
.knowledge-panel--editor-side .knowledge-panel__head {
	border-bottom: 1px solid var(--kn-line-soft); margin-bottom: 13px; padding-bottom: 9px;
}

/* Checkbox */
.knowledge-checkbox-list { display: flex; flex-direction: column; gap: 5px; }
.knowledge-choice { display: flex; align-items: center; gap: 7px; cursor: pointer; font-size: 13px; color: var(--kn-ink-2); }
.knowledge-choice input[type="checkbox"] { width: 14px; height: 14px; accent-color: var(--kn-accent); cursor: pointer; flex-shrink: 0; }
.knowledge-choice--toggle {
	padding: 8px 11px; border: 1px solid var(--kn-line); border-radius: var(--kn-r-sm); margin-bottom: 6px; transition: border-color .13s;
}
.knowledge-choice--toggle:has(input:checked) { border-color: var(--kn-accent); background: var(--kn-accent-bg); }

.knowledge-editor-previewcard {
	padding: 10px 12px; background: var(--kn-surface); border-radius: var(--kn-r-sm);
	margin-bottom: 12px; border: 1px solid var(--kn-line-soft);
}
.knowledge-editor-previewcard strong {
	display: block; font-size: 11px; font-weight: 700; color: var(--kn-soft);
	margin-bottom: 3px; font-family: "Montserrat", sans-serif; letter-spacing: .03em;
}
.knowledge-editor-previewcard p { font-size: 11px; color: var(--kn-muted); margin: 0; line-height: 1.5; }


/* ============================================================
   MANAGE / STAFF TABLE  — 레이아웃 버그 수정
   ============================================================ */

/* 필터 그리드 — manage.php default */
.knowledge-filter-grid {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr 1fr auto;
	gap: 10px;
	align-items: end;
	margin-bottom: 14px;
}
.knowledge-field--action { display: flex; flex-direction: column; gap: 5px; }
.knowledge-field--action label { font-size: 12px; font-weight: 700; color: transparent; }

/* Staff 테이블 — div 기반 CSS grid */
.knowledge-staff-table {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--kn-line);
	border-radius: var(--kn-r-lg);
	overflow: hidden;
}

.knowledge-staff-table__head {
	display: grid;
	grid-template-columns: minmax(0,1fr) 130px 120px 160px 96px 120px;
	gap: 0 12px;
	padding: 10px 18px;
	background: var(--kn-surface);
	border-bottom: 1px solid var(--kn-line);
}
.knowledge-staff-table__head span {
	font-size: 10.5px; font-weight: 700; color: var(--kn-muted);
	text-transform: uppercase; letter-spacing: .06em;
}

.knowledge-staff-row {
	display: grid;
	grid-template-columns: minmax(0,1fr) 130px 120px 160px 96px 120px;
	gap: 0 12px;
	align-items: center;
	padding: 12px 18px;
	border-bottom: 1px solid var(--kn-line-soft);
	transition: background .12s;
}
.knowledge-staff-row:last-child { border-bottom: none; }
.knowledge-staff-row:hover { background: var(--kn-surface); }

.knowledge-staff-row__title h3 {
	font-size: 13.5px; font-weight: 600; color: var(--kn-ink);
	margin: 0 0 3px; line-height: 1.3;
}
.knowledge-staff-row__title p {
	font-size: 11.5px; color: var(--kn-soft); margin: 0;
	display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
}
.knowledge-staff-row__status { display: flex; flex-direction: column; gap: 4px; }

/* Manage 서브히어로 */
.knowledge-subhero--manage {
	display: flex; justify-content: space-between; align-items: flex-end;
	padding: 28px 40px 24px;
}

/* panel 패딩 for manage */
.knowledge-app--manage .knowledge-page .knowledge-panel {
	padding: 0 40px;
	margin-bottom: 0;
}
.knowledge-app--manage .knowledge-page .knowledge-panel:first-of-type {
	padding-top: 20px; padding-bottom: 20px;
	border-bottom: 1px solid var(--kn-line-soft);
}
.knowledge-app--manage .knowledge-page .knowledge-panel + .knowledge-panel {
	padding-top: 28px;
}

.knowledge-app--manage .knowledge-filter-grid {
	grid-template-columns: 2fr 1fr 1fr 1fr 1fr auto;
}


/* ============================================================
   METRIC CARDS
   ============================================================ */
.knowledge-metric-card {
	background: var(--kn-white); border: 1px solid var(--kn-line);
	border-radius: var(--kn-r); padding: 14px 18px;
}
.knowledge-metric-card strong {
	display: block; font-size: 22px; font-weight: 800; color: var(--kn-ink);
	font-family: "Montserrat", sans-serif;
}
.knowledge-metric-card span { font-size: 11.5px; color: var(--kn-soft); }


/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1280px) {
	.knowledge-home-products { grid-template-columns: repeat(2,1fr); }
	.knowledge-detail__grid  { grid-template-columns: minmax(0,1fr) 260px; gap: 48px; }
	.knowledge-detail__side  { max-width: 260px; }
	.knowledge-filter-grid--editor { grid-template-columns: repeat(2,1fr); }
	.knowledge-staff-table__head,
	.knowledge-staff-row { grid-template-columns: minmax(0,1fr) 120px 110px 140px 88px 110px; }
}

@media (max-width: 1100px) {
	.knowledge-layout { grid-template-columns: 256px minmax(0,1fr); }
	.knowledge-editor { grid-template-columns: 1fr; }
	.knowledge-editor__side { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
	.knowledge-panel--editor-side { position: static; }
	.knowledge-list-taxonomy--secondary { grid-template-columns: repeat(2,1fr); }
	.knowledge-video-list { grid-template-columns: 1fr; }
	.knowledge-filter-grid { grid-template-columns: 1fr 1fr 1fr; }
	.knowledge-filter-grid .knowledge-field--action { grid-column: span 3; }
	.knowledge-link-row { grid-template-columns: 1fr 1fr; }
	.knowledge-link-row .knowledge-field--wide { grid-column: 1 / -1; }
	.knowledge-link-row__remove { justify-self: start; }
}

@media (max-width: 900px) {
	.knowledge-layout { grid-template-columns: 1fr; }
	.knowledge-sidebar {
		display: none; position: fixed; top: 0; left: 0; bottom: 0;
		width: 276px; z-index: 1000; box-shadow: var(--kn-shadow-lg);
	}
	.knowledge-sidebar.is-open { display: flex; }
	.knowledge-sidebar__toggle { display: block; }

	:root { --kn-hero-title: var(--knowledge-hero-title-mobile, 34px) !important; }

	.knowledge-hero              { padding: 36px 20px 28px; }
	.knowledge-section           { padding: 0 20px 36px; }
	.knowledge-breadcrumb        { padding: 12px 20px 0; }
	.knowledge-subhero           { padding: 24px 20px 20px; }
	.knowledge-subhero h1        { font-size: 26px; }
	.knowledge-context-search    { padding: 12px 20px; }
	.knowledge-page--list .knowledge-context-search { padding: 16px 20px; }
	.knowledge-page--list .knowledge-search--list { min-height: 52px; }
	.knowledge-page--list .knowledge-search--list .knowledge-search__icon { padding-left: 18px; }
	.knowledge-page--list .knowledge-search--list .knowledge-button { min-height: 36px; padding: 0 14px; }
	.knowledge-page--list .knowledge-list-feature { grid-template-columns: 1fr; }
	.knowledge-list-feature__thumb { min-height: 180px; }
	.knowledge-page--list .knowledge-article-list__item { grid-template-columns: 84px minmax(0,1fr); gap: 14px; }
	.knowledge-page--list .knowledge-article-list__date { grid-column: 2; text-align: left; padding-top: 0; }
	.knowledge-article-list__thumb { width: 84px; height: 64px; }
	.knowledge-video-list__item { grid-template-columns: 96px minmax(0,1fr); }
	.knowledge-video-list__thumb { width: 96px; height: 64px; }
	.knowledge-page--article .knowledge-breadcrumb,
	.knowledge-detail            { width: auto; margin-left: 0; margin-right: 0; }
	.knowledge-detail            { padding: 0 20px 40px; }
	.knowledge-detail-hero       { padding: 18px 20px 0; }
	.knowledge-detail-hero h1    { font-size: 22px; }
	.knowledge-detail__grid      { grid-template-columns: 1fr; }
	.knowledge-detail__side      { display: block; max-width: none; padding-top: 20px; }
	.knowledge-panel--sticky     { position: static; }
	.knowledge-editor            { padding: 14px 16px 40px; }
	.knowledge-home-products     { grid-template-columns: 1fr; border-radius: var(--kn-r); }
	.knowledge-home-support      { grid-template-columns: repeat(2,1fr); }
	.knowledge-feature-grid      { grid-template-columns: 1fr; }
	.knowledge-list-taxonomy     { grid-template-columns: 1fr; }
	.knowledge-list-taxonomy--secondary { grid-template-columns: 1fr; }
	.knowledge-choice-grid       { grid-template-columns: repeat(2,1fr); }
	.knowledge-filter-grid--editor { grid-template-columns: 1fr; }
	.knowledge-filter-grid       { grid-template-columns: 1fr; }
	.knowledge-link-row          { grid-template-columns: 1fr; }
	.knowledge-link-repeater__head { flex-direction: column; }
	.knowledge-staff-table       { overflow-x: auto; }
	.knowledge-staff-table__head,
	.knowledge-staff-row         { min-width: 680px; }
	.knowledge-subhero--staff    { flex-direction: column; align-items: flex-start; gap: 12px; }
	.knowledge-app--manage .knowledge-page .knowledge-panel { padding: 0 20px; }
}

/* Mobile drawer toggle */
.knowledge-mobile-toggle {
	display: none; position: fixed; bottom: 20px; right: 20px; z-index: 1002;
	width: 44px; height: 44px; border-radius: 50%; background: var(--kn-accent);
	color: white; border: none; cursor: pointer; box-shadow: var(--kn-shadow);
	align-items: center; justify-content: center;
}

.knowledge-mobile-backdrop {
	display: none;
}

@media (max-width: 900px) { .knowledge-mobile-toggle { display: flex; } }

/* ============================================================
   MOBILE UX PASS
   데스크탑 축소가 아니라 터치/읽기 기준으로 재배치
   ============================================================ */
@media (max-width: 900px) {
	html { scroll-padding-top: 12px; }
	body.knowledge-drawer-open { overflow: hidden; }

	.knowledge-mobile-backdrop {
		position: fixed;
		inset: 0;
		z-index: 1000;
		display: none;
		width: 100vw;
		height: 100svh;
		padding: 0;
		border: 0;
		background: rgba(13, 23, 18, .18);
		cursor: pointer;
	}

	body.knowledge-drawer-open .knowledge-mobile-backdrop {
		display: block;
	}

	.knowledge-app {
		--kn-body-size: var(--knowledge-body-mobile, 14px);
		background: var(--kn-white);
	}

	.knowledge-layout {
		display: block;
		min-height: 100svh;
	}

	.knowledge-page {
		min-width: 0;
		overflow-x: hidden;
	}

	.knowledge-sidebar {
		width: min(86vw, 328px);
		max-width: 328px;
		height: 100svh;
		padding-bottom: env(safe-area-inset-bottom);
		box-shadow: 18px 0 44px rgba(18, 30, 22, .16);
		z-index: 1001;
		pointer-events: auto;
	}

	body.admin-bar .knowledge-sidebar {
		top: 46px;
		height: calc(100svh - 46px);
	}

	body.admin-bar .knowledge-mobile-backdrop {
		top: 46px;
		height: calc(100svh - 46px);
	}

	.knowledge-sidebar__toggle {
		display: grid;
		place-items: center;
		width: 44px;
		height: 44px;
		padding: 0;
		border-radius: 999px;
		border-color: var(--kn-line);
		background: var(--kn-white);
		color: var(--kn-ink);
		font-size: 24px;
		line-height: 1;
	}

	.knowledge-sidebar__inner {
		padding: 14px 12px;
	}

	.knowledge-sidebar__brandbar {
		padding-bottom: 12px;
		margin-bottom: 12px;
	}

	.knowledge-sidebar__quicksearch {
		min-height: 44px;
		margin-bottom: 14px;
	}

	.knowledge-sidebar__scroll {
		padding-bottom: 96px;
	}

	.knowledge-sidebar__section {
		margin-bottom: 24px;
	}

	.knowledge-sidebar__navcard,
	.knowledge-sidebar__product,
	.knowledge-sidebar__line,
	.knowledge-sidebar__child {
		min-height: 44px;
	}

	.knowledge-mobile-toggle {
		width: 52px;
		height: 52px;
		z-index: 1002;
		right: max(18px, env(safe-area-inset-right));
		bottom: max(18px, env(safe-area-inset-bottom));
		box-shadow: 0 14px 32px rgba(18, 30, 22, .22);
	}

	body.knowledge-drawer-open .knowledge-mobile-toggle {
		background: var(--kn-ink);
		color: var(--kn-white);
	}

	body.knowledge-drawer-open .knowledge-mobile-toggle svg {
		display: none;
	}

	body.knowledge-drawer-open .knowledge-mobile-toggle::before {
		content: "×";
		font-size: 28px;
		line-height: 1;
		font-weight: 500;
		transform: translateY(-1px);
	}

	.knowledge-mobile-toggle svg {
		width: 20px;
		height: 20px;
	}

	.knowledge-button {
		min-height: 44px;
		padding: 0 16px;
		justify-content: center;
	}

	.knowledge-inline-actions {
		width: 100%;
	}

	.knowledge-inline-actions .knowledge-button {
		flex: 1 1 auto;
	}

	.knowledge-field input,
	.knowledge-field input[type="search"],
	.knowledge-field select,
	.knowledge-field textarea {
		min-height: 46px;
		font-size: 15px;
		padding: 12px 14px;
	}

	.knowledge-field label {
		font-size: 12px;
		margin-bottom: 7px;
	}

	.knowledge-hero {
		padding: 42px 20px 34px;
	}

	.knowledge-hero h1 {
		font-size: clamp(34px, 11vw, 48px);
		line-height: 1.04;
		letter-spacing: -.055em;
		margin-bottom: 16px;
	}

	.knowledge-hero p {
		font-size: 15px;
		line-height: 1.7;
		max-width: none;
		margin-bottom: 24px;
	}

	.knowledge-app--home .knowledge-hero .knowledge-search,
	.knowledge-page--list .knowledge-search--list,
	.knowledge-search {
		width: 100%;
		min-height: 54px;
		max-width: none;
		border-radius: 999px;
	}

	.knowledge-app--home .knowledge-hero .knowledge-search__icon,
	.knowledge-page--list .knowledge-search--list .knowledge-search__icon,
	.knowledge-search__icon {
		padding-left: 18px;
		padding-right: 8px;
	}

	.knowledge-search input,
	.knowledge-app--home .knowledge-hero .knowledge-search input {
		min-width: 0;
		font-size: 14px;
		padding: 14px 4px;
	}

	.knowledge-search .knowledge-button,
	.knowledge-app--home .knowledge-hero .knowledge-search .knowledge-button,
	.knowledge-page--list .knowledge-search--list .knowledge-button {
		min-height: 38px;
		margin: 7px;
		padding: 0 14px;
		font-size: 12px;
	}

	.knowledge-section {
		padding: 0 20px 42px;
	}

	.knowledge-section__head {
		margin-bottom: 16px;
	}

	.knowledge-section__head h2 {
		font-size: 24px;
		line-height: 1.2;
	}

	.knowledge-home-products {
		display: grid;
		grid-template-columns: 1fr;
		border-radius: var(--kn-r-lg);
	}

	.knowledge-home-product {
		min-height: 0;
		padding: 18px 18px 17px;
	}

	.knowledge-home-product__top {
		align-items: center;
		margin-bottom: 12px;
	}

	.knowledge-home-product__icon,
	span.knowledge-home-product__icon img,
	.knowledge-home-product__icon svg {
		width: 58px;
		height: 58px;
	}

	.knowledge-home-product__body h3 {
		font-size: 21px;
	}

	.knowledge-home-product__body p {
		font-size: 13px;
		-webkit-line-clamp: 3;
	}

	.knowledge-home-support {
		grid-template-columns: 1fr;
	}

	.knowledge-home-support__item {
		padding: 15px 16px;
		min-height: 72px;
	}

	.knowledge-list-row,
	.knowledge-article-list__item {
		min-height: 72px;
	}

	.knowledge-subhero {
		padding: 28px 20px 22px;
	}

	.knowledge-subhero h1 {
		font-size: clamp(32px, 10vw, 44px);
		line-height: 1.08;
		letter-spacing: -.045em;
	}

	.knowledge-subhero p {
		font-size: 14px;
		max-width: none;
	}

	.knowledge-page--list .knowledge-context-search {
		padding: 18px 20px 18px;
	}

	.knowledge-page--list .knowledge-list-feature {
		grid-template-columns: 1fr;
		padding: 0 0 20px;
	}

	.knowledge-list-feature__thumb {
		min-height: 180px;
	}

	.knowledge-page--list .knowledge-article-list__item {
		grid-template-columns: 86px minmax(0, 1fr);
		gap: 14px;
		padding: 16px 0;
	}

	.knowledge-page--list .knowledge-article-list__date {
		grid-column: 2;
		text-align: left;
		font-size: 11px;
	}

	.knowledge-article-list__thumb {
		width: 86px;
		height: 66px;
		border-radius: 12px;
	}

	.knowledge-page--list .knowledge-article-list__content h3 {
		font-size: 15px;
		line-height: 1.34;
	}

	.knowledge-page--list .knowledge-article-list__content p {
		font-size: 12.5px;
		-webkit-line-clamp: 2;
	}

	.knowledge-list-taxonomy,
	.knowledge-list-taxonomy--secondary {
		grid-template-columns: 1fr;
	}

	.knowledge-list-taxonomy__item {
		min-height: 72px;
		padding: 15px 0;
	}

	.knowledge-detail-hero {
		padding: 22px 20px 0;
	}

	.knowledge-detail-hero h1 {
		font-size: clamp(34px, 11vw, 46px);
		line-height: 1.08;
		letter-spacing: -.055em;
	}

	.knowledge-detail-hero__summary {
		font-size: 15px;
		line-height: 1.65;
	}

	.knowledge-meta-strip {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
		padding: 14px 0;
	}

	.knowledge-meta-strip > div {
		min-width: 0;
	}

	.knowledge-detail {
		padding: 0 20px 48px;
	}

	.knowledge-detail__main {
		padding-top: 26px;
	}

	.knowledge-detail__side {
		padding-top: 12px;
	}

	.knowledge-panel {
		margin-bottom: 42px;
	}

	.knowledge-panel--quiet,
	.knowledge-panel--sticky {
		margin-bottom: 28px;
	}

	.knowledge-body {
		font-size: 16px;
		line-height: 1.82;
	}

	.knowledge-body h2 {
		font-size: 22px;
		margin-top: 2.1em;
	}

	.knowledge-body h3 {
		font-size: 18px;
	}

	.knowledge-body table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}

	.knowledge-resource-module {
		margin: 28px 0 38px;
		padding-top: 22px;
	}

	.knowledge-resource-link {
		grid-template-columns: 34px minmax(0, 1fr);
		gap: 12px;
		padding: 14px 0;
		margin: 0;
	}

	.knowledge-resource-link__action {
		grid-column: 2;
		justify-self: start;
	}

	.knowledge-faq-item summary {
		min-height: 52px;
		padding: 14px 0;
		font-size: 15px;
	}

	.knowledge-editor {
		display: block;
		padding: 16px 16px 56px;
	}

	.knowledge-panel--editor-stage,
	.knowledge-panel--editor-side {
		border-radius: 18px;
		padding: 20px 18px;
		margin-bottom: 16px;
	}

	.knowledge-editor-meta-grid,
	.knowledge-filter-grid--editor,
	.knowledge-filter-grid {
		grid-template-columns: 1fr;
	}

	.knowledge-editor-meta-grid > .knowledge-field {
		grid-template-rows: auto 46px auto;
		gap: 7px;
	}

	.knowledge-editor-meta-grid > .knowledge-field label,
	.knowledge-editor-meta-grid > .knowledge-field small {
		height: auto;
		min-height: 0;
	}

	.knowledge-choice-grid {
		grid-template-columns: 1fr;
	}

	.knowledge-choice-card__body {
		min-height: 74px;
	}

	.knowledge-editor-section--body .knowledge-rich-editor .wp-editor-area {
		min-height: 420px;
	}

	.knowledge-editor-section--body .knowledge-rich-editor iframe {
		min-height: 420px !important;
	}

	.knowledge-link-row {
		grid-template-columns: 1fr;
		gap: 12px;
		padding: 14px;
	}

	.knowledge-link-row > .knowledge-field {
		grid-template-rows: auto 46px;
	}

	.knowledge-link-row__remove,
	.knowledge-repeater-row__remove {
		min-height: 40px;
	}

	.knowledge-editor__side {
		display: block;
		margin-top: 6px;
	}

	.knowledge-panel--editor-side {
		position: static;
	}

	.knowledge-subhero--manage,
	.knowledge-subhero--staff {
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
	}

	.knowledge-app--manage .knowledge-page .knowledge-panel {
		padding: 0 20px;
	}

	.knowledge-app--manage .knowledge-page .knowledge-panel:first-of-type {
		padding-top: 18px;
		padding-bottom: 18px;
	}

	.knowledge-app--manage .knowledge-filter-grid {
		grid-template-columns: 1fr;
	}

	.knowledge-staff-table {
		display: grid;
		gap: 12px;
		border: 0;
		border-radius: 0;
		overflow: visible;
	}

	.knowledge-staff-table__head {
		display: none;
	}

	.knowledge-staff-row {
		min-width: 0;
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
		padding: 16px;
		border: 1px solid var(--kn-line);
		border-radius: 18px;
		background: var(--kn-white);
	}

	.knowledge-staff-row__title h3 {
		font-size: 16px;
	}

	.knowledge-staff-row .knowledge-inline-actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}

	.knowledge-delete-form,
	.knowledge-delete-form .knowledge-button {
		width: 100%;
	}
}

@media (max-width: 560px) {
	.knowledge-hero,
	.knowledge-section,
	.knowledge-subhero,
	.knowledge-context-search,
	.knowledge-detail,
	.knowledge-app--manage .knowledge-page .knowledge-panel {
		padding-left: 16px;
		padding-right: 16px;
		padding-top: 16px;
	}
	
	.knowledge-detail-hero {padding:0px;}

	.knowledge-app--home .knowledge-hero .knowledge-search,
	.knowledge-page--list .knowledge-search--list,
	.knowledge-search {
		min-height: 52px;
	}

	.knowledge-search .knowledge-button {
		padding: 0 12px;
	}

	.knowledge-page--list .knowledge-article-list__item {
		grid-template-columns: 72px minmax(0, 1fr);
		gap: 12px;
	}

	.knowledge-article-list__thumb {
		width: 72px;
		height: 58px;
	}

	.knowledge-meta-strip {
		grid-template-columns: 1fr;
	}

	.knowledge-resource-module__head {
		gap: 10px;
	}

	.knowledge-staff-row .knowledge-inline-actions {
		grid-template-columns: 1fr;
	}
}