/**
 * Scribe 스킨 레이아웃 CSS
 * 
 * 실제 렌더링된 HTML (Landing.html, Single Post.html) 분석 기반
 * GeneratePress 동적 CSS와 호환되도록 작성
 */

/* ========================================
   Generate Columns 레이아웃 (GP Premium Blog)
   ======================================== */

/* 컬럼 컨테이너 기본 스타일 (Landing.html에서 추출) */
.generate-columns {
	margin-bottom: 0px;
	padding-left: 0px;
}

.generate-columns-container {
	margin-left: -0px;
}

.page-header {
	margin-bottom: 0px;
	margin-left: 0px;
}

.generate-columns-container > .paging-navigation {
	margin-left: 0px;
}

/* Featured Column 전체 너비 (Scribe 스타일) */
.generate-columns-container .featured-column {
	width: 100% !important;
}

/* 컬럼 간격 조정 */
.generate-columns-container .generate-columns.grid-33 {
	margin-bottom: 0;
}

/* ========================================
   사이드바 레이아웃 (없음)
   ======================================== */

/* no-sidebar 레이아웃 확보 */
.no-sidebar .site-content .content-area {
	width: 100%;
}

/* ========================================
   헤더 및 네비게이션
   ======================================== */

/* 헤더 아래 회색 선 (Scribe 스타일) */
.site-header {
	border-bottom: 1px solid #dddddd !important;
}

/* 네비게이션 오른쪽 정렬 */
.nav-float-right .inside-navigation {
	justify-content: flex-end;
}

/* 모바일 네비게이션 조정 */
@media (max-width: 768px) {
	.nav-float-right .inside-navigation {
		justify-content: space-between;
	}
}

/* ========================================
   Welcome 섹션 (헤더 아래)
   ======================================== */

/* Welcome 섹션 스타일 (gb-element-f0e090c4) */
section.gb-element-f0e090c4 {
	align-items: center;
	column-gap: 40px;
	display: flex;
	justify-content: flex-start;
	margin-left: auto;
	margin-right: auto;
	max-width: var(--gb-container-width, 1200px);
	row-gap: 20px;
	padding: 80px 30px 76px 30px;
}

@media (max-width: 1024px) {
	section.gb-element-f0e090c4 {
		flex-wrap: wrap;
	}
}

@media (max-width: 767px) {
	section.gb-element-f0e090c4 {
		align-items: flex-start;
		flex-direction: column;
		padding: 60px 24px;
	}
}

/* Welcome 제목 */
section.gb-element-f0e090c4 h1 {
	font-size: 60px;
	line-height: 1em;
	margin-bottom: 0px;
}

@media (max-width: 767px) {
	section.gb-element-f0e090c4 h1 {
		font-size: 48px;
	}
}

/* ========================================
   Featured Article 섹션
   ======================================== */

/* Featured Article 배경 (gb-element-58736978) */
.gb-element-58736978 {
	background-blend-mode: normal;
	background-image: var(--inline-bg-image);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: 32px;
	margin-right: 32px;
	padding-bottom: 140px;
	padding-top: 140px;
}

@media (max-width: 767px) {
	.gb-element-58736978 {
		padding-bottom: 100px;
		padding-top: 100px;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}

/* Featured Article 카드 (gb-element-f226981c) */
.gb-element-f226981c {
	background-color: var(--base-3, #ffffff);
	border-color: var(--accent, #745acc);
	text-align: left;
	width: 50%;
	padding: 40px 20px 30px 30px;
	border: none !important;
}

@media (max-width: 1024px) {
	.gb-element-f226981c {
		width: 66.66%;
	}
}

@media (max-width: 767px) {
	.gb-element-f226981c {
		width: 75%;
	}
}

/* Featured Article 라벨 */
.gb-text-57f38a6f {
	color: var(--accent);
	font-family: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1em;
	margin-bottom: 10px;
	margin-left: 3px;
	text-transform: uppercase;
}

/* "Latest articles" 텍스트 */
.gb-text-2c8f9206 {
	font-family: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1em;
	margin-bottom: 4px;
	margin-left: 32px;
	margin-top: 25px;
	text-transform: uppercase;
}

/* ========================================
   Archive Cards (일반 포스트 카드)
   ======================================== */

/* Archive Card 컨테이너 (gb-element-da0b1308) */
.gb-element-da0b1308 {
	padding: 16px 32px 24px 32px;
}

/* Archive Card 카테고리 (gb-text-a41a9bdc) */
.gb-text-a41a9bdc {
	align-items: center;
	color: var(--base-3, #ffffff);
	column-gap: 6px;
	display: inline-flex;
	flex-wrap: wrap;
	font-family: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-bottom: 6px;
	row-gap: 6px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.gb-text-a41a9bdc a {
	color: var(--base-3, #ffffff);
	background-color: var(--accent, #745acc);
	padding: 4px 10px;
	text-decoration: none;
	border-radius: 4px;
}

.gb-text-a41a9bdc a:hover {
	color: var(--base-3, #ffffff);
	background-color: var(--accent-2); /* 사용자 정의 색상 사용 */
}

/* Archive Card 이미지 */
/* width: auto 제거 - Element 설정(100%)이 적용되도록 */
.gb-media-97521f39 {
	display: block;
	height: auto;
	max-width: 100%;
	object-fit: cover;
}

/* Archive Card 제목 (gb-text-78d6d7a9) */
.gb-text-78d6d7a9 {
	margin-bottom: 12px;
	margin-top: 16px;
}

/* Archive Card 날짜 (gb-text-3f721d6c) */
.gb-text-3f721d6c {
	font-family: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1em;
	margin-bottom: 16px;
	text-transform: uppercase;
}

/* ========================================
   Single Post 레이아웃
   ======================================== */

/* Single Post 컨텐츠 영역 최대 너비 */
.single .site-content #content {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

/* Single Post 헤더 섹션 (gb-element-5d675f1b) */
.gb-element-5d675f1b {
	text-align: center;
	border-bottom: 1px solid rgba(135, 135, 135, 0.5);
}

/* Single Post 헤더 컨테이너 (gb-element-46d5769a) */
.gb-element-46d5769a {
	align-items: flex-start;
	column-gap: 20px;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	max-width: var(--gb-container-width, 1200px);
	padding: 0px 30px;
}

@media (max-width: 1024px) {
	.gb-element-46d5769a {
		flex-direction: column;
	}
}

/* Single Post 제목 영역 (gb-element-94582a6e) */
.gb-element-94582a6e {
	height: 100%;
	padding-bottom: 60px;
	padding-right: 120px;
	padding-top: 60px;
	width: 64%;
	text-align: left;
}

@media (max-width: 1024px) {
	.gb-element-94582a6e {
		padding-bottom: 20px;
		padding-right: 0px;
		padding-top: 60px;
		text-align: center;
		width: 100%;
	}
}

/* Single Post 메타 영역 (gb-element-42ff3cb8) */
.gb-element-42ff3cb8 {
	height: 100%;
	text-align: left;
	width: 36%;
	border-left: 1px solid rgba(135, 135, 135, 0.5);
	padding: 60px 30px 60px 120px;
}

@media (max-width: 1024px) {
	.gb-element-42ff3cb8 {
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-bottom: 70px;
		padding-left: 30px;
		padding-top: 20px;
		row-gap: 10px;
		text-align: center;
		width: 100%;
		border-left: 0px solid rgba(135, 135, 135, 0.5);
		border-top: 1px solid rgba(135, 135, 135, 0.5);
		padding-top: 30px;
	}
}

/* ========================================
   푸터
   ======================================== */

/* 푸터 아이콘 SVG (gb-text-4e206c3c) */
.gb-text-4e206c3c {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-right: 30px;
	padding-top: 30px;
	position: relative;
	text-align: right;
	z-index: 1;
}

.gb-text-4e206c3c .gb-shape svg {
	color: var(--accent);
	fill: currentColor;
	width: 120px;
	height: 120px;
}

/* 푸터 (gb-element-f5806f67) */
/* 배경색/텍스트색은 Element 자체 설정을 따름 - 여기서 지정하지 않음 */
.gb-element-f5806f67 {
	margin-top: -60px;
}

/* ========================================
   소셜 아이콘 (헤더 메뉴 옆)
   ======================================== */

/* 소셜 아이콘 컨테이너 (gb-element-3a748915) */
.gb-element-3a748915 {
	column-gap: 15px;
	display: flex;
	padding-left: 16px;
}

.gb-text-60cdbfbf,
.gb-text-73000667,
.gb-text-ab15c4f0,
.gb-text-2810a6aa,
.gb-text-f7b59e9d {
	align-items: center;
	color: var(--accent);
	display: inline-flex;
	justify-content: center;
	text-align: center;
	text-decoration: none;
}

.gb-text-60cdbfbf:is(:hover, :focus),
.gb-text-73000667:is(:hover, :focus),
.gb-text-ab15c4f0:is(:hover, :focus),
.gb-text-2810a6aa:is(:hover, :focus),
.gb-text-f7b59e9d:is(:hover, :focus) {
	color: var(--accent);
}

.gb-text-60cdbfbf .gb-shape svg,
.gb-text-73000667 .gb-shape svg,
.gb-text-ab15c4f0 .gb-shape svg,
.gb-text-2810a6aa .gb-shape svg,
.gb-text-f7b59e9d .gb-shape svg {
	width: 1.2em;
	height: 1.2em;
	fill: currentColor;
	margin-top: 0 !important; /* Override GenerateBlocks :62 CSS */
}

/* ========================================
   반응형 조정
   ======================================== */

@media (max-width: 768px) {
	/* Welcome 섹션 모바일 */
	section.gb-element-f0e090c4 {
		padding: 60px 24px;
	}
	
	section.gb-element-f0e090c4 h1 {
		font-size: 36px;
	}
	
	section.gb-element-f0e090c4 h2 {
		font-size: 18px;
	}
}