/* ====================================================================
   nextclasskr.vercel.app 1:1 미러링 디자인 시스템
   ==================================================================== */

:root {
	--nc-blue:    #0067FF;
	--nc-blue-h:  #005EE9;
	--nc-soft:    #F9FAFC;
	--nc-soft-2:  #F9FAFC;
	--nc-ink:     #0F172A;
	--nc-ink-2:   #1E293B;
	--nc-body:    #475569;
	--nc-line:    #E2E8F0;
	--nc-bg-alt:  #F9FAFC;
	--nc-sale:    #FF2552;
	--nc-radius:  12px;
	--nc-radius-lg: 20px;
	--nc-max:     1120px;

	/* ===== 타이포그래피 스케일 (UIUX 가이드) =====
	   - body (본문): 15px (모바일) / 16px (>=768px)
	   - card title (카드 제목): 16-17px
	   - section h2 (섹션 헤딩): 22-30px
	   - meta (메타/날짜): 13px
	   - chip/tag (칩): 12.5px
	   - eyebrow (라벨): 13px (잘 안 보이게 너무 작지 않게)
	   - micro (저작권/푸터 작은 글자): 12px (이전 11px)
	*/
	--fs-micro:   12px;
	--fs-chip:    12.5px;
	--fs-meta:    13px;
	--fs-body:    15px;
	--fs-md:      16px;
	--fs-lg:      18px;
	--fs-xl:      22px;
}
@media (min-width: 768px) {
	:root {
		--fs-body:  16px;
		--fs-md:    17px;
		--fs-lg:    19px;
		--fs-xl:    24px;
	}
}

/* ===== 기본 ===== */
*,*::before,*::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; overflow-x: hidden; }
body {
	margin: 0; padding: 0;
	width: 100%;
	overflow-x: hidden;
	font-family: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: var(--fs-body);
	letter-spacing: -0.02em;
	word-break: keep-all;
	-webkit-font-smoothing: antialiased;
	color: var(--nc-ink);
	background: #fff;
	line-height: 1.65;
	overflow-x: hidden;
}
h1,h2,h3,h4 {
	font-family: inherit;
	letter-spacing: -0.03em;
	line-height: 1.3;
	margin: 0;
	color: var(--nc-ink);
	font-weight: 800;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
button { font-family: inherit; cursor: pointer; }
p { margin: 0; color: var(--nc-body); }

/* ===== 컨테이너 / 섹션 ===== */
.nc-container { width: 100%; max-width: 100%; margin: 0 auto; padding: 0 16px; box-sizing: border-box; }
@media (min-width: 768px) { .nc-container { padding: 0 40px; } }
@media (min-width: 1120px) { .nc-container { max-width: 1120px; padding: 0 40px; } }
.nc-section { padding: 40px 0; }
@media (min-width: 768px) { .nc-section { padding: 48px 0; } }
.nc-bgalt { background: var(--nc-bg-alt); }

.nc-section-head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 20px; gap: 16px; }
.nc-eyebrow { font-size: 12px; font-weight: 700; color: var(--nc-blue); margin: 0 0 8px; letter-spacing: 0; }
.nc-section-title { font-size: clamp(20px, 4.5vw, 26px); font-weight: 800; color: var(--nc-ink); }
.nc-section-more { font-size: 13px; font-weight: 600; color: var(--nc-blue); white-space: nowrap; }
.nc-section-more:hover { text-decoration: underline; }
.nc-section-sub { font-size: 12px; color: var(--nc-body); margin-top: 4px; }

/* Search type chips */
.nc-search-chips { display: flex; gap: 6px; margin: -8px 0 20px; flex-wrap: wrap; }
.nc-search-chip { display: inline-flex; align-items: center; padding: 6px 14px; border-radius: 999px; border: 1px solid var(--nc-line); font-size: 13px; font-weight: 600; color: var(--nc-body); background: #fff; transition: border-color 0.15s, color 0.15s, background 0.15s; }
.nc-search-chip:hover { border-color: var(--nc-blue); color: var(--nc-blue); }
.nc-search-chip.is-active { background: var(--nc-blue); color: #fff; border-color: var(--nc-blue); }

/* Related posts heading */
.nc-related-h2 { text-align: center; margin-bottom: 24px; }

/* ===== 버튼 ===== */
.nc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 14px 22px; border-radius: 12px; font-size: 14px; font-weight: 700; transition: transform 0.15s, background 0.2s, color 0.2s; border: 1px solid transparent; text-decoration: none; }
/* 버튼 글자색 강제 — 어떤 상위 a 룰도 못 덮게 (앵커·버튼·visited·hover 전부 커버) */
a.nc-btn-primary, a.nc-btn-primary:link, a.nc-btn-primary:visited, a.nc-btn-primary:hover, a.nc-btn-primary:active,
button.nc-btn-primary, .nc-btn-primary { color: #fff !important; }
a.nc-btn-ghost, a.nc-btn-ghost:link, a.nc-btn-ghost:visited, a.nc-btn-ghost:hover, a.nc-btn-ghost:active,
button.nc-btn-ghost, .nc-btn-ghost { color: var(--nc-ink) !important; }
a.nc-btn-outline, a.nc-btn-outline:link, a.nc-btn-outline:visited, a.nc-btn-outline:hover, a.nc-btn-outline:active,
button.nc-btn-outline, .nc-btn-outline { color: var(--nc-blue) !important; }
.nc-btn:active { transform: scale(0.97); }
.nc-btn-primary { background: var(--nc-blue); color: #fff; }
.nc-btn-primary:hover { background: var(--nc-blue-h); }
.nc-btn-outline { background: #fff; color: var(--nc-ink); border-color: var(--nc-line); }
.nc-btn-outline:hover { border-color: var(--nc-ink); }
.nc-btn-white { background: #fff; color: var(--nc-blue); }
.nc-btn-white:hover { background: #f3f6ff; }

/* 출판사 톤 CTA — 흰 배경 + 잔잔한 테두리 (그라데이션 X) */
.nc-final-cta { background: #fff; border: 1px solid var(--nc-line); border-radius: var(--nc-radius-lg); padding: 56px 28px; text-align: center; max-width: 720px; margin: 0 auto; position: relative; }
.nc-final-cta::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 56px; height: 3px; background: var(--nc-blue); border-radius: 0 0 4px 4px; }
.nc-final-cta h2 { font-size: clamp(22px, 3.5vw, 30px); font-weight: 800; color: var(--nc-ink); margin-bottom: 10px; letter-spacing: -0.03em; }
.nc-final-cta p { color: var(--nc-body); font-size: 14px; margin-bottom: 22px; }

/* ===== 히어로 우측 책 미리보기 ===== */
.nc-hero-preview { display: flex; flex-direction: column; gap: 12px; width: 100%; max-width: 100%; min-width: 0; }
.nc-hero-preview-eyebrow { font-size: 12.5px; font-weight: 700; color: var(--nc-blue); letter-spacing: 0.4px; }
.nc-hero-preview-card { display: flex; gap: 18px; background: #fff; border: 1px solid var(--nc-line); border-radius: var(--nc-radius-lg); padding: 20px; text-decoration: none; transition: transform 0.18s, box-shadow 0.18s, border-color 0.18s; min-width: 0; box-shadow: 0 8px 24px -16px rgba(15,23,42,0.18); }
.nc-hero-preview-card:hover { transform: translateY(-3px); box-shadow: 0 18px 36px -20px rgba(15,23,42,0.25); border-color: var(--nc-blue); }
.nc-hero-preview-cover { width: 120px; flex-shrink: 0; aspect-ratio: 3/4; object-fit: cover; border-radius: 6px; box-shadow: 0 6px 18px -8px rgba(15,23,42,0.3); }
.nc-hero-preview-cover.is-fallback { aspect-ratio: 1/1; object-fit: contain; background: linear-gradient(135deg, #F8FAFC 0%, #EEF2F7 100%); padding: 6px; box-shadow: none; border: 1px solid var(--nc-line); }
.nc-hero-preview-card.is-fallback { align-items: center; }
.nc-hero-preview-cover-blank { width: 120px; flex-shrink: 0; aspect-ratio: 3/4; background: linear-gradient(135deg, #1E3A8A 0%, #2563EB 100%); color: #fff; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 48px; font-weight: 900; letter-spacing: -0.04em; box-shadow: 0 6px 18px -8px rgba(15,23,42,0.3); }
.nc-hero-preview-body { display: flex; flex-direction: column; gap: 6px; min-width: 0; flex: 1; }
.nc-hero-preview-cat { font-size: 11px; font-weight: 700; color: var(--nc-blue); background: rgba(0,103,255,0.08); padding: 3px 8px; border-radius: 4px; align-self: flex-start; letter-spacing: 0.3px; }
.nc-hero-preview-title { font-size: 17px; font-weight: 800; color: var(--nc-ink); line-height: 1.3; letter-spacing: -0.02em; }
.nc-hero-preview-chapter { font-size: 12px; color: var(--nc-body); font-weight: 600; margin-top: 2px; }
.nc-hero-preview-quote { font-size: 13px; color: var(--nc-body); line-height: 1.55; margin: 6px 0 0; font-style: normal; border-left: 3px solid var(--nc-line); padding-left: 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.nc-hero-preview-link { font-size: 13px; font-weight: 700; color: var(--nc-blue); margin-top: auto; }
@media (max-width: 600px) {
	.nc-hero-preview-card { padding: 16px; gap: 14px; }
	.nc-hero-preview-cover, .nc-hero-preview-cover-blank { width: 90px; }
	.nc-hero-preview-title { font-size: 15px; }
	.nc-hero-preview-quote { -webkit-line-clamp: 2; }
}
.nc-btn-block { display: flex; width: 100%; justify-content: center; max-width: 320px; margin: 0 auto; }
.nc-btn-lg { padding: 16px 26px; font-size: 15px; }

/* ===== 헤더 ===== */
:root { --nc-header-h: 56px; --nc-sticky-top: 56px; }
@media (min-width: 768px) { :root { --nc-header-h: 64px; --nc-sticky-top: 64px; } }
/* WP admin-bar 는 html margin-top 으로 이미 body 를 푸시 — sticky-top 에 다시 더하면 갭 발생 */
.nc-header { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,0.92); backdrop-filter: blur(10px); border-bottom: 1px solid var(--nc-line); }
.nc-header-inner { max-width: 1120px; margin: 0 auto; padding: 0 16px; height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
@media (min-width: 768px) { .nc-header-inner { padding: 0 40px; height: 64px; } }
.nc-logo { font-size: 17px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.03em; }
.nc-nav ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 28px; }
.nc-nav a, .nc-nav a:visited { font-size: 15px; font-weight: 600; color: var(--nc-ink); transition: opacity 0.15s; letter-spacing: -0.01em; }
.nc-nav a:hover { color: var(--nc-ink); opacity: 0.6; }
.nc-mobile-menu a, .nc-mobile-menu a:visited { color: var(--nc-ink); }
@media (min-width: 1024px) { .nc-nav a { font-size: 16px; } .nc-nav ul { gap: 32px; } }
.nc-header-actions { display: flex; align-items: center; gap: 8px; }
.nc-header-cta { font-size: 13px; font-weight: 600; color: var(--nc-ink); padding: 8px 14px; border-radius: 10px; border: 1px solid var(--nc-line); transition: border-color 0.15s; }
.nc-header-cta:hover { border-color: var(--nc-ink); }
.nc-header-mypage { display: inline-flex; align-items: center; gap: 8px; padding: 5px 14px 5px 5px; border: 1px solid var(--nc-line); border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--nc-ink); transition: border-color 0.15s; }
.nc-header-mypage:hover { border-color: var(--nc-blue); color: var(--nc-blue); }
.nc-header-avatar { width: 28px; height: 28px; border-radius: 50%; background: var(--nc-blue); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; flex-shrink: 0; }
@media (max-width: 768px) { .nc-header-mypage-label { display: none; } .nc-header-mypage { padding: 4px; border: 0; } }
html body a.nc-header-admin { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: var(--nc-blue, #0067ff); color: #fff !important; font-size: 12.5px; font-weight: 700; line-height: 1; transition: background 0.15s; text-decoration: none; }
html body a.nc-header-admin:hover { background: #0052cc; color: #fff !important; }
html body a.nc-header-admin svg { width: 13px; height: 13px; stroke: #fff; }
html body a.nc-header-admin span { color: #fff !important; }
@media (max-width: 768px) { a.nc-header-admin span { display: none; } a.nc-header-admin { padding: 6px; } }

.nc-menu-btn { display: none; width: 40px; height: 40px; border: 1px solid var(--nc-line); background: #fff; padding: 0 11px; border-radius: 10px; flex-direction: column; align-items: stretch; justify-content: center; gap: 4px; cursor: pointer; }
.nc-menu-btn span { width: 100%; height: 2px; background: var(--nc-ink); display: block; border-radius: 2px; transition: transform 0.2s, opacity 0.2s; }
body.nc-menu-open .nc-menu-btn span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
body.nc-menu-open .nc-menu-btn span:nth-child(2) { opacity: 0; }
body.nc-menu-open .nc-menu-btn span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.nc-mobile-menu { display: none; }

/* Header search */
.nc-header-search-btn { width: 36px; height: 36px; border: 1px solid var(--nc-line); border-radius: 10px; background: #fff; color: var(--nc-ink); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: border-color 0.15s, color 0.15s; }
.nc-header-search-btn:hover { border-color: var(--nc-blue); color: var(--nc-blue); }
.nc-header-searchbar { display: none; border-top: 1px solid var(--nc-line); background: #fff; padding: 12px 16px; }
body.nc-search-open .nc-header-searchbar { display: block; }
.nc-header-search-form { max-width: 720px; margin: 0 auto; display: flex; align-items: center; gap: 10px; background: var(--nc-soft); border-radius: 999px; padding: 10px 14px; border: 1px solid var(--nc-line); }
.nc-header-search-form svg { color: var(--nc-muted, #8b94a7); flex-shrink: 0; }
.nc-header-search-form input { flex: 1; background: transparent; border: 0; outline: 0; font-size: 14px; color: var(--nc-ink); padding: 2px 0; }

/* 검색 자동완성 dropdown */
.nc-search-suggest { max-width: 720px; margin: 8px auto 0; background: #fff; border: 1px solid var(--nc-line); border-radius: 12px; box-shadow: 0 8px 24px -16px rgba(15,23,42,0.18); max-height: 60vh; overflow-y: auto; }
.nc-sug-empty { padding: 24px; text-align: center; color: var(--nc-body); font-size: 13.5px; }
.nc-sug-section { padding: 8px 0; border-bottom: 1px solid var(--nc-soft); }
.nc-sug-section:last-child { border-bottom: 0; }
.nc-sug-title { padding: 6px 16px; font-size: 11px; font-weight: 700; color: var(--nc-body); text-transform: uppercase; letter-spacing: 0.06em; }
.nc-sug-item { display: flex; align-items: center; gap: 12px; padding: 9px 16px; transition: background 0.12s; color: var(--nc-ink); }
.nc-sug-item:hover { background: var(--nc-soft); }
.nc-sug-thumb { width: 36px; height: 48px; border-radius: 5px; background: linear-gradient(135deg, #6e8cff, #6f6cf7); background-size: cover !important; background-position: center !important; flex-shrink: 0; }
.nc-sug-item-post .nc-sug-thumb { display: none; }
.nc-sug-cat { font-size: 10.5px; font-weight: 600; color: var(--nc-blue); margin-bottom: 2px; }
.nc-sug-name { font-size: 13.5px; font-weight: 600; color: var(--nc-ink); line-height: 1.3; }
.nc-sug-name mark { background: rgba(0,103,255,0.12); color: var(--nc-blue); padding: 0 2px; border-radius: 3px; }
.nc-sug-all { display: block; padding: 12px 16px; text-align: center; font-size: 13px; font-weight: 700; color: var(--nc-blue); background: var(--nc-soft); border-top: 1px solid var(--nc-line); }
.nc-sug-all:hover { background: rgba(0,103,255,0.08); }
.nc-header-search-form input::placeholder { color: var(--nc-muted, #8b94a7); }
.nc-header-search-close { background: none; border: 0; color: var(--nc-muted, #8b94a7); cursor: pointer; font-size: 14px; padding: 4px 8px; }
.nc-header-search-close:hover { color: var(--nc-ink); }

@media (max-width: 840px) {
	.nc-nav { display: none; }
	.nc-menu-btn { display: flex; }
	/* 우측 드로어 본체 */
	html body .nc-mobile-menu { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: 86% !important; max-width: 380px; height: 100vh !important; max-height: 100vh; background: #fff !important; box-shadow: -20px 0 48px -28px rgba(15,23,42,0.25); display: flex !important; flex-direction: column !important; padding: 72px 0 0 !important; gap: 0; transform: translateX(100%); transition: transform 0.28s cubic-bezier(0.32, 0.72, 0, 1); z-index: 110; overflow-y: auto; text-align: left; }
	html body.nc-menu-open .nc-mobile-menu { transform: translateX(0) !important; }
	body.nc-menu-open::after { content: ''; position: fixed; inset: 0; background: rgba(15,23,42,0.45); z-index: 95; transition: opacity 0.2s; pointer-events: auto; backdrop-filter: blur(2px); }
	body.nc-menu-open { overflow: hidden; }

	/* 상단 그리팅/CTA */
	.nc-mm-top { padding: 4px 20px 18px; }
	.nc-mm-greet { display: flex; align-items: center; gap: 14px; padding: 16px 16px; background: rgba(0,103,255,0.04); border-radius: 14px; text-decoration: none; transition: background 0.15s; }
	.nc-mm-greet:hover { background: rgba(0,103,255,0.05); }
	.nc-mm-greet-avatar { width: 44px; height: 44px; border-radius: 50%; background: var(--nc-blue); color: #fff !important; display: flex; align-items: center; justify-content: center; font-size: 17px; font-weight: 800; flex-shrink: 0; }
	.nc-mm-greet-text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
	.nc-mm-greet-name { font-size: 15px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; }
	.nc-mm-greet-sub { font-size: 12.5px; color: var(--nc-blue); font-weight: 600; }
	.nc-mm-cta-card { padding: 20px 18px; background: linear-gradient(135deg, #F9FAFC, #F9FAFC); border-radius: 14px; }
	.nc-mm-cta-lede { font-size: 13.5px; font-weight: 700; color: var(--nc-ink); margin: 0 0 12px; letter-spacing: -0.02em; }
	.nc-mm-cta-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
	.nc-mm-cta-line { padding: 11px 12px; background: #fff; color: var(--nc-ink) !important; border: 1px solid var(--nc-line); border-radius: 9px; font-size: 13px; font-weight: 700; text-align: center; transition: border-color 0.15s; }
	.nc-mm-cta-line:hover { border-color: var(--nc-blue); color: var(--nc-blue) !important; }
	.nc-mm-cta-fill { padding: 11px 12px; background: var(--nc-blue); color: #fff !important; border: 1px solid var(--nc-blue); border-radius: 9px; font-size: 13px; font-weight: 800; text-align: center; transition: background 0.15s; }
	.nc-mm-cta-fill:hover { background: var(--nc-blue-h); }

	/* 메뉴 항목 */
	.nc-mm-nav { display: flex; flex-direction: column; padding: 6px 12px 14px; flex: 1; }
	.nc-mm-link { display: flex; align-items: center; justify-content: space-between; padding: 14px 14px; border-radius: 12px; text-decoration: none; transition: background 0.12s; }
	.nc-mm-link:hover, .nc-mm-link:active { background: var(--nc-soft); }
	.nc-mm-link-text { display: inline-flex; align-items: center; gap: 12px; font-size: 16px; font-weight: 700; color: var(--nc-ink); letter-spacing: -0.02em; }
	.nc-mm-link-emoji { font-size: 18px; width: 26px; text-align: center; }
	.nc-mm-arrow { color: #cbd5e1; font-size: 14px; font-weight: 600; transition: color 0.12s, transform 0.12s; }
	.nc-mm-link:hover .nc-mm-arrow { color: var(--nc-blue); transform: translateX(2px); }

	/* 하단 보조 */
	.nc-mm-foot { display: flex; gap: 0; padding: 16px 20px 24px; border-top: 1px solid var(--nc-line); margin-top: auto; background: var(--nc-soft); align-items: center; flex-wrap: wrap; }
	.nc-mm-foot-link { font-size: 12.5px; color: var(--nc-body) !important; font-weight: 500; padding: 6px 0; text-decoration: none; }
	.nc-mm-foot-link:hover { color: var(--nc-blue) !important; }
	.nc-mm-foot-link + .nc-mm-foot-link { margin-left: 18px; padding-left: 18px; border-left: 1px solid #cbd5e1; }
	.nc-mm-foot-logout { margin-left: auto !important; border-left: 0 !important; padding-left: 0 !important; color: #94a3b8 !important; }
}
@media (max-width: 480px) {
	html body .nc-mobile-menu { width: 92% !important; }
}

/* ===== HERO (좌측정렬 파스텔) ===== */
.nc-hero { background: #fff; padding-bottom: 8px; overflow: hidden; width: 100%; box-sizing: border-box; }
.nc-hero-inner { width: 100%; max-width: 100%; margin: 0 auto; padding: 28px 16px 36px; text-align: left; box-sizing: border-box; }
@media (min-width: 768px) {
	.nc-hero-inner { padding: 80px 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
	.nc-hero-copy { min-width: 0; }
	.nc-stat-blue { margin-top: 0 !important; }
}
@media (min-width: 1120px) { .nc-hero-inner { max-width: 1120px; padding: 80px 40px; gap: 60px; } }
.nc-hero-eyebrow { display: inline-block; font-size: 12.5px; font-weight: 600; color: var(--nc-blue); background: var(--nc-soft); padding: 6px 12px; border-radius: 8px; margin-bottom: 18px; letter-spacing: -0.01em; }
.nc-hero-title { font-size: clamp(26px, 7vw, 36px); font-weight: 800; line-height: 1.25; color: var(--nc-ink); margin-bottom: 14px; letter-spacing: -0.035em; }
.nc-hero-title em { font-style: normal; color: var(--nc-blue); }
.nc-hero-sub { font-size: 14px; color: var(--nc-body); margin: 0 0 22px; line-height: 1.7; }
.nc-hero-cta { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 24px; }

/* ===== 파란 그라데이션 STAT 카드 (Hero 내부) ===== */
.nc-stat-blue { position: relative; background: linear-gradient(135deg, #1d79ff 0%, var(--nc-blue) 60%, #2747f9 100%); color: #fff; border-radius: var(--nc-radius-lg); padding: 28px 24px 44px; box-shadow: 0 20px 40px -20px rgba(0,103,255,0.55); margin: 0 0 28px; width: 100%; max-width: 100%; box-sizing: border-box; }
.nc-stat-blue * { box-sizing: border-box; min-width: 0; }
@media (min-width: 768px) { .nc-stat-blue { padding: 48px 36px 64px; min-height: 320px; display: flex; flex-direction: column; justify-content: center; aspect-ratio: 1 / 0.75; } .nc-stat-blue-big { font-size: 64px; } .nc-stat-blue-cell .n { font-size: 28px; } }
.nc-stat-blue-main { display: flex; flex-direction: column; align-items: center; margin-bottom: 24px; width: 100%; text-align: center; }
.nc-stat-blue-label { font-size: 13px; color: rgba(255,255,255,0.9); margin-bottom: 8px; font-weight: 500; }
.nc-stat-blue-big { font-size: clamp(48px, 9vw, 72px); font-weight: 800; line-height: 1; letter-spacing: -0.04em; color: #fff; }
.nc-stat-blue-big span { font-size: 0.5em; font-weight: 700; margin-left: 2px; color: rgba(255,255,255,0.9); }
.nc-stat-blue-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.18); text-align: center; }
.nc-stat-blue-cell .n { font-size: clamp(22px, 3vw, 30px); font-weight: 800; color: #fff; letter-spacing: -0.03em; line-height: 1; }
.nc-stat-blue-cell .n span { font-size: 0.55em; font-weight: 700; margin-left: 2px; color: rgba(255,255,255,0.9); }
.nc-stat-blue-cell .l { font-size: 13px; color: rgba(255,255,255,0.85); margin-top: 8px; }
.nc-stat-blue-floating { position: absolute; left: 16px; bottom: -16px; background: #fff; color: var(--nc-ink); border-radius: 999px; padding: 10px 16px 10px 12px; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 10px 25px -10px rgba(15,23,42,0.25); font-size: 12px; white-space: nowrap; }
.nc-stat-blue-floating strong { color: var(--nc-blue); font-weight: 800; }
.nc-stat-blue-floating .dot { width: 8px; height: 8px; background: var(--nc-success, #00D255); border-radius: 50%; flex-shrink: 0; }

/* ===== Lite STAT 섹션 (홈 — 부드러운 강조 톤) ===== */
.nc-litestats { background: linear-gradient(180deg, var(--nc-soft) 0%, #FFFFFF 100%); padding: 64px 0; border-top: 1px solid var(--nc-line); border-bottom: 1px solid var(--nc-line); }
.nc-litestats-head { text-align: center; margin-bottom: 36px; }
.nc-litestats-eyebrow { font-size: 13px; font-weight: 700; color: var(--nc-blue); letter-spacing: 0.04em; margin: 0 0 10px; }
.nc-litestats-title { font-size: clamp(22px, 4vw, 30px); font-weight: 800; color: var(--nc-ink); letter-spacing: -0.025em; margin: 0; line-height: 1.4; }
.nc-litestats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; max-width: 880px; margin: 0 auto; }
@media (min-width: 720px) { .nc-litestats-grid { grid-template-columns: repeat(4, 1fr); gap: 16px; } }
.nc-litestats-cell { text-align: center; padding: 24px 18px; min-width: 0; background: #fff; border: 1px solid var(--nc-line); border-radius: 14px; transition: border-color 0.15s, transform 0.15s; }
.nc-litestats-cell:hover { border-color: rgba(0,103,255,0.3); transform: translateY(-2px); }
.nc-litestats-cell .n { font-size: clamp(28px, 4.5vw, 36px); font-weight: 800; color: var(--nc-blue); letter-spacing: -0.04em; line-height: 1.1; }
.nc-litestats-cell .n span { font-size: 0.5em; font-weight: 700; margin-left: 2px; color: var(--nc-body); }
.nc-litestats-cell .l { font-size: 15px; font-weight: 700; color: var(--nc-ink); margin-top: 12px; letter-spacing: -0.01em; }
.nc-litestats-cell .d { font-size: 13px; color: var(--nc-body); margin-top: 6px; }

/* (legacy 다크 stat 카드 제거 — 이제 .nc-stat-card는 mypage 용으로만 사용) */
@media (max-width: 480px) {
	.nc-stat-mini { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px 12px; }
	.nc-stat-mini .nc-stat-cell { text-align: left; }
	.nc-stat-mini .n { font-size: 13px; }
	.nc-stat-mini .l { font-size: 10px; }
}

/* ===== 책 카드 (반응형 그리드) ===== */
.nc-book-scroll { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
@media (max-width: 840px) { .nc-book-scroll { grid-template-columns: repeat(2, 1fr); gap: 14px; } }
@media (max-width: 480px) { .nc-book-scroll { grid-template-columns: repeat(2, 1fr); gap: 12px; } }

.nc-book-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; align-items: stretch; grid-auto-rows: 1fr; }
@media (max-width: 840px) { .nc-book-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } }
@media (max-width: 480px) { .nc-book-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } }

.nc-book-card { display: block; background: #fff; border: 1px solid var(--nc-line); border-radius: 12px; overflow: hidden; transition: transform 0.18s, box-shadow 0.18s, border-color 0.18s; min-width: 0; padding: 8px; }
.nc-book-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px -14px rgba(15,23,42,0.16); border-color: var(--nc-blue); }
.nc-book-thumb { position: relative; aspect-ratio: 16/9; background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); overflow: hidden; border-radius: 8px; box-shadow: inset 0 0 0 1px rgba(15,23,42,0.04); display: flex; align-items: center; justify-content: center; }
.nc-book-thumb-img { max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; object-fit: contain; display: block; }
.nc-book-tag-row { display: flex; gap: 4px; margin-bottom: 4px; flex-wrap: wrap; align-items: center; }
.nc-tag { display: inline-flex; align-items: center; height: 20px; font-size: 11px; font-weight: 700; padding: 0 8px; border-radius: 999px; line-height: 1; letter-spacing: -0.01em; }
.nc-tag-cat { background: rgba(0,103,255,0.08); color: var(--nc-blue); }
.nc-tag-sale { background: var(--nc-sale); color: #fff; }
.nc-tag-free { background: var(--nc-blue); color: #fff; }
.nc-book-badge { position: absolute; top: 10px; right: 10px; display: flex; gap: 4px; }
.nc-badge { font-size: 10px; font-weight: 700; padding: 3px 8px; border-radius: 6px; background: rgba(0,0,0,0.7); color: #fff; }
.nc-badge-new { background: var(--nc-sale); }

.nc-book-card { display: flex; flex-direction: column; height: 100%; }
.nc-book-body { padding: 10px 4px 4px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.nc-book-title { font-size: 14.5px; font-weight: 700; color: var(--nc-ink); line-height: 1.45; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; letter-spacing: -0.018em; }
.nc-book-meta { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--nc-body); margin: 0; }
.nc-book-rating { color: var(--nc-ink); font-weight: 600; }
.nc-book-rating::before { content: "★ "; color: #facc15; }
.nc-book-price-row { display: flex; align-items: baseline; gap: 6px; padding-top: 2px; margin-top: auto; }
.nc-book-price { font-size: 15px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.015em; }
.nc-book-price-strike { font-size: 12px; color: var(--nc-body); text-decoration: line-through; }
.nc-book-price-free { font-size: 15px; font-weight: 800; color: var(--nc-blue); }
.nc-book-badge { position: absolute; top: 8px; right: 8px; }
@media (max-width: 480px) {
	.nc-book-card { padding: 6px; border-radius: 10px; }
	.nc-book-thumb { border-radius: 6px; }
	.nc-book-body { padding: 8px 3px 3px; gap: 3px; }
	.nc-book-title { font-size: 13.5px; min-height: calc(13.5px * 1.4 * 2); }
	.nc-book-price { font-size: 14px; }
	.nc-book-tag-row { margin-bottom: 2px; }
	.nc-tag { font-size: 10px; height: 18px; }
}
.nc-card-progress { height: 4px; background: var(--nc-line); border-radius: 2px; overflow: hidden; margin: 8px 0; }
.nc-card-progress span { display: block; height: 100%; background: var(--nc-blue); border-radius: 2px; transition: width 0.25s; }

/* ===== 블로그 단일 글 (컴팩트 PC) ===== */
.nc-post { padding: 0 0 60px; }
.nc-post-hero { padding: 32px 0 20px; text-align: center; background: linear-gradient(180deg, var(--nc-soft) 0%, #fff 100%); margin-bottom: 18px; }
@media (min-width: 768px) { .nc-post-hero { padding: 44px 0 24px; margin-bottom: 22px; } }
.nc-post-cat { font-size: 11px; font-weight: 800; color: var(--nc-blue); letter-spacing: 0.06em; margin-bottom: 10px; text-transform: uppercase; }
.nc-post-title { font-size: clamp(22px, 3.4vw, 32px); font-weight: 800; color: var(--nc-ink); line-height: 1.32; letter-spacing: -0.03em; margin-bottom: 12px; }
.nc-post-meta { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 12px; color: var(--nc-body); flex-wrap: wrap; }
.nc-post-meta .dot { width: 3px; height: 3px; background: var(--nc-line); border-radius: 50%; }
.nc-post-author { font-size: 12.5px; color: var(--nc-body); font-weight: 600; }
.nc-post-thumb { aspect-ratio: 16/9; background: var(--nc-bg-alt); border-radius: var(--nc-radius-lg); overflow: hidden; margin-bottom: 32px; }
.nc-post-thumb-img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; }
@media (min-width: 768px) { .nc-post-thumb { margin-bottom: 40px; } }
.nc-post-content img { border-radius: 8px; margin: 18px auto; max-width: 100%; height: auto; }
/* 본문 + TOC 사이드바 그리드 */
.nc-post-grid { display: grid; grid-template-columns: 1fr; gap: 24px; max-width: 1240px; margin: 0 auto; padding: 0 20px; }
.nc-post-article { min-width: 0; }
.nc-post-content, .nc-reader-body { max-width: 720px; margin: 0 auto; }
.nc-post-footer { max-width: 720px; margin: 48px auto 0; padding-top: 28px; border-top: 1px solid var(--nc-line); }
.nc-reader-end { max-width: 720px; margin: 64px auto 0; }

@media (min-width: 1024px) {
	.nc-post-grid { grid-template-columns: minmax(0, 720px) 280px; justify-content: center; gap: 60px; }
	.nc-post-content, .nc-reader-body, .nc-post-footer, .nc-reader-end { margin-left: 0; margin-right: 0; }
}

/* TOC — 모바일 (collapsible) */
.nc-toc-mobile { background: var(--nc-bg-alt); border: 1px solid var(--nc-line); border-radius: var(--nc-radius); padding: 14px 18px; margin-bottom: 28px; }
.nc-toc-mobile summary { font-size: 13px; font-weight: 800; color: var(--nc-ink); cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; }
.nc-toc-mobile summary::-webkit-details-marker { display: none; }
.nc-toc-mobile summary::after { content: "▾"; font-size: 12px; color: var(--nc-body); transition: transform 0.2s; }
.nc-toc-mobile[open] summary::after { transform: rotate(180deg); }
.nc-toc-mobile .nc-toc-list { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--nc-line); }
.nc-toc-mobile:empty, .nc-toc-mobile.is-empty { display: none; }
@media (min-width: 1024px) { .nc-toc-mobile { display: none; } }

/* body overflow hijack 방지 — position: sticky 가 작동하려면 */
body.nc-template { overflow-x: clip; overflow-y: visible; }

/* TOC — 데스크탑 sticky 사이드바 */
.nc-toc-desktop { display: none; }
@media (min-width: 1024px) {
	.nc-toc-desktop { display: block; position: sticky; top: var(--nc-sticky-top); align-self: start; max-height: calc(100vh - var(--nc-sticky-top) - 24px); overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none; }
	.nc-toc-desktop::-webkit-scrollbar { display: none; width: 0; height: 0; }
	.nc-toc-desktop.is-empty { display: none; }
	.nc-toc-inner { border-left: 2px solid var(--nc-line); padding: 6px 0 6px 18px; }
	.nc-toc-head { font-size: 11px; font-weight: 800; color: var(--nc-body); letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 14px; }
}

.nc-toc-list { display: flex; flex-direction: column; gap: 2px; }
.nc-toc-list a { font-size: 13px; color: var(--nc-body); line-height: 1.5; padding: 7px 12px; display: block; transition: color 0.15s, background 0.15s; border-radius: 6px; word-break: keep-all; overflow-wrap: break-word; }
.nc-toc-list a:hover { color: var(--nc-ink); background: var(--nc-bg-alt); }
.nc-toc-list a.is-active { color: var(--nc-blue); font-weight: 700; background: var(--nc-soft); }
.nc-toc-list a.lv-3 { padding-left: 26px; font-size: 12.5px; opacity: 0.85; }
.nc-toc-list a.lv-3::before { content: ""; }

.nc-post-share { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--nc-body); }
.nc-post-share a, .nc-post-share button { display: inline-flex; align-items: center; padding: 7px 14px; border: 1px solid var(--nc-line); border-radius: 999px; background: #fff; color: var(--nc-ink); font-size: 12px; font-weight: 600; cursor: pointer; transition: border-color 0.15s, color 0.15s; }
.nc-post-share a:hover, .nc-post-share button:hover { border-color: var(--nc-blue); color: var(--nc-blue); }

/* ===== 블로그 리스트 (매거진형, PC 4-col) ===== */
.nc-blog-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
@media (min-width: 640px) { .nc-blog-list { grid-template-columns: repeat(3, 1fr); gap: 16px; } }
@media (min-width: 960px) { .nc-blog-list { grid-template-columns: repeat(4, 1fr); gap: 18px; } }
@media (min-width: 1280px) { .nc-blog-list { grid-template-columns: repeat(4, 1fr); gap: 22px; } }
.nc-blog-card { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--nc-line); border-radius: 14px; overflow: hidden; transition: transform 0.18s, box-shadow 0.18s, border-color 0.18s; }
.nc-blog-card:hover { transform: translateY(-2px); box-shadow: 0 16px 36px -18px rgba(15,23,42,0.18); border-color: var(--nc-blue); }
.nc-blog-thumb { aspect-ratio: 16/10; background: var(--nc-soft); position: relative; overflow: hidden; }
.nc-blog-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
/* 태그를 body 안으로 이동 — 썸네일 가림 방지 */
.nc-blog-body > .nc-tag { position: static; align-self: flex-start; background: var(--nc-soft); color: var(--nc-blue); padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: 0.02em; }
.nc-blog-body { padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.nc-blog-cat { font-size: 11.5px; color: var(--nc-blue); font-weight: 700; letter-spacing: 0.04em; }
.nc-blog-title { font-size: var(--fs-md); font-weight: 700; color: var(--nc-ink); line-height: 1.5; letter-spacing: -0.02em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 3em; }
.nc-blog-excerpt { font-size: 14px; color: var(--nc-body); line-height: 1.65; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; }
.nc-blog-meta { margin-top: auto; padding-top: 12px; font-size: var(--fs-meta); color: var(--nc-body); display: flex; gap: 8px; align-items: center; }
.nc-blog-meta .dot { width: 3px; height: 3px; background: var(--nc-line); border-radius: 50%; }
@media (min-width: 640px) {
	.nc-blog-body { padding: 22px 24px 24px; gap: 12px; }
	.nc-blog-title { font-size: 16px; }
	.nc-blog-excerpt { font-size: 13.5px; }
}

/* 블로그 검색·필터 + 페이지네이션 + 빈 카드 */
.nc-blog-filter { display: flex; gap: 10px; margin-bottom: 24px; flex-wrap: wrap; }
.nc-blog-search { position: relative; flex: 1; min-width: 200px; }
.nc-blog-search input { width: 100%; padding: 12px 44px 12px 16px; border: 1px solid var(--nc-line); border-radius: 999px; font-size: 14px; background: #fff; }
.nc-blog-search input:focus { outline: none; border-color: var(--nc-blue); }
.nc-blog-search button { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); background: var(--nc-blue); border: 0; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; color: #fff; display: inline-flex; align-items: center; justify-content: center; transition: background 0.15s; }
.nc-blog-search button:hover { background: var(--nc-blue-h); }
.nc-blog-search input { padding-right: 50px; }
.nc-blog-search .nc-search-suggest { position: absolute; top: calc(100% + 6px); left: 0; right: 0; max-width: none; margin: 0; z-index: 50; }
.nc-blog-filter select { padding: 12px 16px; border: 1px solid var(--nc-line); border-radius: 999px; font-size: 14px; background: #fff; cursor: pointer; min-width: 160px; }
.nc-blog-filter select:focus { outline: none; border-color: var(--nc-blue); }
.nc-blog-cats { display: flex; gap: 8px; margin-bottom: 24px; overflow-x: auto; padding: 10px 0; position: sticky; top: 56px; background: #fff; z-index: 20; }
@media (min-width: 768px) { .nc-blog-cats { top: 64px; } }
.nc-blog-cats::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: var(--nc-line); }
.nc-blog-cats::-webkit-scrollbar { display: none; }
.nc-blog-cat { flex-shrink: 0; padding: 9px 16px; border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--nc-body); background: #fff; border: 1px solid var(--nc-line); white-space: nowrap; transition: all 0.15s; }
.nc-blog-cat:hover { border-color: var(--nc-ink); color: var(--nc-ink); }
.nc-blog-cat.is-active { background: var(--nc-ink); border-color: var(--nc-ink); color: #fff; }

.nc-pagination { display: flex; justify-content: center; gap: 6px; margin-top: 36px; }
.nc-pagination a, .nc-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 10px; border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--nc-ink); background: #fff; border: 1px solid var(--nc-line); }
.nc-pagination a:hover { border-color: var(--nc-blue); color: var(--nc-blue); }
.nc-pagination .current { background: var(--nc-blue); color: #fff; border-color: var(--nc-blue); }

/* Blog active filter bar */
.nc-blog-result-bar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: -8px 0 18px; padding: 12px 16px; background: var(--nc-soft); border-radius: 12px; font-size: 13px; color: var(--nc-ink); }
.nc-blog-result-count { font-weight: 600; color: var(--nc-body); }
.nc-blog-result-count strong { color: var(--nc-ink); }
.nc-blog-result-chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 4px 4px 10px; background: #fff; border: 1px solid var(--nc-line); border-radius: 999px; font-size: 12px; font-weight: 600; }
.nc-blog-result-chip a { width: 18px; height: 18px; border-radius: 50%; background: var(--nc-bg-alt, #f1f5f9); color: var(--nc-body); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; text-decoration: none; line-height: 1; }
.nc-blog-result-chip a:hover { background: var(--nc-ink); color: #fff; }
.nc-blog-result-reset { margin-left: auto; font-size: 12px; color: var(--nc-blue); font-weight: 600; text-decoration: none; }
.nc-blog-result-reset:hover { text-decoration: underline; }
.nc-pagination .dots { background: transparent; border: 0; }

.nc-empty-card { background: linear-gradient(180deg, var(--nc-soft) 0%, #fff 100%); border: 1px dashed var(--nc-line); border-radius: var(--nc-radius-lg); padding: 36px 24px; text-align: center; color: var(--nc-body); }
.nc-empty-card p { margin-bottom: 14px; font-size: 14px; color: var(--nc-ink); font-weight: 600; }
.nc-empty-card .nc-btn { padding: 10px 18px; font-size: 13px; }

.nc-empty-pretty { background: linear-gradient(180deg, var(--nc-soft) 0%, #fff 100%); border: 1px dashed var(--nc-line); border-radius: var(--nc-radius-lg); padding: 56px 28px; text-align: center; }
.nc-empty-pretty h3 { font-size: 18px; font-weight: 800; color: var(--nc-ink); margin-bottom: 10px; letter-spacing: -0.02em; }
.nc-empty-pretty p { font-size: 14px; color: var(--nc-body); line-height: 1.7; margin-bottom: 22px; }
.nc-empty-pretty .nc-btn { padding: 14px 28px; font-size: 14px; box-shadow: 0 8px 22px -10px rgba(0,103,255,0.45); }
.nc-empty-pretty .nc-btn-primary { background: var(--nc-blue) !important; color: #fff !important; }
.nc-empty-pretty .nc-btn-primary:hover { background: var(--nc-blue-h) !important; transform: translateY(-1px); }

/* ===== 후기 카드 ===== */
.nc-review-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
@media (max-width: 840px) {
	.nc-review-grid { display: flex; grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; padding: 4px 16px 16px; margin: 0 -16px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
	.nc-review-grid::-webkit-scrollbar { display: none; }
	.nc-review-grid .nc-review-card { flex: 0 0 84%; max-width: 320px; min-width: 240px; scroll-snap-align: center; }
}
.nc-review-card { background: #fff; border: 1px solid var(--nc-line); border-radius: var(--nc-radius); padding: 18px; cursor: pointer; transition: transform 0.18s, box-shadow 0.18s, border-color 0.18s; }
.nc-review-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px -14px rgba(15,23,42,0.16); border-color: var(--nc-blue); }
.nc-review-card:focus-visible { outline: 2px solid var(--nc-blue); outline-offset: 2px; }

/* ===== 후기 라이트박스 ===== */
.nc-rev-lightbox { position: fixed; inset: 0; background: rgba(15,23,42,0.55); display: none; align-items: center; justify-content: center; z-index: 9999; padding: 20px; backdrop-filter: blur(4px); }
.nc-rev-lightbox.is-open { display: flex; animation: ncRevFade 0.18s ease; }
@keyframes ncRevFade { from { opacity: 0; } to { opacity: 1; } }
.nc-rev-lightbox-card { position: relative; background: #fff; border-radius: 16px; padding: 36px 32px 28px; max-width: 560px; width: 100%; max-height: 80vh; overflow-y: auto; box-shadow: 0 24px 60px -12px rgba(15,23,42,0.35); animation: ncRevPop 0.22s cubic-bezier(0.2, 0.8, 0.2, 1); }
@keyframes ncRevPop { from { transform: translateY(8px) scale(0.98); opacity: 0; } to { transform: translateY(0) scale(1); opacity: 1; } }
.nc-rev-lightbox-close { position: absolute; top: 12px; right: 14px; width: 32px; height: 32px; border: 0; background: transparent; font-size: 24px; line-height: 1; color: var(--nc-body); cursor: pointer; border-radius: 8px; transition: background 0.15s, color 0.15s; }
.nc-rev-lightbox-close:hover { background: var(--nc-soft); color: var(--nc-ink); }
.nc-rev-lightbox-photos { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 8px; margin-bottom: 18px; }
.nc-rev-lightbox-photos:empty { display: none; }
.nc-rev-lightbox-photos img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 10px; background: var(--nc-soft); display: block; }
.nc-rev-lightbox-stars { font-size: 17px; color: #facc15; letter-spacing: 2px; margin-bottom: 12px; }
.nc-review-photos { display: flex; gap: 4px; margin-bottom: 10px; align-items: center; }
.nc-review-photos img { width: 48px; height: 48px; object-fit: cover; border-radius: 6px; background: var(--nc-soft); }
.nc-review-photos-more { font-size: 11px; font-weight: 700; color: var(--nc-body); background: var(--nc-soft); padding: 0 8px; height: 48px; display: inline-flex; align-items: center; border-radius: 6px; }
.nc-rev-lightbox-text { font-size: 15.5px; color: var(--nc-ink); line-height: 1.75; margin: 0 0 18px; white-space: pre-wrap; word-break: keep-all; letter-spacing: -0.01em; }
.nc-rev-lightbox-meta { font-size: 13px; color: var(--nc-body); letter-spacing: -0.005em; }
.nc-rev-lightbox-meta a { color: var(--nc-blue); }
@media (max-width: 540px) {
	.nc-rev-lightbox { padding: 16px; }
	.nc-rev-lightbox-card { padding: 32px 22px 22px; border-radius: 14px; }
	.nc-rev-lightbox-text { font-size: 14.5px; line-height: 1.7; }
}
.nc-review-rating { font-size: 13px; color: #facc15; margin-bottom: 6px; }
.nc-review-text { font-size: 14px; color: var(--nc-ink); line-height: 1.6; margin-bottom: 12px; }
.nc-review-meta { font-size: 12px; color: var(--nc-body); }

/* ===== STEP 카드 (About + 3단계) ===== */
.nc-step-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
@media (min-width: 768px) { .nc-step-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; } }
.nc-step { background: #fff; border: 1px solid var(--nc-line); border-radius: var(--nc-radius); padding: 22px; margin-bottom: 0; }
.nc-step-num { display: inline-block; font-size: 11px; font-weight: 800; color: var(--nc-blue); background: rgba(0,103,255,0.05); padding: 5px 10px; border-radius: 6px; margin-bottom: 10px; letter-spacing: 0.04em; }
.nc-step-title { font-size: 17px; font-weight: 800; color: var(--nc-ink); margin-bottom: 6px; }
.nc-step-desc { font-size: 13px; color: var(--nc-body); line-height: 1.6; margin-bottom: 10px; }
.nc-step-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
.nc-step-list li { font-size: 13px; color: var(--nc-ink); padding-left: 22px; position: relative; }
.nc-step-list li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--nc-blue); font-weight: 700; }

/* ===== FAQ accordion ===== */
.nc-faq-group { margin-bottom: 28px; }
.nc-faq-group h3 { font-size: 14px; font-weight: 800; color: var(--nc-ink); margin-bottom: 10px; }
.nc-faq-item { background: #fff; border: 1px solid var(--nc-line); border-radius: 10px; margin-bottom: 8px; overflow: hidden; }
.nc-faq-q { padding: 16px 18px; font-size: 14px; font-weight: 600; color: var(--nc-ink); cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; }
.nc-faq-q::-webkit-details-marker { display: none; }
.nc-faq-q::after { content: "+"; color: var(--nc-body); font-size: 18px; }
.nc-faq-item[open] .nc-faq-q::after { content: "−"; color: var(--nc-blue); }
.nc-faq-a { padding: 0 18px 16px; font-size: 13px; color: var(--nc-body); line-height: 1.7; }

/* ===== 카카오톡 문의 박스 ===== */
.nc-help-box { background: var(--nc-soft); border-radius: var(--nc-radius); padding: 22px; text-align: center; margin-top: 16px; }
.nc-help-box h4 { font-size: 14px; font-weight: 800; color: var(--nc-ink); margin-bottom: 6px; }
.nc-help-box p { font-size: 12px; color: var(--nc-body); margin-bottom: 12px; }
.nc-help-btn { background: #fee500; color: #181600; padding: 10px 18px; border-radius: 10px; font-size: 13px; font-weight: 700; display: inline-block; }

/* ===== 탭 ===== */
.nc-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--nc-line); margin-bottom: 18px; }
.nc-tabs button, .nc-tabs a { background: none; border: 0; padding: 12px 16px; font-size: 14px; font-weight: 600; color: var(--nc-body); position: relative; cursor: pointer; }
.nc-tabs button.is-active, .nc-tabs a.is-active { color: var(--nc-blue); }
.nc-tabs button.is-active::after, .nc-tabs a.is-active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--nc-blue); }

/* ===== 카테고리 칩 ===== */
.nc-cat-chips { display: flex; gap: 6px; overflow-x: auto; padding: 4px 0 14px; margin-bottom: 8px; -webkit-overflow-scrolling: touch; }
.nc-cat-chips::-webkit-scrollbar { display: none; }
.nc-cat-chips a { flex-shrink: 0; padding: 8px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 600; color: var(--nc-body); background: #fff; border: 1px solid var(--nc-line); white-space: nowrap; transition: all 0.15s; letter-spacing: -0.01em; }
.nc-cat-chips a:hover { border-color: var(--nc-blue); color: var(--nc-blue); transform: translateY(-1px); }
.nc-cat-chips a.is-active { background: var(--nc-blue); color: #fff; border-color: var(--nc-blue); box-shadow: 0 2px 8px -2px rgba(0,103,255,0.32); }
.nc-cat-chips a span { font-weight: 500; opacity: 0.55; margin-left: 5px; font-variant-numeric: tabular-nums; }
.nc-cat-chips a.is-active span { opacity: 0.85; color: #fff; }
@media (min-width: 640px) {
	.nc-cat-chips { gap: 8px; padding: 6px 0 18px; }
	.nc-cat-chips a { padding: 9px 16px; font-size: 13px; }
}

/* ===== 페이지 헤더 ===== */
.nc-page-head { background: var(--nc-soft); padding: 32px 20px 28px; text-align: center; }
@media (min-width: 768px) { .nc-page-head { padding: 44px 20px 36px; } }
.nc-page-head .nc-eyebrow { margin-bottom: 6px; }
.nc-page-head h1 { font-size: clamp(24px, 5vw, 32px); font-weight: 800; margin-bottom: 8px; }
.nc-page-head p { font-size: 14px; color: var(--nc-body); }

/* ===== 인증 ===== */
.nc-auth-wrap { max-width: 400px; margin: 60px auto; padding: 32px 24px; background: #fff; border: 1px solid var(--nc-line); border-radius: var(--nc-radius-lg); }
.nc-auth-notice { background: #EEF4FF; border: 1px solid #C7D8FF; border-radius: 10px; padding: 14px 16px; margin-bottom: 18px; }
.nc-auth-notice-title { font-size: 14px; font-weight: 700; color: var(--nc-blue); margin-bottom: 4px; }
.nc-auth-notice-body { font-size: 13px; line-height: 1.55; color: #1F2937; margin: 0; }
.nc-auth-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--nc-line); margin-bottom: 20px; }
.nc-auth-tabs a { flex: 1; text-align: center; padding: 10px; font-size: 14px; font-weight: 600; color: var(--nc-body); border-bottom: 2px solid transparent; }
.nc-auth-tabs a.is-active { color: var(--nc-blue); border-bottom-color: var(--nc-blue); }
.nc-auth-form { display: flex; flex-direction: column; gap: 12px; }
.nc-auth-form input { width: 100%; padding: 14px 14px; border: 1px solid var(--nc-line); border-radius: 10px; font-size: 14px; background: #fff; }
.nc-auth-form input:focus { outline: none; border-color: var(--nc-blue); }
.nc-auth-form label { font-size: 12px; color: var(--nc-body); }
.nc-auth-lede { font-size: 12px; color: var(--nc-body); margin-top: 6px; }

/* ===== Auth forms (cosmosfarm + wpmem) — full design override ===== */
.nc-auth-wrap { max-width: 380px; margin: 32px auto; padding: 28px 24px 24px; background: #fff; border: 1px solid var(--nc-line); border-radius: 14px; box-shadow: 0 10px 30px -20px rgba(15,23,42,0.15); overflow: hidden; box-sizing: border-box; }
@media (max-width: 480px) { .nc-auth-wrap { margin: 20px 14px; padding: 22px 18px; border-radius: 12px; } }
.nc-auth-wrap form, .nc-auth-shortcode, .nc-auth-shortcode > div { width: 100%; }

/* cosmosfarm + wpmem 공통: 컨테이너 reset — 모든 wrapper flex/gray bg 제거 */
.nc-auth-wrap .cosmosfarm-members-form,
.nc-auth-wrap .cosmosfarm-members-form * { box-sizing: border-box; }
.nc-auth-wrap .cosmosfarm-members-form { width: 100%; }
.nc-auth-wrap fieldset,
.nc-auth-wrap #wpmem_register_form fieldset,
.nc-auth-wrap #wpmem_pwdreset_form fieldset { border: 0 !important; padding: 0 !important; margin: 0 !important; }
.nc-auth-wrap form.form, .nc-auth-wrap #wpmem_register_form, .nc-auth-wrap #wpmem_pwdreset_form { margin: 0 !important; padding: 0 !important; }
.nc-auth-wrap legend { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; }
.nc-auth-wrap .form-wrap,
.nc-auth-wrap .form-top,
.nc-auth-wrap .form-top-wrap,
.nc-auth-wrap .form-top-fields,
.nc-auth-wrap .form-top-button,
.nc-auth-wrap .form-bottom { display: block !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; width: 100% !important; max-width: 100% !important; flex: none !important; box-shadow: none !important; }
.nc-auth-wrap .form-top-button { margin-top: 12px !important; }
.nc-auth-wrap .form-bottom { margin-top: 14px !important; padding-top: 12px !important; border-top: 0 !important; }
.nc-auth-wrap p { font-size: 12px; color: var(--nc-body); line-height: 1.6; margin: 8px 0; }
.nc-auth-wrap .form-link { display: flex !important; justify-content: center !important; align-items: center !important; gap: 0 !important; }
.nc-auth-wrap .form-link-item { background: transparent !important; margin: 0 !important; text-align: center; padding: 0 16px !important; line-height: 1.4; }
.nc-auth-wrap .form-link-item + .form-link-item { border-left: 1px solid var(--nc-line); }
.nc-auth-wrap .form-link-item a.form-button { display: inline-block !important; width: auto !important; padding: 0 !important; background: transparent !important; color: var(--nc-body) !important; border-radius: 0 !important; font-size: 12.5px !important; font-weight: 500 !important; text-align: center; }
.nc-auth-wrap .form-link-item a.form-button:hover { background: transparent !important; color: var(--nc-blue) !important; text-decoration: underline; }

/* 라벨 + input pair (둘 다 form에서 공통) */
/* 로그인(cosmosfarm) + 회원가입/비번찾기(wpmem) 폼 통일 */
html body .nc-auth-wrap label.text { display: block !important; padding: 0 !important; height: auto !important; min-height: 0 !important; line-height: 1.4 !important; font-size: 12.5px !important; margin: 0 0 6px !important; font-weight: 600 !important; color: var(--nc-ink) !important; }
html body .nc-auth-wrap .form-input-row { display: flex !important; flex-direction: column !important; gap: 6px !important; margin-bottom: 8px !important; padding: 0 !important; }
html body .nc-auth-wrap .form-input-row label { font-size: 12.5px !important; color: var(--nc-ink) !important; font-weight: 600 !important; line-height: 1.4 !important; margin: 0 !important; padding: 0 !important; height: auto !important; min-height: 0 !important; }
html body .nc-auth-wrap .div_text { margin: 0 0 8px !important; padding: 0 !important; }
html body .nc-auth-wrap fieldset > label.text:first-of-type { margin-top: 0 !important; }
html body .nc-auth-wrap fieldset > label.text { margin-top: 0 !important; }
html body .nc-auth-wrap #wpmem_register_form, html body .nc-auth-wrap #wpmem_pwdreset_form, html body .nc-auth-wrap form.form { margin-top: 0 !important; }
html body .nc-auth-wrap .nc-auth-shortcode { margin-top: 0 !important; padding-top: 0 !important; }
/* 회원가입/비번찾기 폼 안 익명 앵커 (#register, #pwdreset)가 inline-block 으로 떠서 phantom line 25px 생김 → 숨김 */
html body .nc-auth-wrap .cosmosfarm-members-form > a[id] { display: none !important; }
html body .nc-auth-wrap .form-input-row input,
html body .nc-auth-wrap .div_text input { margin: 0 !important; padding: 0 12px !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; line-height: 42px !important; font-size: 13.5px !important; }
html body .nc-auth-wrap .req { color: #d94747 !important; margin-left: 2px; font-weight: 700; }
html body .nc-auth-wrap .req-text { font-size: 11.5px; color: var(--nc-body); margin: 10px 0 0; }
html body .nc-auth-wrap .req { color: #d94747 !important; margin-left: 2px; font-weight: 700; }
html body .nc-auth-wrap .req-text { font-size: 11.5px; color: var(--nc-body); margin: 10px 0 0; }
/* cosmosfarm 로그인 폼 — 자동로그인 우측 정렬 + 폰트/패딩 축소 */
.nc-auth-wrap .form-top-fields { display: flex !important; flex-direction: column !important; gap: 0 !important; }
.nc-auth-wrap .form-top-button { margin-top: 14px !important; padding: 0 !important; }
.nc-auth-wrap .form-checkbox-row { margin: 8px 0 4px !important; padding: 0 !important; display: flex !important; justify-content: flex-end !important; }
.nc-auth-wrap .form-checkbox-row label { font-size: 12px !important; color: var(--nc-body) !important; padding: 0 !important; font-weight: 500 !important; }
.nc-auth-wrap .form-checkbox-row input[type="checkbox"] { width: 14px !important; height: 14px !important; margin-right: 4px !important; }

/* 비번 찾기 도움 푸터 */
.nc-auth-foot-help { text-align: center; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--nc-line); }
.nc-auth-foot-help p { font-size: 12.5px; color: var(--nc-body); margin: 0 0 6px; }
.nc-auth-foot-help a { font-size: 12.5px; color: var(--nc-blue); font-weight: 600; }
.nc-auth-foot-help a:hover { text-decoration: underline; }
.nc-auth-foot-help .sep { color: #cbd5e1; margin: 0 8px; }
.nc-auth-wrap label,
.nc-auth-wrap label.text,
.nc-auth-wrap .form-input-row label { display: block !important; font-size: 11px !important; color: var(--nc-body) !important; font-weight: 600 !important; margin: 0 0 3px !important; padding: 0 !important; line-height: 1.3 !important; }
.nc-auth-wrap .div_text { padding: 0 !important; margin: 0 0 6px !important; }
.nc-auth-wrap .req { color: #d94747; font-size: 11px; margin-left: 2px; }
.nc-auth-wrap .req-text { font-size: 11px; color: var(--nc-body); margin-top: 12px; }

/* input 전체 통일 */
.nc-auth-wrap input[type="text"],
.nc-auth-wrap input[type="email"],
.nc-auth-wrap input[type="password"],
.nc-auth-wrap input[type="tel"],
.nc-auth-wrap input[type="url"],
.nc-auth-wrap .div_text input,
.nc-auth-wrap .textbox,
.nc-auth-wrap input.username,
.nc-auth-wrap input.textbox,
.nc-auth-wrap form input { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding: 0 12px !important; border: 1px solid var(--nc-line) !important; border-radius: 9px !important; font-size: 13px !important; background: #fff !important; color: var(--nc-ink) !important; transition: border-color 0.15s, box-shadow 0.15s; font-family: inherit !important; line-height: 38px !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; margin: 0 !important; display: block !important; }
.nc-auth-wrap input[type="checkbox"] { width: 16px !important; height: 16px !important; min-height: 0 !important; max-height: none !important; line-height: 1 !important; padding: 0 !important; display: inline-block !important; }
.nc-auth-wrap input:focus { outline: none !important; border-color: var(--nc-blue) !important; box-shadow: 0 0 0 3px rgba(0,103,255,0.05); }
.nc-auth-wrap input::placeholder { color: #aab1bd; }

/* submit 버튼 — cosmosfarm `.login-button` / wpmem `.buttons` / generic submit */
html body .nc-auth-wrap input[type="submit"],
html body .nc-auth-wrap button[type="submit"],
html body .nc-auth-wrap .login-button,
html body .nc-auth-wrap input.buttons,
html body .nc-auth-wrap .buttons,
html body .nc-auth-wrap .button_div input,
html body .nc-auth-wrap .form-top-button button { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; box-sizing: border-box !important; background: var(--nc-blue) !important; background-color: var(--nc-blue) !important; color: #fff !important; border: 0 !important; padding: 12px 18px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 700 !important; cursor: pointer !important; transition: background 0.15s, transform 0.1s !important; margin-top: 10px !important; letter-spacing: -0.01em; line-height: 1.4 !important; }
.nc-auth-wrap input[type="submit"]:hover,
.nc-auth-wrap button[type="submit"]:hover,
.nc-auth-wrap .login-button:hover,
.nc-auth-wrap .buttons:hover { background: var(--nc-blue-h) !important; }
.nc-auth-wrap input[type="submit"]:active,
.nc-auth-wrap .login-button:active,
.nc-auth-wrap .buttons:active { transform: scale(0.985); }
.nc-auth-wrap .button_div, .nc-auth-wrap .div_button, .nc-auth-wrap .submit_div, .nc-auth-wrap .form-top-button { margin-top: 0; padding: 0; }

/* 자동로그인 체크박스 — cosmosfarm `.form-checkbox-row > label > input + text` */
.nc-auth-wrap .form-checkbox-row { margin: 10px 0 0; display: block !important; text-align: left !important; }
.nc-auth-wrap .form-checkbox-row label { display: inline-flex !important; align-items: center; gap: 8px; font-size: 12.5px; color: var(--nc-body); font-weight: 500; cursor: pointer; margin: 0; }
.nc-auth-wrap input[type="checkbox"] { width: 16px; height: 16px; margin: 0 !important; accent-color: var(--nc-blue); cursor: pointer; flex-shrink: 0; }

/* 하단 링크 (비밀번호 찾기 | 회원가입) — wpmem/cosmosfarm 공통 */
.nc-auth-wrap .form-bottom { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--nc-line); }
.nc-auth-wrap .link-text-forgot a,
.nc-auth-wrap .link-text-register a { display: inline-block; padding: 0 !important; background: transparent !important; color: var(--nc-body) !important; font-size: 12.5px !important; font-weight: 500 !important; text-decoration: none; }
.nc-auth-wrap .link-text-forgot a:hover,
.nc-auth-wrap .link-text-register a:hover { color: var(--nc-blue) !important; text-decoration: underline; }

/* WP-Members 메시지 (성공/오류) */
.nc-auth-wrap .wpmem_msg,
.nc-auth-wrap .wpmembers-msg,
.nc-auth-wrap .pwdreset-form > p,
.nc-auth-wrap .reg-form > p { background: #F9FAFC; border: 1px solid #EEF1F5; color: var(--nc-ink); border-radius: 10px; padding: 12px 14px; font-size: 13px; margin: 0 0 14px; }

/* div_text reset (wpmem이 input을 div로 감싸는 거) */
.nc-auth-wrap .div_text { margin: 0 0 4px; padding: 0; background: transparent; border: 0; }

/* 비밀번호 찾기 폼 추가 정리 */
.nc-auth-wrap .pwdreset-form .link-text-username { display: block; text-align: center; margin-top: 12px; }
.nc-auth-wrap .pwdreset-form .link-text-username a { font-size: 12px; color: var(--nc-body); font-weight: 500; }

/* 소셜 로그인 영역 (카카오 placeholder + cosmosfarm 실제 버튼) */
.nc-auth-social { margin: 0; padding: 0; border: 0; }
.nc-auth-social-top { margin-top: 4px !important; padding-top: 0 !important; border-top: 0 !important; }
.nc-auth-social:not(.nc-auth-social-top):has(button),
.nc-auth-social:not(.nc-auth-social-top):has(a) { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--nc-line); }
.nc-auth-divider { text-align: center; font-size: 11px; color: var(--nc-body); margin: 12px 0 8px; position: relative; }
.nc-auth-divider::before, .nc-auth-divider::after { content: ''; position: absolute; top: 50%; width: 38%; height: 1px; background: var(--nc-line); }
.nc-auth-divider::before { left: 0; }
.nc-auth-divider::after { right: 0; }
.nc-auth-orline { display: flex; align-items: center; gap: 10px; margin: 18px 0 14px; color: var(--nc-body); font-size: 11.5px; font-weight: 500; }
.nc-auth-orline::before, .nc-auth-orline::after { content: ''; flex: 1; height: 1px; background: var(--nc-line); }
.nc-auth-orline span { white-space: nowrap; }
.nc-auth-orline-plain { margin: 16px 0 12px; justify-content: center; color: var(--nc-body); font-size: 11.5px; }
.nc-auth-orline-plain::before, .nc-auth-orline-plain::after { display: none; }
.nc-auth-social-btn { display: flex !important; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 14px 18px; border-radius: 10px; font-size: 14px; font-weight: 800; cursor: pointer; border: 0; transition: opacity 0.15s, transform 0.1s; box-sizing: border-box; text-decoration: none !important; letter-spacing: -0.015em; line-height: 1.4 !important; min-height: 0 !important; height: auto !important; font-family: inherit !important; margin: 0 !important; }
a.nc-auth-social-btn, button.nc-auth-social-btn { line-height: 1.4 !important; }
.nc-auth-social-top .nc-auth-social-btn { box-shadow: 0 8px 20px -10px rgba(254,229,0,0.5); }
.nc-auth-social-btn:hover { opacity: 0.92; }
.nc-auth-social-btn:active { transform: scale(0.985); }
.nc-auth-social-kakao { background: #FEE500; color: #191919 !important; }
.nc-auth-social-naver { background: #03C75A; color: #fff !important; }
.nc-auth-social-google { background: #fff; color: #444 !important; border: 1px solid var(--nc-line); }
.nc-auth-social-apple { background: #000; color: #fff !important; }
/* cosmosfarm 자체 버튼도 동일 스타일 적용 */
.nc-auth-social .cosmosfarm_members_social_buttons { display: flex; flex-direction: column; gap: 8px; }
.nc-auth-social .cosmosfarm_members_social_buttons a { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 16px; border-radius: 9px; font-size: 13px; font-weight: 700; text-decoration: none; }
.nc-auth-social .cosmosfarm_members_kakao_login { background: #FEE500; color: #191919 !important; }
.nc-auth-social .cosmosfarm_members_naver_login { background: #03C75A; color: #fff !important; }
.nc-auth-social .cosmosfarm_members_google_login { background: #fff; color: #444 !important; border: 1px solid var(--nc-line); }
.nc-auth-social .cosmosfarm_members_facebook_login { background: #1877F2; color: #fff !important; }
.nc-auth-social .cosmosfarm_members_apple_login { background: #000; color: #fff !important; }

/* ===== 마이페이지 ===== */
.nc-mypage-hero { background: linear-gradient(180deg, var(--nc-soft) 0%, #fff 100%); padding: 28px 0 20px; }
.nc-profile-row { display: flex; align-items: center; gap: 14px; }
.nc-profile-avatar { width: 48px; height: 48px; border-radius: 50%; background: var(--nc-blue); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 800; flex-shrink: 0; }
.nc-profile-name { font-size: 17px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; }
.nc-profile-email { font-size: 12.5px; color: var(--nc-body); margin-top: 2px; }
.nc-profile-since { font-size: 11.5px; color: var(--nc-body); margin-top: 3px; opacity: 0.75; }

.nc-mypage-grid { display: grid; grid-template-columns: 1fr; gap: 24px; }
@media (min-width: 900px) { .nc-mypage-grid { grid-template-columns: 220px 1fr; gap: 36px; } }
.nc-mypage-side { display: flex; flex-direction: column; gap: 2px; padding: 8px; background: #fff; border: 1px solid var(--nc-line); border-radius: 12px; height: fit-content; }
.nc-mypage-side .nc-mypage-side-item { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 8px; font-size: 13.5px; font-weight: 600; color: var(--nc-ink) !important; background: transparent !important; border: 0 !important; text-decoration: none; transition: background 0.12s, color 0.12s; }
.nc-mypage-side .nc-mypage-side-item:hover { background: var(--nc-soft) !important; color: var(--nc-ink) !important; }
.nc-mypage-side .nc-mypage-side-item.is-active { background: rgba(0,103,255,0.06) !important; color: var(--nc-blue) !important; font-weight: 700; }
.nc-mypage-side .nc-mypage-side-item .ico { font-size: 14px; line-height: 1; flex-shrink: 0; }
.nc-mypage-side .nc-mypage-side-logout { margin-top: 6px; padding-top: 12px !important; border-top: 1px solid var(--nc-line) !important; border-radius: 0 0 8px 8px; color: var(--nc-body) !important; }

/* 그룹 (토글) */
.nc-mypage-side-group { background: transparent; border: 0; }
.nc-mypage-side-group > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 8px; font-size: 13.5px; font-weight: 700; color: var(--nc-ink); transition: background 0.12s; }
.nc-mypage-side-group > summary::-webkit-details-marker { display: none; }
.nc-mypage-side-group > summary:hover { background: var(--nc-soft); }
.nc-mypage-side-group > summary .ico { font-size: 14px; line-height: 1; flex-shrink: 0; }
.nc-mypage-side-group > summary .lbl { flex: 1 1 auto; }
.nc-mypage-side-group > summary .caret { color: var(--nc-body); transition: transform 0.18s ease; flex-shrink: 0; }
.nc-mypage-side-group[open] > summary .caret { transform: rotate(180deg); }
.nc-mypage-side-group-body { display: flex; flex-direction: column; gap: 1px; padding: 2px 0 6px; }
.nc-mypage-side-sub { display: flex; align-items: center; padding: 8px 12px 8px 34px; border-radius: 8px; font-size: 13px; color: var(--nc-body) !important; font-weight: 500; text-decoration: none; transition: background 0.12s, color 0.12s; position: relative; }
.nc-mypage-side-sub::before { content: ""; position: absolute; left: 22px; top: 50%; width: 6px; height: 1px; background: var(--nc-line); transform: translateY(-50%); }
.nc-mypage-side-sub:hover { background: var(--nc-soft); color: var(--nc-ink) !important; }
.nc-mypage-side-sub.is-active { background: rgba(0,103,255,0.06); color: var(--nc-blue) !important; font-weight: 700; }
.nc-mypage-side-sub.is-active::before { background: var(--nc-blue); width: 8px; }

.nc-mypage-side-foot { margin-top: 12px; padding: 12px; background: var(--nc-soft); border-radius: 8px; font-size: 11.5px; color: var(--nc-body); line-height: 1.6; text-align: center; }
.nc-mypage-side-foot a { color: var(--nc-blue); font-weight: 600; font-size: 12px; }
.nc-mypage-side-foot a:hover { text-decoration: underline; }

/* ──── 사이드바 wrap (모바일에서 collapsed dropdown) ──── */
.nc-side-wrap { background: transparent; border: 0; }
.nc-side-wrap > summary { list-style: none; cursor: pointer; display: none; align-items: center; gap: 8px; padding: 12px 14px; border-radius: 10px; background: var(--nc-soft); font-size: 13.5px; font-weight: 700; color: var(--nc-ink); }
.nc-side-wrap > summary::-webkit-details-marker { display: none; }
.nc-side-wrap > summary .nc-side-wrap-eyebrow { font-size: 11px; font-weight: 700; color: var(--nc-body); letter-spacing: 0.04em; padding: 2px 7px; background: #fff; border: 1px solid var(--nc-line); border-radius: 999px; }
.nc-side-wrap > summary .nc-side-wrap-cur { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nc-side-wrap > summary .caret { color: var(--nc-body); transition: transform 0.18s ease; flex-shrink: 0; }
.nc-side-wrap[open] > summary .caret { transform: rotate(180deg); }
.nc-side-wrap > .nc-side-wrap-inner { display: flex; flex-direction: column; gap: 2px; }

@media (max-width: 899px) {
	.nc-mypage-side { padding: 6px; }
	.nc-mypage-side .nc-mypage-side-item { padding: 12px; }
	.nc-mypage-side-group > summary { padding: 12px; }
	.nc-side-wrap > summary { display: flex; }
	.nc-side-wrap > .nc-side-wrap-inner { padding-top: 6px; }
	/* details 닫힌 상태에선 inner 자동 숨김 (브라우저 기본). 열린 상태만 보임 */
}
@media (min-width: 900px) {
	.nc-mypage-side { position: sticky; top: var(--nc-sticky-top); }
	/* 데스크탑에서는 wrap summary 숨기고 inner는 항상 보이도록 강제 */
	.nc-side-wrap > .nc-side-wrap-inner { display: flex !important; }
}

/* 통계 카드 — 가로 와이드 (landscape) */
.nc-stat-cards { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 28px; }
@media (min-width: 640px) { .nc-stat-cards { grid-template-columns: repeat(3, 1fr); gap: 14px; } }
.nc-stat-card { position: relative; background: #fff; border: 1px solid var(--nc-line); border-radius: 14px; padding: 18px 22px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 14px; transition: border-color 0.18s; }
.nc-stat-card:hover { border-color: var(--accent, var(--nc-blue)); }
.nc-stat-card .left { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.nc-stat-card .l { font-size: 12px; color: var(--nc-body); font-weight: 600; }
.nc-stat-card .sub { font-size: 11.5px; color: var(--nc-body); opacity: 0.75; line-height: 1.45; }
.nc-stat-card .right { display: flex; align-items: baseline; gap: 6px; flex-shrink: 0; }
.nc-stat-card .n { font-size: 28px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.03em; line-height: 1; }
.nc-stat-card .n span { font-size: 13px; font-weight: 700; color: var(--nc-body); margin-left: 2px; }
.nc-stat-card .trend { font-size: 11px; font-weight: 800; padding: 3px 7px; border-radius: 999px; }
.nc-stat-card .trend.up { color: #047857; background: rgba(16,185,129,0.14); }
.nc-stat-card .trend.down { color: #B91C1C; background: rgba(239,68,68,0.12); }
.nc-stat-card .trend.flat { color: var(--nc-body); background: rgba(15,23,42,0.06); }
.nc-stat-card.acc-blue   { --accent: #0067FF; }
.nc-stat-card.acc-violet { --accent: #7C3AED; }
.nc-stat-card.acc-amber  { --accent: #F59E0B; }
.nc-stat-card.acc-rose   { --accent: #E11D48; }
.nc-stat-card.acc-mint   { --accent: #10B981; }
@media (min-width: 768px) {
	.nc-stat-card { padding: 20px 24px; }
	.nc-stat-card .n { font-size: 32px; }
	.nc-stat-card .l { font-size: 13px; }
}

.nc-mypage-block { margin-bottom: 24px; }
.nc-mypage-block-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 10px; }
.nc-mypage-block-head h3 { font-size: 14px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; }
.nc-mypage-block-head a { font-size: 12px; color: var(--nc-blue); font-weight: 600; }

.nc-order-list { background: #fff; border: 1px solid var(--nc-line); border-radius: var(--nc-radius); overflow: hidden; }
.nc-order-row { display: block; padding: 14px 18px; border-bottom: 1px solid var(--nc-line); }
.nc-order-row:last-child { border-bottom: 0; }
.nc-order-row:hover { background: var(--nc-bg-alt); }
.nc-order-title { font-size: 14px; font-weight: 700; color: var(--nc-ink); margin-bottom: 6px; }
.nc-order-more { font-size: 12px; font-weight: 500; color: var(--nc-body); margin-left: 6px; }
.nc-order-meta { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--nc-body); flex-wrap: wrap; }
.nc-order-meta .dot { width: 3px; height: 3px; background: var(--nc-line); border-radius: 50%; }
.nc-order-status { margin-left: auto; padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; background: var(--nc-soft); color: var(--nc-blue); }
.nc-order-status.status-completed { background: #DCFCE7; color: #166534; }
.nc-order-status.status-processing { background: #FEF3C7; color: #92400E; }
.nc-order-status.status-cancelled, .nc-order-status.status-failed { background: #FEE2E2; color: #991B1B; }

/* 회원 정보 폼 */
.nc-settings-form { background: #fff; border: 1px solid var(--nc-line); border-radius: var(--nc-radius); padding: 24px; margin-bottom: 24px; }
.nc-settings-block { margin-bottom: 28px; }
.nc-settings-block:last-child { margin-bottom: 0; }
.nc-settings-block h3 { font-size: 14px; font-weight: 800; color: var(--nc-ink); margin-bottom: 14px; letter-spacing: -0.01em; }
.nc-settings-form label { display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: var(--nc-body); margin-bottom: 14px; }
.nc-settings-form input { width: 100%; padding: 12px 14px; border: 1px solid var(--nc-line); border-radius: 10px; font-size: 14px; background: #fff; color: var(--nc-ink); }
.nc-settings-form input:focus { outline: none; border-color: var(--nc-blue); }
.nc-settings-form input:disabled { background: var(--nc-bg-alt); color: var(--nc-body); cursor: not-allowed; }
.nc-settings-form .hint { font-size: 11px; color: var(--nc-body); opacity: 0.8; }
.nc-settings-actions { display: flex; gap: 10px; padding-top: 14px; border-top: 1px solid var(--nc-line); }
.nc-settings-block.danger { background: #fff; border: 1px solid #FECACA; border-radius: var(--nc-radius); padding: 18px 20px; }
.nc-settings-block.danger h3 { color: #991B1B; margin-bottom: 6px; }
.nc-settings-block.danger p { font-size: 12.5px; color: var(--nc-body); }
.nc-settings-block.danger a { color: #991B1B; text-decoration: underline; }

.nc-flash { padding: 12px 16px; border-radius: 10px; font-size: 13px; font-weight: 600; margin-bottom: 18px; }
.nc-flash.success { background: #DCFCE7; color: #166534; }
.nc-flash.error { background: #FEE2E2; color: #991B1B; }

/* ===== ABOUT 페이지 ===== */
.nc-about-hero { background: linear-gradient(180deg, var(--nc-soft) 0%, #fff 100%); padding: 44px 0 36px; text-align: center; }
@media (min-width: 768px) { .nc-about-hero { padding: 64px 0 48px; } }
.nc-about-hero h1 { font-size: clamp(28px, 5vw, 44px); font-weight: 800; color: var(--nc-ink); line-height: 1.3; letter-spacing: -0.03em; margin: 12px 0 18px; }
.nc-about-hero h1 .hi { color: var(--nc-blue); }
.nc-about-hero p { font-size: 14.5px; color: var(--nc-body); line-height: 1.7; max-width: 580px; margin: 0 auto; }
@media (min-width: 768px) { .nc-about-hero p { font-size: 16px; } }
.nc-about-cta { display: flex; gap: 10px; justify-content: center; margin-top: 28px; flex-wrap: wrap; }

.nc-about-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
@media (min-width: 768px) { .nc-about-stats { grid-template-columns: repeat(4, 1fr); gap: 22px; } }
.nc-about-stat { background: #fff; border: 1px solid var(--nc-line); border-radius: var(--nc-radius-lg); padding: 32px 22px; text-align: center; min-height: 150px; display: flex; flex-direction: column; justify-content: center; gap: 10px; transition: transform 0.18s, box-shadow 0.18s; }
.nc-about-stat:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -16px rgba(15,23,42,0.14); }
.nc-about-stat .n { font-size: 40px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.03em; line-height: 1; }
.nc-about-stat .n span { font-size: 18px; font-weight: 700; color: var(--nc-blue); margin-left: 2px; }
.nc-about-stat .l { font-size: 13px; color: var(--nc-body); font-weight: 500; }
@media (min-width: 768px) {
	.nc-about-stat { padding: 44px 28px; min-height: 200px; }
	.nc-about-stat .n { font-size: 56px; }
	.nc-about-stat .l { font-size: 14px; }
	.nc-about-stat .n span { font-size: 22px; }
}

.nc-about-quote { background: #fff; border: 1px solid var(--nc-line); border-radius: var(--nc-radius-lg); padding: 36px 28px; position: relative; }
@media (min-width: 768px) { .nc-about-quote { padding: 48px 44px; } }
.nc-about-quote-mark { font-size: 80px; font-weight: 800; color: var(--nc-blue); line-height: 0.7; opacity: 0.18; position: absolute; top: 14px; left: 18px; }
.nc-about-quote p { font-size: 15px; color: var(--nc-ink); line-height: 1.75; position: relative; }
@media (min-width: 768px) { .nc-about-quote p { font-size: 16.5px; } }
.nc-about-quote strong { color: var(--nc-blue); font-weight: 800; }
.nc-about-quote-author { margin-top: 22px; font-size: 13px; color: var(--nc-body); font-weight: 600; }

.nc-section-head { margin-bottom: 32px; }
.nc-section-head .nc-section-title { font-size: clamp(20px, 3vw, 28px); font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; margin-bottom: 8px; }
.nc-section-head p { font-size: 14px; color: var(--nc-body); }
.nc-section-head.is-center { text-align: center; }

.nc-diff-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
@media (min-width: 640px) { .nc-diff-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; } }
.nc-diff-card { background: #fff; border: 1px solid var(--nc-line); border-radius: var(--nc-radius); padding: 28px; }
.nc-diff-card h3 { font-size: 17px; font-weight: 800; color: var(--nc-ink); margin-bottom: 10px; letter-spacing: -0.02em; position: relative; padding-left: 14px; }
.nc-diff-card h3::before { content: ""; position: absolute; left: 0; top: 6px; width: 4px; height: 14px; background: var(--nc-blue); border-radius: 2px; }
.nc-diff-card p { font-size: 14px; color: var(--nc-body); line-height: 1.7; }

.nc-about-cta-final { background: var(--nc-blue); border-radius: var(--nc-radius-lg); padding: 48px 24px; text-align: center; color: #fff; max-width: 1080px; margin: 0 auto; }
@media (min-width: 768px) { .nc-about-cta-final { padding: 64px 32px; } }
.nc-about-cta-final h2 { font-size: clamp(22px, 3vw, 30px); font-weight: 800; letter-spacing: -0.02em; margin-bottom: 8px; color: #fff !important; }
.nc-about-cta-final p { font-size: 14px; color: rgba(255,255,255,0.92) !important; margin-bottom: 22px; }
.nc-btn-white { background: #fff; color: var(--nc-blue) !important; font-weight: 800; }
.nc-btn-white:hover { background: #f8fafc; }

/* ===== FAQ 페이지 ===== */
.nc-faq-hero { background: linear-gradient(180deg, var(--nc-soft) 0%, #fff 100%); padding: 40px 0 32px; text-align: center; }
@media (min-width: 768px) { .nc-faq-hero { padding: 56px 0 40px; } }
.nc-faq-hero h1 { font-size: clamp(26px, 4.4vw, 38px); font-weight: 800; color: var(--nc-ink); letter-spacing: -0.03em; margin: 10px 0 12px; }
.nc-faq-hero p { font-size: 14px; color: var(--nc-body); max-width: 480px; margin: 0 auto; line-height: 1.65; }

.nc-faq-layout { display: grid; grid-template-columns: 1fr; gap: 24px; }
@media (min-width: 900px) { .nc-faq-layout { grid-template-columns: 260px 1fr; gap: 40px; } }

.nc-faq-side { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 6px; }
.nc-faq-side::-webkit-scrollbar { display: none; }
.nc-faq-side a { flex-shrink: 0; background: #fff; border: 1px solid var(--nc-line); border-radius: 999px; padding: 10px 16px; font-size: 13px; font-weight: 600; color: var(--nc-body); display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.nc-faq-side a.is-active { background: var(--nc-blue); color: #fff; border-color: var(--nc-blue); }
.nc-faq-side a .t { display: inline; }
.nc-faq-side a .d { display: none; }
@media (min-width: 900px) {
	.nc-faq-side { display: flex; flex-direction: column; gap: 6px; height: fit-content; position: sticky; top: var(--nc-sticky-top); padding-bottom: 0; }
	.nc-faq-side a { padding: 16px 18px; border-radius: var(--nc-radius); align-items: flex-start; text-align: left; flex-direction: column; gap: 4px; }
	.nc-faq-side a .t { font-size: 14px; font-weight: 700; display: block; }
	.nc-faq-side a .d { display: block; font-size: 12px; opacity: 0.7; }
}

.nc-faq-block { display: none; }
.nc-faq-block.is-active { display: block; }
.nc-faq-block-title { font-size: 20px; font-weight: 800; color: var(--nc-ink); margin-bottom: 18px; letter-spacing: -0.02em; }
@media (min-width: 768px) { .nc-faq-block-title { font-size: 24px; margin-bottom: 22px; } }

.nc-help-box .nc-help-actions { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }

/* ===== READER (구매 게이트 + 워터마크 + 보호) ===== */
.nc-gate { min-height: 70vh; display: flex; align-items: center; justify-content: center; padding: 40px 20px; }
.nc-gate-card { width: 100%; max-width: 400px; background: #fff; border: 1px solid var(--nc-line); border-radius: var(--nc-radius-lg); padding: 36px 28px; text-align: center; }
.nc-gate-icon { font-size: 40px; margin-bottom: 14px; }
.nc-gate-card h1 { font-size: 20px; font-weight: 800; color: var(--nc-ink); margin-bottom: 10px; letter-spacing: -0.02em; }
.nc-gate-card p { font-size: 13.5px; color: var(--nc-body); line-height: 1.6; margin-bottom: 22px; }
.nc-gate-back { display: inline-block; margin-top: 14px; font-size: 13px; color: var(--nc-body); }
.nc-gate-back:hover { color: var(--nc-blue); }
.nc-gate-price { font-size: 22px; font-weight: 800; color: var(--nc-blue); margin: 6px 0 18px; }
.nc-gate-price del { font-size: 14px; color: var(--nc-body); font-weight: 500; margin-left: 6px; }

/* ===== READER (3-pane) ===== */
body.nc-reader { background: #fff; }
/* 뷰어 활성 시(shell 존재)만 헤더/푸터 숨김 — gate 페이지는 정상 노출 */
body.nc-reader:has(.nc-reader-shell) .nc-header,
body.nc-reader:has(.nc-reader-shell) .nc-footer { display: none; }

.nc-reader-shell { display: flex; flex-direction: column; height: 100vh; background: #fff; color: var(--nc-ink); --rd-fs: 18px; }
.nc-reader-topbar { display: flex; align-items: center; justify-content: space-between; height: 56px; padding: 0 16px; border-bottom: 1px solid var(--nc-line); background: #fff; flex-shrink: 0; }
.nc-reader-topbar-left, .nc-reader-topbar-right { display: flex; align-items: center; gap: 8px; }
.nc-reader-topbar-title { font-size: 14px; font-weight: 700; color: var(--nc-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 50%; }
@media (max-width: 640px) { .nc-reader-topbar-title { display: none; } }
.nc-reader-back { font-size: 13px; font-weight: 600; color: var(--nc-body); }
.nc-reader-back:hover { color: var(--nc-blue); }
.nc-reader-iconbtn { width: 36px; height: 36px; border-radius: 8px; border: 0; background: var(--nc-soft); color: var(--nc-ink); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font-size: 12px; font-weight: 700; transition: background 0.15s; }
.nc-reader-iconbtn:hover { background: #EEF1F5; }
.nc-reader-fontbtn { width: 30px; height: 30px; font-size: 11px; }
.nc-reader-fontsize { font-size: 10px; color: var(--nc-body); min-width: 30px; text-align: center; font-family: ui-monospace, SFMono-Regular, monospace; }

.nc-reader-body-wrap { display: flex; flex: 1; overflow: hidden; }

/* SIDEBAR */
.nc-reader-sidebar { width: 280px; flex-shrink: 0; background: #F9FAFC; border-right: 1px solid var(--nc-line); display: flex; flex-direction: column; overflow: hidden; }
.nc-reader-sidebar-head { padding: 18px 18px 14px; background: var(--nc-blue); color: #fff; }
.nc-reader-sidebar-title { font-size: 14px; font-weight: 700; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nc-reader-sidebar-meta { font-size: 11px; color: rgba(255,255,255,0.85); margin-top: 4px; }
.nc-reader-sidebar-list { flex: 1; overflow-y: auto; padding: 10px 8px; }
.nc-reader-sidebar-list a { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--nc-ink); transition: background 0.12s, color 0.12s; line-height: 1.4; }
.nc-reader-sidebar-list a:hover { background: rgba(0,103,255,0.05); }
.nc-reader-sidebar-list a.is-active { background: var(--nc-blue); color: #fff; }
.nc-reader-sidebar-list a .num { font-family: ui-monospace, SFMono-Regular, monospace; font-size: 11px; color: var(--nc-body); flex-shrink: 0; min-width: 22px; padding-top: 1px; }
.nc-reader-sidebar-list a.is-active .num { color: rgba(255,255,255,0.8); }
.nc-reader-sidebar-foot { padding: 14px 18px; border-top: 1px solid var(--nc-line); background: #fff; flex-shrink: 0; }
.nc-reader-progress-text { font-size: 11px; font-weight: 600; color: var(--nc-body); margin-bottom: 6px; }
.nc-reader-progress-bar { height: 4px; border-radius: 999px; background: var(--nc-line); overflow: hidden; }
.nc-reader-progress-bar span { display: block; height: 100%; background: var(--nc-blue); transition: width 0.25s ease-out; }

/* MAIN */
.nc-reader-main { flex: 1; overflow-y: auto; position: relative; }
.nc-reader-content-wrap { max-width: 760px; margin: 0 auto; padding: 40px 24px 100px; }
@media (min-width: 768px) { .nc-reader-content-wrap { padding: 56px 40px 120px; } }
.nc-reader-chapter-badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px 6px 6px; background: var(--nc-soft); border-radius: 999px; font-size: 13px; font-weight: 700; color: var(--nc-ink); margin-bottom: 24px; }
.nc-reader-chapter-badge .num { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; height: 22px; background: var(--nc-blue); color: #fff; border-radius: 999px; font-size: 11px; font-family: ui-monospace, SFMono-Regular, monospace; padding: 0 6px; }
.nc-reader-content { font-size: var(--rd-fs); line-height: 1.85; color: var(--nc-ink); }
.nc-reader-content h2 { font-size: calc(var(--rd-fs) * 1.35); font-weight: 800; margin: 32px 0 18px; letter-spacing: -0.025em; }
.nc-reader-content h2:first-child { margin-top: 0; }

/* Chapter pagination footer */
.nc-reader-nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 64px; padding-top: 28px; border-top: 1px solid var(--nc-line); }
.nc-reader-nav-prev, .nc-reader-nav-next { display: inline-flex; align-items: center; padding: 12px 22px; border-radius: 10px; font-size: 14px; font-weight: 700; text-decoration: none; transition: background 0.15s, border-color 0.15s, color 0.15s; }
.nc-reader-nav-prev { background: #fff; color: var(--nc-ink); border: 1px solid var(--nc-line); }
.nc-reader-nav-prev:hover { border-color: var(--nc-ink); }
.nc-reader-nav-next { background: var(--nc-blue); color: #fff; }
.nc-reader-nav-next:hover { background: var(--nc-blue-h); }
.nc-reader-nav-next.is-complete { background: #16a34a; }
.nc-reader-nav-next.is-complete:hover { background: #15803d; }
.nc-reader-nav .is-disabled { opacity: 0.35; cursor: not-allowed; pointer-events: none; }
.nc-reader-nav-center { font-size: 12px; color: var(--nc-body); font-family: ui-monospace, SFMono-Regular, monospace; }

/* Sidebar chapter list — paginated style */
.nc-reader-sidebar-list a { position: relative; }
.nc-reader-sidebar-list a.is-current { background: var(--nc-blue); color: #fff; }
.nc-reader-sidebar-list a.is-current .num { color: rgba(255,255,255,0.85); }
.nc-reader-sidebar-list a.is-read:not(.is-current) { color: var(--nc-body); }
.nc-reader-sidebar-list a.is-read:not(.is-current) .num { color: var(--nc-blue); font-weight: 700; }
.nc-reader-sidebar-list a .check { flex-shrink: 0; width: 18px; height: 18px; border-radius: 50%; background: var(--nc-blue); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; margin-left: 8px; align-self: center; }
.nc-reader-sidebar-list a .t { flex: 1; min-width: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.35; word-break: keep-all; }

.nc-reader-content h3 { font-size: calc(var(--rd-fs) * 1.1); font-weight: 700; margin: 36px 0 12px; }
.nc-reader-content p { margin: 0 0 18px; color: var(--nc-ink); }
.nc-reader-content blockquote { border-left: 4px solid rgba(0,103,255,0.3); padding: 4px 0 4px 18px; margin: 24px 0; font-style: normal; color: var(--nc-body); }
.nc-reader-content img { max-width: 100%; height: auto; border-radius: 12px; margin: 28px 0; }
.nc-reader-content iframe, .nc-reader-content .wp-block-embed iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; border-radius: 12px; margin: 28px 0; display: block; }
.nc-reader-content .wp-block-embed { margin: 28px 0; }
.nc-reader-content mark.nc-hl { background: linear-gradient(180deg, transparent 50%, rgba(255,235,59,0.7) 50%); padding: 0 2px; cursor: pointer; transition: background 0.15s; }
.nc-reader-content mark.nc-hl:hover { background: linear-gradient(180deg, transparent 50%, rgba(255,193,7,0.85) 50%); }
.nc-reader-end { margin-top: 80px; padding-top: 32px; border-top: 1px solid var(--nc-line); text-align: center; }
.nc-reader-end p { font-size: 14px; color: var(--nc-body); margin-bottom: 14px; }

/* HIGHLIGHT TOOLBAR */
.nc-hl-toolbar { position: fixed; z-index: 80; background: var(--nc-ink); color: #fff; border-radius: 10px; padding: 6px 4px; box-shadow: 0 8px 24px -8px rgba(0,0,0,0.4); display: flex; gap: 2px; transform: translateX(-50%); pointer-events: auto; }
.nc-hl-toolbar[hidden] { display: none; }
.nc-hl-toolbar::after { content: ''; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: var(--nc-ink); transform: translateX(-50%) rotate(45deg); }
.nc-hl-btn { background: none; border: 0; color: #fff; padding: 6px 10px; border-radius: 6px; font-size: 12px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; }
.nc-hl-btn:hover { background: rgba(255,255,255,0.12); }

/* Memo highlight in content */
.nc-reader-content .nc-note-anchor { background: linear-gradient(180deg, transparent 60%, rgba(0,103,255,0.18) 60%); cursor: pointer; padding: 0 2px; position: relative; }
.nc-reader-content .nc-note-anchor::after { content: '✎'; font-size: 11px; color: var(--nc-blue); margin-left: 3px; vertical-align: super; }
.nc-reader-content .nc-note-anchor:hover { background: linear-gradient(180deg, transparent 60%, rgba(0,103,255,0.28) 60%); }

/* Notes panel */
.nc-notes-panel { position: fixed; top: 56px; right: 0; bottom: 0; width: 340px; background: #fff; border-left: 1px solid var(--nc-line); box-shadow: -10px 0 30px -10px rgba(0,0,0,0.08); z-index: 70; display: flex; flex-direction: column; transform: translateX(100%); transition: transform 0.22s ease-out; }
.nc-notes-panel[hidden] { display: flex !important; } /* override [hidden] to allow transform */
.nc-notes-panel:not([hidden]) { transform: translateX(0); }
.nc-notes-head { padding: 16px 18px 12px; border-bottom: 1px solid var(--nc-line); display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; }
.nc-notes-title { font-size: 15px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; }
.nc-notes-tabs { display: flex; gap: 0; padding: 0 14px; border-bottom: 1px solid var(--nc-line); flex-shrink: 0; }
.nc-notes-tab { background: none; border: 0; padding: 12px 14px; font-size: 13px; font-weight: 700; color: var(--nc-body); cursor: pointer; position: relative; }
.nc-notes-tab.is-active { color: var(--nc-ink); }
.nc-notes-tab.is-active::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--nc-ink); }
.nc-notes-tab span { display: inline-block; min-width: 18px; padding: 0 5px; background: var(--nc-soft); color: var(--nc-blue); border-radius: 999px; font-size: 10px; margin-left: 4px; }
.nc-notes-tab.is-active span { background: var(--nc-ink); color: #fff; }
.nc-notes-list { flex: 1; overflow-y: auto; padding: 12px 14px; }
.nc-notes-list[hidden] { display: none !important; }
.nc-notes-empty { padding: 24px 18px; font-size: 13px; color: var(--nc-body); text-align: center; }
.nc-notes-panel:not([data-empty="1"]) .nc-notes-empty { display: none; }
.nc-note-card, .nc-hl-card { background: #F9FAFC; border: 1px solid #EEF1F5; border-radius: 10px; padding: 12px 14px; margin-bottom: 10px; cursor: pointer; transition: border-color 0.15s; }
.nc-note-card:hover, .nc-hl-card:hover { border-color: var(--nc-blue); }
.nc-hl-card { background: #fffbeb; border-color: #fde68a; }
.nc-hl-card:hover { border-color: #fbbf24; }
.nc-hl-card .nc-hl-card-text { font-size: 13px; color: var(--nc-ink); line-height: 1.55; }
.nc-hl-card-ch, .nc-note-card .nc-hl-card-ch { display: inline-block; background: var(--nc-blue); color: #fff; font-size: 10px; font-weight: 700; padding: 2px 7px; border-radius: 999px; margin-bottom: 6px; font-family: ui-monospace, SFMono-Regular, monospace; }
.nc-hl-card .nc-hl-card-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 6px; }
.nc-hl-card button { background: none; border: 0; padding: 2px 8px; font-size: 11px; color: var(--nc-body); font-weight: 600; cursor: pointer; }
.nc-hl-card button:hover { color: var(--nc-blue); }
.nc-hl-card button.danger:hover { color: #d94747; }
.nc-note-quote { font-size: 12px; color: var(--nc-body); border-left: 3px solid var(--nc-blue); padding: 4px 10px; margin-bottom: 8px; background: #fff; border-radius: 0 6px 6px 0; }
.nc-note-text { font-size: 13px; color: var(--nc-ink); line-height: 1.55; margin-bottom: 8px; white-space: pre-wrap; }
.nc-note-actions { display: flex; gap: 8px; justify-content: flex-end; }
.nc-note-actions button { background: none; border: 0; padding: 2px 8px; font-size: 11px; color: var(--nc-body); font-weight: 600; cursor: pointer; }
.nc-note-actions button:hover { color: var(--nc-blue); }
.nc-note-actions button.danger:hover { color: #d94747; }

/* Notes toggle (floating button) */
.nc-notes-toggle { position: fixed; right: 18px; bottom: 24px; width: 48px; height: 48px; border-radius: 50%; border: 0; background: var(--nc-blue); color: #fff; box-shadow: 0 8px 24px -6px rgba(0,103,255,0.4); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 0; z-index: 65; transition: transform 0.15s; }
.nc-notes-toggle:hover { transform: scale(1.06); }
.nc-notes-toggle span { position: absolute; top: 4px; right: 4px; min-width: 18px; height: 18px; border-radius: 999px; background: #fff; color: var(--nc-blue); font-size: 10px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; padding: 0 5px; }
.nc-notes-toggle span:empty, .nc-notes-toggle[data-count="0"] span { display: none; }

/* Dark mode notes */

@media (max-width: 640px) {
	.nc-notes-panel { width: 100%; }
}

/* DARK MODE */

/* MOBILE: sidebar overlay */
@media (max-width: 840px) {
	.nc-reader-sidebar { position: fixed; top: 56px; left: -300px; bottom: 0; width: 280px; z-index: 60; transition: left 0.2s; }
	body.nc-reader-sidebar-open .nc-reader-sidebar { left: 0; box-shadow: 0 0 30px rgba(0,0,0,0.15); }
	body.nc-reader-sidebar-open::before { content: ''; position: fixed; inset: 56px 0 0 0; background: rgba(0,0,0,0.4); z-index: 55; }
}
@media (min-width: 841px) {
	.nc-reader-topbar [data-reader-toggle-sidebar] { display: none; }
}

.nc-watermark { position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 1; user-select: none; }
.nc-watermark span { position: absolute; font-size: 12px; font-weight: 500; color: rgba(15,23,42,0.04); white-space: nowrap; transform: rotate(-25deg); transform-origin: center; }
/* 자바스크립트 없이도 그리드로 배치 */
.nc-watermark span:nth-child(10n+1) { top: 5%; }
.nc-watermark span:nth-child(10n+2) { top: 15%; }
.nc-watermark span:nth-child(10n+3) { top: 25%; }
.nc-watermark span:nth-child(10n+4) { top: 35%; }
.nc-watermark span:nth-child(10n+5) { top: 45%; }
.nc-watermark span:nth-child(10n+6) { top: 55%; }
.nc-watermark span:nth-child(10n+7) { top: 65%; }
.nc-watermark span:nth-child(10n+8) { top: 75%; }
.nc-watermark span:nth-child(10n+9) { top: 85%; }
.nc-watermark span:nth-child(10n) { top: 95%; }
.nc-watermark span:nth-child(-n+10) { left: 5%; }
.nc-watermark span:nth-child(n+11):nth-child(-n+20) { left: 15%; }
.nc-watermark span:nth-child(n+21):nth-child(-n+30) { left: 25%; }
.nc-watermark span:nth-child(n+31):nth-child(-n+40) { left: 35%; }
.nc-watermark span:nth-child(n+41):nth-child(-n+50) { left: 45%; }
.nc-watermark span:nth-child(n+51):nth-child(-n+60) { left: 55%; }
.nc-watermark span:nth-child(n+61):nth-child(-n+70) { left: 65%; }
.nc-watermark span:nth-child(n+71):nth-child(-n+80) { left: 75%; }
.nc-watermark span:nth-child(n+81):nth-child(-n+90) { left: 85%; }
.nc-watermark span:nth-child(n+91) { left: 95%; }

@media print { body.nc-reader { display: none !important; } }

/* ===== FOOTER ===== */
.nc-footer { background: #fff; border-top: 1px solid #f1f5f9; margin-top: 48px; color: #b8c0cc; }
.nc-footer-inner { max-width: var(--nc-max); margin: 0 auto; padding: 22px 16px 14px; box-sizing: border-box; }
@media (min-width: 768px) { .nc-footer-inner { padding: 24px 40px 16px; } }
.nc-footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 18px; padding-bottom: 12px; border-bottom: 1px solid #f1f5f9; }
@media (max-width: 640px) { .nc-footer-grid { grid-template-columns: 1fr 1fr; gap: 12px; } .nc-footer-brand-col { grid-column: 1 / -1; } }
.nc-footer-logo { font-size: 13px; font-weight: 800; color: #475569; margin-bottom: 6px; letter-spacing: -0.015em; }
.nc-footer-tag { font-size: 12px; color: #94a3b8; line-height: 1.55; margin: 0; }
.nc-footer-col h4 { font-size: 11.5px; font-weight: 700; color: #64748b; margin-bottom: 6px; letter-spacing: -0.01em; }
.nc-footer-col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
.nc-footer-col a { font-size: 12px; color: #94a3b8; transition: color 0.15s; font-weight: 500; }
.nc-footer-col a:hover { color: var(--nc-ink); }
.nc-footer-biz { padding: 16px 0 14px; border-bottom: 1px solid #f1f5f9; }
.nc-footer-biz-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px 32px; }
@media (max-width: 640px) { .nc-footer-biz-grid { grid-template-columns: 1fr; gap: 4px 0; } .nc-footer-biz { padding: 12px 0 10px; } }
.nc-footer-biz-row { display: flex; align-items: baseline; gap: 10px; font-size: 11.5px; line-height: 1.6; color: #94a3b8; }
.nc-footer-biz-k { color: #64748b; font-weight: 600; flex-shrink: 0; min-width: 84px; letter-spacing: -0.01em; }
.nc-footer-biz-v { color: #94a3b8; }
.nc-footer-biz-v a { color: #94a3b8; }
.nc-footer-biz-v a:hover { color: var(--nc-ink); text-decoration: underline; }
.nc-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 8px; flex-wrap: wrap; }
.nc-footer-copy { font-size: 11px; color: #94a3b8; }
.nc-footer-links { display: flex; align-items: center; gap: 6px; font-size: 11px; }
.nc-footer-links a { color: #94a3b8; font-weight: 500; }
.nc-footer-links a:hover { color: var(--nc-ink); text-decoration: underline; }
.nc-footer-links .sep { color: #cbd5e1; }
@media (max-width: 480px) { .nc-footer-bottom { flex-direction: column; align-items: flex-start; gap: 8px; } }

/* 푸터 모든 링크 = 회색 통일, 파란 자동 링크 컬러 죽이기 */
html body .nc-footer a,
html body .nc-footer a:visited,
html body .nc-footer a:focus,
html body .nc-footer a:active { color: #b8c0cc !important; text-decoration: none !important; }
html body .nc-footer a:hover { color: var(--nc-body) !important; text-decoration: underline !important; }

/* ===== 상품 페이지 (full 2-col + sticky 구매카드) ===== */
.nc-product-page { padding: 16px 0 56px; }
@media (min-width: 768px) { .nc-product-page { padding: 20px 0 72px; } }
.nc-product-mobile-head { display: block; margin-bottom: 16px; }
.nc-product-mobile-head .nc-product-cat { margin-bottom: 6px; }
.nc-product-mobile-title { font-size: 20px; font-weight: 800; color: var(--nc-ink); line-height: 1.3; letter-spacing: -0.02em; margin: 0; }
@media (min-width: 980px) { .nc-product-mobile-head { display: none; } }
.nc-product-layout { display: flex; flex-direction: column; gap: 24px; }
@media (min-width: 980px) {
	.nc-product-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 48px; align-items: start; }
}
@media (max-width: 979px) {
	.nc-buy-headline { display: none; }
}
.nc-product-left { min-width: 0; display: flex; flex-direction: column; gap: 28px; }

/* 갤러리 — 이미지 자연 비율 (흰 여백 없음) */
.nc-product-gallery { position: relative; }
.nc-product-main-img { position: relative; border-radius: var(--nc-radius-lg); overflow: hidden; background: var(--nc-bg-alt); }
.nc-product-main-img img { width: 100%; height: auto; display: block; }
.nc-product-sale-badge { position: absolute; top: 14px; left: 14px; background: var(--nc-sale); color: #fff; font-size: 12px; font-weight: 800; padding: 7px 14px; border-radius: 999px; box-shadow: 0 4px 12px rgba(239,68,68,0.3); z-index: 2; }
.nc-product-thumbs { display: flex; gap: 8px; margin-top: 10px; overflow-x: auto; }
.nc-product-thumbs::-webkit-scrollbar { display: none; }
.nc-product-thumbs button { flex-shrink: 0; width: 70px; height: 70px; background: #fff; border: 2px solid var(--nc-line); border-radius: 10px; padding: 6px; cursor: pointer; transition: border-color 0.15s; overflow: hidden; }
.nc-product-thumbs button img { width: 100%; height: 100%; object-fit: contain; display: block; }
.nc-product-thumbs button.is-active { border-color: var(--nc-blue); }

/* 구매 카드 내 headline */
.nc-buy-headline { padding-bottom: 18px; border-bottom: 1px solid var(--nc-line); }
.nc-buy-headline .nc-product-cat { margin-bottom: 8px; font-size: 11px; font-weight: 800; color: var(--nc-blue); letter-spacing: 0.06em; text-transform: uppercase; }
.nc-buy-title { font-size: 22px; font-weight: 800; color: var(--nc-ink); line-height: 1.3; letter-spacing: -0.02em; margin-bottom: 10px; }
.nc-buy-tagline { font-size: 13px; color: var(--nc-body); line-height: 1.6; margin-bottom: 12px; }
.nc-buy-tagline p { margin: 0; }
.nc-product-rating { display: flex; align-items: center; gap: 8px; }
.nc-product-rating .stars { color: #facc15; font-size: 14px; letter-spacing: 1px; }
.nc-product-rating .rating-text { font-size: 12px; color: var(--nc-body); }

/* 우측 sticky 구매 카드 — 헤더(56px) + admin-bar 고려 */
.nc-product-buy { position: relative; }
@media (min-width: 980px) {
	.nc-product-buy { position: sticky; top: var(--nc-sticky-top); }
}
.nc-buy-card { background: #fff; border: 1px solid var(--nc-line); border-radius: var(--nc-radius-lg); padding: 24px; display: flex; flex-direction: column; gap: 18px; }
.nc-buy-price .row-strike { display: flex; align-items: baseline; gap: 10px; margin-bottom: 4px; }
.nc-buy-price .discount { color: var(--nc-sale); font-weight: 800; font-size: 15px; }
.nc-buy-price .strike { color: #94a3b8; font-size: 13px; text-decoration: line-through; }
.nc-buy-price .now { font-size: 22px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.025em; line-height: 1.15; }
.nc-buy-price .now bdi { font-size: inherit; }
.nc-buy-bullets { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; padding-top: 4px; border-top: 1px solid var(--nc-line); padding-top: 18px; }
.nc-buy-bullets li { font-size: 13px; color: var(--nc-body); padding-left: 18px; position: relative; line-height: 1.55; }
.nc-buy-bullets li::before { content: ""; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; background: var(--nc-blue); border-radius: 50%; }
.nc-buy-meta { display: flex; flex-direction: column; gap: 6px; padding-top: 14px; border-top: 1px solid var(--nc-line); }
.nc-buy-meta > div { display: flex; justify-content: space-between; font-size: 12.5px; }
.nc-buy-meta > div span:first-child { color: var(--nc-body); }
.nc-buy-meta > div span:last-child { color: var(--nc-ink); font-weight: 600; }

.nc-product-cat { font-size: 11px; font-weight: 800; color: var(--nc-blue); letter-spacing: 0.06em; margin-bottom: 8px; text-transform: uppercase; }
.nc-product-title { font-size: clamp(22px, 3.4vw, 28px); font-weight: 800; color: var(--nc-ink); line-height: 1.3; margin-bottom: 10px; letter-spacing: -0.03em; }
.nc-product-tagline { font-size: 14px; color: var(--nc-body); line-height: 1.6; margin-bottom: 14px; }
.nc-product-tagline p { margin: 0; }

.nc-product-rating { display: flex; align-items: center; gap: 6px; margin-bottom: 18px; }
.nc-product-rating .stars { color: #facc15; font-size: 13px; letter-spacing: 0.5px; line-height: 1; }
.nc-product-rating .rating-text { font-size: 12px; color: var(--nc-body); line-height: 1; }

.nc-product-price { background: var(--nc-soft); border-radius: var(--nc-radius); padding: 18px 20px; margin-bottom: 18px; }
.nc-product-price .row-strike { display: flex; align-items: baseline; gap: 10px; margin-bottom: 4px; }
.nc-product-price .discount { color: var(--nc-sale); font-weight: 800; font-size: 16px; }
.nc-product-price .strike { color: #94a3b8; font-size: 13px; text-decoration: line-through; }
.nc-product-price .now { font-size: 32px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.03em; line-height: 1.1; }

.nc-product-bullets { list-style: none; padding: 0; margin: 0 0 22px; display: flex; flex-direction: column; gap: 10px; }
.nc-product-bullets li { display: flex; align-items: center; gap: 10px; font-size: 13.5px; color: var(--nc-ink); }
.nc-product-bullets li .ic { font-size: 17px; flex-shrink: 0; }
.nc-product-bullets li strong { font-weight: 700; }

.nc-product-cta { display: flex; flex-direction: column; gap: 8px; margin-bottom: 22px; }
.nc-product-cta form.cart { display: flex; flex-direction: column; gap: 8px; }
.nc-product-cta .nc-btn-block { max-width: 100%; }

.nc-product-trust { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 18px; padding: 16px; background: var(--nc-bg-alt); border-radius: var(--nc-radius); }
.nc-product-trust .t { text-align: center; }
.nc-product-trust .t .ic { font-size: 22px; margin-bottom: 4px; }
.nc-product-trust .t .top { font-size: 14px; font-weight: 800; color: var(--nc-ink); }
.nc-product-trust .t .bot { font-size: 11px; color: var(--nc-body); margin-top: 2px; }

.nc-product-meta { border-top: 1px solid var(--nc-line); padding-top: 14px; display: flex; flex-direction: column; gap: 8px; }
.nc-product-meta .row { display: flex; justify-content: space-between; font-size: 12.5px; }
.nc-product-meta .row span:first-child { color: var(--nc-body); }
.nc-product-meta .row span:last-child { color: var(--nc-ink); font-weight: 600; }

/* 탭 (와이드) — 스크롤 시 헤더 바로 아래 고정 */
.nc-product-tabs {
	display: flex;
	gap: 4px;
	margin-bottom: 28px;
	border-bottom: 2px solid var(--nc-line);
	position: sticky;
	top: var(--nc-sticky-top);
	background: #fff;
	z-index: 30;
	margin-left: -16px;
	margin-right: -16px;
	padding-left: 16px;
	padding-right: 16px;
}
.nc-product-tabs button { background: none; border: 0; padding: 16px 24px; font-size: 15px; font-weight: 700; color: var(--nc-body); position: relative; cursor: pointer; }
.nc-product-tabs button.is-active { color: var(--nc-blue); }
.nc-product-tabs button.is-active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: var(--nc-blue); }
@media (max-width: 768px) {
	.nc-product-tabs { margin-bottom: 20px; }
	.nc-product-tabs button { padding: 12px 16px; font-size: 14px; }
}

/* 상세 본문 — 와이드, 이미지 풀 폭 */
.nc-product-desc { max-width: none; }
.nc-product-desc p, .nc-product-desc ul, .nc-product-desc ol, .nc-product-desc h2, .nc-product-desc h3, .nc-product-desc h4, .nc-product-desc blockquote { max-width: 760px; margin-left: auto; margin-right: auto; }
.nc-product-desc img { display: block; margin: 0 auto; max-width: 100%; height: auto; border-radius: 12px; }
/* 이미지만 있는 p (와디즈식 배너 연속) — 사이 간격 0 */
.nc-product-desc p:has(> img:only-child) { margin: 0 auto; }
.nc-product-desc p:has(> img:only-child) + p:has(> img:only-child) { margin-top: 0; }
.nc-product-desc h2 { font-size: 22px; font-weight: 800; color: var(--nc-ink); margin: 36px auto 14px; letter-spacing: -0.02em; }
.nc-product-desc h3 { font-size: 18px; font-weight: 700; color: var(--nc-ink); margin: 28px auto 10px; }

/* 후기 요약 */
.nc-rev-summary { display: flex; align-items: center; gap: 28px; padding: 24px; background: var(--nc-bg-alt); border-radius: var(--nc-radius); margin-bottom: 24px; }
.nc-rev-score { font-size: 48px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.03em; line-height: 1; }
.nc-rev-score span { font-size: 18px; color: var(--nc-body); font-weight: 600; margin-left: 2px; }
.nc-rev-meta .stars { color: #facc15; font-size: 18px; letter-spacing: 2px; }
.nc-rev-meta .ct { font-size: 13px; color: var(--nc-body); margin-top: 4px; }

/* 후기 0개 빈 상태 */
.nc-rev-empty { padding: 26px 24px; text-align: center; background: var(--nc-soft); border: 1px dashed var(--nc-line); border-radius: 14px; margin-bottom: 14px; }
.nc-rev-empty h3 { font-size: 17px; font-weight: 800; color: var(--nc-ink); margin: 0 0 6px; letter-spacing: -0.02em; }
.nc-rev-empty p { font-size: 13.5px; color: var(--nc-body); margin: 0; line-height: 1.6; }

/* 후기 작성 권한 게이트 (구매·완독·로그인·중복) */
.nc-rev-gate { padding: 32px 24px; text-align: center; background: var(--nc-soft); border: 1px solid var(--nc-line); border-radius: 14px; margin-bottom: 18px; }
.nc-rev-gate h3 { font-size: 17px; font-weight: 800; color: var(--nc-ink); margin: 0 0 8px; letter-spacing: -0.02em; }
.nc-rev-gate p { font-size: 13.5px; color: var(--nc-body); margin: 0 0 16px; line-height: 1.6; }
.nc-rev-gate p strong { color: var(--nc-blue); font-weight: 800; }
.nc-rev-gate-btn { display: inline-flex; align-items: center; padding: 10px 22px; background: var(--nc-blue); color: #fff !important; border-radius: 9px; font-size: 13.5px; font-weight: 700; transition: background 0.15s; }
.nc-rev-gate-btn:hover { background: var(--nc-blue-h); color: #fff !important; }
.nc-rev-gate.done { background: #f0fdf4; border-color: #bbf7d0; }
.nc-rev-gate.done h3 { color: #166534; }
.nc-rev-list-only { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--nc-line); }
.nc-rev-no-form #respond, .nc-rev-no-form #review_form_wrapper { display: none !important; }

/* 후기 사진 (목록 + 폼) */
.nc-rev-photos { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.nc-rev-photo { display: block; width: 88px; height: 88px; border-radius: 8px; overflow: hidden; border: 1px solid var(--nc-line); }
.nc-rev-photo img { width: 100%; height: 100%; object-fit: cover; }
.nc-comment-photo { margin: 0 0 14px; }
.nc-comment-photo > label { display: block; font-size: 13px; font-weight: 700; color: var(--nc-ink); margin-bottom: 8px; }
.nc-comment-photo .nc-photo-hint { font-size: 12px; color: var(--nc-body); margin: 6px 0 0; }
.nc-comment-photo .nc-photo-pick { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; background: #fff; border: 1px solid var(--nc-line); border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--nc-ink); cursor: pointer; }
.nc-comment-photo .nc-photo-pick:hover { background: var(--nc-soft); }
.nc-comment-photo input[type=file] { position: absolute !important; left: -9999px !important; opacity: 0; width: 1px; height: 1px; }
.nc-comment-photo .nc-photo-preview { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.nc-comment-photo .nc-photo-preview-item { width: 70px; height: 70px; border-radius: 8px; background-size: cover; background-position: center; border: 1px solid var(--nc-line); }

/* 본인 후기 수정/삭제 버튼 */
.nc-rev-actions { display: flex; gap: 8px; margin-top: 10px; padding-top: 8px; border-top: 1px dashed var(--nc-line); }
.nc-rev-actions button { background: transparent; border: 0; padding: 4px 8px; font-size: 12px; color: var(--nc-body); cursor: pointer; border-radius: 6px; transition: background 0.12s, color 0.12s; }
.nc-rev-actions button:hover { background: var(--nc-soft); color: var(--nc-ink); }
.nc-rev-actions .nc-rev-del-btn:hover { color: #dc2626; }

/* 인라인 수정 폼 */
.nc-rev-edit-form { margin-top: 12px; padding: 14px; background: var(--nc-soft); border: 1px solid var(--nc-line); border-radius: 10px; }
.nc-rev-edit-form .nc-rev-edit-rating-label { display: block; font-size: 13px; font-weight: 700; color: var(--nc-ink); margin-bottom: 6px; }
.nc-rev-edit-stars { display: inline-flex; gap: 2px; margin-bottom: 12px; }
.nc-rev-edit-stars button { background: transparent; border: 0; padding: 0 2px; font-size: 22px; color: #e4e4e7; cursor: pointer; line-height: 1; }
.nc-rev-edit-stars button.on { color: #facc15; }
.nc-rev-edit-text { display: block; width: 100%; min-height: 90px; padding: 10px 12px; border: 1px solid var(--nc-line); border-radius: 8px; font-size: 13.5px; font-family: inherit; line-height: 1.6; resize: vertical; box-sizing: border-box; background: #fff; }
.nc-rev-edit-text:focus { outline: 0; border-color: var(--nc-blue); }
.nc-rev-edit-photos { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.nc-rev-edit-photo { position: relative; width: 70px; height: 70px; border-radius: 8px; background-size: cover; background-position: center; border: 1px solid var(--nc-line); }
.nc-rev-edit-photo button { position: absolute; top: -6px; right: -6px; width: 20px; height: 20px; border-radius: 50%; background: rgba(0,0,0,0.7); color: #fff; border: 0; font-size: 14px; line-height: 1; cursor: pointer; }
.nc-rev-edit-add-photo { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; padding: 7px 12px; background: #fff; border: 1px solid var(--nc-line); border-radius: 8px; font-size: 12.5px; font-weight: 600; color: var(--nc-ink); cursor: pointer; position: relative; }
.nc-rev-edit-add-photo:hover { background: var(--nc-soft); }
.nc-rev-edit-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 12px; }
.nc-rev-edit-actions button { padding: 8px 16px; border: 0; border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer; }
.nc-rev-edit-cancel { background: #fff; color: var(--nc-body); border: 1px solid var(--nc-line) !important; }
.nc-rev-edit-save { background: var(--nc-blue); color: #fff !important; }
.nc-rev-edit-save:hover { background: var(--nc-blue-h); }
.nc-rev-edit-save:disabled { opacity: 0.6; cursor: not-allowed; }

/* ====================================================================
   리더 인라인 편집 (admin) — 편집 버튼, 툴바, contenteditable 영역
   ==================================================================== */
.nc-reader-editbtn { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; background: var(--nc-blue); color: #fff !important; border: 0; border-radius: 8px; font-size: 13px; font-weight: 700; cursor: pointer; transition: background 0.15s; }
.nc-reader-editbtn:hover { background: var(--nc-blue-h); }
.nc-reader-editbtn svg { color: #fff; }
.nc-reader-edit-cancel { padding: 6px 12px !important; font-size: 13px !important; }
.nc-reader-edit-save { background: var(--nc-blue) !important; color: #fff !important; }

/* 편집 모드 안내 */
.nc-edit-notice { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: #FFF8DB; border: 1px solid #F2DFA2; border-radius: 10px; font-size: 13px; color: var(--nc-ink); margin-bottom: 16px; }
.nc-edit-notice strong { font-weight: 800; }
.nc-edit-notice b { font-weight: 800; color: var(--nc-blue); }
.nc-edit-notice svg { color: #B07D2B; flex-shrink: 0; }

/* 편집 툴바 */
.nc-edit-toolbar { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 12px; background: #fff; border: 1px solid var(--nc-line); border-radius: 12px 12px 0 0; margin-bottom: -1px; }
.nc-edit-tg { display: inline-flex; gap: 2px; padding: 0 6px; border-right: 1px solid var(--nc-line); align-items: center; }
.nc-edit-tg:last-child { border-right: 0; }
.nc-edit-toolbar button { background: transparent; border: 0; padding: 6px 9px; min-width: 28px; height: 32px; border-radius: 6px; font-size: 13px; color: var(--nc-ink); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background 0.12s, color 0.12s; }
.nc-edit-toolbar button:hover { background: var(--nc-soft); }
.nc-edit-toolbar button:active, .nc-edit-toolbar button.is-active { background: var(--nc-ink); color: #fff; }
.nc-edit-toolbar button sub { font-size: 9px; vertical-align: sub; }

/* contenteditable 본문 */
.nc-reader-content.is-editing { outline: 1px solid var(--nc-blue); border-radius: 0 0 12px 12px; padding: 18px 22px !important; min-height: 200px; background: #fff; transition: background 0.15s, outline-color 0.15s; }
.nc-reader-content.is-editing:focus { outline: 2px solid var(--nc-blue); }
.nc-reader-content.is-editing.is-dragover { outline: 2px dashed var(--nc-blue); background: #F0F6FF; }
/* hidden attribute > display 속성 - flex 클래스가 [hidden] 을 덮지 않도록 */
.nc-edit-notice[hidden], .nc-edit-toolbar[hidden] { display: none !important; }
.nc-reader-content img { max-width: 100% !important; height: auto !important; }
.nc-reader-content.is-editing img { cursor: pointer; }
.nc-reader-content.is-editing img:hover { outline: 2px solid rgba(0,103,255,0.4); outline-offset: 2px; }
.nc-reader-content.is-editing img.is-selected { outline: 2px solid var(--nc-blue) !important; outline-offset: 2px; }

/* 이미지 정렬 (뷰어 + 편집기 공통) */
.nc-reader-content img.nc-img-left { display: block; float: none; margin: 8px auto 8px 0; clear: both; }
.nc-reader-content img.nc-img-right { display: block; float: none; margin: 8px 0 8px auto; clear: both; }
.nc-reader-content img.nc-img-center { display: block; float: none; margin: 8px auto; clear: both; }
.nc-reader-content p, .nc-reader-content h2, .nc-reader-content h3 { clear: both; }

/* 이미지 리사이즈 핸들 (편집 모드) */
.nc-img-handle { position: absolute; z-index: 1001; width: 14px; height: 14px; background: var(--nc-blue); border: 2px solid #fff; border-radius: 50%; box-shadow: 0 2px 6px rgba(0,0,0,0.2); pointer-events: auto; }
.nc-img-handle[hidden] { display: none; }
.nc-img-handle-nw, .nc-img-handle-se { cursor: nwse-resize; }
.nc-img-handle-ne, .nc-img-handle-sw { cursor: nesw-resize; }
.nc-reader-content.is-editing img.is-selected { cursor: move; }

/* 이미지 플로팅 툴바 */
.nc-img-toolbar { position: absolute; z-index: 1000; display: inline-flex; align-items: center; gap: 1px; padding: 4px 6px; background: var(--nc-ink); color: #fff; border-radius: 8px; box-shadow: 0 6px 24px rgba(0,0,0,0.25); }
.nc-img-toolbar button { background: transparent; border: 0; padding: 0 8px; min-width: 30px; height: 26px; color: #fff; border-radius: 4px; font-size: 11px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.nc-img-toolbar button:hover { background: rgba(255,255,255,0.15); }
.nc-img-toolbar button.on { background: var(--nc-blue); color: #fff; }
.nc-img-toolbar .sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.2); margin: 4px 4px; }

/* HTML 모드 textarea */
.nc-edit-html { width: 100%; min-height: 400px; padding: 16px; border: 1px solid var(--nc-line); border-radius: 0 0 12px 12px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; line-height: 1.6; box-sizing: border-box; resize: vertical; }

/* ====================================================================
   Notion 가져오기 — 편집기 툴바 버튼 + 모달
   ==================================================================== */
.nc-edit-notion-btn { color: #000 !important; }
.nc-edit-notion-btn:hover { background: var(--nc-soft) !important; }

.nc-notion-modal { position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,0.45); display: flex; align-items: center; justify-content: center; padding: 20px; }
.nc-notion-modal[hidden] { display: none; }
.nc-notion-modal-card { background: #fff; border-radius: 16px; max-width: 520px; width: 100%; padding: 28px 28px 24px; position: relative; box-shadow: 0 20px 60px rgba(0,0,0,0.25); }
.nc-notion-close { position: absolute; top: 14px; right: 14px; width: 32px; height: 32px; border: 0; background: transparent; font-size: 18px; color: var(--nc-body); cursor: pointer; border-radius: 8px; }
.nc-notion-close:hover { background: var(--nc-soft); color: var(--nc-ink); }
.nc-notion-head { display: flex; gap: 12px; margin-bottom: 18px; }
.nc-notion-icon { flex-shrink: 0; width: 38px; height: 38px; border-radius: 9px; background: #000; color: #fff; display: flex; align-items: center; justify-content: center; }
.nc-notion-head h3 { margin: 0 0 4px; font-size: 17px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; }
.nc-notion-head p { margin: 0; font-size: 13px; color: var(--nc-body); line-height: 1.55; }
.nc-notion-field { margin-bottom: 12px; }
.nc-notion-field label { display: block; font-size: 13px; font-weight: 700; color: var(--nc-ink); margin-bottom: 6px; }
.nc-notion-field input { width: 100%; padding: 11px 14px; border: 1px solid var(--nc-line); border-radius: 9px; font-size: 13.5px; box-sizing: border-box; background: #fff; }
.nc-notion-field input:focus { outline: 0; border-color: var(--nc-blue); box-shadow: 0 0 0 3px rgba(0,103,255,0.08); }
.nc-notion-options { display: flex; gap: 16px; margin-bottom: 14px; font-size: 13px; }
.nc-notion-options label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; color: var(--nc-ink); }
.nc-notion-options input { margin: 0; }
.nc-notion-status { min-height: 20px; font-size: 12.5px; color: var(--nc-body); margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
.nc-notion-status.err { color: #DC2626; }
.nc-notion-status.ok  { color: #16A34A; font-weight: 600; }
.nc-notion-status.loading { color: var(--nc-body); }
.nc-notion-status a { color: var(--nc-blue); text-decoration: underline; margin-left: 4px; }
.nc-notion-actions { display: flex; gap: 8px; justify-content: flex-end; }
.nc-notion-actions .nc-btn { padding: 9px 18px !important; font-size: 13px !important; }

.nc-spin { width: 14px; height: 14px; border: 2px solid var(--nc-line); border-top-color: var(--nc-blue); border-radius: 50%; animation: nc-spin 0.7s linear infinite; display: inline-block; }
@keyframes nc-spin { to { transform: rotate(360deg); } }

/* Notion 임포트 결과물 스타일 (callout 등) */
.nc-callout { display: flex; gap: 10px; padding: 14px 16px; background: var(--nc-soft); border-left: 3px solid var(--nc-blue); border-radius: 8px; margin: 12px 0; font-size: 14px; line-height: 1.65; }
.nc-callout-emoji { font-size: 18px; line-height: 1; flex-shrink: 0; }

/* WC 후기 작성 폼 — 깔끔하게 다듬기 */
#reviews { padding-top: 8px; }
/* 헤더 ("N개 상품평") — 위 요약 카드에 카운트 있으니 숨김 */
#reviews #comments .woocommerce-Reviews-title { display: none !important; }

/* 후기 목록 */
#reviews .commentlist { list-style: none !important; padding: 0 !important; margin: 0 0 24px !important; display: flex !important; flex-direction: column; gap: 12px; }
#reviews .commentlist li.review,
#reviews .commentlist li.comment {
	list-style: none;
	padding: 18px 20px !important;
	background: #fff !important;
	border: 1px solid var(--nc-line) !important;
	border-radius: 12px !important;
	position: relative;
}
#reviews .commentlist .comment_container {
	display: block !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
}

/* 기본 Gravatar 숨김 (회색 실루엣 자리만 차지) */
#reviews .commentlist img.avatar { display: none !important; }

#reviews .commentlist .comment-text {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

/* 메타 (이름·날짜) */
#reviews .commentlist .meta {
	display: flex !important;
	align-items: center;
	gap: 6px;
	margin: 0 0 10px !important;
	font-size: 12.5px;
	color: var(--nc-body);
}
#reviews .commentlist .meta strong,
#reviews .commentlist .meta .woocommerce-review__author {
	font-size: 14px;
	font-weight: 700;
	color: var(--nc-ink);
}
#reviews .commentlist .meta .woocommerce-review__dash { color: var(--nc-line); }
#reviews .commentlist .meta .woocommerce-review__published-date { color: var(--nc-body); }

/* 본문 */
#reviews .commentlist .description { font-size: 14px; color: var(--nc-ink); line-height: 1.65; margin: 0; }
#reviews .commentlist .description p { margin: 0 0 8px; }
#reviews .commentlist .description p:last-child { margin-bottom: 0; }

/* 별점 — 우측 상단 */
#reviews .commentlist li.review .star-rating {
	position: absolute;
	top: 18px;
	right: 20px;
	font-size: 13px !important;
	margin: 0 !important;
}
#reviews .star-rating { color: #facc15 !important; }

/* 사진 더 작게 + 톤다운 (어디서도 안 숨겨지게) */
.nc-rev-photos,
#reviews .commentlist .nc-rev-photos { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin-top: 10px; visibility: visible !important; }
.nc-rev-photo,
#reviews .commentlist .nc-rev-photo { display: block !important; width: 72px !important; height: 72px !important; border-radius: 6px !important; flex: 0 0 auto !important; overflow: hidden; }
.nc-rev-photo img,
#reviews .commentlist .nc-rev-photo img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; }
@media (max-width: 600px) {
	.nc-rev-photo,
	#reviews .commentlist .nc-rev-photo { width: 64px !important; height: 64px !important; }
}

#review_form_wrapper { padding: 22px 24px; background: #fff; border: 1px solid var(--nc-line); border-radius: 14px; margin-top: 14px; }
#review_form_wrapper #reply-title { font-size: 16px; font-weight: 800; color: var(--nc-ink); margin: 0 0 14px; letter-spacing: -0.02em; display: block; }
#review_form_wrapper .comment-notes { font-size: 12.5px; color: var(--nc-body); margin: 0 0 14px; line-height: 1.6; }
#review_form_wrapper .comment-form-rating { margin-bottom: 14px; }
#review_form_wrapper .comment-form-rating label { display: block; font-size: 13px; font-weight: 700; color: var(--nc-ink); margin-bottom: 8px; }
#review_form_wrapper p.stars { display: inline-flex; gap: 2px; }
#review_form_wrapper p.stars a { font-size: 24px; color: #e4e4e7; transition: color 0.12s; text-decoration: none; }
/* 호버: 가리킨 별과 그 앞 별 모두 채움 */
#review_form_wrapper p.stars:hover a { color: #facc15; }
#review_form_wrapper p.stars a:hover ~ a { color: #e4e4e7; }
/* 선택: 선택된 별과 그 앞 별 모두 채움 */
#review_form_wrapper p.stars.selected a.active,
#review_form_wrapper p.stars.selected a:has(~ a.active) { color: #facc15; }
#review_form_wrapper p.stars.selected a.active ~ a { color: #e4e4e7; }
#review_form_wrapper .comment-form-comment { margin-bottom: 14px; }
#review_form_wrapper .comment-form-comment label { display: block; font-size: 13px; font-weight: 700; color: var(--nc-ink); margin-bottom: 8px; }
#review_form_wrapper textarea { width: 100%; min-height: 100px; padding: 12px 14px; border: 1px solid var(--nc-line); border-radius: 10px; font-size: 13.5px; font-family: inherit; line-height: 1.6; resize: vertical; box-sizing: border-box; }
#review_form_wrapper textarea:focus { outline: 0; border-color: var(--nc-blue); }
#review_form_wrapper .form-submit { margin: 14px 0 0; }
#review_form_wrapper .submit, #review_form_wrapper input[type="submit"] { padding: 12px 22px !important; background: var(--nc-blue) !important; color: #fff !important; border: 0 !important; border-radius: 9px !important; font-size: 14px !important; font-weight: 700 !important; cursor: pointer; transition: background 0.15s; }
#review_form_wrapper .submit:hover, #review_form_wrapper input[type="submit"]:hover { background: var(--nc-blue-h) !important; }
#review_form_wrapper .must-log-in { font-size: 13px; color: var(--nc-body); }
#review_form_wrapper .must-log-in a { color: var(--nc-blue); font-weight: 700; }

/* sticky 구매바 (모바일만) */
.nc-sticky-buy { display: none; position: fixed; left: 0; right: 0; bottom: 0; background: #fff; border-top: 1px solid var(--nc-line); padding: 10px 16px; z-index: 50; box-shadow: 0 -4px 20px rgba(0,0,0,0.06); }
@media (max-width: 767px) { .nc-sticky-buy { display: block; } body.nc-single-product { padding-bottom: 80px; } }
.nc-sticky-inner { display: flex; align-items: center; gap: 12px; max-width: 720px; margin: 0 auto; }
.nc-sticky-price { flex-shrink: 0; display: flex; align-items: baseline; gap: 4px; }
.nc-sticky-price .d { color: var(--nc-sale); font-size: 12px; font-weight: 800; }
.nc-sticky-price .p { font-size: 17px; font-weight: 800; }
.nc-sticky-buy .nc-btn { flex: 1; }

/* ===== 결제 완료 페이지 (지금 바로 읽기) ===== */
.nc-thankyou-hero { background: linear-gradient(180deg, var(--nc-soft) 0%, #fff 100%); padding: 48px 0 36px; text-align: center; }
@media (min-width: 768px) { .nc-thankyou-hero { padding: 72px 0 48px; } }
.nc-thankyou-hero h1 { font-size: clamp(24px, 4vw, 36px); font-weight: 800; color: var(--nc-ink); margin: 10px 0 12px; letter-spacing: -0.03em; }
.nc-thankyou-hero > .nc-container > p { font-size: 14px; color: var(--nc-body); margin-bottom: 32px; }
.nc-thankyou-books { display: grid; grid-template-columns: 1fr; gap: 14px; margin-bottom: 28px; text-align: left; }
@media (min-width: 640px) { .nc-thankyou-books { grid-template-columns: repeat(2, 1fr); gap: 18px; } }
.nc-thankyou-book { display: flex; align-items: center; gap: 16px; background: #fff; border: 1px solid var(--nc-line); border-radius: var(--nc-radius-lg); padding: 16px; transition: border-color 0.18s, transform 0.18s, box-shadow 0.18s; }
.nc-thankyou-book:hover { border-color: var(--nc-blue); transform: translateY(-2px); box-shadow: 0 14px 30px -16px rgba(15,23,42,0.14); }
.nc-thankyou-thumb { width: 72px; height: 72px; background: var(--nc-soft) center / cover no-repeat; border-radius: 10px; flex-shrink: 0; }
.nc-thankyou-body { flex: 1; min-width: 0; }
.nc-thankyou-title { font-size: 14.5px; font-weight: 800; color: var(--nc-ink); margin-bottom: 4px; line-height: 1.4; }
.nc-thankyou-cta { font-size: 13px; color: var(--nc-blue); font-weight: 700; }
.nc-thankyou-links { font-size: 13px; color: var(--nc-body); display: flex; gap: 10px; justify-content: center; align-items: center; flex-wrap: wrap; }
.nc-thankyou-links a { color: var(--nc-ink); font-weight: 600; }
.nc-thankyou-links a:hover { color: var(--nc-blue); }

/* WC 기본 thankyou 텍스트 숨김 (우리 hero가 대체) */
.woocommerce-order-received .woocommerce-thankyou-order-received,
.woocommerce-order-received .woocommerce-order-overview { font-size: 13px; color: var(--nc-body); }

/* ===== WC fix ===== */
.nc-wc-wrap { max-width: 1280px; margin: 0 auto; padding: 32px 16px 80px; }
@media (min-width: 768px) { .nc-wc-wrap { padding: 40px 40px 100px; } }

/* ===== WC My Account / 주문 상세 / 결제 페이지 — nc 스타일 ===== */
.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce { color: var(--nc-ink); }
.woocommerce-MyAccount-navigation { background: #fff; border: 1px solid var(--nc-line); border-radius: var(--nc-radius-lg); padding: 10px; }
.woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 2px; }
.woocommerce-MyAccount-navigation li a { display: block; padding: 11px 14px; border-radius: 10px; font-size: 14px; font-weight: 600; color: var(--nc-body); }
.woocommerce-MyAccount-navigation li a:hover { background: var(--nc-bg-alt); color: var(--nc-ink); }
.woocommerce-MyAccount-navigation li.is-active a, .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--current a { background: var(--nc-ink); color: #fff; }

.woocommerce-account .woocommerce-MyAccount-content { background: #fff; border: 1px solid var(--nc-line); border-radius: var(--nc-radius-lg); padding: 28px; }
@media (max-width: 768px) { .woocommerce-account .woocommerce-MyAccount-content { padding: 20px; } }

.woocommerce-account .woocommerce > .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce > .woocommerce-MyAccount-content { float: none !important; width: auto !important; }
.woocommerce-account .woocommerce { display: grid; grid-template-columns: 1fr; gap: 20px; }
@media (min-width: 900px) { .woocommerce-account .woocommerce { grid-template-columns: 220px 1fr; gap: 36px; } }

/* 주문 상세 / 영수증 / 폼 */
.woocommerce table.shop_table { background: #fff; border: 1px solid var(--nc-line); border-collapse: collapse; border-radius: 12px; overflow: hidden; width: 100%; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { padding: 14px 16px; border-bottom: 1px solid var(--nc-line); font-size: 13.5px; vertical-align: top; }
.woocommerce table.shop_table thead th { background: var(--nc-bg-alt); font-weight: 700; color: var(--nc-ink); font-size: 12.5px; }
.woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td { background: var(--nc-bg-alt); font-weight: 700; }
.woocommerce table.shop_table tr:last-child td, .woocommerce table.shop_table tr:last-child th { border-bottom: 0; }

.woocommerce h2, .woocommerce h3 { font-size: 18px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; margin: 24px 0 14px; }
.woocommerce p { font-size: 14px; line-height: 1.7; }

.woocommerce-order-details, .woocommerce-customer-details, .woocommerce-column { margin-bottom: 24px; }

.woocommerce .button, .woocommerce a.button, .woocommerce-page .button { display: inline-block; padding: 10px 18px; background: var(--nc-blue); color: #fff !important; font-size: 13px; font-weight: 700; border-radius: 10px; border: 0; cursor: pointer; transition: background 0.15s; }
.woocommerce .button:hover, .woocommerce a.button:hover, .woocommerce-page .button:hover { background: var(--nc-blue-h); color: #fff !important; }
.woocommerce .button.alt, .woocommerce a.button.alt, .woocommerce button.alt, .woocommerce input[type="submit"].alt, .woocommerce-page button.alt, #place_order { background: var(--nc-blue) !important; color: #fff !important; border-radius: 10px !important; padding: 14px 22px !important; font-weight: 700 !important; }
.woocommerce .button.alt:hover, #place_order:hover { background: var(--nc-blue-h) !important; }
.woocommerce .button.disabled, .woocommerce .button:disabled { background: #cbd5e1 !important; color: #fff !important; opacity: 0.85; }

/* WC 알림 메시지 — 보라/연두 → 블루 */
.woocommerce-message, .woocommerce-info { border-top-color: var(--nc-blue) !important; background: #F9FAFC !important; color: var(--nc-ink) !important; border-radius: 10px; padding: 14px 18px 14px 50px !important; }
.woocommerce-message::before, .woocommerce-info::before { color: var(--nc-blue) !important; }
.woocommerce-message .button, .woocommerce-info .button { background: var(--nc-blue) !important; color: #fff !important; }
.woocommerce-error { border-top-color: #d94747 !important; background: #fff5f5 !important; color: var(--nc-ink) !important; border-radius: 10px; }

/* 장바구니 / 체크아웃 — 보라색 link, 강조 색 통일 */
.woocommerce a, .woocommerce-page a { color: var(--nc-blue); }
.woocommerce-cart .cart-collaterals .cart_totals h2, .woocommerce-checkout #order_review_heading, .woocommerce-checkout h3 { color: var(--nc-ink); }
.woocommerce-cart table.shop_table, .woocommerce-checkout table.shop_table { border: 1px solid var(--nc-line); border-radius: 12px; overflow: hidden; }
.woocommerce-cart table.shop_table th, .woocommerce-checkout table.shop_table th { background: var(--nc-soft); color: var(--nc-ink); padding: 12px 14px; font-weight: 700; font-size: 13px; }
.woocommerce-cart .quantity .qty, .woocommerce .quantity .qty { width: 70px; padding: 8px 10px; border: 1px solid var(--nc-line); border-radius: 8px; }
.woocommerce-cart .actions { padding: 12px 14px; }
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text { padding: 12px 14px; border: 1px solid var(--nc-line); border-radius: 10px; }

/* 약관 동의 체크박스 정렬 */
.woocommerce-form__label-for-checkbox, .woocommerce form .form-row label.checkbox, label.checkbox { display: flex !important; align-items: flex-start; gap: 8px; font-size: 13px; line-height: 1.5; cursor: pointer; padding: 4px 0; }
.woocommerce-form__input-checkbox, .woocommerce form .form-row input[type="checkbox"], input[type="checkbox"].input-checkbox { width: 18px; height: 18px; margin: 2px 0 0 !important; flex-shrink: 0; accent-color: var(--nc-blue); }
/* 체크아웃 너비 제한 + 약관 박스를 위 결제수단 박스와 통일 */
body.woocommerce-checkout .woocommerce, body.woocommerce-checkout form.checkout, body.woocommerce-checkout form.woocommerce-checkout { max-width: 760px !important; margin-left: auto !important; margin-right: auto !important; }
body.woocommerce-checkout #order_review { max-width: 100% !important; }
.woocommerce-terms-and-conditions-wrapper { margin: 10px 0; padding: 12px 18px !important; background: #F9FAFC !important; border: 1px solid #EEF1F5 !important; border-radius: 12px !important; display: block !important; }
.woocommerce-terms-and-conditions-wrapper > *,
.woocommerce-terms-and-conditions-wrapper > * > * { margin-block-start: 0 !important; margin-block-end: 0 !important; }
.woocommerce-terms-and-conditions-wrapper > *:first-child { margin-top: 0 !important; padding-top: 0 !important; }
.woocommerce-terms-and-conditions-wrapper > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.woocommerce-terms-and-conditions-wrapper .woocommerce-form__label { display: flex !important; align-items: flex-start; gap: 10px; font-size: 14.5px; line-height: 1.6; padding: 2px 0 !important; margin: 0 !important; }
.woocommerce-terms-and-conditions-wrapper .required { color: #d94747; margin-left: 4px; }
/* WC .form-row 기본 padding/margin 제거 — wrapper 내부에서 */
.woocommerce-terms-and-conditions-wrapper p.form-row,
.woocommerce form .woocommerce-terms-and-conditions-wrapper .form-row { padding: 0 !important; margin: 0 !important; }
/* nested privacy-policy-text 박스 중첩 제거 — wrapper 한 박스로 통일 */
.woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text,
.woocommerce-terms-and-conditions-wrapper p.woocommerce-privacy-policy-text { background: transparent !important; border: 0 !important; padding: 0 0 12px !important; margin: 0 0 12px !important; border-bottom: 1px solid #E5E8EE !important; border-radius: 0 !important; font-size: 14.5px !important; line-height: 1.65 !important; }
.woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p,
.woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text > * { margin: 0 !important; padding: 0 !important; }

/* 결제수단 라디오 정렬 */
.woocommerce-checkout #payment ul.payment_methods { padding: 0; margin: 0 0 10px; border: 0; background: transparent; }
.woocommerce-checkout #payment ul.payment_methods li { background: #fff; border: 1px solid var(--nc-line); border-radius: 12px; padding: 14px 16px; margin-bottom: 10px; list-style: none; }
.woocommerce-checkout #payment ul.payment_methods li:has(input[type="radio"]:checked) { border-color: var(--nc-blue); background: var(--nc-soft); }
.woocommerce-checkout #payment ul.payment_methods li label { font-weight: 700; color: var(--nc-ink); font-size: 14px; display: inline-flex; align-items: center; gap: 8px; }
.woocommerce-checkout #payment ul.payment_methods input[type="radio"] { accent-color: var(--nc-blue); width: 16px; height: 16px; }
.woocommerce-checkout #payment div.payment_box { background: #F9FAFC; border-radius: 8px; padding: 12px 14px; font-size: 12px; color: var(--nc-body); }
.woocommerce-checkout #payment div.payment_box::before { display: none; }

/* 카트 합계 박스 */
.woocommerce-cart .cart_totals { background: #fff; border: 1px solid var(--nc-line); border-radius: 12px; padding: 20px; }
.woocommerce-cart .cart_totals .order-total { color: var(--nc-blue); font-weight: 800; }

/* 쿠폰 / 장바구니 갱신 버튼 — 보라 fallback 잡기 */
.woocommerce button[name="apply_coupon"],
.woocommerce input[name="apply_coupon"],
.woocommerce button[name="update_cart"],
.woocommerce input[name="update_cart"],
.woocommerce button[name="proceed"],
.woocommerce .coupon button { background: var(--nc-blue) !important; color: #fff !important; border: 0 !important; padding: 10px 18px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 700 !important; cursor: pointer !important; height: auto !important; line-height: 1.4; }
.woocommerce button[name="apply_coupon"]:hover,
.woocommerce input[name="apply_coupon"]:hover,
.woocommerce button[name="update_cart"]:hover,
.woocommerce input[name="update_cart"]:hover { background: var(--nc-blue-h) !important; }
.woocommerce .coupon input[name="coupon_code"] { padding: 10px 12px !important; border: 1px solid var(--nc-line) !important; border-radius: 9px !important; font-size: 13px !important; }
.woocommerce-cart-form .actions .coupon { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }

/* 카트 상품 썸네일 — 잘림 방지: 원본 비율 유지, contain */
.woocommerce-cart table.shop_table .product-thumbnail img { width: 64px !important; height: 64px !important; object-fit: contain !important; background: var(--nc-soft); border-radius: 8px; padding: 4px; box-sizing: border-box; box-shadow: none !important; }
.woocommerce-cart table.shop_table .product-thumbnail { width: 84px; padding: 14px 8px !important; }
.woocommerce-cart table.shop_table .product-thumbnail a { display: inline-block; line-height: 0; }
.woocommerce-cart table.shop_table td { padding: 14px 12px !important; vertical-align: middle; }
.woocommerce-cart table.shop_table .product-name a { color: var(--nc-ink); font-weight: 700; }
.woocommerce-cart table.shop_table .product-remove a.remove { background: #f1f5f9 !important; color: var(--nc-body) !important; width: 24px; height: 24px; border-radius: 50%; font-size: 14px; line-height: 24px; }
.woocommerce-cart table.shop_table .product-remove a.remove:hover { background: #fee2e2 !important; color: #d94747 !important; }

/* 체크아웃 개인정보 / privacy policy 안내 박스 — 흐린 하늘색 + padding */
/* (was duplicate rule that fought with wrapper above — left empty intentionally) */
.woocommerce-terms-and-conditions-wrapper { width: 100%; box-sizing: border-box; }
/* 약관 박스를 감싸는 .form-row.place-order 좌우 패딩 제거 → 결제수단 카드와 폭 일치 */
.woocommerce-checkout #payment .form-row.place-order { padding: 0 !important; margin: 0 !important; }
.woocommerce-privacy-policy-text a { color: var(--nc-blue); text-decoration: underline; }

/* 체크아웃 추가 보라 잡기 — 결제수단 박스, 약관 박스, fieldset */
.woocommerce-checkout #payment, .woocommerce-checkout #payment ul.payment_methods, .woocommerce-checkout #payment div.form-row { background: transparent !important; }
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label::before, .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label::after { display: none !important; }
.woocommerce-checkout .woocommerce-additional-fields, .woocommerce-checkout #order_review_heading { background: transparent !important; color: var(--nc-ink); }
.woocommerce-checkout .select2-container--default .select2-selection--single { border: 1px solid var(--nc-line) !important; border-radius: 10px !important; height: auto; padding: 8px 12px; }
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--nc-ink); padding: 0; }
.woocommerce-checkout .select2-container--default.select2-container--focus .select2-selection--single { border-color: var(--nc-blue) !important; }
.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--nc-blue) !important; }
/* WC 4.x 이전 라디오 placeholder 보라 잡기 */
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:checked + label { color: var(--nc-blue); }
.select2-dropdown { border: 1px solid var(--nc-line) !important; border-radius: 10px !important; }
.select2-container--default .select2-results__option[aria-selected=true] { background: var(--nc-soft); color: var(--nc-ink); }

.woocommerce form .form-row label { font-size: 12px; color: var(--nc-body); font-weight: 600; display: block; margin-bottom: 4px; }
.woocommerce form .form-row input, .woocommerce form .form-row select, .woocommerce form .form-row textarea { width: 100%; padding: 12px 14px; border: 1px solid var(--nc-line); border-radius: 10px; font-size: 14px; background: #fff; }
.woocommerce form .form-row input:focus, .woocommerce form .form-row select:focus, .woocommerce form .form-row textarea:focus { outline: none; border-color: var(--nc-blue); }
.nc-page-default { padding: 40px 0 80px; }
@media (min-width: 768px) { .nc-page-default { padding: 56px 0 100px; } }
.nc-page-default-title { font-size: clamp(24px, 4vw, 32px); font-weight: 800; color: var(--nc-ink); margin-bottom: 22px; letter-spacing: -0.03em; }
.nc-template img, .nc-template video, .nc-template iframe, .nc-template embed { max-width: 100%; }
.nc-prose { line-height: 1.8; color: var(--nc-body); }
.nc-prose h2 { font-size: 20px; font-weight: 800; color: var(--nc-ink); margin: 28px 0 12px; }
.nc-prose h3 { font-size: 16px; font-weight: 700; color: var(--nc-ink); margin: 22px 0 10px; }
.nc-prose p { margin: 12px 0; }
.nc-prose img { border-radius: 8px; margin: 16px auto; }
/* 약관·개인정보 같은 page 내 ol/ul 들여쓰기 합리화 */
.nc-prose ol, .nc-prose ul { padding-inline-start: 22px; margin: 12px 0; }
.nc-prose ol li, .nc-prose ul li { margin: 6px 0; padding-inline-start: 4px; }
.nc-prose ol ol, .nc-prose ol ul, .nc-prose ul ol, .nc-prose ul ul { padding-inline-start: 20px; margin: 6px 0; }
@media (max-width: 600px) {
	.nc-prose ol, .nc-prose ul { padding-inline-start: 18px; }
	.nc-prose ol ol, .nc-prose ol ul, .nc-prose ul ol, .nc-prose ul ul { padding-inline-start: 16px; }
}

/* line-clamp util */
.line-clamp-2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.line-clamp-3 { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

/* ============ ADMIN ============ */
body.nc-admin-active { background: #f3f5f9; }
body.nc-admin-active .nc-header, body.nc-admin-active .nc-footer { display: none !important; }
.nc-admin { display: flex; min-height: 100vh; background: #f3f5f9; }
.nc-admin * { box-sizing: border-box; }

/* SIDE */
.nc-admin-side { width: 240px; flex-shrink: 0; background: #0F172A; color: #cbd5e1; display: flex; flex-direction: column; position: sticky; top: 0; height: 100vh; overflow-y: auto; }
.nc-admin-brand { padding: 20px 18px 14px; display: flex; align-items: center; gap: 8px; color: #fff; font-weight: 800; font-size: 15px; letter-spacing: -0.02em; border-bottom: 1px solid rgba(255,255,255,0.08); }
.nc-admin-brand .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--nc-blue); }
.nc-admin-brand .badge { margin-left: auto; font-size: 10px; font-weight: 700; background: var(--nc-blue); color: #fff; padding: 2px 7px; border-radius: 999px; letter-spacing: 0; }
.nc-admin-nav { flex: 1; padding: 14px 10px; display: flex; flex-direction: column; gap: 2px; }
.nc-admin-nav a { display: flex; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 8px; font-size: 13px; font-weight: 600; color: #cbd5e1; transition: background 0.12s, color 0.12s; }
.nc-admin-nav a:hover { background: rgba(255,255,255,0.05); color: #fff; }
.nc-admin-nav a.is-active { background: var(--nc-blue); color: #fff; }
.nc-admin-nav a svg { flex-shrink: 0; opacity: 0.8; }
.nc-admin-nav a.is-active svg { opacity: 1; }
.nc-admin-nav-top { padding: 11px 12px; }

/* Admin sidebar 그룹 토글 */
.nc-admin-side-group { background: transparent; border: 0; }
.nc-admin-side-group > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 8px; font-size: 11px; font-weight: 700; color: #94a3b8; letter-spacing: 0.06em; text-transform: uppercase; transition: background 0.12s, color 0.12s; }
.nc-admin-side-group > summary::-webkit-details-marker { display: none; }
.nc-admin-side-group > summary:hover { color: #fff; background: rgba(255,255,255,0.04); }
.nc-admin-side-group > summary .lbl { flex: 1 1 auto; }
.nc-admin-side-group > summary .caret { color: #94a3b8; transition: transform 0.18s ease; flex-shrink: 0; }
.nc-admin-side-group[open] > summary .caret { transform: rotate(180deg); }
.nc-admin-side-group-body { display: flex; flex-direction: column; gap: 1px; padding: 2px 0 6px; }
.nc-admin-side-sub { display: flex; align-items: center; gap: 10px; padding: 10px 12px 10px 16px; border-radius: 8px; font-size: 13px; font-weight: 600; color: #cbd5e1; transition: background 0.12s, color 0.12s; }
.nc-admin-side-sub:hover { background: rgba(255,255,255,0.05); color: #fff; }
.nc-admin-side-sub.is-active { background: var(--nc-blue); color: #fff; }
.nc-admin-side-sub svg { flex-shrink: 0; opacity: 0.7; }
.nc-admin-side-sub.is-active svg { opacity: 1; }

.nc-admin-side-foot { padding: 14px; border-top: 1px solid rgba(255,255,255,0.08); display: flex; gap: 6px; flex-wrap: wrap; }
.nc-admin-side-foot a { font-size: 11px; color: #94a3b8; padding: 6px 8px; border-radius: 6px; background: rgba(255,255,255,0.05); }
.nc-admin-side-foot a:hover { background: rgba(255,255,255,0.1); color: #fff; }

/* Admin sidebar — mobile collapsed dropdown (.nc-side-wrap dark variant) */
.nc-admin-side .nc-side-wrap > summary { background: rgba(255,255,255,0.05); color: #fff; }
.nc-admin-side .nc-side-wrap > summary .nc-side-wrap-eyebrow { background: rgba(255,255,255,0.08); color: #cbd5e1; border: 0; }
.nc-admin-side .nc-side-wrap > summary .caret { color: #94a3b8; }
.nc-admin-side .nc-side-wrap { flex: 1; display: flex; flex-direction: column; }
.nc-admin-side .nc-side-wrap > .nc-side-wrap-inner { flex: 1; display: flex; flex-direction: column; }

/* BODY */
.nc-admin-body { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.nc-admin-topbar { display: flex; align-items: center; justify-content: space-between; height: 56px; padding: 0 24px; background: #fff; border-bottom: 1px solid #e2e8f0; position: sticky; top: 0; z-index: 30; }
.nc-admin-breadcrumb { font-size: 13px; color: #64748b; }
.nc-admin-breadcrumb strong { color: var(--nc-ink); font-weight: 700; }
.nc-admin-user { display: flex; align-items: center; gap: 10px; }
.nc-admin-avatar { width: 30px; height: 30px; border-radius: 50%; background: var(--nc-blue); color: #fff; font-size: 13px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
.nc-admin-username { font-size: 13px; font-weight: 600; color: var(--nc-ink); }
.nc-admin-logout { font-size: 12px; color: #64748b; padding: 6px 10px; border-radius: 6px; }
.nc-admin-logout:hover { background: #f1f5f9; color: var(--nc-ink); }
.nc-admin-main { padding: 24px; flex: 1; min-width: 0; }
@media (min-width: 1280px) { .nc-admin-main { padding: 32px; } }
.nc-admin-section-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px; gap: 16px; }
.nc-admin-section-head h1 { font-size: 22px; font-weight: 800; color: var(--nc-ink); margin: 0; letter-spacing: -0.02em; }
.nc-admin-btn-primary { padding: 9px 16px; background: var(--nc-blue); color: #fff !important; border: 0; border-radius: 8px; font-size: 13px; font-weight: 700; cursor: pointer; }
.nc-admin-btn-primary:hover { background: var(--nc-blue-h); }
.nc-admin-btn-line { padding: 9px 16px; background: #fff; color: var(--nc-ink) !important; border: 1px solid var(--nc-line); border-radius: 8px; font-size: 13px; font-weight: 700; cursor: pointer; }
.nc-admin-btn-line:hover { border-color: var(--nc-ink); }
.nc-admin-flash { padding: 12px 16px; border-radius: 9px; font-size: 13px; font-weight: 600; margin-bottom: 14px; }
.nc-admin-flash.success { background: #d1fae5; color: #065f46; }
.nc-admin-flash.error { background: #fee2e2; color: #991b1b; }
.nc-admin-table { width: 100%; background: #fff; border: 1px solid var(--nc-line); border-radius: 12px; border-collapse: separate; border-spacing: 0; overflow: hidden; }
.nc-admin-table th { padding: 12px 14px; text-align: left; font-size: 12px; font-weight: 700; color: var(--nc-body); background: #f8fafc; border-bottom: 1px solid var(--nc-line); }
.nc-admin-table td { padding: 14px 14px; font-size: 13.5px; color: var(--nc-ink); border-bottom: 1px solid var(--nc-line); }
.nc-admin-table tr:last-child td { border-bottom: 0; }
.nc-admin-table .acts { text-align: right; }
.nc-admin-tlink { display: inline-block; padding: 5px 10px; font-size: 12px; color: var(--nc-blue) !important; background: transparent; border: 0; cursor: pointer; font-weight: 600; }
.nc-admin-tlink:hover { text-decoration: underline; }
.nc-admin-tlink.danger { color: #ef4444 !important; }
.nc-admin-empty { padding: 40px 0; text-align: center; color: var(--nc-body); font-size: 13.5px; }

.nc-adm-section { display: flex; flex-direction: column; gap: 22px; max-width: 1240px; }
.nc-adm-pageheader h1 { font-size: 24px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.025em; margin-bottom: 4px; }
.nc-adm-pageheader p { font-size: 13px; color: #64748b; }
.nc-adm-back { display: inline-block; font-size: 12px; color: #64748b; font-weight: 600; margin-bottom: 8px; }
.nc-adm-back:hover { color: var(--nc-blue); }

/* KPI */
.nc-adm-kpis { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
@media (min-width: 768px) { .nc-adm-kpis { grid-template-columns: repeat(4, 1fr); } }
.nc-adm-kpi { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 16px 18px; }
.nc-adm-kpi .lbl { font-size: 12px; color: #64748b; font-weight: 600; margin-bottom: 4px; }
.nc-adm-kpi .val { font-size: 24px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.025em; line-height: 1.2; }
.nc-adm-kpi .sub { font-size: 11px; color: #94a3b8; margin-top: 4px; }

/* Grid */
.nc-adm-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 1024px) { .nc-adm-grid { grid-template-columns: 1.4fr 1fr; } .nc-adm-grid > :first-child { grid-row: span 2; } }

/* Card */
.nc-adm-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; }
.nc-adm-card.no-pad { padding: 0; }
.nc-adm-card:not(.no-pad) { padding: 4px 0; }
.nc-adm-card-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px 8px; }
.nc-adm-card-head h3 { font-size: 14px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; }
.nc-adm-card-head a { font-size: 12px; color: var(--nc-blue); font-weight: 600; }

/* Table */
.nc-adm-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.nc-adm-table th { text-align: left; padding: 11px 14px; font-size: 11px; color: #64748b; font-weight: 600; background: #f8fafc; border-bottom: 1px solid #e2e8f0; }
.nc-adm-table th.r, .nc-adm-table td.r { text-align: right; }
.nc-adm-table td { padding: 12px 14px; border-bottom: 1px solid #f1f5f9; color: var(--nc-ink); vertical-align: middle; }
.nc-adm-table tbody tr:hover { background: #fafbff; }
.nc-adm-table tbody tr:last-child td { border-bottom: 0; }
.nc-adm-table a { color: var(--nc-ink); }
.nc-adm-table a:hover { color: var(--nc-blue); }
.nc-adm-mute { font-size: 11px; color: #94a3b8; margin-top: 2px; }
.nc-adm-empty { padding: 30px 18px; text-align: center; color: #94a3b8; font-size: 13px; }
.nc-adm-sub { font-size: 11.5px; color: #94a3b8; }
.nc-adm-chip { display: inline-flex; align-items: center; padding: 3px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 700; line-height: 1; background: #f1f5f9; color: #64748b; }
.nc-adm-chip.is-hold { background: #fef3c7; color: #92400e; }
.nc-adm-chip.is-approve { background: #dcfce7; color: #15803d; }
.nc-adm-chip.is-spam { background: #fee2e2; color: #b91c1c; }
.nc-adm-chip.is-done { background: #dbeafe; color: #1e40af; }
.nc-adm-chip.is-ing { background: #f1f5f9; color: #475569; }
.nc-adm-chip.is-not { background: #f8fafc; color: #94a3b8; }
.nc-adm-link-danger { font-size: 11.5px; color: #dc2626 !important; font-weight: 600; }
.nc-adm-link-danger:hover { text-decoration: underline; }
.nc-adm-action-stack { display: inline-flex; flex-direction: column; gap: 4px; align-items: stretch; }
.nc-adm-action-stack > * { text-align: center; }
.nc-adm-progress { position: relative; background: #f1f5f9; border-radius: 999px; overflow: hidden; height: 18px; min-width: 80px; }
.nc-adm-progress .bar { background: linear-gradient(90deg, #0067FF, #4f8bff); height: 100%; border-radius: 999px; transition: width 0.3s; }
.nc-adm-progress .pct { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; color: #1d2327; }
.nc-adm-progress .pct.on { color: #fff; }
.nc-mission-content { font-size: 13px; line-height: 1.6; color: var(--nc-ink); white-space: pre-wrap; word-break: break-word; }
.nc-mission-photos { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.nc-mission-photos a { display: block; width: 64px; height: 64px; border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden; }
.nc-mission-photos img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nc-adm-link { color: var(--nc-blue) !important; font-size: 12px; font-weight: 600; margin-left: 8px; }
.nc-adm-link:hover { text-decoration: underline; }
.nc-adm-thumb { width: 50px; padding: 8px !important; }
.nc-adm-thumb img { width: 38px; height: 38px; object-fit: cover; border-radius: 6px; display: block; }
.nc-adm-thumb .ph { width: 38px; height: 38px; border-radius: 6px; background: #f1f5f9; }
.nc-adm-userrow { display: flex; align-items: center; gap: 10px; }
.nc-adm-userrow .ava { width: 32px; height: 32px; border-radius: 50%; background: var(--nc-blue); color: #fff; font-size: 13px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; }
.nc-adm-userrow .ava.ava-img { background: var(--nc-bg-alt); }
.nc-adm-userrow .ava-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nc-adm-userrow-name { display: flex; align-items: center; gap: 6px; }
.nc-adm-provider { display: inline-flex; align-items: center; gap: 3px; padding: 1px 6px 1px 5px; border-radius: 10px; font-size: 10px; font-weight: 700; line-height: 1.5; flex-shrink: 0; }
.nc-adm-provider.prov-kakao  { background: #FEE500; color: #3C1E1E; }
.nc-adm-provider.prov-naver  { background: #03C75A; color: #fff; }
.nc-adm-provider.prov-google { background: #F1F3F4; color: #3C4043; }
.nc-adm-bar { width: 80px; height: 4px; border-radius: 999px; background: #e2e8f0; overflow: hidden; display: inline-block; vertical-align: middle; margin-right: 6px; }
.nc-adm-bar span { display: block; height: 100%; background: var(--nc-blue); }

/* Status pills */
.nc-adm-status { display: inline-block; padding: 3px 9px; border-radius: 999px; font-size: 11px; font-weight: 700; background: #e2e8f0; color: var(--nc-ink); }
.nc-adm-status.s-completed, .nc-adm-status.s-wc-completed, .nc-adm-status.s-publish { background: #dcfce7; color: #166534; }
.nc-adm-status.s-processing, .nc-adm-status.s-wc-processing { background: #dbeafe; color: #1e40af; }
.nc-adm-status.s-pending, .nc-adm-status.s-wc-pending, .nc-adm-status.s-draft { background: #fef9c3; color: #854d0e; }
.nc-adm-status.s-cancelled, .nc-adm-status.s-wc-cancelled, .nc-adm-status.s-refunded, .nc-adm-status.s-wc-refunded { background: #fee2e2; color: #991b1b; }
.nc-adm-status.s-administrator { background: #ede9fe; color: #5b21b6; }

/* Toolbar */
.nc-adm-toolbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.nc-adm-search { position: relative; display: flex; align-items: center; flex: 1; min-width: 220px; max-width: 360px; }
.nc-adm-search svg { position: absolute; left: 12px; color: #94a3b8; pointer-events: none; }
.nc-adm-search input { width: 100%; padding: 9px 12px 9px 36px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 13px; background: #fff; }
.nc-adm-search input:focus { outline: none; border-color: var(--nc-blue); }
.nc-adm-tabs { display: flex; gap: 4px; align-items: center; }
.nc-adm-tabs a { padding: 7px 12px; border-radius: 7px; font-size: 12px; font-weight: 600; color: #64748b; background: #fff; border: 1px solid #e2e8f0; }
.nc-adm-tabs a:hover { color: var(--nc-ink); border-color: var(--nc-ink); }
.nc-adm-tabs a.is-active { background: var(--nc-ink); color: #fff; border-color: var(--nc-ink); }
.nc-adm-tabs span { font-size: 12px; color: #64748b; }
.nc-adm-btn-primary { padding: 9px 16px; background: var(--nc-blue); color: #fff !important; font-size: 12px; font-weight: 700; border-radius: 8px; }
.nc-adm-btn-primary:hover { background: var(--nc-blue-h); }
.nc-adm-btn-outline { padding: 9px 14px; background: #fff; color: var(--nc-ink) !important; font-size: 12px; font-weight: 600; border-radius: 8px; border: 1px solid #e2e8f0; }
.nc-adm-btn-outline:hover { border-color: var(--nc-ink); }

/* Reader/Post lists */
.nc-adm-userlist { list-style: none; padding: 0 18px 14px; margin: 0; }
.nc-adm-userlist li { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid #f1f5f9; }
.nc-adm-userlist li:last-child { border-bottom: 0; }
.nc-adm-userlist .ava { width: 32px; height: 32px; border-radius: 50%; background: var(--nc-blue); color: #fff; font-size: 13px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.nc-adm-userlist .name { font-size: 13px; font-weight: 700; color: var(--nc-ink); }
.nc-adm-userlist .email { font-size: 11px; color: #94a3b8; }
.nc-adm-userlist .meta { flex: 1; min-width: 0; }
.nc-adm-userlist .date { font-size: 11px; color: #94a3b8; }

.nc-adm-toplist { list-style: none; padding: 0 18px 14px; margin: 0; }
.nc-adm-toplist li { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid #f1f5f9; }
.nc-adm-toplist li:last-child { border-bottom: 0; }
.nc-adm-toplist .rank { width: 22px; height: 22px; border-radius: 50%; background: #f1f5f9; color: var(--nc-ink); font-size: 11px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
.nc-adm-toplist li:nth-child(-n+3) .rank { background: var(--nc-blue); color: #fff; }
.nc-adm-toplist .title { flex: 1; min-width: 0; font-size: 13px; font-weight: 600; color: var(--nc-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nc-adm-toplist .sales { font-size: 11px; color: #64748b; }

/* Pager */
.nc-adm-pager { display: flex; gap: 4px; justify-content: center; padding: 16px 0; }
.nc-adm-pager a { padding: 6px 11px; border: 1px solid #e2e8f0; border-radius: 6px; font-size: 12px; color: var(--nc-ink); background: #fff; }
.nc-adm-pager a:hover { border-color: var(--nc-ink); }
.nc-adm-pager a.is-active { background: var(--nc-ink); color: #fff; border-color: var(--nc-ink); }

/* Mobile */
@media (max-width: 900px) {
	.nc-admin { flex-direction: column; }
	.nc-admin-side { width: 100%; height: auto; position: static; overflow: visible; }
	.nc-admin-brand { padding: 14px 16px 10px; }
	.nc-admin-nav { padding: 10px; }
	.nc-admin-side-foot { padding: 8px 10px; }
	/* mobile: 그룹 토글 + wrap dropdown 모두 활성. wrap summary가 메인 토글 */
	.nc-admin-side .nc-side-wrap > .nc-side-wrap-inner { background: rgba(0,0,0,0.15); border-radius: 10px; padding: 6px; margin-top: 6px; }
}

/* ============ B2B ============ */
.nc-b2b-container { max-width: 1080px; margin: 0 auto; padding: 0 20px; }
.nc-b2b-h2 { font-size: clamp(24px, 4vw, 36px); font-weight: 800; color: var(--nc-ink); letter-spacing: -0.03em; line-height: 1.35; }
.nc-b2b-h2.center { text-align: center; }
.nc-b2b-h2.white { color: #fff; text-align: center; }
.nc-b2b-h2-sub { font-size: 14px; color: var(--nc-body); margin-top: 12px; }
.nc-b2b-btn-primary { display: inline-block; background: var(--nc-blue); color: #fff !important; padding: 12px 26px; border-radius: 10px; font-size: 14px; font-weight: 700; letter-spacing: -0.01em; transition: background 0.15s, transform 0.1s; }
.nc-b2b-btn-primary:hover { background: var(--nc-blue-h); }
.nc-b2b-btn-primary.lg { padding: 16px 38px; font-size: 15px; border-radius: 12px; }

/* 1. HERO */
.nc-b2b-hero { position: relative; padding: 80px 20px 64px; background: linear-gradient(135deg, #0F172A 0%, #1E40AF 60%, #2563EB 100%); color: #fff; overflow: hidden; text-align: center; }
.nc-b2b-hero-bg { position: absolute; inset: 0; background: radial-gradient(circle at 80% 20%, rgba(96,165,250,0.35), transparent 50%), radial-gradient(circle at 20% 80%, rgba(59,130,246,0.3), transparent 55%); pointer-events: none; }
.nc-b2b-hero-inner { position: relative; max-width: 880px; margin: 0 auto; }
.nc-b2b-hero-eyebrow { font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.85); margin-bottom: 14px; }
.nc-b2b-hero-title { font-size: clamp(28px, 5vw, 48px); font-weight: 800; letter-spacing: -0.035em; line-height: 1.25; margin-bottom: 18px; }
.nc-b2b-hero-title .hl { color: #93C5FD; }
.nc-b2b-hero-sub { font-size: clamp(14px, 1.8vw, 17px); color: rgba(255,255,255,0.82); line-height: 1.75; margin-bottom: 28px; }
.nc-b2b-hero-chips { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; margin-bottom: 32px; }
.nc-b2b-hero-chips span { padding: 8px 16px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.18); border-radius: 999px; font-size: 12.5px; font-weight: 600; color: #fff; backdrop-filter: blur(8px); }
.nc-b2b-hero-cta { display: flex; justify-content: center; gap: 10px; }

/* 2. START / Cases */
.nc-b2b-start { padding: 80px 0; background: #fff; text-align: center; }
.nc-b2b-case-grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin-top: 40px; text-align: left; }
@media (min-width: 720px) { .nc-b2b-case-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1080px) { .nc-b2b-case-grid { grid-template-columns: repeat(4, 1fr); gap: 14px; } }
.nc-b2b-case { background: var(--nc-soft); border-radius: 16px; padding: 24px 22px; transition: transform 0.15s, box-shadow 0.15s; }
.nc-b2b-case:hover { transform: translateY(-3px); box-shadow: 0 16px 30px -18px rgba(0,103,255,0.25); }
.nc-b2b-case .tag { display: inline-block; font-size: 11px; font-weight: 700; color: var(--nc-blue); background: #fff; padding: 4px 10px; border-radius: 999px; margin-bottom: 12px; }
.nc-b2b-case .title { font-size: 16px; font-weight: 800; color: var(--nc-ink); margin-bottom: 12px; letter-spacing: -0.02em; }
.nc-b2b-case ul { list-style: none; padding: 0; margin: 0; }
.nc-b2b-case li { font-size: 12.5px; color: var(--nc-body); padding: 4px 0 4px 14px; position: relative; line-height: 1.55; }
.nc-b2b-case li::before { content: '·'; position: absolute; left: 4px; color: var(--nc-blue); font-weight: 700; }

/* 3. STATS dark */
.nc-b2b-stats { padding: 100px 20px; background: #0B1220; color: #fff; text-align: center; position: relative; overflow: hidden; }
.nc-b2b-donut { position: relative; margin: 56px auto 14px; display: flex; align-items: center; justify-content: center; gap: 28px; flex-wrap: wrap; }
.nc-b2b-donut-outer { width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, #0F2547 0%, #0B1220 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; border: 1px dashed rgba(147,197,253,0.25); }
.nc-b2b-donut-outer .big { font-size: 44px; font-weight: 800; letter-spacing: -0.02em; line-height: 1; color: #fff; }
.nc-b2b-donut-outer .big span { font-size: 24px; margin-left: 2px; color: #93C5FD; }
.nc-b2b-donut-outer .cap { font-size: 13px; color: rgba(255,255,255,0.85); margin-top: 12px; line-height: 1.6; text-align: center; padding: 0 14px; }
.nc-b2b-donut-inner { position: relative; width: 200px; height: 200px; border-radius: 50%; background: linear-gradient(135deg, #5EEAD4 0%, #2DD4BF 100%); color: #042F2E; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 10px 30px -8px rgba(94,234,212,0.5); }
.nc-b2b-donut-inner .big { font-size: 22px; font-weight: 800; letter-spacing: -0.01em; line-height: 1; }
.nc-b2b-donut-inner .big span { font-size: 14px; }
.nc-b2b-donut-inner .cap { font-size: 11px; color: rgba(0,0,0,0.7); margin-top: 4px; text-align: center; line-height: 1.4; font-weight: 600; }
.nc-b2b-stat-src { font-size: 11px; color: rgba(255,255,255,0.5); }
.nc-b2b-stat-row { display: grid; grid-template-columns: 1fr; gap: 14px; margin: 56px auto 0; max-width: 720px; }
@media (min-width: 720px) { .nc-b2b-stat-row { grid-template-columns: 1fr 1fr; gap: 20px; } }
.nc-b2b-stat-cell { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; padding: 32px 24px; }
.nc-b2b-stat-cell .n { font-size: 56px; font-weight: 800; letter-spacing: -0.03em; line-height: 1; margin-bottom: 12px; color: #93C5FD; }
.nc-b2b-stat-cell .n span { font-size: 28px; }
.nc-b2b-stat-cell .l { font-size: 14px; color: rgba(255,255,255,0.85); line-height: 1.6; margin-bottom: 14px; }
.nc-b2b-stat-cell .src { font-size: 11px; color: rgba(255,255,255,0.45); }
.nc-b2b-stats-ps { margin-top: 60px; font-size: clamp(18px, 3vw, 26px); color: #fff; font-weight: 700; letter-spacing: -0.025em; line-height: 1.55; }
.nc-b2b-stats-ps strong { color: #93C5FD; }

/* 4. CHANGE */
.nc-b2b-change { padding: 90px 0; background: #fff; text-align: center; }
.nc-b2b-change-rows { display: flex; flex-direction: column; gap: 16px; margin: 50px auto 0; max-width: 880px; }
.nc-b2b-change-row { display: grid; grid-template-columns: 1fr; gap: 12px; align-items: center; text-align: center; }
@media (min-width: 720px) { .nc-b2b-change-row { grid-template-columns: 1fr 80px 1fr; } }
.nc-b2b-change-row.faded .prob, .nc-b2b-change-row.faded .quote { opacity: 0.55; }
.nc-b2b-change-row .prob { background: #FEE2E2; border-radius: 14px; padding: 24px 22px; }
.nc-b2b-change-row .prob-tag { font-size: 12px; font-weight: 700; color: #C2410C; margin-bottom: 10px; }
.nc-b2b-change-row .prob-title { font-size: 15px; font-weight: 800; color: #9A3412; line-height: 1.5; letter-spacing: -0.015em; }
.nc-b2b-change-row .quote { background: var(--nc-soft); border-radius: 14px; padding: 24px 22px; font-size: 14px; color: var(--nc-blue); line-height: 1.65; font-weight: 600; }
.nc-b2b-change-row .quote .who { margin-top: 12px; font-size: 11.5px; color: var(--nc-body); font-weight: 500; }
.nc-b2b-change-row .dots { display: flex; align-items: center; justify-content: center; gap: 4px; }
.nc-b2b-change-row .dots span { width: 8px; height: 8px; border-radius: 50%; background: #FECACA; }
.nc-b2b-change-row .dots .line { width: 32px; height: 1px; background: #FECACA; border-radius: 0; }
.nc-b2b-change-ps { margin-top: 56px; font-size: clamp(17px, 2.4vw, 22px); font-weight: 700; line-height: 1.55; color: var(--nc-ink); }
.nc-b2b-change-ps strong { color: var(--nc-blue); }
.nc-b2b-change-tag { display: inline-block; margin-top: 24px; padding: 12px 20px; background: var(--nc-ink); color: #fff; border-radius: 999px; font-size: 13px; font-weight: 700; }
.nc-b2b-change-tag span { color: #93C5FD; }

/* 5. DIFFERENT */
.nc-b2b-different { padding: 90px 0; background: var(--nc-soft); text-align: center; }
.nc-b2b-diff-grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin-top: 44px; text-align: left; }
@media (min-width: 900px) { .nc-b2b-diff-grid { grid-template-columns: repeat(3, 1fr); } }
.nc-b2b-diff-card { background: #fff; border-radius: 16px; padding: 32px 26px; }
.nc-b2b-diff-card .num { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: var(--nc-blue); color: #fff; font-size: 13px; font-weight: 800; font-family: ui-monospace, monospace; margin-bottom: 18px; }
.nc-b2b-diff-card h3 { font-size: 17px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; margin-bottom: 12px; line-height: 1.4; }
.nc-b2b-diff-card p { font-size: 13.5px; color: var(--nc-body); line-height: 1.75; }

/* 6. OFFER */
.nc-b2b-offer { padding: 100px 20px; background: #fff; text-align: center; }
.nc-b2b-offer-lede { font-size: 14px; color: var(--nc-body); line-height: 1.8; margin-bottom: 28px; }
.nc-b2b-offer-num { margin-top: 44px; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.nc-b2b-offer-num .big { font-size: clamp(56px, 9vw, 96px); font-weight: 800; letter-spacing: -0.04em; line-height: 1; color: var(--nc-blue); }
.nc-b2b-offer-num .big span { font-size: 0.5em; color: var(--nc-blue); }
.nc-b2b-offer-num .cap { font-size: 14px; color: var(--nc-body); font-weight: 600; line-height: 1.6; }
.nc-b2b-offer-num .cap small { display: block; font-size: 11px; color: #94a3b8; font-weight: 500; margin-top: 2px; }

/* 7. EXAMPLE */
.nc-b2b-example { padding: 90px 0; background: var(--nc-soft); text-align: center; }
.nc-b2b-example-grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin-top: 44px; text-align: left; }
@media (min-width: 720px) { .nc-b2b-example-grid { grid-template-columns: 1fr 1fr; } }
.nc-b2b-example-card { display: block; background: #fff; border-radius: 16px; padding: 32px 28px; transition: transform 0.15s, box-shadow 0.15s; }
.nc-b2b-example-card:hover { transform: translateY(-3px); box-shadow: 0 16px 30px -18px rgba(0,103,255,0.25); }
.nc-b2b-example-card .tag { font-size: 11px; font-weight: 700; color: var(--nc-blue); margin-bottom: 12px; }
.nc-b2b-example-card .title { font-size: 22px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.025em; margin-bottom: 12px; }
.nc-b2b-example-card .desc { font-size: 13.5px; color: var(--nc-body); line-height: 1.7; margin-bottom: 16px; }
.nc-b2b-example-card .more { font-size: 12.5px; color: var(--nc-blue); font-weight: 700; }

/* 8. PROCESS */
.nc-b2b-process { padding: 90px 0; background: #fff; text-align: center; }
.nc-b2b-process-steps { display: grid; grid-template-columns: 1fr; gap: 14px; margin-top: 44px; text-align: left; }
@media (min-width: 720px) { .nc-b2b-process-steps { grid-template-columns: repeat(5, 1fr); gap: 12px; } }
.nc-b2b-step { background: var(--nc-soft); border-radius: 14px; padding: 24px 18px; position: relative; }
.nc-b2b-step .badge { display: inline-block; font-size: 10.5px; font-weight: 800; color: var(--nc-blue); background: #fff; padding: 4px 9px; border-radius: 999px; margin-bottom: 14px; font-family: ui-monospace, monospace; letter-spacing: 0; }
.nc-b2b-step h4 { font-size: 14.5px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; margin-bottom: 8px; line-height: 1.4; }
.nc-b2b-step p { font-size: 12px; color: var(--nc-body); line-height: 1.6; }

/* 9. FAQ */
.nc-b2b-faq { padding: 90px 0; background: var(--nc-soft); }
.nc-b2b-faq-list { max-width: 720px; margin: 40px auto 0; display: flex; flex-direction: column; gap: 10px; }
.nc-b2b-faq-list details { background: #fff; border-radius: 12px; padding: 0; overflow: hidden; transition: background 0.15s; }
.nc-b2b-faq-list summary { padding: 18px 22px; font-size: 14px; font-weight: 700; color: var(--nc-ink); cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; }
.nc-b2b-faq-list summary::-webkit-details-marker { display: none; }
.nc-b2b-faq-list summary::after { content: '＋'; color: var(--nc-blue); font-size: 16px; font-weight: 600; }
.nc-b2b-faq-list details[open] summary::after { content: '－'; }
.nc-b2b-faq-list details p { padding: 0 22px 18px; font-size: 13px; color: var(--nc-body); line-height: 1.75; margin: 0; }

/* 10. APPLY */
.nc-b2b-apply { padding: 100px 20px; background: linear-gradient(135deg, #0F172A 0%, #1E40AF 100%); color: #fff; text-align: center; }
.nc-b2b-apply .nc-b2b-h2 { color: #fff; }
.nc-b2b-apply .nc-b2b-h2-sub { color: rgba(255,255,255,0.78); margin-bottom: 28px; }
.nc-b2b-apply .nc-b2b-btn-primary { background: #fff; color: var(--nc-blue) !important; }
.nc-b2b-apply .nc-b2b-btn-primary:hover { background: #f1f5f9; }


/* ============ MBTI ============ */
.nc-mbti-hero { position: relative; background: #0F172A; color: #fff; min-height: 480px; padding: 80px 20px; text-align: center; overflow: hidden; }
.nc-mbti-hero-bg { position: absolute; inset: 0; background: radial-gradient(circle at 50% 60%, rgba(37,99,235,0.4) 0%, transparent 60%), linear-gradient(180deg, #0F172A 0%, #0B1220 100%); }
.nc-mbti-hero-inner { position: relative; max-width: 720px; margin: 0 auto; }
.nc-mbti-hero-eyebrow { font-size: 13px; font-weight: 700; color: #93C5FD; margin-bottom: 16px; letter-spacing: 0.05em; }
.nc-mbti-hero-title { font-size: clamp(28px, 5.5vw, 48px); font-weight: 800; line-height: 1.3; letter-spacing: -0.035em; color: #fff; margin-bottom: 14px; }
.nc-mbti-hero-sub { font-size: 14px; color: rgba(255,255,255,0.65); margin-bottom: 32px; font-style: italic; }
.nc-mbti-hero-cta { display: flex; justify-content: center; }
.nc-mbti-btn { display: inline-block; background: var(--nc-blue); color: #fff !important; padding: 14px 36px; border-radius: 999px; font-size: 14px; font-weight: 700; letter-spacing: -0.01em; transition: background 0.15s, transform 0.1s; }
.nc-mbti-btn:hover { background: var(--nc-blue-h); transform: translateY(-1px); }
.nc-mbti-btn-ghost { display: inline-block; background: transparent; color: #fff !important; border: 1px solid rgba(255,255,255,0.3); padding: 13px 30px; border-radius: 999px; font-size: 13px; font-weight: 600; }
.nc-mbti-btn-ghost:hover { background: rgba(255,255,255,0.08); }
.nc-mbti-hero-stats { display: flex; justify-content: center; gap: 36px; margin-top: 40px; }
.nc-mbti-hero-stats > div { display: flex; flex-direction: column; gap: 4px; }
.nc-mbti-hero-stats .n { font-size: 18px; font-weight: 800; color: #fff; }
.nc-mbti-hero-stats .l { font-size: 11px; color: rgba(255,255,255,0.55); }

.nc-mbti-quiz { padding: 70px 20px; background: var(--nc-soft); min-height: 60vh; }
.nc-mbti-quiz-inner { max-width: 640px; margin: 0 auto; background: #fff; border-radius: 18px; padding: 40px 32px; box-shadow: 0 14px 36px -22px rgba(15,23,42,0.18); }
.nc-mbti-quiz-progress { margin-bottom: 32px; }
.nc-mbti-quiz-progress .bar { height: 6px; border-radius: 999px; background: #e2e8f0; overflow: hidden; }
.nc-mbti-quiz-progress .bar span { display: block; height: 100%; background: var(--nc-blue); transition: width 0.3s; }
.nc-mbti-quiz-progress .meta { margin-top: 8px; font-size: 12px; color: var(--nc-body); font-family: ui-monospace, monospace; }
.nc-mbti-quiz-q { font-size: clamp(20px, 3vw, 26px); font-weight: 800; color: var(--nc-ink); letter-spacing: -0.025em; line-height: 1.45; margin-bottom: 28px; text-align: center; }
.nc-mbti-quiz-answers { display: flex; flex-direction: column; gap: 10px; }
.nc-mbti-quiz-opt { display: block; padding: 18px 22px; background: var(--nc-soft); border: 1.5px solid transparent; border-radius: 14px; font-size: 14.5px; font-weight: 600; color: var(--nc-ink); text-align: left; transition: border-color 0.15s, background 0.15s, transform 0.1s; }
.nc-mbti-quiz-opt:hover { border-color: var(--nc-blue); background: #F9FAFC; transform: translateX(3px); }
.nc-mbti-quiz-back { display: inline-block; margin-top: 22px; font-size: 12px; color: var(--nc-body); font-weight: 600; }
.nc-mbti-quiz-back:hover { color: var(--nc-blue); }

.nc-mbti-result { padding: 90px 20px; background: linear-gradient(180deg, var(--nc-soft) 0%, #fff 100%); text-align: center; }
.nc-mbti-result-inner { max-width: 640px; margin: 0 auto; background: #fff; border-radius: 20px; padding: 50px 36px; box-shadow: 0 18px 46px -26px rgba(15,23,42,0.2); }
.nc-mbti-result-eyebrow { font-size: 13px; font-weight: 700; color: var(--nc-blue); margin-bottom: 8px; letter-spacing: 0.03em; }
.nc-mbti-result-title { font-size: clamp(28px, 5vw, 40px); font-weight: 800; letter-spacing: -0.03em; color: var(--nc-ink); margin-bottom: 16px; }
.nc-mbti-result-desc { font-size: 15px; color: var(--nc-body); line-height: 1.85; margin-bottom: 32px; }
.nc-mbti-result-rec { background: var(--nc-soft); border-radius: 14px; padding: 22px 24px; margin-bottom: 28px; }
.nc-mbti-result-rec .lbl { font-size: 12px; color: var(--nc-body); font-weight: 600; margin-bottom: 6px; }
.nc-mbti-result-rec .val { font-size: 16px; font-weight: 800; color: var(--nc-blue); letter-spacing: -0.02em; }
.nc-mbti-result-cta { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }

/* ============ B2B safety: 진한 배경 텍스트 가독성 ============ */
.nc-b2b-hero, .nc-b2b-hero h1, .nc-b2b-hero h2, .nc-b2b-hero p, .nc-b2b-hero a { color: #fff; }
.nc-b2b-hero .hl { color: #93C5FD; }
.nc-b2b-stats h1, .nc-b2b-stats h2, .nc-b2b-stats p, .nc-b2b-stats .cap, .nc-b2b-stats .l { color: #fff !important; }
.nc-b2b-stats .nc-b2b-donut-inner .big, .nc-b2b-stats .nc-b2b-donut-inner .cap { color: #042F2E !important; }
.nc-b2b-apply h1, .nc-b2b-apply h2, .nc-b2b-apply p { color: #fff; }
.nc-b2b-apply .nc-b2b-btn-primary { color: var(--nc-blue) !important; }
.nc-b2b-change-tag { color: #fff !important; }
.nc-b2b-change-tag span { color: #93C5FD !important; }

/* ============ TEST (오즈 클론) ============ */
.nc-test-hero { background: #0F172A; color: #fff; padding: 50px 20px 60px; text-align: center; }
.nc-test-hero h1 { font-size: clamp(22px, 3.5vw, 30px); font-weight: 800; color: #fff; letter-spacing: -0.03em; margin-bottom: 14px; }
.nc-test-hero p { font-size: 13.5px; color: rgba(255,255,255,0.7); line-height: 1.7; }
.nc-test-hero p strong { color: var(--nc-blue); font-weight: 800; }

.nc-test-page { background: #f8fafc; }
.nc-test-form { max-width: 800px; margin: 0 auto; padding: 40px 20px 20px; }

/* 5-scale */
.nc-test-q5 { padding: 36px 0; border-bottom: 1px solid #e2e8f0; }
.nc-test-q5:first-child { padding-top: 8px; }
.nc-test-q5-head { text-align: center; margin-bottom: 26px; }
.nc-test-q5-head .num { color: var(--nc-blue); font-weight: 800; font-size: 14px; margin-right: 8px; letter-spacing: -0.01em; }
.nc-test-q5-head .qtext { color: var(--nc-ink); font-weight: 700; font-size: 15px; letter-spacing: -0.02em; }
.nc-test-q5-opts { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; max-width: 480px; margin: 0 auto; }
.nc-test-q5-opt { display: flex; flex-direction: column; align-items: center; gap: 8px; cursor: pointer; padding: 8px 4px; border-radius: 8px; }
.nc-test-q5-opt input { position: absolute; opacity: 0; pointer-events: none; }
.nc-test-q5-opt .dot { width: 28px; height: 28px; border-radius: 50%; border: 2px solid #cbd5e1; background: #fff; transition: all 0.15s; }
.nc-test-q5-opt:hover .dot { border-color: var(--nc-blue); }
.nc-test-q5-opt input:checked + .dot { border-color: var(--nc-blue); background: var(--nc-blue); box-shadow: 0 0 0 4px rgba(0,103,255,0.15); }
.nc-test-q5-opt .lbl { font-size: 11px; color: var(--nc-body); font-weight: 500; text-align: center; line-height: 1.3; }

/* multiple choice */
.nc-test-qc { padding: 36px 0; border-bottom: 1px solid #e2e8f0; }
.nc-test-qc-head { text-align: center; margin-bottom: 22px; }
.nc-test-qc-head .num { color: var(--nc-blue); font-weight: 800; font-size: 14px; margin-right: 8px; }
.nc-test-qc-head .qtext { color: var(--nc-ink); font-weight: 700; font-size: 15px; letter-spacing: -0.02em; }
.nc-test-qc-opts { display: flex; flex-direction: column; gap: 8px; max-width: 560px; margin: 0 auto; }
.nc-test-qc.two .nc-test-qc-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; max-width: 720px; }
.nc-test-qc-opt { display: flex; align-items: center; justify-content: center; padding: 14px 16px; background: #e2e8f0; border-radius: 999px; cursor: pointer; font-size: 13.5px; color: var(--nc-ink); font-weight: 500; text-align: center; transition: all 0.15s; border: 2px solid transparent; }
.nc-test-qc-opt:hover { background: #dbeafe; }
.nc-test-qc-opt input { position: absolute; opacity: 0; pointer-events: none; }
.nc-test-qc-opt input:checked ~ .lbl { color: #fff; }
.nc-test-qc-opt:has(input:checked) { background: var(--nc-blue); border-color: var(--nc-blue); color: #fff; }
.nc-test-qc-opt:has(input:checked) .lbl { color: #fff; font-weight: 700; }

.nc-test-submit { display: flex; justify-content: center; padding: 50px 0 60px; }

/* 결과 */
.nc-test-result { background: #fff; }
.nc-test-result-hero { background: linear-gradient(180deg, #f8fafc 0%, #fff 100%); padding: 70px 20px 50px; text-align: center; }
.nc-test-result-hero .eyebrow { color: var(--nc-blue); font-weight: 700; font-size: 13px; margin-bottom: 10px; }
.nc-test-result-hero h1 { font-size: clamp(28px, 5vw, 40px); font-weight: 800; color: var(--nc-ink); letter-spacing: -0.03em; margin-bottom: 16px; }
.nc-test-result-hero .desc { font-size: 15px; color: var(--nc-body); line-height: 1.75; max-width: 560px; margin: 0 auto 32px; }
.nc-test-result-score { max-width: 360px; margin: 0 auto; background: var(--nc-soft); border-radius: 16px; padding: 28px 24px; }
.nc-test-result-score .lbl { font-size: 12px; color: var(--nc-body); font-weight: 600; margin-bottom: 8px; }
.nc-test-result-score .val { font-size: 56px; font-weight: 800; color: var(--nc-blue); letter-spacing: -0.04em; line-height: 1; }
.nc-test-result-score .val span { font-size: 24px; margin-left: 4px; }
.nc-test-result-score .cap { font-size: 11px; color: #94a3b8; margin-top: 10px; }

.nc-test-courses { background: #fff; padding: 70px 20px; text-align: center; }
.nc-test-courses .eyebrow { color: var(--nc-blue); font-weight: 700; font-size: 13px; margin-bottom: 10px; }
.nc-test-courses h2 { font-size: clamp(22px, 3.5vw, 30px); font-weight: 800; color: var(--nc-ink); letter-spacing: -0.03em; margin-bottom: 36px; line-height: 1.4; }
.nc-test-courses-list { max-width: 680px; margin: 0 auto; display: flex; flex-direction: column; gap: 0; }
.nc-test-course { display: grid; grid-template-columns: 110px 1fr; gap: 18px; padding: 22px 0; border-bottom: 1px solid #e2e8f0; text-align: left; transition: background 0.15s; }
.nc-test-course:hover { background: #f8fafc; }
.nc-test-course .thumb { width: 110px; height: 110px; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 13px; line-height: 1.4; text-align: center; letter-spacing: -0.02em; }
.nc-test-course .thumb.t1 { background: linear-gradient(135deg, #0F172A 0%, #1E40AF 100%); }
.nc-test-course .thumb.t2 { background: linear-gradient(135deg, #2563EB 0%, #60A5FA 100%); }
.nc-test-course .thumb.t3 { background: linear-gradient(135deg, #1E293B 0%, #475569 100%); }
.nc-test-course .thumb.t4 { background: linear-gradient(135deg, #0067FF 0%, #38BDF8 100%); }
.nc-test-course .body { display: flex; flex-direction: column; gap: 6px; padding: 6px 0; }
.nc-test-course .dday { display: inline-block; align-self: flex-start; background: #FED7AA; color: #C2410C; font-size: 11px; font-weight: 800; padding: 3px 9px; border-radius: 999px; }
.nc-test-course .title { font-size: 16px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; }
.nc-test-course .period { font-size: 12px; color: var(--nc-body); }
.nc-test-course .chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.nc-test-course .chips span { font-size: 11px; padding: 3px 8px; background: var(--nc-soft); color: var(--nc-body); border-radius: 6px; font-weight: 500; }

.nc-test-banner { background: #0F172A; color: #fff; padding: 60px 20px 70px; text-align: center; }
.nc-test-banner .q { color: rgba(255,255,255,0.75); font-size: 14px; margin-bottom: 14px; }
.nc-test-banner h3 { font-size: clamp(20px, 3vw, 26px); font-weight: 800; color: #fff; letter-spacing: -0.025em; margin-bottom: 32px; line-height: 1.5; }
.nc-test-banner-cta { display: inline-block; background: #FBBF24; color: #1E293B !important; padding: 14px 32px; border-radius: 8px; font-size: 14px; font-weight: 800; letter-spacing: -0.01em; }
.nc-test-banner-cta:hover { background: #F59E0B; }

.nc-test-result-actions { padding: 40px 20px 80px; display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; max-width: 720px; margin: 0 auto; }
.nc-test-btn-share, .nc-test-btn-retake { display: inline-block; padding: 14px 32px; border-radius: 8px; font-size: 14px; font-weight: 700; letter-spacing: -0.01em; cursor: pointer; border: 0; text-align: center; min-width: 200px; }
.nc-test-btn-share { background: #0F172A; color: #fff !important; }
.nc-test-btn-share:hover { background: #1E293B; }
.nc-test-btn-retake { background: var(--nc-blue); color: #fff !important; }
.nc-test-btn-retake:hover { background: var(--nc-blue-h); }

@media (max-width: 560px) {
	.nc-test-qc.two .nc-test-qc-opts { grid-template-columns: 1fr; }
	.nc-test-q5-opt .lbl { font-size: 10px; }
	.nc-test-q5-opt .dot { width: 22px; height: 22px; }
	.nc-test-course { grid-template-columns: 80px 1fr; gap: 14px; }
	.nc-test-course .thumb { width: 80px; height: 80px; font-size: 11px; }
	.nc-test-result-actions { flex-direction: column; }
	.nc-test-btn-share, .nc-test-btn-retake { width: 100%; min-width: 0; }
}

/* ============ 환불규정 박스 (상품 상세 하단) ============ */
.nc-refund-box { margin-top: 32px; padding: 22px 24px; background: var(--nc-soft); border: 1px solid #e2e8f0; border-radius: 12px; }
.nc-refund-head { font-size: 13px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; margin-bottom: 12px; }
.nc-refund-list { margin: 0; padding: 0 0 0 16px; list-style: disc; }
.nc-refund-list li { font-size: 12.5px; color: var(--nc-body); line-height: 1.85; }
.nc-refund-list li::marker { color: #94a3b8; }

/* ============ B2B 문의 폼 ============ */
.nc-b2b-form { max-width: 640px; margin: 32px auto 0; text-align: left; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); border-radius: 16px; padding: 28px 26px; backdrop-filter: blur(8px); }
.nc-b2b-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.nc-b2b-form label { display: flex; flex-direction: column; gap: 6px; font-size: 12.5px; color: rgba(255,255,255,0.9); font-weight: 600; }
.nc-b2b-form label.full { grid-column: 1 / -1; }
.nc-b2b-form label > span { letter-spacing: -0.01em; }
.nc-b2b-form input, .nc-b2b-form select, .nc-b2b-form textarea { width: 100%; padding: 11px 13px; background: rgba(255,255,255,0.95); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; font-size: 13.5px; color: #0F172A; font-family: inherit; font-weight: 500; }
.nc-b2b-form input:focus, .nc-b2b-form select:focus, .nc-b2b-form textarea:focus { outline: 2px solid #93C5FD; outline-offset: 1px; background: #fff; }
.nc-b2b-form textarea { resize: vertical; min-height: 90px; line-height: 1.6; }
.nc-b2b-form-agree { flex-direction: row !important; align-items: center; gap: 10px !important; font-size: 12px !important; color: rgba(255,255,255,0.78) !important; font-weight: 500 !important; padding-top: 4px; }
.nc-b2b-form-agree input { width: auto !important; padding: 0 !important; margin: 0 !important; }
.nc-b2b-form-submit { display: flex; justify-content: center; margin-top: 22px; }
.nc-b2b-form-note { margin-top: 14px; font-size: 11.5px; color: rgba(255,255,255,0.55); text-align: center; }
.nc-b2b-form-note strong { color: #93C5FD; font-weight: 700; }
.nc-b2b-form-success { max-width: 520px; margin: 32px auto 0; padding: 30px 26px; background: rgba(94,234,212,0.1); border: 1px solid rgba(94,234,212,0.4); border-radius: 14px; text-align: center; }
.nc-b2b-form-success strong { display: block; font-size: 18px; font-weight: 800; color: #5EEAD4; margin-bottom: 8px; letter-spacing: -0.02em; }
.nc-b2b-form-success p { color: rgba(255,255,255,0.85); font-size: 13.5px; margin: 0; }
@media (max-width: 600px) {
	.nc-b2b-form-grid { grid-template-columns: 1fr; }
}

/* ============ 블로그 카드 — Vercel 블루 그라데이션 (썸네일 없을 때 fallback) ============ */
.nc-blog-thumb { background: linear-gradient(135deg, #2563EB 0%, #4F8BFF 50%, #6366F1 100%); position: relative; }
.nc-blog-thumb::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 30% 20%, rgba(255,255,255,0.18), transparent 50%), radial-gradient(circle at 80% 80%, rgba(255,255,255,0.08), transparent 60%); pointer-events: none; }
.nc-blog-thumb img { position: relative; z-index: 1; }
.nc-blog-thumb img[src=""], .nc-blog-thumb:not(:has(img)) { background: linear-gradient(135deg, #2563EB 0%, #4F8BFF 50%, #6366F1 100%); }
.nc-blog-thumb .nc-tag { position: absolute; top: 14px; left: 14px; background: rgba(255,255,255,0.95); color: var(--nc-blue) !important; padding: 5px 11px; border-radius: 999px; font-size: 11px; font-weight: 700; z-index: 2; backdrop-filter: blur(6px); }
.nc-blog-thumb-brand { position: absolute; top: 18px; left: 20px; z-index: 2; color: rgba(255,255,255,0.92); font-size: 12.5px; font-weight: 700; letter-spacing: -0.01em; font-style: italic; }
.nc-blog-thumb-text { position: absolute; inset: auto 22px 22px 22px; z-index: 2; color: #fff; font-size: 17px; font-weight: 800; line-height: 1.4; letter-spacing: -0.025em; text-shadow: 0 2px 12px rgba(15,23,42,0.18); word-break: keep-all; overflow-wrap: break-word; text-align: left; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.nc-blog-body > .nc-tag { position: static !important; align-self: flex-start; top: auto !important; left: auto !important; background: rgba(0,103,255,0.12) !important; color: var(--nc-blue) !important; padding: 5px 12px; border-radius: 999px; font-size: 11.5px; font-weight: 700; letter-spacing: 0; backdrop-filter: none; z-index: auto; }
.nc-blog-meta { color: #94a3b8; font-weight: 500; }
.nc-blog-meta .dot { background: #cbd5e1; }

/* ============ FAQ 하단 문의 박스 — Vercel 톤 ============ */
.nc-help-box { margin-top: 28px; padding: 36px 32px; background: linear-gradient(135deg, #F9FAFC 0%, #F9FAFC 100%); border: 1px solid rgba(0,103,255,0.05); border-radius: 16px; text-align: center; }
.nc-help-box h4 { font-size: 18px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.025em; margin: 0 0 8px; }
.nc-help-box p { font-size: 13px; color: var(--nc-body); margin: 0 0 22px; line-height: 1.6; }
.nc-help-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.nc-help-actions .nc-btn-line { padding: 10px 22px !important; background: #fff !important; border: 1px solid var(--nc-line) !important; color: var(--nc-ink) !important; font-size: 13px !important; font-weight: 700 !important; border-radius: 8px !important; transition: border-color 0.15s; }
.nc-help-actions .nc-btn-line:hover { border-color: var(--nc-blue) !important; color: var(--nc-blue) !important; }
.nc-help-btn { display: inline-block; padding: 10px 22px; background: #FEE500; color: #181818 !important; font-size: 13px; font-weight: 800; border-radius: 8px; letter-spacing: -0.01em; transition: background 0.15s; }
.nc-help-btn:hover { background: #FFD600; }

/* ============ 로그인 필요 게이트 ============ */
.nc-auth-gate { background: #fff; border: 1px solid var(--nc-line); border-radius: 18px; padding: 44px 36px 36px; text-align: center; box-shadow: 0 10px 36px -24px rgba(15,23,42,0.18); }
.nc-auth-gate-icon { width: 64px; height: 64px; border-radius: 50%; background: rgba(0,103,255,0.04); color: var(--nc-blue); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 18px; }
.nc-auth-gate-eyebrow { font-size: 12px; color: var(--nc-body); font-weight: 600; letter-spacing: 0.04em; margin: 0 0 6px; }
.nc-auth-gate-title { font-size: 24px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.025em; margin: 0 0 12px; line-height: 1.3; }
.nc-auth-gate-desc { font-size: 13.5px; color: var(--nc-body); line-height: 1.7; margin: 0 0 26px; }
.nc-auth-gate-cta { margin-bottom: 18px; }
.nc-auth-gate-foot { font-size: 13px; color: var(--nc-body); margin: 0; }
.nc-auth-gate-foot a { color: var(--nc-blue); font-weight: 700; }
.nc-auth-gate-foot a:hover { text-decoration: underline; }

/* ============ form-link 비번찾기·회원가입 (cosmosfarm·wpmem 통합) ============ */
html body .nc-auth-wrap .form-link { display: flex !important; justify-content: center !important; align-items: center !important; gap: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; min-height: 0 !important; height: auto !important; }
html body .nc-auth-wrap .form-link-item { background: transparent !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; flex: 0 0 auto !important; width: auto !important; padding: 0 18px !important; line-height: 1.4 !important; position: relative !important; display: block !important; height: auto !important; min-height: 0 !important; max-height: none !important; align-self: center !important; }
html body .nc-auth-wrap .form-link-item + .form-link-item::before { content: '' !important; display: block !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: 1px !important; height: 11px !important; background: var(--nc-line) !important; bottom: auto !important; margin: 0 !important; }
html body .nc-auth-wrap .form-link-item + .form-link-item { border-left: 0 !important; }
html body .nc-auth-wrap .form-link a,
html body .nc-auth-wrap .form-link-item a,
html body .nc-auth-wrap .form-link-item a.form-button,
html body .nc-auth-wrap .link-text-forgot a,
html body .nc-auth-wrap .link-text-register a,
html body .cosmosfarm-members-form .form-bottom .form-button { display: inline-block !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: var(--nc-body) !important; font-size: 12.5px !important; font-weight: 500 !important; text-decoration: none !important; line-height: 1.4 !important; height: auto !important; min-height: 0 !important; max-height: none !important; }
html body .nc-auth-wrap .form-link a:hover,
html body .nc-auth-wrap .form-link-item a:hover { background: transparent !important; color: var(--nc-blue) !important; text-decoration: underline !important; }
/* cosmosfarm 로그인/회원가입 폼 내부 작은 소셜 버튼 숨김 — 상단 노란 풀폭 버튼이 이미 있음 */
.nc-auth-wrap .cosmosfarm-social-login,
.nc-auth-wrap .form-bottom .cosmosfarm-social-login { display: none !important; }

/* ============ FAQ 이메일 문의 outlined 확실하게 ============ */
.nc-help-actions a.nc-btn-line { display: inline-block; padding: 10px 22px !important; background: #fff !important; border: 1px solid var(--nc-line) !important; color: var(--nc-ink) !important; font-size: 13px !important; font-weight: 700 !important; border-radius: 8px !important; text-decoration: none !important; transition: border-color 0.15s, color 0.15s; }
.nc-help-actions a.nc-btn-line:hover { border-color: var(--nc-blue) !important; color: var(--nc-blue) !important; }

/* ============ 관련 글 — 3컬럼 강제 + 제목 좌측 ============ */
.nc-blog-list-3 { display: grid !important; grid-template-columns: 1fr !important; gap: 16px !important; }
@media (min-width: 720px) { .nc-blog-list-3 { grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important; } }
.nc-blog-list-2 { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
@media (min-width: 720px) { .nc-blog-list-2 { gap: 18px !important; } }
/* 관련글 카드 — 본 카드보다 살짝 작게 */
.nc-blog-list-2 .nc-blog-card { border-radius: 12px; }
.nc-blog-list-2 .nc-blog-thumb { aspect-ratio: 16/9; }
.nc-blog-list-2 .nc-blog-thumb .nc-tag, .nc-blog-list-2 .nc-tag-cat { padding: 3px 9px !important; font-size: 10.5px !important; top: 10px !important; left: 10px !important; }
.nc-blog-list-2 .nc-blog-body { padding: 14px 14px 16px; }
.nc-blog-list-2 .nc-blog-title { font-size: 14px !important; min-height: 0 !important; line-height: 1.45; margin: 0 0 6px !important; }
.nc-blog-list-2 .nc-blog-excerpt { font-size: 12.5px; -webkit-line-clamp: 2; line-clamp: 2; margin: 0 0 8px !important; }
.nc-blog-list-2 .nc-blog-meta { font-size: 11px !important; padding-top: 6px !important; }
.nc-related-h2 { text-align: left !important; margin: 0 0 24px !important; }
/* 본문 끝(share) ↔ 관련글 섹션 간격 — 너무 붙지 않게 */
.nc-post-footer { margin-bottom: 56px; }
@media (min-width: 768px) { .nc-post-footer { margin-bottom: 72px; } }

/* 로그인 게이트 버튼 — 흰 글씨 강제 (a 상속 우회) */
html body .nc-auth-gate .nc-btn-primary,
html body .nc-auth-gate a.nc-btn-primary { color: #fff !important; background: var(--nc-blue) !important; }
html body .nc-auth-gate a.nc-btn-primary:hover { background: var(--nc-blue-h) !important; color: #fff !important; }

/* ===== 후기 CTA (대시보드) ===== */
.nc-vp-review-cta { display: flex; align-items: center; gap: 18px; padding: 20px 24px; background: linear-gradient(135deg, rgba(0,103,255,0.06) 0%, rgba(0,103,255,0.02) 100%); border: 1px solid rgba(0,103,255,0.2); border-radius: 14px; margin-bottom: 14px; transition: border-color 0.15s, transform 0.15s; }
.nc-vp-review-cta:hover { border-color: var(--nc-blue); transform: translateY(-1px); }
.nc-vp-review-cta-body { flex: 1; }
.nc-vp-review-cta-tag { font-size: 11.5px; color: var(--nc-blue); font-weight: 800; letter-spacing: 0.04em; margin-bottom: 6px; text-transform: uppercase; }
.nc-vp-review-cta-title { font-size: 16px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; margin-bottom: 4px; }
.nc-vp-review-cta-desc { font-size: 12.5px; color: var(--nc-body); }
.nc-vp-review-cta-btn { padding: 10px 18px; background: var(--nc-blue); color: #fff !important; border-radius: 8px; font-size: 13px; font-weight: 700; white-space: nowrap; flex-shrink: 0; }
.nc-vp-review-cta:hover .nc-vp-review-cta-btn { background: var(--nc-blue-h); }
.nc-vp-shortcut-badge { display: inline-block; min-width: 18px; padding: 1px 6px; margin-left: 6px; background: var(--nc-blue); color: #fff; border-radius: 999px; font-size: 11px; font-weight: 800; vertical-align: middle; }

/* ===== 쿠폰 (마이페이지) ===== */
.nc-coupon-form { display: flex; gap: 10px; }
.nc-coupon-form input { flex: 1; padding: 12px 14px; border: 1px solid var(--nc-line); border-radius: 9px; font-size: 14px; font-family: ui-monospace, monospace; text-transform: uppercase; letter-spacing: 0.04em; }
.nc-coupon-form input:focus { outline: 0; border-color: var(--nc-blue); }
.nc-coupon-form button { flex-shrink: 0; }

.nc-coupon-list { display: flex; flex-direction: column; gap: 10px; }
.nc-coupon-item { display: grid; grid-template-columns: 110px 1fr auto; gap: 16px; align-items: center; padding: 16px 18px; background: #fff; border: 1px dashed rgba(0,103,255,0.35); border-radius: 12px; transition: border-color 0.15s; }
.nc-coupon-item:hover { border-color: var(--nc-blue); }
.nc-coupon-item.is-expired { opacity: 0.5; border-style: solid; border-color: var(--nc-line); }
.nc-coupon-amount { text-align: center; font-size: 22px; font-weight: 800; color: var(--nc-blue); letter-spacing: -0.025em; line-height: 1.1; }
.nc-coupon-amount span { display: block; font-size: 11px; color: var(--nc-body); font-weight: 600; margin-top: 4px; }
.nc-coupon-amount bdi { font-size: 22px; }
.nc-coupon-code { font-size: 14px; font-weight: 800; color: var(--nc-ink); font-family: ui-monospace, monospace; letter-spacing: 0.04em; margin-bottom: 4px; }
.nc-coupon-desc { font-size: 12.5px; color: var(--nc-body); margin-bottom: 4px; }
.nc-coupon-meta { font-size: 11.5px; color: var(--nc-body); display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.nc-coupon-meta .dot { color: #cbd5e1; }
.nc-coupon-meta .expired { color: #ef4444; font-weight: 700; }
.nc-coupon-use { padding: 9px 16px; background: var(--nc-blue); color: #fff !important; border-radius: 8px; font-size: 12.5px; font-weight: 700; white-space: nowrap; }
.nc-coupon-use:hover { background: var(--nc-blue-h); }
.nc-coupon-use.is-disabled { background: var(--nc-line); pointer-events: none; }
@media (max-width: 560px) {
	.nc-coupon-item { grid-template-columns: 1fr; text-align: center; }
	.nc-coupon-amount { text-align: center; }
}

/* ===== 어드민 쿠폰 ===== */
.nc-admin-coupon-form { background: #fff; border: 1px solid var(--nc-line); border-radius: 12px; padding: 24px 26px; }
.nc-admin-coupon-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; margin-bottom: 14px; }
.nc-admin-coupon-row label, .nc-admin-coupon-full { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.nc-admin-coupon-row label span, .nc-admin-coupon-full span { font-size: 12.5px; color: var(--nc-body); font-weight: 600; }
.nc-admin-coupon-row input, .nc-admin-coupon-row select, .nc-admin-coupon-full input, .nc-admin-coupon-full textarea { padding: 10px 12px; border: 1px solid var(--nc-line); border-radius: 8px; font-size: 13.5px; background: #fff; font-family: inherit; }
.nc-admin-coupon-row input:focus, .nc-admin-coupon-row select:focus, .nc-admin-coupon-full input:focus, .nc-admin-coupon-full textarea:focus { outline: 0; border-color: var(--nc-blue); }
.nc-admin-coupon-h { font-size: 14px; font-weight: 800; color: var(--nc-ink); margin: 20px 0 12px; padding-top: 18px; border-top: 1px solid var(--nc-line); }
.nc-admin-coupon-checks { display: flex; flex-direction: column; gap: 8px; padding: 12px 0; }
.nc-admin-coupon-checks label { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--nc-ink); cursor: pointer; }
.nc-admin-coupon-checks input { width: 16px; height: 16px; accent-color: var(--nc-blue); }
.nc-admin-coupon-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 14px; padding-top: 18px; border-top: 1px solid var(--nc-line); }

/* 어드민 쿠폰 — 상품 자동완성 picker */
.nc-prodpick { position: relative; border: 1px solid var(--nc-line); border-radius: 8px; padding: 8px; background: #fff; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.nc-prodpick:focus-within { border-color: var(--nc-blue); }
.nc-prodpick-chips { display: contents; }
.nc-prodpick-chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 6px 4px 10px; background: rgba(0,103,255,0.08); color: var(--nc-blue); border-radius: 999px; font-size: 12.5px; font-weight: 600; }
.nc-prodpick-x { background: rgba(0,103,255,0.18); color: var(--nc-blue); border: 0; width: 18px; height: 18px; border-radius: 50%; cursor: pointer; font-size: 13px; line-height: 1; padding: 0; display: inline-flex; align-items: center; justify-content: center; }
.nc-prodpick-x:hover { background: var(--nc-blue); color: #fff; }
.nc-prodpick-input { flex: 1; min-width: 180px; border: 0 !important; outline: 0 !important; padding: 4px 6px !important; font-size: 13.5px; background: transparent; }
.nc-prodpick-suggest { position: absolute; left: 0; right: 0; top: calc(100% + 4px); background: #fff; border: 1px solid var(--nc-line); border-radius: 8px; box-shadow: 0 8px 24px -16px rgba(15,23,42,0.18); max-height: 280px; overflow-y: auto; z-index: 50; }
.nc-prodpick-item { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 9px 12px; border: 0; background: transparent; cursor: pointer; text-align: left; transition: background 0.12s; font-family: inherit; }
.nc-prodpick-item:hover { background: var(--nc-soft); }
.nc-prodpick-item-title { font-size: 13.5px; font-weight: 600; color: var(--nc-ink); }
.nc-prodpick-item-id { font-size: 11px; color: var(--nc-body); font-family: ui-monospace, monospace; }
.nc-prodpick-empty { padding: 14px; text-align: center; color: var(--nc-body); font-size: 12.5px; }
@media (max-width: 720px) { .nc-admin-coupon-row { grid-template-columns: 1fr; } }

/* ===== 영수증 ===== */
.nc-receipt { background: #fff; border: 1px solid var(--nc-line); border-radius: 14px; padding: 28px 32px; max-width: 680px; margin: 0 auto; }
.nc-receipt-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 2px solid var(--nc-ink); }
.nc-receipt-brand { font-size: 18px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; margin-bottom: 4px; }
.nc-receipt-biz { font-size: 11px; color: var(--nc-body); line-height: 1.5; }
.nc-receipt-meta { text-align: right; }
.nc-receipt-no { font-size: 12.5px; font-weight: 700; color: var(--nc-ink); margin-bottom: 4px; font-family: ui-monospace, monospace; }
.nc-receipt-date { font-size: 12px; color: var(--nc-body); margin-bottom: 6px; }
.nc-receipt-status { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; background: var(--nc-soft); color: var(--nc-ink); }
.nc-receipt-status.s-completed { background: #d1fae5; color: #065f46; }
.nc-receipt-status.s-processing { background: #fef3c7; color: #92400e; }
.nc-receipt-status.s-cancelled, .nc-receipt-status.s-refunded { background: #fee2e2; color: #991b1b; }
.nc-receipt-section { padding: 14px 0; border-bottom: 1px solid var(--nc-line); }
.nc-receipt-section h3 { font-size: 13px; font-weight: 800; color: var(--nc-ink); margin: 0 0 10px; letter-spacing: -0.01em; }
.nc-receipt-row { display: flex; justify-content: space-between; align-items: center; padding: 5px 0; font-size: 13.5px; color: var(--nc-body); }
.nc-receipt-row strong { color: var(--nc-ink); font-weight: 700; }
.nc-receipt-table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.nc-receipt-table th { text-align: left; padding: 8px 6px; border-bottom: 1px solid var(--nc-line); font-size: 12px; font-weight: 700; color: var(--nc-body); }
.nc-receipt-table td { padding: 10px 6px; border-bottom: 1px solid var(--nc-soft); color: var(--nc-ink); }
.nc-receipt-table .qty { text-align: center; width: 70px; }
.nc-receipt-table .price { text-align: right; width: 110px; font-weight: 700; }
.nc-receipt-totals { padding: 18px 0; border-bottom: 1px solid var(--nc-line); }
.nc-receipt-total { padding: 12px 0 4px !important; border-top: 1px solid var(--nc-line); margin-top: 8px !important; }
.nc-receipt-total span, .nc-receipt-total strong { font-size: 16px !important; font-weight: 800 !important; color: var(--nc-ink) !important; }
.nc-receipt-total strong { color: var(--nc-blue) !important; }
.nc-receipt-foot { padding: 18px 0 0; font-size: 11.5px; color: var(--nc-body); line-height: 1.6; }
.nc-receipt-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 22px; }
@media print {
	.nc-header, .nc-footer, .nc-mypage-head, .nc-receipt-actions, .nc-mypage-side { display: none !important; }
	.nc-mypage-section { background: #fff !important; padding: 0 !important; }
	.nc-mypage-grid { grid-template-columns: 1fr !important; }
	.nc-receipt { border: 0 !important; padding: 0 !important; max-width: 100% !important; }
}

/* ===== 내 서재 (라이브러리) — 그리드 + 진행도 ===== */
.nc-lib-resume { display: grid; grid-template-columns: 110px 1fr; gap: 18px; align-items: center; padding: 18px; background: linear-gradient(135deg, rgba(0,103,255,0.04) 0%, rgba(0,103,255,0.01) 100%); border: 1px solid rgba(0,103,255,0.15); border-radius: 16px; margin-bottom: 28px; transition: border-color 0.15s, transform 0.15s; }
.nc-lib-resume:hover { border-color: var(--nc-blue); transform: translateY(-1px); }
.nc-lib-resume-cover { aspect-ratio: 3/4; background: linear-gradient(135deg, #6e8cff, #6f6cf7); background-size: cover !important; background-position: center !important; border-radius: 10px; box-shadow: 0 8px 24px -12px rgba(15,23,42,0.25); }
.nc-lib-resume-body { display: flex; flex-direction: column; gap: 4px; }
.nc-lib-resume-eyebrow { font-size: 11px; font-weight: 700; color: var(--nc-blue); letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 2px; }
.nc-lib-resume-body h3 { font-size: 17px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; margin: 0; line-height: 1.4; }
.nc-lib-resume-body p { font-size: 12.5px; color: var(--nc-body); margin: 0 0 8px; }
.nc-lib-resume-bar { height: 5px; background: rgba(0,103,255,0.1); border-radius: 999px; overflow: hidden; margin-bottom: 8px; }
.nc-lib-resume-bar span { display: block; height: 100%; background: linear-gradient(90deg, var(--nc-blue), #4a8bff); border-radius: 999px; transition: width 0.4s; }
.nc-lib-resume-meta { display: flex; justify-content: space-between; font-size: 12px; color: var(--nc-body); }
.nc-lib-resume-go { color: var(--nc-blue); font-weight: 700; }
@media (max-width: 560px) { .nc-lib-resume { grid-template-columns: 80px 1fr; gap: 14px; padding: 14px; } .nc-lib-resume-body h3 { font-size: 15px; } }

.nc-lib-tabs { display: flex; gap: 6px; margin: 22px 0 16px; overflow-x: auto; padding-bottom: 4px; }
.nc-lib-tabs::-webkit-scrollbar { display: none; }
.nc-lib-tab { flex-shrink: 0; padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--nc-body); background: #fff; border: 1px solid var(--nc-line); cursor: pointer; transition: all 0.15s; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.nc-lib-tab span { font-size: 11px; padding: 2px 6px; background: var(--nc-soft); border-radius: 999px; color: var(--nc-body); font-weight: 700; }
.nc-lib-tab:hover { border-color: var(--nc-ink); color: var(--nc-ink); }
.nc-lib-tab.is-active { background: var(--nc-ink); border-color: var(--nc-ink); color: #fff; }
.nc-lib-tab.is-active span { background: rgba(255,255,255,0.18); color: #fff; }

.nc-lib-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
@media (min-width: 640px) { .nc-lib-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; } }
@media (min-width: 1024px) { .nc-lib-grid { grid-template-columns: repeat(4, 1fr); gap: 20px; } }
.nc-lib-card { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--nc-line); border-radius: 12px; overflow: hidden; transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s; color: var(--nc-ink); }
.nc-lib-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -16px rgba(15,23,42,0.18); border-color: rgba(0,103,255,0.3); }
.nc-lib-card[data-status="done"] { opacity: 0.96; }
.nc-lib-card-main { display: flex; flex-direction: column; flex: 1; color: var(--nc-ink); }
.nc-lib-card-foot { padding: 0; border-top: 1px solid var(--nc-line); }
.nc-lib-card-review { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 14px; font-size: 12.5px; font-weight: 700; color: var(--nc-blue); background: rgba(0,103,255,0.04); transition: background 0.15s, color 0.15s; }
.nc-lib-card-review:hover { background: rgba(0,103,255,0.1); color: var(--nc-blue-h); }
.nc-lib-card-review.is-done { color: var(--nc-body); background: transparent; font-weight: 600; }
.nc-lib-card-review.is-done:hover { background: var(--nc-soft); color: var(--nc-ink); }
.nc-lib-cover { position: relative; aspect-ratio: 3/4; background: linear-gradient(135deg, #6e8cff, #6f6cf7); background-size: cover !important; background-position: center !important; }
.nc-lib-cover-badge { position: absolute; top: 8px; left: 8px; padding: 3px 8px; border-radius: 999px; font-size: 10.5px; font-weight: 700; backdrop-filter: blur(8px); }
.nc-lib-cover-badge-done { background: rgba(15,23,42,0.85); color: #fff; }
.nc-lib-cover-badge-free { background: rgba(34,197,94,0.95); color: #fff; }
.nc-lib-cover-bar { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: rgba(0,0,0,0.12); }
.nc-lib-cover-bar span { display: block; height: 100%; background: var(--nc-blue); transition: width 0.4s; }
.nc-lib-card[data-status="done"] .nc-lib-cover-bar span { background: #22c55e; }
.nc-lib-card-body { padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.nc-lib-card-cat { font-size: 12px; color: var(--nc-body); font-weight: 600; }
.nc-lib-card-title { font-size: 15px; font-weight: 700; color: var(--nc-ink); letter-spacing: -0.015em; line-height: 1.4; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.nc-lib-card-meta { margin-top: auto; font-size: 13px; color: var(--nc-body); }
.nc-lib-card-meta strong { color: var(--nc-blue); font-weight: 700; }
.nc-lib-card-meta .done { color: #22c55e; font-weight: 700; }
.nc-lib-card-meta .muted { color: #94a3b8; }
.nc-lib-empty-filter { text-align: center; padding: 40px 0; color: var(--nc-body); font-size: 13.5px; }

/* ============ 마이페이지 Vercel 스타일 ============ */
.nc-mypage-section { background: var(--nc-soft); min-height: 60vh; padding: 40px 0 80px; }
.nc-mypage-head { margin-bottom: 28px; padding: 0 4px; }
.nc-mypage-head h1 { font-size: 28px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.025em; margin: 0 0 6px; }
.nc-mypage-head p { font-size: 13px; color: var(--nc-body); margin: 0; }

/* 카드 공통 */
.nc-vp-card { background: #fff; border: 1px solid var(--nc-line); border-radius: 14px; padding: 24px; margin-bottom: 14px; }
.nc-vp-card-h { font-size: 17px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; margin: 0 0 6px; }
.nc-vp-card-sub { font-size: 13px; color: var(--nc-body); margin: 0 0 18px; line-height: 1.6; }

/* 대시보드: 프로필 카드 */
.nc-vp-profile { display: flex; align-items: center; gap: 18px; }
.nc-vp-avatar { width: 64px; height: 64px; border-radius: 50%; background: var(--nc-blue); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 800; flex-shrink: 0; }
.nc-vp-profile-body { flex: 1; min-width: 0; }
.nc-vp-name { font-size: 17px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; margin-bottom: 4px; }
.nc-vp-email { font-size: 13px; color: var(--nc-body); margin-bottom: 6px; word-break: break-all; }
.nc-vp-status { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; color: #10B981; font-weight: 600; }
.nc-vp-status .dot { width: 6px; height: 6px; border-radius: 50%; background: #10B981; }
.nc-vp-role { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; background: var(--nc-soft, #f6f7fa); color: var(--nc-ink, #181a20); font-size: 11px; font-weight: 700; letter-spacing: -0.01em; margin-left: 4px; }
.nc-vp-edit { padding: 9px 16px; border: 1px solid var(--nc-line); border-radius: 8px; font-size: 12.5px; font-weight: 700; color: var(--nc-ink) !important; background: #fff; flex-shrink: 0; }
.nc-vp-edit:hover { border-color: var(--nc-blue); color: var(--nc-blue) !important; }

/* KPI 4-grid + 3-grid */
.nc-vp-kpi-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 14px; }
@media (min-width: 720px) { .nc-vp-kpi-grid { grid-template-columns: repeat(4, 1fr); gap: 14px; } }
.nc-vp-kpi-grid-3 { grid-template-columns: 1fr; }
@media (min-width: 720px) { .nc-vp-kpi-grid-3 { grid-template-columns: repeat(3, 1fr); } }
.nc-vp-kpi { background: #fff; border: 1px solid var(--nc-line); border-radius: 12px; padding: 18px 20px; }
.nc-vp-kpi .lbl { font-size: 13px; color: var(--nc-body); font-weight: 500; margin-bottom: 6px; }
.nc-vp-kpi .val { font-size: 26px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.025em; line-height: 1.1; }
.nc-vp-kpi .val span { font-size: 15px; color: var(--nc-body); margin-left: 4px; font-weight: 700; }
.nc-vp-kpi-accent { color: var(--nc-blue) !important; }
.nc-vp-kpi-accent + span { color: var(--nc-blue); }

/* 바로가기 카드 (대시보드) */
/* 마이페이지 바로가기 — 한 눈에 보이는 컴팩트 grid (모바일 2x2 · 데스크톱 4x1) */
.nc-vp-shortcut-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 14px; }
@media (min-width: 720px) { .nc-vp-shortcut-grid { grid-template-columns: repeat(4, 1fr); gap: 12px; } }
.nc-vp-shortcut { background: #fff; border: 1px solid var(--nc-line); border-radius: 12px; padding: 14px 14px 16px; display: flex; flex-direction: column; gap: 6px; min-height: 116px; transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s; }
.nc-vp-shortcut:hover { border-color: var(--nc-blue); transform: translateY(-1px); box-shadow: 0 6px 14px rgba(0,103,255,0.08); }
.nc-vp-shortcut-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2px; }
.nc-vp-shortcut-head .emoji { font-size: 22px; line-height: 1; }
.nc-vp-shortcut-go { color: var(--nc-blue); font-size: 10.5px; font-weight: 700; opacity: 0.6; }
.nc-vp-shortcut-body h3 { font-size: 14px; font-weight: 800; color: var(--nc-ink); margin: 0 0 4px; letter-spacing: -0.02em; }
.nc-vp-shortcut-body p { font-size: 11.5px; color: var(--nc-body); margin: 0; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* 쿠폰 카드 */
.nc-vp-coupon { background: #fff; border: 1.5px dashed rgba(0,103,255,0.45); border-radius: 14px; padding: 22px 26px; display: flex; align-items: center; gap: 18px; }
.nc-vp-coupon-body { flex: 1; }
.nc-vp-coupon-tag { font-size: 11.5px; color: var(--nc-blue); font-weight: 800; letter-spacing: 0.02em; margin-bottom: 6px; }
.nc-vp-coupon-title { font-size: 17px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; margin-bottom: 4px; }
.nc-vp-coupon-period { font-size: 12px; color: var(--nc-body); }
.nc-vp-coupon-use { padding: 10px 22px; background: var(--nc-blue); color: #fff !important; border-radius: 8px; font-size: 13px; font-weight: 800; flex-shrink: 0; }
.nc-vp-coupon-use:hover { background: var(--nc-blue-h); }

/* 내 서재 ===== */
.nc-vp-admin-banner { padding: 12px 16px; background: #fff8e6; border: 1px solid #fde68a; border-radius: 10px; font-size: 12px; color: #92400e; margin-bottom: 14px; }
.nc-vp-sub { font-size: 13.5px; color: var(--nc-body); margin: 0 0 18px; }
.nc-vp-sub strong { color: var(--nc-ink); font-weight: 700; }
.nc-vp-h2 { font-size: 22px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.025em; margin: 28px 0 14px; }
.nc-vp-resume-list { display: flex; flex-direction: column; gap: 12px; }
.nc-vp-resume { display: grid; grid-template-columns: 160px 1fr; gap: 20px; background: #fff; border: 1px solid var(--nc-line); border-radius: 14px; padding: 20px; transition: border-color 0.15s, transform 0.15s; }
.nc-vp-resume:hover { border-color: var(--nc-blue); transform: translateY(-1px); }
.nc-vp-resume-thumb { background: linear-gradient(135deg, #2563EB 0%, #4F46E5 100%); border-radius: 10px; aspect-ratio: 4/3; }
.nc-vp-resume-body { display: flex; flex-direction: column; gap: 8px; }
.nc-vp-resume-chips { display: flex; gap: 6px; }
.nc-vp-resume-chips .chip { padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; }
.nc-vp-resume-chips .chip-free { background: #ecfdf5; color: #047857; }
.nc-vp-resume-chips .chip-paid { background: #0F172A; color: #fff; }
.nc-vp-resume-chips .chip-cat { background: var(--nc-soft); color: var(--nc-blue); }
.nc-vp-resume-body h3 { font-size: 17px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; margin: 2px 0 0; line-height: 1.3; }
.nc-vp-resume-body p { font-size: 13px; color: var(--nc-body); margin: 0; line-height: 1.5; }
.nc-vp-resume-bar { margin-top: auto; }
.nc-vp-resume-bar-label { display: flex; justify-content: space-between; font-size: 11.5px; color: var(--nc-body); margin-bottom: 6px; }
.nc-vp-resume-bar-label .pct { color: var(--nc-blue); font-weight: 800; }
.nc-vp-resume-bar-track { height: 6px; background: #e2e8f0; border-radius: 999px; overflow: hidden; }
.nc-vp-resume-bar-track span { display: block; height: 100%; background: var(--nc-blue); transition: width 0.3s; }
@media (max-width: 640px) {
	.nc-vp-resume { grid-template-columns: 1fr; gap: 14px; }
	.nc-vp-resume-thumb { aspect-ratio: 16/9; }
}

/* 주문 내역 */
.nc-vp-card-list { padding: 0; overflow: hidden; }
.nc-vp-order { display: flex; align-items: center; gap: 18px; padding: 22px 26px; border-bottom: 1px solid var(--nc-line); }
.nc-vp-order:last-child { border-bottom: 0; }
.nc-vp-order-body { flex: 1; min-width: 0; }
.nc-vp-order-meta { display: flex; gap: 8px; font-size: 11.5px; color: var(--nc-body); margin-bottom: 6px; }
.nc-vp-order-meta .ord { font-family: ui-monospace, monospace; color: var(--nc-body); }
.nc-vp-order-title { font-size: 15px; font-weight: 700; color: var(--nc-ink); letter-spacing: -0.02em; }
.nc-vp-order-title .more { font-size: 11.5px; color: var(--nc-body); font-weight: 500; margin-left: 6px; }
.nc-vp-order-right { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.nc-vp-order-price { font-size: 16px; font-weight: 800; color: var(--nc-ink); }
.nc-vp-order-price .free { color: var(--nc-body); font-weight: 600; font-size: 14px; }
.nc-vp-order-status { padding: 4px 10px; border-radius: 6px; font-size: 11px; font-weight: 800; }
.nc-vp-order-status.s-completed, .nc-vp-order-status.s-processing { background: #d1fae5; color: #065f46; }
.nc-vp-order-status.s-cancelled, .nc-vp-order-status.s-failed, .nc-vp-order-status.s-refunded { background: #fee2e2; color: #991b1b; }
.nc-vp-order-status.s-pending, .nc-vp-order-status.s-on-hold { background: #fef3c7; color: #92400e; }
.nc-vp-order-receipt { padding: 7px 14px; background: #fff; border: 1px solid var(--nc-line); border-radius: 8px; font-size: 12px; font-weight: 700; color: var(--nc-body) !important; transition: border-color 0.15s; }
.nc-vp-order-receipt:hover { border-color: var(--nc-blue); color: var(--nc-blue) !important; }
.nc-vp-card-note { background: var(--nc-soft); border: 0; padding: 18px 22px; }
.nc-vp-card-note p { font-size: 12.5px; color: var(--nc-body); margin: 0; line-height: 1.7; }

@media (max-width: 640px) {
	.nc-vp-order { flex-direction: column; align-items: flex-start; gap: 12px; }
	.nc-vp-order-right { width: 100%; justify-content: space-between; }
}

/* 후기 */
.nc-vp-pending { background: linear-gradient(135deg, #F9FAFC, #F9FAFC); border: 1.5px solid rgba(0,103,255,0.2); }
.nc-vp-pending-head { color: var(--nc-blue); font-weight: 800; font-size: 14px; margin-bottom: 14px; }
.nc-vp-pending-row { display: flex; align-items: center; gap: 14px; background: #fff; padding: 14px 18px; border-radius: 10px; margin-top: 8px; }
.nc-vp-pending-title { flex: 1; font-size: 14px; font-weight: 700; color: var(--nc-ink); }
.nc-vp-pending-cta { padding: 9px 18px; background: var(--nc-blue); color: #fff !important; border-radius: 8px; font-size: 12.5px; font-weight: 800; flex-shrink: 0; }
.nc-vp-review-list { display: flex; flex-direction: column; gap: 12px; }
.nc-vp-review-head { display: flex; align-items: center; gap: 14px; margin-bottom: 10px; }
.nc-vp-review-stars { color: var(--nc-blue); font-size: 16px; letter-spacing: 1px; }
.nc-vp-review-date { font-size: 12px; color: var(--nc-body); }
.nc-vp-review-actions { margin-left: auto; display: flex; gap: 6px; border-top: 0 !important; padding-top: 0 !important; margin-top: 0 !important; }
.nc-vp-review-actions a,
.nc-vp-review-actions button { font-size: 12px; color: var(--nc-blue); font-weight: 600; background: transparent; border: 0; cursor: pointer; padding: 4px 8px; border-radius: 6px; }
.nc-vp-review-actions a:hover,
.nc-vp-review-actions button:hover { background: var(--nc-soft); }
.nc-vp-review-actions a.danger,
.nc-vp-review-actions button.danger { color: #94a3b8; }
.nc-vp-review-actions button.danger:hover { color: #dc2626; background: transparent; }
.nc-vp-review .nc-rev-photos { margin-top: 12px; }
.nc-vp-review .nc-rev-photo { cursor: default; }
.nc-vp-review-title { display: block; font-size: 16px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; margin-bottom: 8px; }
.nc-vp-review-title:hover { color: var(--nc-blue); }
.nc-vp-review-body { font-size: 13.5px; color: var(--nc-body); line-height: 1.7; margin: 0; }

/* 설정 폼 */
.nc-vp-form .nc-vp-actions { margin-top: 14px; padding-left: 0 !important; }
.nc-vp-form .nc-vp-actions button { margin-left: 0 !important; }
/* WP-Members/Cosmosfarm fieldset 들여쓰기 방지 */
.nc-vp-form fieldset, .nc-vp-form legend { margin: 0; padding: 0; border: 0; }

/* 아바타 업로드 row */
.nc-vp-avatar-row { display: flex; align-items: center; gap: 20px; padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid var(--nc-line); }
.nc-vp-avatar-preview { position: relative; width: 84px; height: 84px; border-radius: 50%; background: var(--nc-blue); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 30px; font-weight: 800; flex-shrink: 0; overflow: hidden; cursor: pointer; transition: transform 0.15s; }
.nc-vp-avatar-preview:hover { transform: scale(1.03); }
.nc-vp-avatar-preview:hover .nc-vp-avatar-overlay { opacity: 1; }
.nc-vp-avatar-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.45); color: #fff; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.15s; border-radius: 50%; }
.nc-vp-avatar-controls { display: flex; flex-direction: column; gap: 6px; }
.nc-vp-avatar-btn { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; padding: 7px 14px; background: var(--nc-blue); border: 0; border-radius: 8px; font-size: 13px; font-weight: 600; color: #fff !important; cursor: pointer; transition: background 0.15s, transform 0.1s; }
.nc-vp-avatar-btn:hover { background: var(--nc-blue-h); }
.nc-vp-avatar-btn:active { transform: scale(0.985); }
.nc-vp-avatar-btn svg { color: #fff; flex-shrink: 0; width: 14px; height: 14px; }
.nc-vp-avatar-controls .nc-vp-hint { margin: 0; font-size: 12px; color: var(--nc-body); }
.nc-vp-avatar-file { position: absolute !important; left: -9999px !important; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.nc-vp-avatar-remove { font-size: 12px; color: var(--nc-body); display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.nc-vp-avatar-remove input { width: 14px; height: 14px; }

.nc-vp-form .nc-vp-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.nc-vp-form .nc-vp-field > span { font-size: 13px; color: var(--nc-ink); font-weight: 600; }
.nc-vp-form .nc-vp-field input { padding: 11px 14px; border: 1px solid var(--nc-line); border-radius: 9px; font-size: 14px; background: #fff; color: var(--nc-ink); font-family: inherit; transition: border-color 0.15s; }
.nc-vp-form .nc-vp-field input:focus { outline: 0; border-color: var(--nc-blue); box-shadow: 0 0 0 3px rgba(0,103,255,0.05); }
.nc-vp-form .nc-vp-field input:disabled { background: var(--nc-soft); color: var(--nc-body); cursor: not-allowed; }
.nc-vp-hint { font-size: 11.5px; color: var(--nc-body); margin: -8px 0 12px; }
.nc-vp-actions { margin-top: 6px; }
.nc-vp-toggle-row { display: flex; align-items: center; gap: 16px; padding: 14px 0; border-top: 1px solid var(--nc-line); }
.nc-vp-toggle-row:first-of-type { border-top: 0; padding-top: 6px; }
.nc-vp-toggle-row > div:first-child { flex: 1; }
.nc-vp-toggle-name { font-size: 14px; font-weight: 700; color: var(--nc-ink); margin-bottom: 3px; }
.nc-vp-toggle-desc { font-size: 12px; color: var(--nc-body); }
.nc-vp-toggle { position: relative; width: 44px; height: 24px; display: inline-block; flex-shrink: 0; cursor: pointer; }
.nc-vp-toggle input { opacity: 0; position: absolute; pointer-events: none; }
.nc-vp-toggle > span { position: absolute; inset: 0; background: #e2e8f0; border-radius: 999px; transition: background 0.2s; }
.nc-vp-toggle > span::before { content: ''; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; background: #fff; border-radius: 50%; transition: transform 0.2s; box-shadow: 0 1px 3px rgba(0,0,0,0.15); }
.nc-vp-toggle input:checked + span { background: var(--nc-blue); }
.nc-vp-toggle input:checked + span::before { transform: translateX(20px); }
.nc-vp-danger { display: inline-block; padding: 9px 18px; background: #fef2f2; color: #dc2626 !important; border: 1px solid #fecaca; border-radius: 8px; font-size: 13px; font-weight: 700; }
.nc-vp-danger:hover { background: #fee2e2; }
.nc-vp-flash { padding: 12px 18px; border-radius: 10px; margin-bottom: 14px; font-size: 13px; font-weight: 600; }
.nc-vp-flash.success { background: #d1fae5; color: #065f46; }
.nc-vp-flash.error { background: #fee2e2; color: #991b1b; }

.nc-vp-empty { background: #fff; border: 1px dashed var(--nc-line); border-radius: 14px; padding: 56px 32px; text-align: center; }
.nc-vp-empty h3 { font-size: 17px; font-weight: 800; color: var(--nc-ink); margin: 0 0 6px; letter-spacing: -0.02em; }
.nc-vp-empty p { font-size: 13px; color: var(--nc-body); margin: 0 0 18px; }

/* ============ 어드민 챕터 편집기 ============ */
.nc-adm-pageheader-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.nc-adm-pageheader-actions { display: flex; gap: 8px; align-items: center; }
.nc-adm-flash { padding: 12px 18px; border-radius: 10px; margin-bottom: 16px; font-size: 13px; font-weight: 600; }
.nc-adm-flash.success { background: #d1fae5; color: #065f46; }
.nc-adm-flash.error { background: #fee2e2; color: #991b1b; }

.nc-chap-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; margin-bottom: 14px; position: sticky; top: 0; z-index: 30; }
.nc-chap-counter { font-size: 13px; color: #64748b; font-weight: 500; }
.nc-chap-counter strong { color: #0F172A; font-weight: 800; font-size: 16px; margin-right: 4px; }
.nc-chap-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }

.nc-chap-list { display: flex; flex-direction: column; gap: 12px; }
.nc-chap-item { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; transition: border-color 0.15s; }
.nc-chap-item:hover { border-color: #cbd5e1; }
.nc-chap-item:focus-within { border-color: #0067FF; box-shadow: 0 0 0 3px rgba(0,103,255,0.05); }
.nc-chap-head { display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: #f8fafc; border-bottom: 1px solid #e2e8f0; }
.nc-chap-num { padding: 4px 10px; background: #0F172A; color: #fff; border-radius: 6px; font-size: 11px; font-weight: 800; font-family: ui-monospace, monospace; flex-shrink: 0; letter-spacing: 0.02em; }
.nc-chap-title { flex: 1; padding: 8px 12px; border: 1px solid transparent; border-radius: 8px; font-size: 14px; font-weight: 700; color: #0F172A; background: #fff; font-family: inherit; transition: border-color 0.15s; }
.nc-chap-title:focus { outline: 0; border-color: #0067FF; background: #fff; }
.nc-chap-tools { display: flex; gap: 4px; flex-shrink: 0; }
.nc-chap-tools button { width: 28px; height: 28px; padding: 0; background: #fff; border: 1px solid #e2e8f0; border-radius: 6px; color: #64748b; font-size: 11px; cursor: pointer; transition: all 0.12s; line-height: 1; }
.nc-chap-tools button:hover { border-color: #0067FF; color: #0067FF; }
.nc-chap-tools .nc-chap-del:hover { border-color: #dc2626; color: #dc2626; background: #fef2f2; }

.nc-chap-body { width: 100%; padding: 14px 16px; border: 0; resize: vertical; min-height: 220px; font-family: ui-monospace, "SF Mono", "JetBrains Mono", Consolas, monospace; font-size: 13px; line-height: 1.7; color: #0F172A; background: #fff; box-sizing: border-box; }
.nc-chap-body:focus { outline: 0; background: #fcfdff; }
.nc-chap-body::placeholder { color: #94a3b8; }

.nc-chap-foot { display: flex; gap: 8px; justify-content: space-between; align-items: center; margin-top: 18px; padding-top: 18px; border-top: 1px solid #e2e8f0; }

.nc-adm-btn-primary { display: inline-block; padding: 9px 18px; background: #0067FF; color: #fff !important; border: 0; border-radius: 8px; font-size: 13px; font-weight: 700; cursor: pointer; transition: background 0.15s; text-decoration: none; }
.nc-adm-btn-primary:hover { background: #0056d6; }
.nc-adm-btn-outline { display: inline-block; padding: 9px 18px; background: #fff; color: #0F172A !important; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 13px; font-weight: 700; cursor: pointer; transition: border-color 0.15s, color 0.15s; text-decoration: none; }
.nc-adm-btn-outline:hover { border-color: #0067FF; color: #0067FF !important; }

@media (max-width: 720px) {
	.nc-chap-toolbar { flex-direction: column; align-items: stretch; }
	.nc-chap-actions { justify-content: flex-end; }
}

/* ============ 헤더 가로 로고 (custom_logo) ============ */
.nc-logo.nc-logo-img { padding: 0; line-height: 0; display: inline-flex; align-items: center; }
.nc-logo.nc-logo-img img { height: 32px; width: auto; max-width: 200px; display: block; object-fit: contain; }
@media (max-width: 720px) {
	.nc-logo.nc-logo-img img { height: 26px; max-width: 150px; }
}

/* ============ 헤더 보조 링크 (B2B·테스트) + 데스크탑 드롭다운 ============ */
.nc-header-sublink { font-size: 12.5px; color: var(--nc-body) !important; font-weight: 500; padding: 6px 10px; border-radius: 6px; text-decoration: none; transition: background 0.12s, color 0.12s; }
.nc-header-sublink:hover { background: var(--nc-soft); color: var(--nc-ink) !important; }
@media (max-width: 840px) {
	.nc-header-sublink { display: none; }
}

/* 데스크탑 메인 nav 드롭다운 */
.nc-nav li.has-sub { position: relative; }
.nc-nav-caret { margin-left: 4px; transition: transform 0.18s; vertical-align: middle; opacity: 0.6; }
.nc-nav li.has-sub:hover .nc-nav-caret,
.nc-nav li.has-sub:focus-within .nc-nav-caret { transform: rotate(180deg); opacity: 1; }
.nc-sub { position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(-6px); min-width: 180px; background: #fff; border: 1px solid var(--nc-line); border-radius: 12px; box-shadow: 0 18px 38px -22px rgba(15,23,42,0.2); padding: 8px; display: flex; flex-direction: column; gap: 0; opacity: 0; pointer-events: none; transition: opacity 0.15s, transform 0.18s; z-index: 60; }
.nc-nav li.has-sub:hover .nc-sub,
.nc-nav li.has-sub:focus-within .nc-sub { opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0); }
.nc-sub a { display: block; padding: 9px 14px; border-radius: 8px; font-size: 13.5px; color: var(--nc-ink); font-weight: 600; white-space: nowrap; transition: background 0.12s, color 0.12s; }
.nc-sub a:hover { background: var(--nc-soft); color: var(--nc-blue); }

/* ============ 모바일 아코디언 + 너비 축소 ============ */
@media (max-width: 840px) {
	html body .nc-mobile-menu { width: 72% !important; max-width: 340px; }
	.nc-mm-acc { margin: 2px 0; }
	.nc-mm-acc-head { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 14px 14px; border: 0; background: transparent; border-radius: 12px; cursor: pointer; font-family: inherit; font-size: 16px; color: var(--nc-ink); font-weight: 700; transition: background 0.12s; text-align: left; }
	.nc-mm-acc-head:hover { background: var(--nc-soft); }
	.nc-mm-acc-head[aria-expanded="true"] { background: var(--nc-soft); }
	.nc-mm-acc-caret { color: #94a3b8; transition: transform 0.2s; flex-shrink: 0; margin-left: 8px; }
	.nc-mm-acc-head[aria-expanded="true"] .nc-mm-acc-caret { transform: rotate(180deg); color: var(--nc-blue); }
	.nc-mm-acc-body { max-height: 0; overflow: hidden; padding: 0 14px; transition: max-height 0.28s ease, padding 0.28s ease; display: flex; flex-direction: column; }
	.nc-mm-acc-head[aria-expanded="true"] + .nc-mm-acc-body { max-height: 600px; padding: 4px 14px 8px; }
	.nc-mm-acc-body a { display: block; padding: 11px 16px 11px 30px; font-size: 14px; color: var(--nc-body); font-weight: 500; border-radius: 8px; text-decoration: none; transition: background 0.12s, color 0.12s; position: relative; }
	.nc-mm-acc-body a::before { content: ''; position: absolute; left: 16px; top: 50%; width: 6px; height: 6px; background: #cbd5e1; border-radius: 50%; transform: translateY(-50%); }
	.nc-mm-acc-body a:hover { background: rgba(0,103,255,0.04); color: var(--nc-blue); }
	.nc-mm-acc-body a:hover::before { background: var(--nc-blue); }

	/* B2B·테스트 보조 영역 */
	.nc-mm-sublinks { display: flex; gap: 8px; padding: 16px 18px 6px; margin-top: 8px; border-top: 1px solid var(--nc-line); }
	.nc-mm-sublink { flex: 1; padding: 11px 12px; background: var(--nc-soft); color: var(--nc-body) !important; border-radius: 8px; font-size: 12.5px; font-weight: 700; text-align: center; text-decoration: none; transition: background 0.12s, color 0.12s; }
	.nc-mm-sublink:hover { background: rgba(0,103,255,0.05); color: var(--nc-blue) !important; }
	.nc-mm-foot { padding: 14px 20px 22px; }
}
@media (max-width: 480px) {
	html body .nc-mobile-menu { width: 80% !important; }
}

/* ============ stat-blue 카드 — 정보 밀도 추가 ============ */
.nc-stat-blue-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.nc-stat-blue-eyebrow { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: rgba(255,255,255,0.85); font-weight: 600; letter-spacing: 0.02em; }
.nc-stat-blue-eyebrow .dot { width: 6px; height: 6px; border-radius: 50%; background: #5EEAD4; box-shadow: 0 0 0 4px rgba(94,234,212,0.18); animation: nc-pulse 1.8s ease-in-out infinite; }
@keyframes nc-pulse { 0%,100% { opacity:1; } 50% { opacity: 0.55; } }
.nc-stat-blue-badge { font-size: 12px; color: rgba(255,255,255,0.78); background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.18); border-radius: 999px; padding: 4px 10px; font-weight: 500; }
.nc-stat-blue-bar { margin-top: 16px; width: 100%; max-width: 280px; margin-left: auto; margin-right: auto; }
.nc-stat-blue-bar-track { height: 6px; background: rgba(255,255,255,0.15); border-radius: 999px; overflow: hidden; margin-bottom: 8px; }
.nc-stat-blue-bar-track span { display: block; height: 100%; background: linear-gradient(90deg, #93C5FD, #5EEAD4); border-radius: 999px; }
.nc-stat-blue-bar-meta { display: flex; justify-content: space-between; font-size: 12.5px; color: rgba(255,255,255,0.85); }
.nc-stat-blue-bar-meta strong { color: #fff; font-weight: 700; }
.nc-stat-blue-bar-meta .up { color: #5EEAD4; font-weight: 700; }
.nc-stat-blue-cell { display: flex; align-items: center; gap: 12px; text-align: left; padding: 0 8px; }
.nc-stat-blue-cell .ic { width: 36px; height: 36px; border-radius: 10px; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.16); display: flex; align-items: center; justify-content: center; color: #93C5FD; flex-shrink: 0; }
.nc-stat-blue-floating { display: inline-flex; align-items: center; gap: 12px; padding: 8px 16px 8px 8px; background: #fff; border-radius: 999px; box-shadow: 0 12px 28px -16px rgba(15,23,42,0.3); }
.nc-stat-blue-avatars { display: flex; }
.nc-stat-blue-avatars .av { width: 28px; height: 28px; border-radius: 50%; background: var(--nc-blue); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; border: 2px solid #fff; margin-left: -8px; }
.nc-stat-blue-avatars .av:first-child { margin-left: 0; }
.nc-stat-blue-avatars .av1 { background: linear-gradient(135deg, #2563EB, #4F46E5); }
.nc-stat-blue-avatars .av2 { background: linear-gradient(135deg, #06B6D4, #2563EB); }
.nc-stat-blue-avatars .av3 { background: linear-gradient(135deg, #8B5CF6, #2563EB); }
.nc-stat-blue-avatars .av-more { background: #f1f5f9; color: var(--nc-blue); font-weight: 800; font-size: 14px; }
.nc-stat-blue-floating-text { display: flex; flex-direction: column; gap: 0; font-size: 11.5px; color: var(--nc-body); line-height: 1.35; }
.nc-stat-blue-floating-text strong { color: var(--nc-blue); font-weight: 800; font-size: 13.5px; }
.nc-stat-blue-floating-pulse { width: 8px; height: 8px; border-radius: 50%; background: #10B981; box-shadow: 0 0 0 4px rgba(16,185,129,0.18); animation: nc-pulse 1.8s ease-in-out infinite; margin-left: auto; }

/* ============ darkstats — 헤더 + 아이콘 + trend ============ */
.nc-darkstats { padding: 56px 0; }
.nc-darkstats-head { text-align: center; margin-bottom: 36px; }
.nc-darkstats-eyebrow { color: rgba(255,255,255,0.55); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; margin: 0 0 8px; text-transform: none; }
.nc-darkstats-title { color: #fff; font-size: clamp(20px, 3vw, 26px); font-weight: 800; letter-spacing: -0.025em; margin: 0; }
.nc-darkstats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
@media (min-width: 720px) { .nc-darkstats-grid { grid-template-columns: repeat(4, 1fr); gap: 22px; } }
.nc-darkstats-cell { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 22px 20px; text-align: left; transition: border-color 0.2s, transform 0.2s; }
.nc-darkstats-cell:hover { border-color: rgba(147,197,253,0.35); transform: translateY(-2px); }
.nc-darkstats-cell .ic { width: 40px; height: 40px; border-radius: 10px; background: rgba(147,197,253,0.12); color: #93C5FD; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.nc-darkstats-cell .n { font-size: 28px; font-weight: 800; color: #fff; letter-spacing: -0.03em; line-height: 1; margin-bottom: 6px; }
.nc-darkstats-cell .n span { font-size: 14px; color: rgba(255,255,255,0.55); margin-left: 4px; font-weight: 600; }
.nc-darkstats-cell .l { font-size: 13px; color: rgba(255,255,255,0.85); font-weight: 600; margin-bottom: 12px; }
.nc-darkstats-cell .trend { font-size: 11px; color: rgba(255,255,255,0.55); font-weight: 500; padding-top: 10px; border-top: 1px solid rgba(255,255,255,0.06); }
.nc-darkstats-cell .trend.up { color: #5EEAD4; font-weight: 700; }
.nc-darkstats-cell .trend.stars { color: #FBBF24; letter-spacing: 2px; }

/* ============ page-head 들여쓰기 정돈 (h1/p 둘 다 동일 좌·중앙 정렬) ============ */
.nc-page-head { padding-left: 20px; padding-right: 20px; }
.nc-page-head h1, .nc-page-head p, .nc-page-head .nc-eyebrow { padding: 0; margin-left: 0; margin-right: 0; }
.nc-page-head h1 { margin-bottom: 8px; }
.nc-mypage-head { padding: 0 !important; }
.nc-mypage-head h1, .nc-mypage-head p { padding: 0; margin-left: 0; }
.nc-about-hero .nc-container, .nc-faq-hero .nc-container { padding-left: 20px; padding-right: 20px; }
.nc-about-hero h1, .nc-about-hero p, .nc-faq-hero h1, .nc-faq-hero p { padding: 0; }

/* ====================================================================
   NC Lightbox (후기 사진 모달)
   ==================================================================== */
.nc-lightbox { position: fixed; inset: 0; z-index: 999999; background: rgba(8,12,20,0.92); display: flex; align-items: center; justify-content: center; padding: 56px 20px; animation: ncLbFade 0.18s ease; }
@keyframes ncLbFade { from { opacity: 0; } to { opacity: 1; } }
.nc-lightbox-stage { max-width: min(94vw, 1200px); max-height: 86vh; display: flex; align-items: center; justify-content: center; }
.nc-lightbox-stage img { max-width: 100%; max-height: 86vh; width: auto; height: auto; border-radius: 8px; box-shadow: 0 30px 80px rgba(0,0,0,0.6); user-select: none; }
.nc-lightbox-close, .nc-lightbox-prev, .nc-lightbox-next { position: absolute; background: rgba(255,255,255,0.1); color: #fff; border: 1px solid rgba(255,255,255,0.15); font-size: 22px; line-height: 1; cursor: pointer; border-radius: 999px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; transition: background 0.15s; padding: 0; }
.nc-lightbox-close:hover, .nc-lightbox-prev:hover, .nc-lightbox-next:hover { background: rgba(255,255,255,0.22); }
.nc-lightbox-close { top: 18px; right: 18px; font-size: 28px; }
.nc-lightbox-prev { left: 18px; top: 50%; transform: translateY(-50%); }
.nc-lightbox-next { right: 18px; top: 50%; transform: translateY(-50%); }
.nc-lightbox-count { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); color: rgba(255,255,255,0.8); font-size: 13px; letter-spacing: 0.04em; }
@media (max-width: 600px) {
	.nc-lightbox { padding: 50px 12px; }
	.nc-lightbox-close { top: 10px; right: 10px; }
	.nc-lightbox-prev { left: 8px; }
	.nc-lightbox-next { right: 8px; }
}

/* ====================================================================
   NC Review Modal — 풀스크린 후기 모달
   ==================================================================== */
/* 카드 내부 사진과 본문 사이 여백 강화 */
.nc-rev-photos { margin-top: 4px; margin-bottom: 16px; gap: 10px; }
#reviews .commentlist .nc-rev-photos { margin-top: 4px; margin-bottom: 14px; }

/* 후기 카드 전체 클릭 가능 — 모달 오픈 (편집/도움돼요 버튼은 stopPropagation) */
#reviews .commentlist li.review,
#reviews .commentlist li.comment { cursor: pointer; transition: background-color 0.12s ease; }
#reviews .commentlist li.review:hover,
#reviews .commentlist li.comment:hover { background-color: var(--nc-bg-alt); }

/* 모바일 평점 숫자 폰트 축소 */
@media (max-width: 720px) {
	.nc-rev-summary { gap: 18px; padding: 18px; }
	.nc-rev-score { font-size: 32px; }
	.nc-rev-score span { font-size: 14px; }
	.nc-rev-meta .stars { font-size: 15px; letter-spacing: 1px; }
}

.nc-rev-modal { position: fixed; inset: 0; z-index: 999999; pointer-events: none; opacity: 0; transition: opacity 0.22s ease; }
.nc-rev-modal.is-open { pointer-events: auto; opacity: 1; }
.nc-rev-modal-backdrop { position: absolute; inset: 0; background: rgba(8,12,20,0.72); }
.nc-rev-modal-inner { position: absolute; inset: 0; display: flex; }
.nc-rev-modal-stage { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; padding: 40px; position: relative; min-width: 0; }
.nc-rev-modal-stage.no-photo { background: rgba(0,0,0,0.5); }
.nc-rev-modal-img { max-width: 100%; max-height: 88vh; width: auto; height: auto; border-radius: 8px; box-shadow: 0 24px 64px rgba(0,0,0,0.5); user-select: none; transform: translateY(8px); opacity: 0; transition: transform 0.25s ease, opacity 0.25s ease; }
.nc-rev-modal.is-open .nc-rev-modal-img { transform: translateY(0); opacity: 1; }
.nc-rev-modal-stage.no-photo .nc-rev-modal-img { display: none; }
.nc-rev-modal-pphoto { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 999px; background: rgba(255,255,255,0.12); color: #fff; border: 1px solid rgba(255,255,255,0.18); font-size: 26px; line-height: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; transition: background 0.15s; }
.nc-rev-modal-pphoto:hover { background: rgba(255,255,255,0.24); }
.nc-rev-modal-pphoto.prev { left: 20px; }
.nc-rev-modal-pphoto.next { right: 20px; }
.nc-rev-modal-dots { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; }
.nc-rev-modal-dots span { width: 6px; height: 6px; border-radius: 999px; background: rgba(255,255,255,0.35); }
.nc-rev-modal-dots span.on { background: #fff; }

.nc-rev-modal-side { width: 420px; max-width: 92vw; background: #fff; box-shadow: -16px 0 40px rgba(0,0,0,0.3); display: flex; flex-direction: column; overflow-y: auto; transform: translateX(20px); opacity: 0; transition: transform 0.28s ease, opacity 0.22s ease; }
.nc-rev-modal.is-open .nc-rev-modal-side { transform: translateX(0); opacity: 1; }
.nc-rev-modal-close { position: absolute; top: 14px; right: 14px; width: 36px; height: 36px; border-radius: 999px; background: transparent; border: 0; font-size: 26px; cursor: pointer; color: var(--nc-ink, #181a20); line-height: 1; padding: 0; display: flex; align-items: center; justify-content: center; z-index: 2; }
.nc-rev-modal-close:hover { background: rgba(0,0,0,0.05); }
.nc-rev-modal-head { padding: 56px 28px 0; }
.nc-rev-modal-stars { display: flex; gap: 2px; margin-bottom: 12px; font-size: 22px; color: #d4d4d8; }
.nc-rev-modal-stars .star { color: #d4d4d8; }
.nc-rev-modal-stars .star.on { color: #fbbf24; }
.nc-rev-modal-meta { font-size: 13px; color: var(--nc-body, #50535b); display: flex; gap: 8px; align-items: center; }
.nc-rev-modal-meta .author { font-weight: 600; color: var(--nc-ink, #181a20); }
.nc-rev-modal-meta .sep { color: #c7c9d1; }
.nc-rev-modal-body { padding: 28px; font-size: 15px; line-height: 1.7; color: var(--nc-ink, #181a20); flex: 1 1 auto; min-height: 80px; }
.nc-rev-modal-body p { margin: 0 0 12px; }
.nc-rev-modal-body p:last-child { margin-bottom: 0; }
.nc-rev-modal-actions { padding: 0 28px 24px; }
.nc-rev-modal-helpful { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: 999px; background: #fff; border: 1px solid var(--nc-line, #e6e7eb); color: var(--nc-body, #50535b); font-size: 13px; cursor: pointer; transition: background 0.15s, border-color 0.15s, color 0.15s; }
.nc-rev-modal-helpful:hover { border-color: #ef4444; color: #ef4444; }
.nc-rev-modal-helpful.voted { background: #fff0f0; border-color: #ef4444; color: #ef4444; }
.nc-rev-modal-helpful .cnt { font-weight: 700; }
.nc-rev-modal-others-wrap { padding: 0 28px 24px; border-top: 1px solid var(--nc-line, #e6e7eb); padding-top: 24px; }
.nc-rev-modal-others-head { font-size: 14px; font-weight: 700; color: var(--nc-ink, #181a20); margin-bottom: 12px; letter-spacing: -0.02em; }
.nc-rev-modal-others { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; }
.nc-rev-other { flex: 0 0 auto; width: 72px; height: 72px; border-radius: 8px; overflow: hidden; border: 1px solid var(--nc-line, #e6e7eb); background: #fff; cursor: pointer; padding: 0; }
.nc-rev-other:hover { border-color: var(--nc-blue, #0067ff); }
.nc-rev-other img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nc-rev-other.no-img { display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: var(--nc-body, #50535b); background: var(--nc-soft, #f6f7fa); }
.nc-rev-modal-nav { display: flex; gap: 0; border-top: 1px solid var(--nc-line, #e6e7eb); margin-top: auto; position: sticky; bottom: 0; background: #fff; }
.nc-rev-modal-nav button { flex: 1 1 50%; padding: 18px 12px; background: transparent; border: 0; font-size: 14px; font-weight: 600; color: var(--nc-ink, #181a20); cursor: pointer; transition: background 0.15s, color 0.15s; }
.nc-rev-modal-nav button:hover:not(:disabled) { background: var(--nc-soft, #f6f7fa); }
.nc-rev-modal-nav button:disabled { color: #c7c9d1; cursor: default; }
.nc-rev-modal-nav .nc-rev-modal-prev { border-right: 1px solid var(--nc-line, #e6e7eb); }

@media (max-width: 900px) {
	.nc-rev-modal-inner { flex-direction: column; }
	.nc-rev-modal-stage { flex: 0 0 50vh; padding: 24px; }
	.nc-rev-modal-img { max-height: 46vh; }
	.nc-rev-modal-side { width: 100%; max-width: none; height: 50vh; box-shadow: 0 -8px 24px rgba(0,0,0,0.2); transform: translateY(20px); }
	.nc-rev-modal.is-open .nc-rev-modal-side { transform: translateY(0); }
	.nc-rev-modal-head { padding-top: 48px; padding-left: 20px; padding-right: 20px; }
	.nc-rev-modal-body, .nc-rev-modal-actions, .nc-rev-modal-others-wrap { padding-left: 20px; padding-right: 20px; }
	.nc-rev-modal-pphoto { width: 36px; height: 36px; font-size: 20px; }
	.nc-rev-modal-pphoto.prev { left: 10px; }
	.nc-rev-modal-pphoto.next { right: 10px; }
}

/* ---- 카드 안 도움돼요 버튼 ---- */
.nc-rev-helpful-row { margin-top: 12px; }
button.nc-rev-helpful { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: #fff; border: 1px solid var(--nc-line, #e6e7eb); color: var(--nc-body, #50535b); font-size: 12.5px; cursor: pointer; transition: background 0.15s, border-color 0.15s, color 0.15s; line-height: 1; }
button.nc-rev-helpful:hover { border-color: #ef4444; color: #ef4444; }
button.nc-rev-helpful.voted { background: #fff0f0; border-color: #ef4444; color: #ef4444; }
button.nc-rev-helpful .cnt { font-weight: 700; }
button.nc-rev-helpful svg { stroke: currentColor; }

/* ---- /admin/readers/ 확장 ---- */
.nc-adm-filterchips { display: flex; flex-wrap: wrap; gap: 6px; margin: -8px 0 16px; }
.nc-adm-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: #fff; border: 1px solid var(--nc-line, #e6e7eb); color: var(--nc-body, #50535b); font-size: 12.5px; font-weight: 600; text-decoration: none; transition: background 0.15s, border-color 0.15s, color 0.15s; }
.nc-adm-chip:hover { border-color: var(--nc-blue, #0067ff); color: var(--nc-blue, #0067ff); }
.nc-adm-chip.is-active { background: #181a20; border-color: #181a20; color: #fff; }
.nc-adm-chip .cnt { background: rgba(0,0,0,0.06); padding: 1px 7px; border-radius: 999px; font-size: 11px; font-weight: 700; }
.nc-adm-chip.is-active .cnt { background: rgba(255,255,255,0.18); }

.nc-adm-badge { display: inline-flex; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 700; margin-left: 6px; vertical-align: middle; }
.nc-adm-badge.danger { background: #fee2e2; color: #b91c1c; }

.nc-adm-action-panel { background: #fff; border: 1px solid var(--nc-line, #e6e7eb); border-radius: 12px; padding: 18px 20px; margin-bottom: 20px; box-shadow: 0 1px 0 rgba(0,0,0,0.02); }
.nc-adm-action-row { display: flex; gap: 16px; flex-wrap: wrap; align-items: flex-start; padding: 12px 0; border-top: 1px dashed var(--nc-line, #e6e7eb); }
.nc-adm-action-row:first-child { border-top: 0; padding-top: 0; }
.nc-adm-action-cell { display: flex; flex-direction: column; gap: 6px; flex: 1 1 240px; min-width: 0; }
.nc-adm-action-cell > .lbl { font-size: 12px; font-weight: 700; color: var(--nc-ink, #181a20); }
.nc-adm-action-cell > small { font-size: 11.5px; color: var(--nc-body, #50535b); }
.nc-adm-action-cell select, .nc-adm-action-cell input { padding: 8px 10px; border: 1px solid var(--nc-line, #e6e7eb); border-radius: 8px; font-size: 13px; background: #fff; }
.nc-adm-action-cell .row { display: flex; gap: 6px; align-items: center; }
.nc-adm-action-cell .row select, .nc-adm-action-cell .row input { flex: 1 1 auto; min-width: 0; }
.nc-adm-action-cell .coupon-row select { flex: 0 0 auto; min-width: 96px; }
.nc-adm-action-cell .coupon-row input[type="number"] { flex: 1 1 auto; min-width: 100px; }
.nc-adm-action-cell .coupon-row input[type="date"] { flex: 1 1 auto; min-width: 140px; }
.nc-adm-btn-primary.sm, .nc-adm-btn-outline.sm, .nc-adm-btn-warn, .nc-adm-btn-danger { padding: 8px 14px; border-radius: 8px; font-size: 13px; font-weight: 700; cursor: pointer; border: 1px solid transparent; line-height: 1; }
.nc-adm-btn-warn { background: #fff7ed; color: #c2410c; border-color: #fed7aa; }
.nc-adm-btn-warn:hover { background: #ffedd5; }
.nc-adm-btn-danger { background: #fff; color: #b91c1c; border-color: #fecaca; }
.nc-adm-btn-danger:hover { background: #fee2e2; border-color: #fca5a5; }

.nc-suspend-banner { position: fixed; left: 50%; bottom: 16px; transform: translateX(-50%); background: #b91c1c; color: #fff; padding: 12px 18px; border-radius: 12px; box-shadow: 0 10px 30px rgba(185,28,28,0.4); font-size: 13.5px; font-weight: 600; z-index: 99998; max-width: 90vw; text-align: center; }
.nc-suspend-banner a { color: #fff; text-decoration: underline; }

/* ---- NC 포인트 (체크아웃·관리자 패널·마이페이지) ---- */
.nc-checkout-points { background: #f6f7fa; border: 1px solid var(--nc-line, #e6e7eb); border-radius: 12px; padding: 14px 16px; margin: 12px 0 18px; }
.nc-checkout-points .lbl { font-size: 13px; color: var(--nc-body, #50535b); margin-bottom: 8px; }
.nc-checkout-points .lbl strong { color: var(--nc-blue, #0067ff); font-weight: 800; margin-left: 4px; }
.nc-checkout-points .row { display: flex; gap: 6px; align-items: center; }
.nc-checkout-points input[type="number"] { flex: 1 1 auto; padding: 8px 10px; border: 1px solid var(--nc-line, #e6e7eb); border-radius: 8px; font-size: 13px; min-width: 0; }
.nc-checkout-points button { padding: 8px 14px; font-size: 13px; }
.nc-checkout-points small { display: block; margin-top: 6px; font-size: 11.5px; color: var(--nc-body, #50535b); }

.nc-adm-action-cell .points-row input[type="number"] { flex: 1 1 140px; min-width: 0; }
.nc-adm-action-cell .points-row input[type="text"] { flex: 2 1 200px; min-width: 0; }

/* ---- 관리자 임시 로그인 (impersonate) ---- */
.nc-adm-impersonate-row { background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 12px; padding: 14px 18px; margin-bottom: 16px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.nc-adm-impersonate-row small { color: #1e3a8a; font-size: 11.5px; flex: 1 1 280px; min-width: 0; }

.nc-impersonate-banner { position: fixed; left: 50%; bottom: 16px; transform: translateX(-50%); background: #181a20; color: #fff; padding: 10px 16px 10px 18px; border-radius: 12px; box-shadow: 0 12px 32px rgba(0,0,0,0.35); font-size: 13px; z-index: 99999; display: flex; align-items: center; gap: 14px; max-width: 92vw; }
.nc-impersonate-banner strong { color: #fbbf24; font-weight: 800; margin-right: 6px; }
.nc-impersonate-back { background: #fbbf24; color: #181a20 !important; padding: 6px 12px; border-radius: 999px; font-weight: 700; text-decoration: none; font-size: 12.5px; white-space: nowrap; }
.nc-impersonate-back:hover { background: #f59e0b; }


/* ---- AI 칼럼 작성 페이지 ---- */
.nc-ai-write-grid { display: grid; grid-template-columns: 1fr; gap: 18px; }
@media (min-width: 960px) { .nc-ai-write-grid { grid-template-columns: 1fr 1fr; } }
.nc-ai-write-form { background: #fff; border: 1px solid var(--nc-line, #e6e7eb); border-radius: 14px; padding: 22px; display: flex; flex-direction: column; gap: 18px; }
.nc-ai-field { display: flex; flex-direction: column; gap: 6px; }
.nc-ai-field .lbl { font-size: 13px; font-weight: 700; color: var(--nc-ink, #181a20); }
.nc-ai-field .lbl em { color: #ef4444; font-style: normal; margin-left: 2px; }
.nc-ai-field small { font-size: 11.5px; color: var(--nc-body, #50535b); }
.nc-ai-field input[type="text"], .nc-ai-field input[type="url"] { padding: 9px 11px; border: 1px solid var(--nc-line, #e6e7eb); border-radius: 8px; font-size: 13px; }
.nc-ai-refs { display: flex; flex-direction: column; gap: 6px; }
.nc-ai-ref-row { display: grid; grid-template-columns: 1fr 2fr auto; gap: 6px; align-items: center; }
.nc-ai-ref-row input { padding: 8px 10px; border: 1px solid var(--nc-line, #e6e7eb); border-radius: 8px; font-size: 12.5px; min-width: 0; }
.nc-ai-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding-top: 6px; border-top: 1px dashed var(--nc-line, #e6e7eb); }
.nc-ai-hint { font-size: 11.5px; color: var(--nc-body, #50535b); flex: 1; }
.nc-ai-result { background: #fff; border: 1px solid var(--nc-line, #e6e7eb); border-radius: 14px; padding: 22px; }
.nc-ai-result-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.nc-ai-status .ok   { color: #15803d; font-weight: 700; font-size: 13px; }
.nc-ai-status .warn { color: #c2410c; font-weight: 700; font-size: 13px; }
.nc-ai-status .err  { color: #b91c1c; font-weight: 700; font-size: 13px; }
.nc-ai-errors { margin-top: 10px; padding: 12px 14px; background: #fff7ed; border-left: 3px solid #f59e0b; border-radius: 6px; font-size: 12.5px; color: #92400e; }
.nc-ai-errors ul { margin: 6px 0 0; padding-left: 18px; }

/* 본문 안 출처 figure */
.nc-ai-ref { margin: 24px 0; }
.nc-ai-ref img { width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--nc-line, #e6e7eb); display: block; }
.nc-ai-ref figcaption { font-size: 12.5px; color: var(--nc-body, #50535b); margin-top: 8px; text-align: center; }
.nc-ai-ref figcaption a { color: var(--nc-blue, #0067ff); }

/* ===== Kakao 채널 상담 FAB ===== */
.nc-kakao-fab {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 90;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 18px 12px 14px;
	background: #FEE500;
	color: #181600 !important;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: -0.02em;
	border-radius: 999px;
	box-shadow: 0 8px 24px -8px rgba(0,0,0,0.25), 0 2px 8px -2px rgba(0,0,0,0.15);
	text-decoration: none !important;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.nc-kakao-fab:hover { transform: translateY(-2px); box-shadow: 0 12px 28px -8px rgba(0,0,0,0.3), 0 4px 12px -2px rgba(0,0,0,0.18); color: #181600 !important; }
.nc-kakao-fab:visited, .nc-kakao-fab:active { color: #181600 !important; }
.nc-kakao-fab svg { display: block; }
@media (max-width: 767px) {
	.nc-kakao-fab { right: 14px; bottom: 14px; padding: 10px 14px 10px 12px; font-size: 13px; }
	.nc-kakao-fab svg { width: 22px; height: 22px; }
}

/* ====================================================================
   NC 챌린지 — /challenge/?id=X + /dashboard/challenges/ + /admin/challenges/
   ==================================================================== */
.nc-challenge-page { padding: 32px 0 80px; background: var(--nc-bg-alt); min-height: 70vh; }
.nc-ch-back { display: inline-block; font-size: 13px; color: var(--nc-body); margin-bottom: 10px; }
.nc-ch-back:hover { color: var(--nc-blue); }

.nc-ch-header { display: flex; gap: 24px; align-items: flex-start; padding: 28px; background: #fff; border: 1px solid var(--nc-line); border-radius: 14px; margin-bottom: 20px; }
.nc-ch-header-main { flex: 1 1 auto; min-width: 0; }
.nc-ch-header-main h1 { font-size: 26px; font-weight: 900; color: var(--nc-ink); letter-spacing: -0.025em; margin: 0 0 10px; }
.nc-ch-meta { display: flex; gap: 12px; align-items: center; font-size: 13px; color: var(--nc-body); flex-wrap: wrap; }
.nc-ch-dday { padding: 3px 10px; border-radius: 999px; background: var(--nc-bg-alt); color: var(--nc-ink); font-weight: 700; font-size: 12px; }
.nc-ch-dday.is-urgent { background: #fef2f2; color: #dc2626; }
.nc-ch-dday.is-done { background: #f1f5f9; color: #64748b; }

.nc-ch-header-side { flex: 0 0 280px; display: flex; flex-direction: column; gap: 12px; }
.nc-ch-progress-card { background: var(--nc-bg-alt); border-radius: 10px; padding: 14px 16px; }
.nc-ch-progress-head { display: flex; justify-content: space-between; align-items: baseline; font-size: 13px; color: var(--nc-body); margin-bottom: 8px; }
.nc-ch-progress-head strong { font-size: 18px; font-weight: 900; color: var(--nc-blue); letter-spacing: -0.02em; }
.nc-ch-progress-bar { height: 8px; background: #e2e8f0; border-radius: 999px; overflow: hidden; }
.nc-ch-progress-bar span { display: block; height: 100%; background: var(--nc-blue); transition: width 0.4s ease; }
.nc-ch-progress-foot { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; font-size: 12px; color: var(--nc-body); }
.nc-ch-progress-foot .is-done { color: #15803d; font-weight: 700; }
.nc-ch-progress-foot small { font-size: 11px; }

.nc-ch-actions { display: flex; flex-direction: column; gap: 8px; }
.nc-ch-btn-kakao { display: block; padding: 10px 14px; background: #FEE500; color: #3C1E1E; font-size: 13px; font-weight: 700; border-radius: 8px; text-align: center; }
.nc-ch-btn-kakao:hover { background: #FFD600; }
.nc-ch-btn-calendar { padding: 10px 14px; background: #fff; color: var(--nc-ink); font-size: 13px; font-weight: 700; border: 1px solid var(--nc-line); border-radius: 8px; cursor: pointer; }
.nc-ch-btn-calendar:hover { border-color: var(--nc-blue); color: var(--nc-blue); }

.nc-ch-body { display: grid; grid-template-columns: 280px 1fr; gap: 20px; }
.nc-ch-weeks { background: #fff; border: 1px solid var(--nc-line); border-radius: 14px; padding: 16px; height: fit-content; position: sticky; top: 20px; }
.nc-ch-weeks-head { font-size: 12px; font-weight: 700; color: var(--nc-body); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 12px; }
.nc-ch-week-item { display: block; padding: 12px 14px; border-radius: 10px; margin-bottom: 6px; border: 1px solid transparent; transition: background 0.12s; }
.nc-ch-week-item:hover { background: var(--nc-bg-alt); }
.nc-ch-week-item.is-active { background: #eff6ff; border-color: var(--nc-blue); }
.nc-ch-week-item.is-done { opacity: 0.85; }
.nc-ch-week-item-num { font-size: 11px; font-weight: 800; color: var(--nc-blue); text-transform: uppercase; letter-spacing: 0.04em; }
.nc-ch-week-item-title { font-size: 14px; font-weight: 700; color: var(--nc-ink); margin: 4px 0 6px; letter-spacing: -0.015em; }
.nc-ch-week-item-meta { font-size: 11px; color: var(--nc-body); display: flex; align-items: center; gap: 4px; }
.nc-ch-week-item-meta .dot { color: #cbd5e1; font-size: 8px; }
.nc-ch-week-item-meta .dot.done { color: #15803d; }

.nc-ch-main { min-width: 0; }
.nc-ch-content { background: #fff; border: 1px solid var(--nc-line); border-radius: 14px; padding: 28px; margin-bottom: 16px; }
.nc-ch-content-head { margin-bottom: 18px; padding-bottom: 16px; border-bottom: 1px solid var(--nc-line); }
.nc-ch-pill { display: inline-block; padding: 3px 10px; background: #eff6ff; color: var(--nc-blue); font-size: 11px; font-weight: 800; border-radius: 999px; letter-spacing: 0.04em; }
.nc-ch-content-head h2 { font-size: 22px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; margin: 8px 0 4px; }
.nc-ch-deadline { font-size: 12px; color: var(--nc-body); }
.nc-ch-video { aspect-ratio: 16/9; margin-bottom: 18px; border-radius: 10px; overflow: hidden; background: #000; }
.nc-ch-video iframe { width: 100%; height: 100%; border: 0; }
.nc-ch-brief { font-size: 14.5px; line-height: 1.75; color: var(--nc-ink); margin-bottom: 24px; }

.nc-ch-form { padding: 20px; background: var(--nc-bg-alt); border-radius: 12px; }
.nc-ch-form h3 { font-size: 15px; font-weight: 800; color: var(--nc-ink); margin: 0 0 12px; letter-spacing: -0.015em; }
.nc-ch-form textarea { width: 100%; padding: 12px; border: 1px solid var(--nc-line); border-radius: 8px; font-size: 14px; resize: vertical; background: #fff; }
.nc-ch-form textarea:focus { border-color: var(--nc-blue); outline: none; }
.nc-ch-form .nc-photo-pick { display: inline-block; margin-top: 10px; padding: 8px 14px; background: #fff; border: 1px dashed var(--nc-line); border-radius: 8px; font-size: 13px; cursor: pointer; color: var(--nc-body); }
.nc-ch-form .nc-photo-pick:hover { border-color: var(--nc-blue); color: var(--nc-blue); }
.nc-ch-form-actions { display: flex; gap: 12px; align-items: center; margin-top: 16px; }

.nc-ch-myproofs { background: #fff; border: 1px solid var(--nc-line); border-radius: 14px; padding: 24px; }
.nc-ch-myproofs h3 { font-size: 16px; font-weight: 800; margin: 0 0 14px; }
.nc-ch-myproof-list { display: flex; flex-direction: column; gap: 12px; }
.nc-ch-myproof { padding: 14px 16px; background: var(--nc-bg-alt); border-radius: 10px; }
.nc-ch-myproof-head { display: flex; gap: 8px; align-items: center; margin-bottom: 6px; font-size: 12px; }
.nc-ch-myproof p { font-size: 13.5px; line-height: 1.7; color: var(--nc-ink); margin: 0 0 8px; }

/* 캘린더 모달 */
.nc-ch-cal-modal { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 20px; }
.nc-ch-cal-modal[hidden] { display: none !important; }
.nc-ch-cal-backdrop { position: absolute; inset: 0; background: rgba(8,12,20,0.55); }
.nc-ch-cal-inner { position: relative; background: #fff; border-radius: 14px; padding: 28px; max-width: 460px; width: 100%; max-height: 85vh; overflow-y: auto; }
.nc-ch-cal-close { position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; border: 0; background: transparent; font-size: 22px; cursor: pointer; color: var(--nc-body); border-radius: 6px; }
.nc-ch-cal-close:hover { background: var(--nc-bg-alt); color: var(--nc-ink); }
.nc-ch-cal-inner h3 { font-size: 18px; font-weight: 800; margin: 0 0 6px; }
.nc-ch-cal-inner p { font-size: 13px; color: var(--nc-body); margin: 0 0 18px; }
.nc-ch-cal-options { display: flex; flex-direction: column; gap: 10px; }
.nc-ch-cal-opt { display: block; padding: 14px 16px; border: 1px solid var(--nc-line); border-radius: 10px; }
.nc-ch-cal-opt:hover { border-color: var(--nc-blue); background: #eff6ff; }
.nc-ch-cal-opt strong { display: block; font-size: 14px; color: var(--nc-ink); margin-bottom: 2px; }
.nc-ch-cal-opt small { font-size: 12px; color: var(--nc-body); }
.nc-ch-cal-google { padding: 14px 16px; border: 1px solid var(--nc-line); border-radius: 10px; }
.nc-ch-cal-google strong { display: block; font-size: 14px; color: var(--nc-ink); margin-bottom: 2px; }
.nc-ch-cal-google small { font-size: 12px; color: var(--nc-body); display: block; margin-bottom: 8px; }
.nc-ch-cal-gcal-list { display: flex; flex-direction: column; gap: 8px; }
.nc-ch-cal-gcal-item { display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: var(--nc-bg-alt); border-radius: 10px; transition: background 0.12s, border-color 0.12s; border: 1px solid transparent; }
.nc-ch-cal-gcal-item:hover { background: #eff6ff; border-color: var(--nc-blue); }
.nc-ch-cal-gcal-item > div { flex: 1 1 auto; min-width: 0; }
.nc-ch-cal-gcal-item strong { display: block; font-size: 14px; font-weight: 700; color: var(--nc-ink); margin-bottom: 3px; letter-spacing: -0.015em; }
.nc-ch-cal-gcal-item small { font-size: 12px; color: var(--nc-body); }
.nc-ch-cal-gcal-arrow { flex-shrink: 0; padding: 4px 10px; background: var(--nc-blue); color: #fff; font-size: 11px; font-weight: 700; border-radius: 999px; }

/* 마이페이지 챌린지 카드 */
.nc-vp-ch-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.nc-vp-ch-card { display: block; background: #fff; border: 1px solid var(--nc-line); border-radius: 12px; overflow: hidden; transition: transform 0.15s, box-shadow 0.15s; }
.nc-vp-ch-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -12px rgba(15,23,42,0.18); border-color: var(--nc-blue); }
.nc-vp-ch-card.is-done { opacity: 0.88; }
.nc-vp-ch-thumb { position: relative; aspect-ratio: 16/9; background: var(--nc-bg-alt); overflow: hidden; }
.nc-vp-ch-thumb img { width: 100%; height: 100%; object-fit: cover; }
.nc-vp-ch-dday { position: absolute; top: 10px; right: 10px; padding: 4px 10px; background: rgba(15,23,42,0.85); color: #fff; font-size: 11px; font-weight: 800; border-radius: 999px; }
.nc-vp-ch-dday.is-urgent { background: #dc2626; }
.nc-vp-ch-dday.is-done { background: #15803d; }
.nc-vp-ch-body { padding: 14px 16px 16px; }
.nc-vp-ch-body h3 { font-size: 15px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; margin: 0 0 6px; }
.nc-vp-ch-meta { font-size: 12px; color: var(--nc-body); margin-bottom: 10px; }

/* 관리자 챌린지 편집 */
.nc-adm-grid-2col { display: grid; grid-template-columns: 1.2fr 1fr; gap: 18px; }
.nc-ch-week-row { background: var(--nc-bg-alt); border-radius: 10px; padding: 14px; margin-bottom: 10px; }
.nc-ch-week-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.nc-ch-week-head .num { font-size: 12px; font-weight: 800; color: var(--nc-blue); text-transform: uppercase; }
.nc-ch-week-del { background: transparent; border: 0; color: var(--nc-body); font-size: 18px; cursor: pointer; padding: 4px 8px; border-radius: 4px; line-height: 1; }
.nc-ch-week-del:hover { background: #fef2f2; color: #dc2626; }
.nc-ch-week-row input, .nc-ch-week-row textarea { width: 100%; padding: 8px 10px; border: 1px solid var(--nc-line); border-radius: 6px; font-size: 13px; margin-bottom: 6px; background: #fff; }
.nc-ch-week-meta { display: grid; grid-template-columns: 2fr 1fr; gap: 6px; }
.nc-ch-proof-list { display: flex; flex-direction: column; gap: 12px; max-height: 600px; overflow-y: auto; }
.nc-ch-proof { padding: 12px 14px; background: var(--nc-bg-alt); border-radius: 8px; }
.nc-ch-proof-head { font-size: 13px; margin-bottom: 6px; display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
.nc-ch-proof-body { font-size: 13px; line-height: 1.6; color: var(--nc-ink); }
.nc-ch-proof-photos { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.nc-ch-proof-photos img { width: 60px; height: 60px; object-fit: cover; border-radius: 6px; }

/* ───────── 챌린지 편집 (admin/challenges/{id}/) 리디자인 ───────── */
.nc-ch-edit { max-width: 1280px; display: block !important; }
.nc-ch-edit-topbar { position: sticky; top: 56px; z-index: 25; background: #f3f5f9; padding: 14px 0 12px; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; border-bottom: 1px solid transparent; margin-bottom: 14px; }
.nc-ch-edit-topbar-left { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.nc-ch-edit-topbar-left .nc-adm-back { margin-bottom: 0; }
.nc-ch-edit-topbar-left h1 { font-size: 22px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; margin: 0; line-height: 1.25; }
.nc-ch-edit-topbar-right { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.nc-ch-edit-result { font-size: 12px; font-weight: 700; padding: 6px 10px; border-radius: 6px; min-width: 0; }
.nc-ch-edit-result:empty { display: none; }
.nc-ch-edit-result.is-ok { background: #dcfce7; color: #15803d; }
.nc-ch-edit-result.is-err { background: #fee2e2; color: #dc2626; }

.nc-ch-edit-tabs { position: sticky; top: 116px; z-index: 24; display: flex; gap: 2px; padding: 6px; background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; margin-bottom: 18px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.nc-ch-edit-tabs a { flex-shrink: 0; padding: 8px 14px; border-radius: 7px; font-size: 13px; font-weight: 700; color: #64748b; transition: background 0.12s, color 0.12s; display: inline-flex; align-items: center; gap: 6px; }
.nc-ch-edit-tabs a:hover { background: #f1f5f9; color: var(--nc-ink); }
.nc-ch-edit-tabs a.is-active { background: var(--nc-blue); color: #fff; }
.nc-ch-edit-tabs a span { font-size: 11px; font-weight: 800; padding: 1px 7px; border-radius: 999px; background: #f1f5f9; color: #475569; min-width: 18px; text-align: center; }
.nc-ch-edit-tabs a.is-active span { background: rgba(255,255,255,0.22); color: #fff; }

.nc-ch-edit-layout { display: grid; grid-template-columns: 1fr; gap: 18px; }
.nc-ch-edit.has-proofs .nc-ch-edit-layout { grid-template-columns: minmax(0, 1fr) 340px; }
.nc-ch-edit-main { display: flex; flex-direction: column; gap: 16px; min-width: 0; }

.nc-ch-edit-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; overflow: hidden; scroll-margin-top: 180px; }
.nc-ch-edit-card-head { padding: 18px 22px 12px; border-bottom: 1px solid #f1f5f9; }
.nc-ch-edit-card-head h2 { font-size: 15px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; margin: 0 0 2px; }
.nc-ch-edit-card-head p { font-size: 12.5px; color: #64748b; margin: 0; }
.nc-ch-edit-card-body { padding: 18px 22px 20px; }

.nc-ch-edit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; }
.nc-ch-edit-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.nc-ch-edit-field.is-full { grid-column: 1 / -1; }
.nc-ch-edit-field .lbl { font-size: 12.5px; font-weight: 700; color: var(--nc-ink); display: inline-flex; align-items: baseline; gap: 8px; }
.nc-ch-edit-field .lbl .opt { font-size: 10.5px; font-weight: 600; color: #94a3b8; background: #f1f5f9; padding: 1px 7px; border-radius: 999px; }
.nc-ch-edit-field > small { font-size: 11.5px; color: #94a3b8; }
.nc-ch-edit-field input { padding: 10px 12px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 13.5px; background: #fff; color: var(--nc-ink); transition: border-color 0.12s, box-shadow 0.12s; }
.nc-ch-edit-field input:focus { outline: 0; border-color: var(--nc-blue); box-shadow: 0 0 0 3px rgba(0,103,255,0.12); }

.nc-ch-rows { display: flex; flex-direction: column; gap: 10px; margin-bottom: 12px; }
.nc-ch-row { border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; overflow: hidden; transition: border-color 0.12s, box-shadow 0.12s; }
.nc-ch-row:hover { border-color: #cbd5e1; }
.nc-ch-row:focus-within { border-color: var(--nc-blue); box-shadow: 0 0 0 3px rgba(0,103,255,0.08); }
.nc-ch-row-head { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; background: #f8fafc; border-bottom: 1px solid #f1f5f9; }
.nc-ch-row-head .num { font-size: 12px; font-weight: 800; color: var(--nc-blue); letter-spacing: -0.01em; }
.nc-ch-row-del { background: transparent; border: 0; color: #94a3b8; font-size: 18px; cursor: pointer; padding: 4px 8px; border-radius: 6px; line-height: 1; transition: background 0.12s, color 0.12s; }
.nc-ch-row-del:hover { background: #fef2f2; color: #dc2626; }
.nc-ch-row-body { padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; }
.nc-ch-row-body input, .nc-ch-row-body textarea { width: 100%; padding: 10px 12px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 13.5px; background: #fff; color: var(--nc-ink); transition: border-color 0.12s, box-shadow 0.12s; font-family: inherit; }
.nc-ch-row-body input:focus, .nc-ch-row-body textarea:focus { outline: 0; border-color: var(--nc-blue); box-shadow: 0 0 0 3px rgba(0,103,255,0.12); }
.nc-ch-row-body textarea { line-height: 1.55; resize: vertical; min-height: 72px; }
.nc-ch-row-2col { display: grid; grid-template-columns: 2fr 1fr; gap: 8px; }

.nc-ch-add-btn { width: 100%; padding: 12px 14px; background: #f8fafc; border: 1px dashed #cbd5e1; border-radius: 10px; font-size: 13px; font-weight: 700; color: #475569; cursor: pointer; transition: background 0.12s, border-color 0.12s, color 0.12s; }
.nc-ch-add-btn:hover { background: #eff6ff; border-color: var(--nc-blue); color: var(--nc-blue); }

.nc-ch-mode-row { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; padding: 12px 14px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; margin-bottom: 12px; }
.nc-ch-mode-segment { display: inline-flex; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 3px; gap: 2px; }
.nc-ch-mode-segment label { position: relative; padding: 7px 14px; border-radius: 6px; font-size: 13px; font-weight: 700; color: #64748b; cursor: pointer; transition: background 0.12s, color 0.12s; }
.nc-ch-mode-segment label input { position: absolute; opacity: 0; pointer-events: none; }
.nc-ch-mode-segment label.is-active { background: var(--nc-blue); color: #fff; }
.nc-ch-mode-count { display: flex; flex-direction: column; gap: 5px; }
.nc-ch-mode-count .lbl { font-size: 11.5px; font-weight: 700; color: var(--nc-ink); }
.nc-ch-mode-count select { padding: 8px 12px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 13px; background: #fff; min-width: 110px; }
.nc-ch-mode-count select:disabled { background: #f1f5f9; color: #94a3b8; cursor: not-allowed; }

.nc-ch-edit-side { min-width: 0; }
.nc-ch-edit-side-sticky { position: sticky; top: 180px; background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; overflow: hidden; }
.nc-ch-edit-side-sticky .nc-ch-proof-list { padding: 14px 16px 16px; max-height: calc(100vh - 220px); }
.nc-ch-edit-side-sticky .nc-ch-edit-card-head { border-bottom: 1px solid #f1f5f9; }

@media (max-width: 1100px) {
	.nc-ch-edit.has-proofs .nc-ch-edit-layout { grid-template-columns: 1fr; }
	.nc-ch-edit-side-sticky { position: static; }
}
@media (max-width: 720px) {
	.nc-ch-edit-topbar { top: 0; padding: 12px 0; }
	.nc-ch-edit-topbar-left h1 { font-size: 18px; }
	.nc-ch-edit-tabs { top: 96px; }
	.nc-ch-edit-grid { grid-template-columns: 1fr; }
	.nc-ch-edit-card-head { padding: 14px 16px 8px; }
	.nc-ch-edit-card-body { padding: 14px 16px 16px; }
	.nc-ch-row-2col { grid-template-columns: 1fr; }
}

/* 모바일 — 챌린지 페이지 */
@media (max-width: 920px) {
	.nc-ch-header { flex-direction: column; padding: 20px; gap: 16px; }
	.nc-ch-header-side { flex: 1 1 100%; width: 100%; }
	.nc-ch-actions { flex-direction: row; }
	.nc-ch-actions > * { flex: 1 1 auto; }
	.nc-ch-body { grid-template-columns: 1fr; }
	.nc-ch-weeks { position: static; padding: 12px; }
	.nc-ch-weeks { display: flex; gap: 8px; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 12px; }
	.nc-ch-weeks-head { display: none; }
	.nc-ch-week-item { flex: 0 0 auto; min-width: 200px; margin-bottom: 0; }
	.nc-ch-content { padding: 20px; }
	.nc-ch-content-head h2 { font-size: 18px; }
	.nc-adm-grid-2col { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
	.nc-ch-header-main h1 { font-size: 20px; }
	.nc-vp-ch-list { grid-template-columns: 1fr; }
	.nc-ch-cal-inner { padding: 22px 18px; }
}

/* ====================================================================
   NC 챌린지 풀 클론 UI — 좌사이드바 + 3탭 + 캘린더 그리드
   ==================================================================== */
.nc-ch-app { display: grid; grid-template-columns: 240px 1fr; min-height: 80vh; background: var(--nc-bg-alt); }

/* ── 좌측 사이드바 ── */
.nc-ch-app-side { background: #fff; border-right: 1px solid var(--nc-line); padding: 20px 14px; position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; }
.nc-ch-app-brand { display: flex; gap: 10px; align-items: center; padding: 8px 6px 16px; border-bottom: 1px solid var(--nc-line); margin-bottom: 16px; }
.nc-ch-app-brand img { width: 40px; height: 40px; object-fit: cover; border-radius: 8px; flex-shrink: 0; }
.nc-ch-app-brand-title { font-size: 14px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; line-height: 1.3; }
.nc-ch-app-brand-meta { font-size: 11px; color: var(--nc-body); margin-top: 2px; }
.nc-ch-app-nav { flex: 1 1 auto; display: flex; flex-direction: column; gap: 2px; }
.nc-ch-app-nav a { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 8px; font-size: 14px; font-weight: 600; color: var(--nc-body); transition: background 0.12s, color 0.12s; }
.nc-ch-app-nav a:hover { background: var(--nc-bg-alt); color: var(--nc-ink); }
.nc-ch-app-nav a.is-active { background: #eff6ff; color: var(--nc-blue); }
.nc-ch-app-nav a.is-active svg { color: var(--nc-blue); }
.nc-ch-app-nav-badge { margin-left: auto; padding: 1px 7px; background: var(--nc-blue); color: #fff; font-size: 10px; font-weight: 800; border-radius: 999px; }
.nc-ch-app-side-foot { padding-top: 12px; border-top: 1px solid var(--nc-line); }
.nc-ch-app-side-back { display: block; padding: 8px 12px; font-size: 12px; color: var(--nc-body); }
.nc-ch-app-side-back:hover { color: var(--nc-blue); }

.nc-ch-app-menu-btn { display: none; position: fixed; top: 80px; left: 12px; z-index: 100; width: 40px; height: 40px; background: #fff; border: 1px solid var(--nc-line); border-radius: 8px; cursor: pointer; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(15,23,42,0.06); }

/* ── 메인 영역 ── */
.nc-ch-app-main { padding: 32px 36px 80px; max-width: 1100px; min-width: 0; }
.nc-ch-app-pageh { margin-bottom: 24px; display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.nc-ch-app-pageh h1 { font-size: 24px; font-weight: 900; color: var(--nc-ink); letter-spacing: -0.025em; margin: 0 0 4px; }
.nc-ch-app-pageh p { font-size: 13.5px; color: var(--nc-body); margin: 0; }

/* ── 수료 현황 큰 카드 ── */
.nc-ch-status-card { position: relative; display: flex; gap: 24px; padding: 28px; background: #fff; border: 1px solid var(--nc-line); border-radius: 16px; margin-bottom: 20px; overflow: hidden; }
.nc-ch-status-card.is-done { background: linear-gradient(135deg, #ecfdf5 0%, #fff 60%); border-color: #a7f3d0; }
.nc-ch-status-left { flex: 1 1 auto; }
.nc-ch-status-label { font-size: 12px; font-weight: 700; color: var(--nc-body); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 8px; }
.nc-ch-status-big { font-size: 42px; font-weight: 900; color: var(--nc-ink); letter-spacing: -0.03em; line-height: 1; }
.nc-ch-status-big span { font-size: 20px; color: var(--nc-body); font-weight: 700; margin-left: 4px; }
.nc-ch-status-big.done { color: #15803d; font-size: 36px; }
.nc-ch-status-sub { font-size: 13px; color: var(--nc-body); margin-top: 8px; line-height: 1.6; }
.nc-ch-status-sub strong { color: var(--nc-ink); }
.nc-ch-status-right { flex-shrink: 0; display: flex; align-items: flex-start; }
.nc-ch-status-dday { padding: 8px 16px; background: var(--nc-bg-alt); color: var(--nc-ink); font-size: 18px; font-weight: 900; border-radius: 999px; letter-spacing: -0.01em; }
.nc-ch-status-dday.urgent { background: #fef2f2; color: #dc2626; }
.nc-ch-status-bar { position: absolute; left: 0; right: 0; bottom: 0; height: 6px; background: var(--nc-bg-alt); }
.nc-ch-status-bar span { display: block; height: 100%; background: linear-gradient(90deg, var(--nc-blue) 0%, #60a5fa 100%); transition: width 0.4s ease; }

/* ── 홈 그리드 ── */
.nc-ch-home-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 18px; }
.nc-ch-home-col { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.nc-ch-card { background: #fff; border: 1px solid var(--nc-line); border-radius: 14px; padding: 22px; }
.nc-ch-card-h { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.nc-ch-card-h h2 { font-size: 16px; font-weight: 800; color: var(--nc-ink); margin: 0; letter-spacing: -0.015em; }
.nc-ch-card-more { font-size: 12px; color: var(--nc-blue); font-weight: 600; }

/* 다가오는 일정 */
.nc-ch-upcoming { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.nc-ch-upcoming li { display: flex; gap: 12px; align-items: center; padding: 12px 14px; background: var(--nc-bg-alt); border-radius: 10px; }
.nc-ch-upcoming li.is-done { opacity: 0.6; }
.nc-ch-upcoming .dday { flex-shrink: 0; padding: 4px 10px; background: var(--nc-blue); color: #fff; font-size: 11px; font-weight: 800; border-radius: 6px; }
.nc-ch-upcoming .dday.urgent { background: #dc2626; }
.nc-ch-upcoming .title { font-size: 14px; font-weight: 700; color: var(--nc-ink); }
.nc-ch-upcoming .date { font-size: 12px; color: var(--nc-body); margin-top: 2px; }
.nc-ch-upcoming .done-mark { color: #15803d; font-weight: 700; }
.nc-ch-upcoming li > div { flex: 1 1 auto; }
.nc-ch-upcoming-cta { padding: 6px 12px; background: var(--nc-blue); color: #fff; font-size: 12px; font-weight: 700; border-radius: 6px; }
.nc-ch-upcoming-cta:hover { background: #0052cc; }

/* 공지 리스트 */
.nc-ch-notices-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
.nc-ch-notices-list li { display: flex; gap: 10px; align-items: center; padding: 10px 12px; background: var(--nc-bg-alt); border-radius: 8px; font-size: 13.5px; }
.nc-ch-notices-list li .badge { padding: 2px 7px; background: var(--nc-blue); color: #fff; font-size: 10px; font-weight: 800; border-radius: 4px; flex-shrink: 0; }
.nc-ch-notices-list li strong { flex: 1 1 auto; color: var(--nc-ink); font-weight: 700; }
.nc-ch-notices-list li .date { font-size: 11px; color: var(--nc-body); }

/* 입장 버튼들 */
.nc-ch-rooms { display: flex; flex-direction: column; }
.nc-ch-room-btn { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; border-radius: 10px; margin-bottom: 8px; background: transparent; border: 1px solid var(--nc-line); cursor: pointer; text-align: left; transition: background 0.12s, border-color 0.12s; }
.nc-ch-room-btn:hover { background: var(--nc-bg-alt); border-color: var(--nc-blue); }
.nc-ch-room-btn .lbl { font-size: 14px; font-weight: 800; color: var(--nc-ink); }
.nc-ch-room-btn .hint { font-size: 12px; color: var(--nc-body); }
.nc-ch-room-zoom { background: #2D8CFF; border-color: #2D8CFF; }
.nc-ch-room-zoom:hover { background: #1772d8; border-color: #1772d8; }
.nc-ch-room-zoom .lbl, .nc-ch-room-zoom .hint { color: #fff; }
.nc-ch-room-zoom .hint { opacity: 0.92; }
.nc-ch-room-kakao { background: #FEE500; border-color: #FEE500; }
.nc-ch-room-kakao:hover { background: #FFD600; border-color: #FFD600; }
.nc-ch-room-kakao .lbl { color: #3C1E1E; }
.nc-ch-room-netw { background: var(--nc-blue); border-color: var(--nc-blue); }
.nc-ch-room-netw:hover { background: #0052cc; border-color: #0052cc; }
.nc-ch-room-netw .lbl, .nc-ch-room-netw .hint { color: #fff; }
.nc-ch-room-netw .hint { opacity: 0.85; }

/* ── 미션 탭 ── */
.nc-ch-mission-layout { display: grid; grid-template-columns: 260px 1fr; gap: 18px; }

/* ── 다시보기 그리드 ── */
.nc-ch-video-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.nc-ch-video-card { background: #fff; border: 1px solid var(--nc-line); border-radius: 12px; overflow: hidden; }
.nc-ch-video-thumb { position: relative; aspect-ratio: 16/9; background: #000; }
.nc-ch-video-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nc-ch-video-thumb .play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 36px; text-shadow: 0 2px 12px rgba(0,0,0,0.6); }
.nc-ch-video-meta { padding: 14px 16px; }
.nc-ch-video-meta h3 { font-size: 14px; font-weight: 800; color: var(--nc-ink); margin: 6px 0 8px; letter-spacing: -0.015em; }
.nc-ch-video-link { font-size: 12px; color: var(--nc-blue); }

/* ── 공지 상세 ── */
.nc-ch-notice-list { display: flex; flex-direction: column; gap: 6px; }
.nc-ch-notice { background: #fff; border: 1px solid var(--nc-line); border-radius: 10px; transition: border-color 0.12s, box-shadow 0.12s; }
.nc-ch-notice[open] { border-color: var(--nc-blue); box-shadow: 0 0 0 1px rgba(0,103,255,0.08); }
.nc-ch-notice-head { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 10px; padding: 12px 16px; }
.nc-ch-notice-head::-webkit-details-marker { display: none; }
.nc-ch-notice-head .badge { padding: 2px 7px; background: var(--nc-blue); color: #fff; font-size: 10.5px; font-weight: 800; border-radius: 4px; line-height: 1.4; flex-shrink: 0; }
.nc-ch-notice-head .title { font-size: 14px; font-weight: 700; color: var(--nc-ink); flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -0.015em; }
.nc-ch-notice-head .date { font-size: 11.5px; color: var(--nc-body); flex-shrink: 0; }
.nc-ch-notice-head .caret { color: var(--nc-body); transition: transform 0.18s ease; flex-shrink: 0; }
.nc-ch-notice[open] > .nc-ch-notice-head .caret { transform: rotate(180deg); }
.nc-ch-notice-body { padding: 0 16px 14px; font-size: 13.5px; line-height: 1.65; color: var(--nc-body); border-top: 1px dashed var(--nc-line); margin-top: 0; padding-top: 12px; }
.nc-ch-notice-body p { margin: 0; }
.nc-ch-notice-body p + p { margin-top: 8px; }
@media (max-width: 720px) {
	.nc-ch-notice-head .title { white-space: normal; }
}

/* ── 캘린더 그리드 ── */
.nc-ch-cal-wrap { background: #fff; border: 1px solid var(--nc-line); border-radius: 14px; padding: 24px; }
.nc-ch-cal-slider { position: relative; }
.nc-ch-cal-nav { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-bottom: 14px; }
.nc-ch-cal-nav button { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--nc-line); background: #fff; color: var(--nc-ink); border-radius: 8px; cursor: pointer; transition: border-color 0.12s, background 0.12s, color 0.12s; }
.nc-ch-cal-nav button:hover:not(:disabled) { border-color: var(--nc-blue); color: var(--nc-blue); background: #eff6ff; }
.nc-ch-cal-nav button:disabled { opacity: 0.35; cursor: not-allowed; }
.nc-ch-cal-nav-pos { font-size: 12.5px; font-weight: 700; color: var(--nc-body); min-width: 44px; text-align: center; }
.nc-ch-cal-track { position: relative; }
.nc-ch-cal-month { display: none; }
.nc-ch-cal-month.is-active { display: block; }
.nc-ch-cal-month-head { font-size: 17px; font-weight: 800; color: var(--nc-ink); margin-bottom: 12px; letter-spacing: -0.02em; }
.nc-ch-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }
.nc-ch-cal-dow { font-size: 11px; font-weight: 800; color: var(--nc-body); text-align: center; padding: 8px 0; text-transform: uppercase; letter-spacing: 0.04em; }
.nc-ch-cal-dow.sun { color: #dc2626; }
.nc-ch-cal-dow.sat { color: #2563eb; }
.nc-ch-cal-cell { min-height: 88px; padding: 6px 8px; background: var(--nc-bg-alt); border-radius: 8px; font-size: 12px; }
.nc-ch-cal-cell.empty { background: transparent; }
.nc-ch-cal-cell.out { opacity: 0.35; }
.nc-ch-cal-cell.today { background: #eff6ff; outline: 2px solid var(--nc-blue); }
.nc-ch-cal-cell .d { font-weight: 700; color: var(--nc-ink); margin-bottom: 4px; }
.nc-ch-cal-cell.sun .d { color: #dc2626; }
.nc-ch-cal-cell.sat .d { color: #2563eb; }
.nc-ch-cal-cell .ev { display: block; padding: 3px 6px; border-radius: 4px; font-size: 10.5px; font-weight: 700; margin-bottom: 2px; line-height: 1.3; }
.nc-ch-cal-cell .ev-deadline { background: var(--nc-blue); color: #fff; }
.nc-ch-cal-cell .ev-start { background: #16a34a; color: #fff; }
.nc-ch-cal-cell .ev-end { background: #f59e0b; color: #fff; }
.nc-ch-cal-legend { display: flex; gap: 16px; margin-top: 14px; font-size: 12px; color: var(--nc-body); }
.nc-ch-cal-legend .dot { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 4px; vertical-align: middle; }
.nc-ch-cal-legend .ev-start { background: #16a34a; }
.nc-ch-cal-legend .ev-deadline { background: var(--nc-blue); }
.nc-ch-cal-legend .ev-end { background: #f59e0b; }

/* ── FAQ ── */
.nc-ch-faq-list { display: flex; flex-direction: column; gap: 8px; }
.nc-ch-faq { background: #fff; border: 1px solid var(--nc-line); border-radius: 10px; padding: 0; }
.nc-ch-faq summary { padding: 16px 20px; cursor: pointer; font-size: 14px; font-weight: 700; color: var(--nc-ink); list-style: none; position: relative; padding-right: 40px; letter-spacing: -0.015em; }
.nc-ch-faq summary::after { content: '+'; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-size: 18px; color: var(--nc-body); font-weight: 400; transition: transform 0.15s; }
.nc-ch-faq[open] summary::after { content: '−'; }
.nc-ch-faq summary::-webkit-details-marker { display: none; }
.nc-ch-faq > div { padding: 0 20px 18px; font-size: 13.5px; color: var(--nc-body); line-height: 1.7; }

/* ── 모바일 ── */
@media (max-width: 920px) {
	.nc-ch-app { grid-template-columns: 1fr; }
	.nc-ch-app-side { position: fixed; top: 60px; left: 0; bottom: 0; width: 280px; height: calc(100vh - 60px); transform: translateX(-100%); transition: transform 0.22s ease; z-index: 99; box-shadow: 4px 0 16px rgba(15,23,42,0.08); }
	.nc-ch-app-side.is-open { transform: translateX(0); }
	.nc-ch-app-menu-btn { display: flex; }
	.nc-ch-app-main { padding: 70px 18px 60px; }
	.nc-ch-app-pageh h1 { font-size: 20px; }
	.nc-ch-status-card { flex-direction: column; gap: 12px; padding: 20px; }
	.nc-ch-status-right { width: 100%; }
	.nc-ch-status-big { font-size: 32px; }
	.nc-ch-home-grid { grid-template-columns: 1fr; }
	.nc-ch-mission-layout { grid-template-columns: 1fr; }
	.nc-ch-mission-layout .nc-ch-weeks { display: flex; overflow-x: auto; gap: 8px; padding: 8px; -webkit-overflow-scrolling: touch; }
	.nc-ch-mission-layout .nc-ch-week-item { flex: 0 0 auto; min-width: 200px; }
	.nc-ch-cal-cell { min-height: 56px; padding: 4px; }
	.nc-ch-cal-cell .ev { font-size: 9px; padding: 2px 4px; }
	.nc-ch-cal-cell .d { font-size: 11px; }
	.nc-ch-cal-wrap { padding: 14px; }
}
@media (max-width: 560px) {
	.nc-ch-cal-cell { min-height: 44px; }
	.nc-ch-cal-cell .ev { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

/* ===== 강의 영상 + 강의 노트 (리더 챕터 상단) ===== */
.nc-lecture-video { margin: 0 0 18px; }
.nc-lecture-video-frame {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 14px;
	overflow: hidden;
	background: #000;
	box-shadow: 0 10px 36px -18px rgba(15,23,42,0.4);
}
.nc-lecture-video-frame iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}
.nc-lecture-notes {
	margin: 0 0 28px;
	background: #fff;
	border: 1px solid var(--nc-line);
	border-radius: 12px;
	padding: 0;
	transition: border-color 0.15s;
}
.nc-lecture-notes[open] { border-color: var(--nc-blue); }
.nc-lecture-notes summary {
	cursor: pointer;
	padding: 14px 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	list-style: none;
	font-weight: 700;
	color: var(--nc-ink);
}
.nc-lecture-notes summary::-webkit-details-marker { display: none; }
.nc-lecture-notes summary::before {
	content: "▸";
	color: var(--nc-blue);
	font-size: 11px;
	transition: transform 0.15s;
}
.nc-lecture-notes[open] summary::before { transform: rotate(90deg); }
.nc-lecture-notes-title { flex: 1; font-size: 14px; letter-spacing: -0.02em; }
.nc-lecture-notes-status { font-size: 12px; font-weight: 600; color: #16a34a; min-width: 56px; text-align: right; }
.nc-lecture-notes-input {
	display: block;
	width: 100%;
	min-height: 140px;
	margin: 0;
	padding: 14px 18px 18px;
	border: 0;
	border-top: 1px solid var(--nc-line);
	border-radius: 0 0 12px 12px;
	font-family: inherit;
	font-size: 14px;
	line-height: 1.7;
	color: var(--nc-ink);
	background: #fff;
	resize: vertical;
	outline: none;
	box-sizing: border-box;
}
.nc-lecture-notes-input:focus { background: #FAFCFF; }
@media (max-width: 767px) {
	.nc-lecture-notes summary { padding: 12px 14px; font-size: 13px; }
	.nc-lecture-notes-input { padding: 12px 14px 14px; font-size: 13px; min-height: 120px; }
}

/* ===== 미션 인증 ===== */
.nc-mission { margin: 0 0 28px; padding: 22px; background: linear-gradient(180deg, #FFFBEB 0%, #FEF3C7 100%); border: 1px solid #FCD34D; border-radius: 14px; }
.nc-mission-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; flex-wrap: wrap; }
.nc-mission-eyebrow { font-size: 12px; font-weight: 800; color: #B45309; letter-spacing: 0.04em; }
.nc-mission-lock { color: #DC2626; font-weight: 700; }
.nc-mission-state { font-size: 13px; font-weight: 700; padding: 4px 12px; border-radius: 999px; }
.nc-mission-state.is-ok { background: #DCFCE7; color: #16A34A; }
.nc-mission-state.is-pending { background: #FFF7ED; color: #C2410C; }
.nc-mission-state.is-rejected { background: #FEE2E2; color: #DC2626; }
.nc-mission-prompt { font-size: 14.5px; line-height: 1.65; color: #1F2937; margin-bottom: 16px; }
.nc-mission-prompt p { margin: 0 0 8px; }
.nc-mission-prompt p:last-child { margin-bottom: 0; }
.nc-mission-form textarea { width: 100%; min-height: 120px; padding: 14px 16px; border: 1px solid #FCD34D; border-radius: 10px; font-family: inherit; font-size: 14px; line-height: 1.65; background: #fff; resize: vertical; box-sizing: border-box; outline: none; }
.nc-mission-form textarea:focus { border-color: #F59E0B; }
.nc-mission-file { display: inline-flex; align-items: center; gap: 8px; margin: 10px 0; padding: 8px 14px; background: #fff; border: 1px dashed #FCD34D; border-radius: 8px; cursor: pointer; font-size: 13px; color: #92400E; }
.nc-mission-file input { display: none; }
.nc-mission-file:hover { border-color: #F59E0B; background: #FFFBEB; }
.nc-mission-actions { display: flex; align-items: center; gap: 14px; margin-top: 4px; }
.nc-mission-status { font-size: 12.5px; font-weight: 600; color: #6B7280; }
.nc-mission-submitted { background: #fff; border: 1px solid #FCD34D; border-radius: 10px; padding: 14px 16px; }
.nc-mission-submitted strong { display: block; font-size: 12.5px; color: #6B7280; margin-bottom: 6px; font-weight: 700; }
.nc-mission-body { font-size: 14px; line-height: 1.65; color: var(--nc-ink); white-space: pre-wrap; }

/* 강의 잠금 카드 */
.nc-gate-lecture { background: #fff; border: 1px solid var(--nc-line); border-radius: 16px; padding: 60px 40px; text-align: center; box-shadow: 0 12px 36px -20px rgba(15,23,42,0.18); margin: 24px 0; }
.nc-gate-lecture-icon { font-size: 56px; margin-bottom: 14px; opacity: 0.7; }
.nc-gate-lecture h2 { font-size: 22px; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; margin: 0 0 10px; }
.nc-gate-lecture p { font-size: 14px; color: var(--nc-body); line-height: 1.65; margin: 0 0 24px; }

@media (max-width: 767px) {
	.nc-mission { padding: 16px; }
	.nc-gate-lecture { padding: 40px 22px; }
	.nc-gate-lecture h2 { font-size: 19px; }
}

/* ===== 커리큘럼 카드 (상품 상세 소개 하단) ===== */
.nc-curriculum { margin: 28px 0 0; background: #fff; border: 1px solid var(--nc-line); border-radius: 14px; padding: 24px; max-width: 760px; margin-left: auto; margin-right: auto; }
.nc-curriculum-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; padding-bottom: 16px; border-bottom: 1px solid var(--nc-line); }
.nc-curriculum-head h2 { margin: 0 !important; font-size: 19px !important; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; }
.nc-curriculum-meta { font-size: 13px; color: var(--nc-body); display: flex; gap: 6px; flex-wrap: wrap; }
.nc-curriculum-meta strong { color: var(--nc-ink); font-weight: 700; }
.nc-curriculum-list { list-style: none; padding: 0 !important; margin: 0 !important; max-width: none !important; }
.nc-curriculum-item { display: flex; align-items: center; gap: 14px; padding: 12px 4px; border-top: 1px solid #F1F5F9; }
.nc-curriculum-item:first-child { border-top: 0; }
.nc-curriculum-num { flex-shrink: 0; width: 30px; font-size: 14px; font-weight: 800; color: var(--nc-blue); font-variant-numeric: tabular-nums; }
.nc-curriculum-title { flex: 1; font-size: 14.5px; font-weight: 600; color: var(--nc-ink); line-height: 1.5; }
.nc-curriculum-badges { display: flex; gap: 6px; flex-shrink: 0; }
.nc-curriculum-badge { font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 999px; white-space: nowrap; }
.nc-curriculum-badge.is-video { background: #EFF6FF; color: var(--nc-blue); }
.nc-curriculum-badge.is-mission { background: #FFFBEB; color: #B45309; }
@media (max-width: 767px) {
	.nc-curriculum { padding: 18px 14px; }
	.nc-curriculum-head h2 { font-size: 17px !important; }
	.nc-curriculum-item { gap: 10px; padding: 10px 0; flex-wrap: wrap; }
	.nc-curriculum-num { width: 24px; font-size: 13px; }
	.nc-curriculum-title { font-size: 14px; }
	.nc-curriculum-badge { font-size: 10.5px; padding: 2px 7px; }
}

/* ===== 상품 정보 카드 (챕터 없는 상품의 빈 여백 채움) ===== */
.nc-info-card { margin: 28px auto 0; max-width: 760px; background: #fff; border: 1px solid var(--nc-line); border-radius: 14px; padding: 24px; }
.nc-info-card-head { margin-bottom: 16px; padding-bottom: 14px; border-bottom: 1px solid var(--nc-line); }
.nc-info-card-head h2 { margin: 0 !important; font-size: 19px !important; font-weight: 800; color: var(--nc-ink); letter-spacing: -0.02em; max-width: none !important; }
.nc-info-card-list { list-style: none !important; padding: 0 !important; margin: 0 !important; max-width: none !important; display: flex; flex-direction: column; gap: 0; }
.nc-info-card-item { display: flex; align-items: flex-start; gap: 14px; padding: 14px 0; border-top: 1px solid #F1F5F9; }
.nc-info-card-item:first-child { border-top: 0; padding-top: 0; }
.nc-info-card-item:last-child { padding-bottom: 0; }
.nc-info-card-icon { flex-shrink: 0; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; font-size: 18px; background: var(--nc-soft); border-radius: 10px; color: var(--nc-blue); position: relative; }
.nc-info-card-icon:empty::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--nc-blue); }
.nc-info-card-text { flex: 1; display: flex; flex-direction: column; gap: 3px; }
.nc-info-card-text strong { font-size: 14.5px; font-weight: 700; color: var(--nc-ink); line-height: 1.4; }
.nc-info-card-text span { font-size: 13px; color: var(--nc-body); line-height: 1.55; }
@media (max-width: 767px) {
	.nc-info-card { padding: 18px 14px; }
	.nc-info-card-head h2 { font-size: 17px !important; }
	.nc-info-card-icon { width: 30px; height: 30px; font-size: 15px; }
	.nc-info-card-text strong { font-size: 14px; }
	.nc-info-card-text span { font-size: 12.5px; }
}

/* ===== Admin 대시보드 — 확장 KPI / delta / catbars / sparkline / chip ===== */
.nc-adm-kpi.nc-adm-kpi-link { display: block; text-decoration: none !important; color: inherit !important; transition: border-color 0.15s, transform 0.15s; }
.nc-adm-kpi.nc-adm-kpi-link:hover { border-color: var(--nc-blue, #0067FF); transform: translateY(-1px); }
.nc-adm-kpi.nc-adm-kpi-link.is-alert { border-color: #DC2626; background: #FEF2F2; }
.nc-adm-kpi.nc-adm-kpi-link.is-alert .val { color: #DC2626; }
.nc-adm-delta { display: inline-block; font-size: 11.5px; font-weight: 700; padding: 1px 7px; border-radius: 999px; letter-spacing: 0.02em; }
.nc-adm-delta.up { background: #DCFCE7; color: #16A34A; }
.nc-adm-delta.down { background: #FEE2E2; color: #DC2626; }
.nc-adm-delta.same { background: #F1F5F9; color: #64748B; }
.nc-adm-delta.neutral { background: #EFF6FF; color: #0067FF; }

.nc-adm-catbars { display: flex; flex-direction: column; gap: 12px; padding: 4px 0; }
.nc-adm-catbar-row { display: grid; grid-template-columns: 1fr 60px; gap: 10px; align-items: center; }
.nc-adm-catbar-label { display: flex; justify-content: space-between; font-size: 13px; }
.nc-adm-catbar-label span { color: var(--nc-body, #475569); }
.nc-adm-catbar-label strong { color: var(--nc-ink, #0F172A); font-weight: 700; font-variant-numeric: tabular-nums; }
.nc-adm-catbar-track { grid-column: 1; height: 8px; background: #F1F5F9; border-radius: 999px; overflow: hidden; margin-top: 4px; }
.nc-adm-catbar-fill { height: 100%; border-radius: 999px; transition: width 0.4s; }
.nc-adm-catbar-fill.cat-book { background: linear-gradient(90deg, #0067FF, #4F8BFF); }
.nc-adm-catbar-fill.cat-lecture { background: linear-gradient(90deg, #7C3AED, #A78BFA); }
.nc-adm-catbar-fill.cat-challenge { background: linear-gradient(90deg, #F59E0B, #FCD34D); }
.nc-adm-catbar-fill.cat-template { background: linear-gradient(90deg, #10B981, #6EE7B7); }
.nc-adm-catbar-pct { font-size: 12px; font-weight: 700; color: var(--nc-ink, #0F172A); text-align: right; grid-row: 1 / 3; }

.nc-adm-spark { padding: 6px 0 0; }
.nc-adm-spark-axis { display: flex; justify-content: space-between; font-size: 11px; color: #94A3B8; margin-top: 6px; padding: 0 2px; }

.nc-adm-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border: 1px solid var(--nc-line, #E2E8F0); border-radius: 999px; font-size: 12.5px; font-weight: 600; color: var(--nc-body, #475569); background: #fff; text-decoration: none !important; }
.nc-adm-chip:hover { border-color: var(--nc-blue, #0067FF); color: var(--nc-blue, #0067FF); }
.nc-adm-chip.is-active { background: var(--nc-blue, #0067FF); border-color: var(--nc-blue, #0067FF); color: #fff !important; }
.nc-adm-chip span { background: rgba(0,0,0,0.08); padding: 1px 7px; border-radius: 999px; font-size: 11px; }
.nc-adm-chip.is-active span { background: rgba(255,255,255,0.25); color: #fff; }

@media (max-width: 980px) {
	.nc-adm-grid { grid-template-columns: 1fr !important; }
}

/* ===== 퍼널 분석 ===== */
.nc-funnel-steps { display: flex; flex-direction: column; padding: 22px 22px 14px; }
.nc-funnel-row { display: grid; grid-template-columns: 168px 1fr; gap: 18px; align-items: center; padding: 12px 0 4px; border-top: 1px solid #F1F5F9; }
.nc-funnel-row:first-child { border-top: 0; padding-top: 2px; }
.nc-funnel-row.is-empty .nc-funnel-cell-label { opacity: 0.55; }
.nc-funnel-cell-label { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.nc-funnel-cell-label .ico { font-size: 18px; line-height: 1; }
.nc-funnel-cell-label strong { font-weight: 700; color: var(--nc-ink, #0F172A); letter-spacing: -0.01em; }
.nc-funnel-cell-bar { min-width: 0; display: flex; align-items: center; gap: 14px; }
.nc-funnel-bar { position: relative; flex: 1; min-width: 0; height: 10px; background: #F1F5F9; border-radius: 6px; overflow: hidden; }
.nc-funnel-bar-fill { height: 100%; background: linear-gradient(90deg, #0067FF 0%, #4F8BFF 100%); border-radius: 6px; transition: width 0.5s ease; }
.nc-funnel-bar-meta { display: inline-flex; align-items: baseline; gap: 6px; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; white-space: nowrap; flex-shrink: 0; min-width: 90px; justify-content: flex-end; }
.nc-funnel-bar-meta .num { font-size: 15px; font-weight: 800; color: var(--nc-ink, #0F172A); }
.nc-funnel-bar-meta .pct { font-size: 12px; font-weight: 600; color: #64748B; }
.nc-funnel-row.is-empty .nc-funnel-bar-meta .num { color: #94A3B8; font-weight: 700; }
.nc-funnel-row.is-empty .nc-funnel-bar { background: #F8FAFC; }
.nc-funnel-drop-row { grid-column: 2 / -1; padding: 0; margin: -2px 0 0; display: flex; align-items: center; min-height: 16px; }
.nc-funnel-drop-pill { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; color: #CBD5E1; letter-spacing: -0.01em; }
.nc-funnel-drop-pill.is-loss { color: #94A3B8; }
@media (max-width: 767px) {
	.nc-funnel-steps { padding: 16px 14px 8px; }
	.nc-funnel-row { grid-template-columns: 1fr; gap: 8px; padding: 10px 0 4px; }
	.nc-funnel-drop-row { grid-column: 1 / -1; padding: 0; margin: -2px 0 0; }
	.nc-funnel-bar { height: 8px; }
	.nc-funnel-bar-meta .num { font-size: 14px; }
}

/* ===== 후기 관리 (admin) ===== */
.nc-radm-stars { color: #F59E0B; letter-spacing: 1px; font-size: 14px; line-height: 1; }
.nc-radm-body { font-size: 13.5px; line-height: 1.55; color: var(--nc-ink, #0F172A); }
.nc-radm-product { font-size: 12.5px; color: var(--nc-ink, #0F172A); text-decoration: none; font-weight: 600; line-height: 1.4; display: inline-block; }
.nc-radm-product:hover { color: #0067FF; }
.nc-radm-date { font-size: 12px; color: #64748B; white-space: nowrap; font-variant-numeric: tabular-nums; }
.nc-radm-actions { display: inline-flex; gap: 6px; justify-content: flex-end; flex-wrap: wrap; align-items: center; }
.nc-radm-actions a { text-decoration: none !important; }
.nc-radm-actions .nc-adm-btn-primary, .nc-radm-actions .nc-adm-btn-outline, .nc-radm-actions .nc-adm-btn-danger { padding: 6px 12px; font-size: 12px; line-height: 1.2; display: inline-flex; align-items: center; }

/* ============ 수료증 (Certificate) — 똑시 미러 ============ */
.nc-cert-page { padding: 32px 16px 80px; background: #0a0a0a; min-height: 80vh; color: #fff; }
.nc-cert-empty { max-width: 480px; margin: 60px auto; text-align: center; background: #fff; border: 1px solid var(--nc-line); border-radius: 14px; padding: 40px 24px; color: var(--nc-ink); }
.nc-cert-empty h1 { font-size: 22px; font-weight: 800; color: var(--nc-ink); margin: 0 0 8px; }
.nc-cert-empty p { font-size: 14px; color: var(--nc-body); margin: 0 0 18px; }
.nc-cert-empty-no { font-family: monospace; font-size: 12px; color: #94a3b8; margin-top: 10px; }

.nc-cert-wrap { max-width: 1000px; margin: 0 auto; }
.nc-cert-stage { display: flex; justify-content: center; margin-bottom: 24px; }

/* 액자 시스템 — 우드 외곽 + 골드 베벨 + 매팅 + 종이 */
.nc-cert-frame {
	position: relative;
	width: 950px;
	max-width: 100%;
	min-height: 620px;
	padding: 28px;
	background:
		radial-gradient(ellipse at 30% 20%, #5a3220 0%, #3e2214 60%, #2a1610 100%),
		repeating-linear-gradient(90deg, transparent 0 4px, rgba(0,0,0,0.06) 4px 5px);
	background-blend-mode: overlay, normal;
	border-radius: 4px;
	box-shadow: 0 30px 80px -30px rgba(0,0,0,0.7), inset 0 0 0 1px rgba(0,0,0,0.5);
}
.nc-cert-bevel {
	background: linear-gradient(135deg, #4a2a18 0%, #2e1a0e 35%, #1f120a 60%, #3e2214 100%);
	border-radius: 3px;
	padding: 10px;
	box-shadow: inset 2px 2px 0 rgba(120,80,50,0.2), inset -2px -2px 0 rgba(0,0,0,0.4);
}
.nc-cert-mat {
	background: repeating-linear-gradient(45deg, #d8d4cc 0 2px, #cfcbc2 2px 4px);
	padding: 22px;
	border-radius: 1px;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08), inset 0 0 18px rgba(0,0,0,0.06);
}
.nc-cert-paper {
	background: #f9f6f0;
	padding: 14px;
	box-shadow: inset 0 0 0 1.2px #c87474, inset 0 0 0 4px #f9f6f0, inset 0 0 0 4.5px #c87474;
}
.nc-cert-paper-inner {
	padding: 44px 64px 36px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	position: relative;
	background: linear-gradient(180deg, #f9f6f0 0%, #f4ede0 100%);
}

.nc-cert-header {
	font-family: 'UnifrakturMaguntia', serif;
	font-size: 56px;
	text-align: center;
	color: #5a1818;
	letter-spacing: 0.01em;
	line-height: 1.05;
	margin-bottom: 6px;
}
.nc-cert-eyebrow {
	font-family: 'Cormorant Garamond', serif;
	font-size: 14px;
	color: #4a3020;
	text-align: center;
	letter-spacing: 0.34em;
	margin-bottom: 2px;
	font-weight: 500;
}

/* 이름 — 영문 캘리그라피 (Allura), 줄 밑에 크림슨 선 */
.nc-cert-name { display: flex; justify-content: center; align-items: flex-end; min-height: 110px; padding: 0 24px; }
.nc-cert-name span {
	font-family: 'Allura', 'Great Vibes', 'Cormorant Garamond', cursive;
	color: #1a0e08;
	line-height: 1;
	letter-spacing: 0.005em;
	padding-bottom: 6px;
}
.nc-cert-name-line {
	width: 56%; max-width: 420px; margin: 8px auto 14px;
	height: 1px; background: #8b1818;
}

/* 프로그램명 — Pretendard SemiBold (제목용) */
.nc-cert-program-title {
	font-family: 'Pretendard', 'Apple SD Gothic Neo', -apple-system, sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #2a1810;
	text-align: center;
	line-height: 1.4;
	letter-spacing: -0.025em;
	padding: 0 40px 8px;
	margin: 0 60px 18px;
	border-bottom: 0.5px solid rgba(90,50,32,0.3);
}

/* 영문 본문 */
.nc-cert-body {
	font-family: 'Cormorant Garamond', 'Times New Roman', serif;
	text-align: center;
	font-size: 15.5px;
	color: #2a1810;
	line-height: 1.7;
	margin: 0 0 8px;
	letter-spacing: 0.01em;
}
.nc-cert-body strong { font-weight: 700; }
/* 한글 설명 — Pretendard Medium (본문용) */
.nc-cert-body-ko {
	font-family: 'Pretendard', 'Apple SD Gothic Neo', -apple-system, sans-serif;
	text-align: center;
	font-size: 14px;
	color: #2a1810;
	line-height: 1.75;
	margin: 0 0 4px;
	font-weight: 500;
	letter-spacing: -0.02em;
}
.nc-cert-custom {
	font-family: 'Cormorant Garamond', serif;
	font-style: italic;
	text-align: center;
	font-size: 13px;
	color: #5a3220;
	line-height: 1.7;
	margin: 0 0 14px;
	padding: 0 36px;
}

/* 풋터 — 3열: 날짜 | 직인 | 사인 */
.nc-cert-foot {
	display: grid; grid-template-columns: 1fr auto 1fr; align-items: end;
	gap: 32px;
	margin-top: 18px;
	padding-top: 12px;
}
.nc-cert-foot-col { text-align: center; }
.nc-cert-foot-line { width: 80%; max-width: 200px; margin: 4px auto 6px; height: 1px; background: #2a1810; }
.nc-cert-foot-lbl {
	font-family: 'Cormorant Garamond', serif;
	font-style: italic;
	font-size: 12px;
	color: #4a3020;
	line-height: 1.5;
}
.nc-cert-foot-lbl strong { font-weight: 700; font-style: normal; letter-spacing: 0.08em; }

.nc-cert-foot-date-val {
	font-family: 'Allura', 'Great Vibes', cursive;
	font-size: 34px;
	font-weight: 400;
	color: #1a0e08;
	letter-spacing: 0.02em;
	line-height: 1;
	padding-bottom: 2px;
}

/* 직인 — 와인레드 */
.nc-cert-seal-col { padding: 0 8px; }
.nc-cert-seal {
	display: inline-block;
	padding: 14px 24px 12px;
	background: linear-gradient(180deg, #4a1010 0%, #6b1818 100%);
	color: #f9f6f0;
	font-family: 'Cormorant Garamond', serif;
	font-weight: 700;
	font-size: 19px;
	letter-spacing: 0.22em;
	border: 1.5px solid #8b1818;
	margin-bottom: 6px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 2px 6px rgba(0,0,0,0.25);
}

/* 사인 — 필기체 */
.nc-cert-sign {
	font-family: 'Allura', 'Pretendard', cursive;
	font-size: 38px;
	color: #1a0e08;
	line-height: 0.9;
	padding-bottom: 4px;
	transform: rotate(-3deg);
	transform-origin: center;
}

/* 시리얼 번호 — 직인 칼럼 내부 (label 아래) */
.nc-cert-no {
	margin-top: 6px;
	font-family: 'Courier New', monospace;
	font-size: 10px;
	color: #8b734b;
	letter-spacing: 0.3em;
}

/* 액션 버튼 — 하단 어두운 바 (똑시 스타일) */
.nc-cert-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; max-width: 950px; margin: 0 auto; }
.nc-cert-action-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	padding: 16px 20px;
	background: #1a1a1a;
	color: #e5e7eb;
	border: 1px solid #2a2a2a;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s, border-color 0.15s, color 0.15s;
	letter-spacing: -0.01em;
}
.nc-cert-action-btn:hover { background: #2a2a2a; border-color: #c8a76a; color: #c8a76a; }
.nc-cert-action-share { grid-column: 1 / -1; }

/* 태블릿 — 950 미만 비율 유지 */
@media (max-width: 1000px) {
	.nc-cert-page { padding: 20px 12px 60px; }
	.nc-cert-frame { padding: 18px; }
	.nc-cert-bevel { inset: 18px; padding: 7px; }
	.nc-cert-mat { padding: 14px; }
	.nc-cert-paper-inner { padding: 22px 32px 54px; }
	.nc-cert-header { font-size: 38px; margin-bottom: 12px; }
	.nc-cert-eyebrow { font-size: 11px; letter-spacing: 0.28em; margin-bottom: 10px; }
	.nc-cert-name { min-height: 64px; padding: 0 12px; }
	.nc-cert-name span { font-size: 48px !important; }
	.nc-cert-name-line { margin: 2px auto 12px; }
	.nc-cert-program-title { font-size: 14px !important; padding: 0 12px 4px; margin: 0 16px 12px; }
	.nc-cert-body { font-size: 11px; line-height: 1.7; margin-bottom: 8px; }
	.nc-cert-body-ko { font-size: 11px; line-height: 1.7; margin-bottom: 8px; }
	.nc-cert-foot { gap: 14px; padding-top: 8px; }
	.nc-cert-foot-date-val { font-size: 14px; }
	.nc-cert-foot-lbl { font-size: 9.5px; }
	.nc-cert-foot-line { margin: 3px auto 4px; }
	.nc-cert-seal { padding: 8px 14px 7px; font-size: 12px; letter-spacing: 0.15em; }
	.nc-cert-sign { font-size: 24px; }
	.nc-cert-no { font-size: 8.5px; letter-spacing: 0.25em; margin-top: 4px; }
}

/* 모바일 — 폭이 매우 좁을 때 컴팩트 */
@media (max-width: 560px) {
	.nc-cert-page { padding: 14px 8px 50px; }
	.nc-cert-frame { padding: 10px; aspect-ratio: 950 / 760; }
	.nc-cert-bevel { inset: 10px; padding: 4px; }
	.nc-cert-mat { padding: 8px; }
	.nc-cert-paper { padding: 6px; }
	.nc-cert-paper-inner { padding: 14px 14px 36px; }
	.nc-cert-header { font-size: 24px; margin-bottom: 8px; line-height: 1; }
	.nc-cert-eyebrow { font-size: 9px; letter-spacing: 0.22em; margin-bottom: 8px; }
	.nc-cert-name { min-height: 42px; padding: 0 6px; }
	.nc-cert-name span { font-size: 30px !important; }
	.nc-cert-name-line { width: 60%; margin: 2px auto 10px; }
	.nc-cert-program-title { font-size: 11px !important; padding: 0 6px 3px; margin: 0 6px 10px; }
	.nc-cert-body { font-size: 8.5px; line-height: 1.55; margin-bottom: 6px; }
	.nc-cert-body-ko { font-size: 9px; line-height: 1.55; margin-bottom: 6px; }
	.nc-cert-foot { gap: 8px; padding-top: 6px; }
	.nc-cert-foot-date-val { font-size: 11px; }
	.nc-cert-foot-lbl { font-size: 7.5px; letter-spacing: 0.02em; }
	.nc-cert-foot-line { margin: 2px auto 3px; }
	.nc-cert-seal { padding: 5px 8px 4px; font-size: 9px; letter-spacing: 0.12em; }
	.nc-cert-sign { font-size: 18px; }
	.nc-cert-no { font-size: 7.5px; letter-spacing: 0.18em; margin-top: 3px; }
	.nc-cert-actions { grid-template-columns: 1fr; gap: 8px; }
	.nc-cert-action-btn { padding: 14px 16px; font-size: 13px; }
	.nc-cert-action-share { grid-column: 1; }
}

/* 인쇄 — 액자 그대로 인쇄 */
@media print {
	body * { visibility: hidden; }
	.nc-cert-frame, .nc-cert-frame * { visibility: visible; }
	.nc-cert-frame { position: absolute; left: 0; top: 0; width: 100%; box-shadow: none; }
	.nc-header, .nc-footer, .nc-cert-actions { display: none !important; }
}
.nc-ch-cert-btn { margin-top: 10px; display: inline-block; }

/* 내 수료증 — main + cards */
.nc-cert-main { display: flex; flex-direction: column; gap: 14px; }
.nc-cert-summary { font-size: 13.5px; color: var(--nc-body); padding: 0 4px; }
.nc-cert-summary strong { color: var(--nc-blue); font-weight: 800; }

.nc-cert-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.nc-cert-card { display: flex; gap: 14px; padding: 16px; background: #fff; border: 1px solid var(--nc-line); border-radius: 14px; transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s; text-decoration: none; color: var(--nc-ink); position: relative; overflow: hidden; }
.nc-cert-card:hover { border-color: #c8a76a; box-shadow: 0 14px 32px -20px rgba(184,141,77,0.4); transform: translateY(-2px); }

/* 미니 액자 일러스트 (실제 수료증 디자인 미러) */
.nc-cert-card-mini, .nc-cert-empty-mini { flex-shrink: 0; }
.nc-cert-card-mini { width: 90px; aspect-ratio: 950 / 672; }
.nc-cert-empty-mini { width: 220px; aspect-ratio: 950 / 672; margin: 0 auto 22px; }
.nc-cert-card-mini .m, .nc-cert-empty-mini .m {
	width: 100%; height: 100%;
	background: radial-gradient(ellipse at 30% 20%, #5a3220 0%, #3e2214 60%, #2a1610 100%);
	border-radius: 4px;
	padding: 5px;
	box-shadow: 0 6px 14px -6px rgba(0,0,0,0.5), inset 0 0 0 1px rgba(0,0,0,0.4);
	position: relative;
}
.nc-cert-empty-mini .m { padding: 10px; border-radius: 6px; }
.nc-cert-card-mini .m::before, .nc-cert-empty-mini .m::before {
	content: ""; position: absolute; inset: 5px;
	background: linear-gradient(135deg, #c8a76a, #8b734b 60%, #b59658);
	border-radius: 2px;
	box-shadow: inset 1px 1px 0 rgba(255,255,255,0.25), inset -1px -1px 0 rgba(0,0,0,0.3);
}
.nc-cert-empty-mini .m::before { inset: 10px; border-radius: 3px; }
.nc-cert-card-mini .p, .nc-cert-empty-mini .p {
	position: absolute; inset: 9px;
	background: #f9f6f0;
	box-shadow: inset 0 0 0 1px #c87474, inset 0 0 0 2px #f9f6f0, inset 0 0 0 3px #c87474;
	display: flex; align-items: center; justify-content: center;
	z-index: 1;
}
.nc-cert-empty-mini .p { inset: 18px; box-shadow: inset 0 0 0 2px #c87474, inset 0 0 0 4px #f9f6f0, inset 0 0 0 5px #c87474; }
.nc-cert-card-mini .p span, .nc-cert-empty-mini .p span {
	font-family: 'Cormorant Garamond', 'Times New Roman', serif;
	font-weight: 700; color: #2a1810;
	font-size: 10px; letter-spacing: 0.18em;
}
.nc-cert-empty-mini .p span { font-size: 22px; letter-spacing: 0.3em; }

.nc-cert-card-body { display: flex; flex-direction: column; gap: 5px; flex: 1 1 auto; min-width: 0; }
.nc-cert-card-type { font-size: 10.5px; font-weight: 800; color: #8b734b; letter-spacing: 0.1em; text-transform: uppercase; }
.nc-cert-card-title { font-size: 15.5px; font-weight: 700; color: var(--nc-ink); margin: 0; letter-spacing: -0.015em; line-height: 1.4; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.nc-cert-card-no { font-family: monospace; font-size: 11px; color: #94a3b8; margin-top: 2px; }
.nc-cert-card-foot { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 10px; border-top: 1px dashed var(--nc-line); }
.nc-cert-card-date { font-size: 11.5px; color: var(--nc-body); }
.nc-cert-card-view { font-size: 11.5px; font-weight: 700; color: var(--nc-blue); }

/* 빈 상태 — 큰 카드, 중앙 정렬, 미니 액자 일러스트 */
.nc-cert-empty-card { background: #fff; border: 1px solid var(--nc-line); border-radius: 14px; padding: 56px 32px; text-align: center; }
.nc-cert-empty-card h2 { font-size: 19px; font-weight: 800; color: var(--nc-ink); margin: 0 0 10px; letter-spacing: -0.02em; }
.nc-cert-empty-card p { font-size: 13.5px; color: var(--nc-body); margin: 0 0 24px; line-height: 1.7; }
.nc-cert-empty-cta { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
@media (max-width: 560px) {
	.nc-cert-empty-card { padding: 40px 18px; }
	.nc-cert-empty-mini { width: 170px; margin-bottom: 18px; }
}

/* ===== 후기 작성 → 수료증 발급 안내 배너 (상품 페이지) ===== */
.nc-cert-prompt {
	display: flex; align-items: center; gap: 14px;
	padding: 16px 18px;
	background: linear-gradient(135deg, #fff7e6 0%, #fff3d6 100%);
	border: 1px solid #f0d68a;
	border-radius: 12px;
	margin: 18px 0 22px;
	text-decoration: none;
	transition: transform .15s, box-shadow .15s;
}
.nc-cert-prompt:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(180,140,40,0.15); }
.nc-cert-prompt-icon {
	flex-shrink: 0;
	width: 48px; height: 48px;
	background: #8b1818; color: #f5e6c0;
	display: flex; align-items: center; justify-content: center;
	border-radius: 50%;
}
.nc-cert-prompt-body { flex: 1; min-width: 0; }
.nc-cert-prompt-body h3 {
	font-size: 15px; font-weight: 700; color: #2a1810;
	margin: 0 0 2px; letter-spacing: -0.02em;
}
.nc-cert-prompt-body p {
	font-size: 13px; color: #4a3a2a;
	margin: 0; letter-spacing: -0.015em;
}
.nc-cert-prompt-cta {
	flex-shrink: 0;
	padding: 9px 14px;
	background: #2a1810; color: #fff;
	font-size: 13px; font-weight: 600;
	border-radius: 8px;
	letter-spacing: -0.01em;
}
@media (max-width: 560px) {
	.nc-cert-prompt { flex-wrap: wrap; gap: 10px; padding: 14px; }
	.nc-cert-prompt-icon { width: 40px; height: 40px; }
	.nc-cert-prompt-cta { width: 100%; text-align: center; }
}

/* ===== 후기 제출 직후 수료증 발급 모달 ===== */
.nc-cert-modal-overlay {
	position: fixed; inset: 0; z-index: 9999;
	background: rgba(20,15,8,0.65);
	display: flex; align-items: center; justify-content: center;
	padding: 20px;
	animation: nc-cert-modal-fade .2s ease-out;
}
@keyframes nc-cert-modal-fade { from { opacity: 0; } to { opacity: 1; } }
.nc-cert-modal-box {
	background: #fff;
	border-radius: 16px;
	padding: 32px 28px 24px;
	max-width: 420px; width: 100%;
	text-align: center;
	box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}
.nc-cert-modal-icon {
	width: 64px; height: 64px;
	background: linear-gradient(135deg, #c87474 0%, #8b1818 100%);
	color: #f9f6f0;
	display: flex; align-items: center; justify-content: center;
	border-radius: 50%;
	margin: 0 auto 14px;
}
.nc-cert-modal-box h2 {
	font-size: 20px; font-weight: 800; color: #1a1208;
	margin: 0 0 8px; letter-spacing: -0.025em;
}
.nc-cert-modal-box p {
	font-size: 14px; color: #4a3020;
	margin: 0 0 22px; line-height: 1.55; letter-spacing: -0.02em;
}
.nc-cert-modal-actions {
	display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
}
.nc-cert-modal-actions .nc-btn { padding: 12px 16px; font-size: 14px; }

/* ===== 풋터 뉴스레터 구독 ===== */
.nc-footer-newsletter {
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid rgba(255,255,255,0.08);
	max-width: 320px;
}
.nc-footer-newsletter h4 {
	font-size: 13px; font-weight: 700; color: rgba(255,255,255,0.92);
	margin: 0 0 10px; letter-spacing: -0.02em;
}
.nc-footer-newsletter-legal {
	font-size: 11px; color: rgba(255,255,255,0.4);
	line-height: 1.55; margin: 10px 0 0;
	letter-spacing: -0.015em;
}
@media (max-width: 768px) {
	.nc-footer-newsletter { max-width: 100%; }
}