/* ============================================================
   메킷애센 — 구조별 차별화 디자인
   전문칼럼형 = Editorial (HTML5 UP) 이식 통합 레이어
   editorial.css(원본) 위에 GeneratePress 호환 + 한글 + placeholder 보정
   ============================================================ */

/* ===== 전문칼럼형 홈: GeneratePress 골격 정리 (Editorial 풀폭) ===== */
body.makeit-adsense-midclass-template-collection.makeit-adsense-midclass-home-page .site-header,
body.makeit-adsense-midclass-template-collection.makeit-adsense-midclass-home-page .site-footer {
	display: none !important;
}
body.makeit-adsense-midclass-template-collection.makeit-adsense-midclass-home-page .site.grid-container,
body.makeit-adsense-midclass-template-collection.makeit-adsense-midclass-home-page .site-content,
body.makeit-adsense-midclass-template-collection.makeit-adsense-midclass-home-page .content-area,
body.makeit-adsense-midclass-template-collection.makeit-adsense-midclass-home-page .site-main,
body.makeit-adsense-midclass-template-collection.makeit-adsense-midclass-home-page .site-main > article,
body.makeit-adsense-midclass-template-collection.makeit-adsense-midclass-home-page .inside-article,
body.makeit-adsense-midclass-template-collection.makeit-adsense-midclass-home-page .entry-content {
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

/* ===== Editorial 한글 폰트 보정 (Open Sans/Roboto Slab → Noto 보강) ===== */
.makeit-editorial-wrapper,
.makeit-editorial-wrapper input,
.makeit-editorial-wrapper select,
.makeit-editorial-wrapper textarea,
.makeit-editorial-wrapper button,
.makeit-editorial-wrapper .button {
	font-family: 'Noto Sans KR', 'Open Sans', sans-serif !important;
	letter-spacing: 0 !important;
}
.makeit-editorial-wrapper h1,
.makeit-editorial-wrapper h2,
.makeit-editorial-wrapper h3,
.makeit-editorial-wrapper h4,
.makeit-editorial-wrapper .major h2 {
	font-family: 'Noto Sans KR', 'Open Sans', sans-serif !important;
	letter-spacing: -0.01em !important;
	word-break: keep-all;
}

/* ===== 이미지 placeholder (글 썸네일이 없을 때 휑하지 않게) ===== */
.makeit-editorial-wrapper .makeit-editorial-ph {
	display: block;
	position: relative;
	min-height: 200px;
	background: linear-gradient(135deg, var(--macd-accent, #f56a6a) 0%, var(--macd-accent-dark, #f79a9a) 100%);
}
.makeit-editorial-wrapper #banner .makeit-editorial-ph-1 {
	height: 100%;
	min-height: 18rem;
}
.makeit-editorial-wrapper .posts .makeit-editorial-ph {
	min-height: 11rem;
}
.makeit-editorial-wrapper .makeit-editorial-ph-2 { background: linear-gradient(135deg, #5b6f88 0%, #9fb0c4 100%); }
.makeit-editorial-wrapper .makeit-editorial-ph-3 { background: linear-gradient(135deg, #3f9d7c 0%, #8fcab4 100%); }
.makeit-editorial-wrapper .makeit-editorial-ph-4 { background: linear-gradient(135deg, #cf9a3c 0%, #eccd87 100%); }
.makeit-editorial-wrapper .makeit-editorial-ph-5 { background: linear-gradient(135deg, #7a6cae 0%, #b3a8d6 100%); }
.makeit-editorial-wrapper .makeit-editorial-ph-6 { background: linear-gradient(135deg, #c95f86 0%, #e6a3bd 100%); }
.makeit-editorial-wrapper .mini-posts .makeit-editorial-ph {
	min-height: 0;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 4px;
	flex-shrink: 0;
}

/* ===== 모바일에서 사이드바 토글이 자연스럽게 동작하도록 보정 ===== */
@media screen and (max-width: 1280px) {
	.makeit-editorial-wrapper #sidebar { transition: none; }
}

/* ============================================================
   전문칼럼형: 홈 외 전 페이지(글/카테고리/페이지) Editorial 2단 통일
   GeneratePress 골격(.site-content/.content-area/.widget-area)을
   Editorial(#wrapper/#main/#sidebar) 톤으로 매핑한다.
   editorial.css 전역(폰트/색/.button/.actions/ul.contact/.mini-posts/.major)은
   이미 로드되어 있으므로 여기서는 레이아웃 골격과 메뉴만 매핑.
   ============================================================ */

/* --- GP 헤더 / 기본 네비 / 기본 푸터 제거 (Editorial은 사이드바가 네비) --- */
body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .site-header,
body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .main-navigation,
body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .navigation-branding,
body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .generate-back-to-top,
body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .site-footer {
	display: none !important;
}

/* --- 풀폭 + 2단(row-reverse: 우측 사이드바) --- */
body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .site.grid-container,
body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .site-content {
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .site-content {
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-align-items: stretch;
	align-items: stretch;
	background: #ffffff;
	min-height: 60vh;
}

/* --- 본문 = Editorial #main --- */
body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .content-area {
	-webkit-flex: 1 1 auto !important;
	flex: 1 1 auto !important;
	width: auto !important;
	max-width: none !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .content-area .site-main {
	padding: 3.5em 4em 4em 4em;
	margin: 0 auto;
	max-width: 52em;
	text-align: left;
}
body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .site-main > article,
body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .inside-article,
body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .entry-content,
body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .page-header {
	max-width: none !important;
	margin: 0 0 1.5em 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* --- 글/페이지 제목 Editorial 톤 (코랄 밑줄) --- */
body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .entry-title,
body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .page-title,
body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .archive-title {
	font-family: 'Noto Sans KR', 'Open Sans', sans-serif !important;
	color: #3d4449 !important;
	border-bottom: solid 3px var(--macd-accent, #f56a6a);
	display: inline-block;
	padding-bottom: 0.3em;
	margin: 0 0 0.8em 0;
	line-height: 1.3;
	word-break: keep-all;
}
body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .entry-meta {
	color: #9fa3a6;
	font-size: 0.85em;
}

/* --- 사이드바 = Editorial #sidebar (content-area 옆에 직접 출력한 .makeit-editorial-aside) --- */
body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .makeit-editorial-aside {
	-webkit-flex: 0 0 22em;
	flex: 0 0 22em;
	width: 22em;
	max-width: 22em;
	background: #f5f6f7;
	border: 0;
	font-size: 0.9em;
	-webkit-align-self: stretch;
	align-self: stretch;
}
/* GP가 혹시 빈 위젯영역을 출력하더라도 숨김(우리는 직접 출력 사용) */
body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .widget-area {
	display: none !important;
}

/* --- 사이드바 콘텐츠(render_editorial_sidebar) Editorial inner 톤 --- */
.makeit-editorial-sidebar > .inner {
	padding: 2.5em 2.2em 2.6em 2.2em;
}
.makeit-editorial-sidebar > .inner > * {
	border-bottom: solid 2px rgba(210, 215, 217, 0.75);
	margin: 0 0 3em 0;
	padding: 0 0 3em 0;
}
.makeit-editorial-sidebar > .inner > *:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.makeit-editorial-sidebar h2 {
	font-size: 1.35em;
	font-family: 'Noto Sans KR', 'Open Sans', sans-serif !important;
	color: #3d4449;
}
.makeit-editorial-sidebar .makeit-editorial-search.alt {
	background: #eff1f2;
	margin: -2.5em -2.2em 3em -2.2em;
	padding: 2.2em;
	border-bottom: 0;
}
.makeit-editorial-sidebar .makeit-editorial-search input[type="text"] {
	width: 100%;
}

/* --- 사이드바 메뉴 (editorial #menu 복제, 하위는 항상 펼침) --- */
.makeit-editorial-menu ul {
	color: #3d4449;
	font-family: 'Noto Sans KR', 'Open Sans', sans-serif !important;
	letter-spacing: 0.02em;
	list-style: none;
	margin: 0;
	padding: 0;
}
.makeit-editorial-menu > ul > li {
	border-top: solid 1px rgba(210, 215, 217, 0.75);
	margin: 0.4em 0 0 0;
	padding: 0.4em 0 0 0;
}
.makeit-editorial-menu > ul > li:first-child {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}
.makeit-editorial-menu a {
	border-bottom: 0;
	color: inherit;
	display: block;
	padding: 0.5em 0;
}
.makeit-editorial-menu a:hover {
	color: var(--macd-accent, #f56a6a) !important;
}
.makeit-editorial-menu > ul > li > ul {
	display: block;
	margin: 0.3em 0 0.8em 0;
	padding-left: 1em;
	color: #9fa3a6;
}
.makeit-editorial-menu > ul > li > ul a {
	font-size: 0.85em;
}

/* --- 사이드바 미니 썸네일 placeholder --- */
.makeit-editorial-sidebar .makeit-editorial-ph {
	display: block;
	background: linear-gradient(135deg, var(--macd-accent, #f56a6a) 0%, var(--macd-accent-dark, #f79a9a) 100%);
}
.makeit-editorial-sidebar .mini-posts .makeit-editorial-ph {
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 4px;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

/* --- 모바일: 사이드바를 본문 아래로 세로 스택 --- */
@media screen and (max-width: 980px) {
	body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .site-content {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .makeit-editorial-aside {
		-webkit-flex-basis: auto;
		flex-basis: auto;
		width: 100%;
		max-width: none;
	}
	body.makeit-adsense-midclass-template-collection:not(.makeit-adsense-midclass-home-page) .content-area .site-main {
		padding: 2.5em 1.25em 3em 1.25em;
		max-width: none;
	}
}

/* ============================================================
   전문칼럼형 메킷 푸터(.makeit-adsense-midclass-footer) Editorial 톤
   — 칼럼형 전 페이지(홈 포함) 공통. GP 색·느낌 제거, 상단 코랄 보더.
   ============================================================ */
body.makeit-adsense-midclass-template-collection .makeit-adsense-midclass-footer {
	background: #f5f6f7 !important;
	border-top: solid 3px var(--macd-accent, #f56a6a) !important;
	color: #7f888f !important;
	font-family: 'Noto Sans KR', 'Open Sans', sans-serif !important;
	padding: 3.5em 0 !important;
	margin-top: 0 !important;
}
body.makeit-adsense-midclass-template-collection .makeit-adsense-midclass-footer-inner {
	max-width: 70em;
	margin: 0 auto;
	padding: 0 2em;
}
body.makeit-adsense-midclass-template-collection .makeit-adsense-midclass-footer-brand strong {
	font-family: 'Noto Sans KR', 'Open Sans', sans-serif !important;
	color: #3d4449 !important;
	font-size: 1.3em;
	display: block;
	margin-bottom: 0.5em;
}
body.makeit-adsense-midclass-template-collection .makeit-adsense-midclass-footer-meta {
	font-size: 0.85em;
	color: #9fa3a6 !important;
}
body.makeit-adsense-midclass-template-collection .makeit-adsense-midclass-footer-links,
body.makeit-adsense-midclass-template-collection .makeit-adsense-midclass-footer-categories {
	margin-top: 1.5em;
}
body.makeit-adsense-midclass-template-collection .makeit-adsense-midclass-footer-categories span {
	display: block;
	font-family: 'Noto Sans KR', 'Open Sans', sans-serif !important;
	color: #3d4449 !important;
	margin-bottom: 0.5em;
}
body.makeit-adsense-midclass-template-collection .makeit-adsense-midclass-footer a {
	color: var(--macd-accent, #f56a6a) !important;
	border-bottom: 0 !important;
	margin-right: 1.25em;
	display: inline-block;
}
body.makeit-adsense-midclass-template-collection .makeit-adsense-midclass-footer a:hover {
	text-decoration: underline;
}
body.makeit-adsense-midclass-template-collection .makeit-adsense-midclass-footer-copy {
	margin-top: 2em;
	padding-top: 1.5em;
	border-top: solid 1px rgba(210, 215, 217, 0.75);
	font-size: 0.82em;
	color: #9fa3a6 !important;
}
body.makeit-adsense-midclass-template-collection .makeit-adsense-midclass-footer-copy a {
	margin-right: 0;
}

/* ============================================================
   테마 톤(플러그인 STEP5 선택) 실제 색상 연동 + 폰트(산세리프) + 버튼 정렬
   body class: makeit-adsense-midclass-style-{sage|slate|sand|sky|mono}
   ============================================================ */

/* 1) 톤별 악센트 변수 — 기본 코랄을 선택한 톤 색으로 치환 */
body.makeit-adsense-midclass-site { --macd-accent: #f56a6a; --macd-accent-dark: #f45c5c; }
body.makeit-adsense-midclass-style-sage  { --macd-accent: #3f9d7c; --macd-accent-dark: #34836a; }
body.makeit-adsense-midclass-style-slate { --macd-accent: #3a5a8c; --macd-accent-dark: #2c4670; }
body.makeit-adsense-midclass-style-sand  { --macd-accent: #c0882e; --macd-accent-dark: #a5731f; }
body.makeit-adsense-midclass-style-sky   { --macd-accent: #3b82c4; --macd-accent-dark: #2f6aa3; }
body.makeit-adsense-midclass-style-mono  { --macd-accent: #333333; --macd-accent-dark: #1a1a1a; }
body.makeit-adsense-midclass-style-coral     { --macd-accent: #ef5e5e; --macd-accent-dark: #e04848; }
body.makeit-adsense-midclass-style-rose      { --macd-accent: #e0567f; --macd-accent-dark: #c93e68; }
body.makeit-adsense-midclass-style-crimson   { --macd-accent: #c0392b; --macd-accent-dark: #a52f23; }
body.makeit-adsense-midclass-style-tangerine { --macd-accent: #e8743b; --macd-accent-dark: #d05e28; }
body.makeit-adsense-midclass-style-amber     { --macd-accent: #d99323; --macd-accent-dark: #bd7d18; }
body.makeit-adsense-midclass-style-lime      { --macd-accent: #7a9e2e; --macd-accent-dark: #688a22; }
body.makeit-adsense-midclass-style-emerald   { --macd-accent: #2e9e6b; --macd-accent-dark: #25855a; }
body.makeit-adsense-midclass-style-teal      { --macd-accent: #1f9aa0; --macd-accent-dark: #178187; }
body.makeit-adsense-midclass-style-ocean     { --macd-accent: #2479b0; --macd-accent-dark: #1c6396; }
body.makeit-adsense-midclass-style-indigo    { --macd-accent: #4a57c4; --macd-accent-dark: #3a47ad; }
body.makeit-adsense-midclass-style-violet    { --macd-accent: #7a4fc0; --macd-accent-dark: #6740a8; }
body.makeit-adsense-midclass-style-orchid    { --macd-accent: #a64bbf; --macd-accent-dark: #8f3ca6; }
body.makeit-adsense-midclass-style-plum      { --macd-accent: #8e4585; --macd-accent-dark: #763770; }
body.makeit-adsense-midclass-style-magenta   { --macd-accent: #c0399b; --macd-accent-dark: #a52d84; }
body.makeit-adsense-midclass-style-burgundy  { --macd-accent: #7d2c3f; --macd-accent-dark: #672432; }
body.makeit-adsense-midclass-style-mocha     { --macd-accent: #8a5a3c; --macd-accent-dark: #714730; }
body.makeit-adsense-midclass-style-forest    { --macd-accent: #2f6b4f; --macd-accent-dark: #245540; }
body.makeit-adsense-midclass-style-steel     { --macd-accent: #4a6b8a; --macd-accent-dark: #3a5670; }
body.makeit-adsense-midclass-style-cocoa     { --macd-accent: #6b4226; --macd-accent-dark: #56341e; }
body.makeit-adsense-midclass-style-gold      { --macd-accent: #b08d2e; --macd-accent-dark: #957525; }

/* 2) Editorial 기본 코랄 요소(링크/버튼/포커스)를 선택 톤으로 */
body.makeit-adsense-midclass-site a { color: var(--macd-accent, #f56a6a); }
body.makeit-adsense-midclass-site a:hover {
	color: var(--macd-accent, #f56a6a) !important;
	border-bottom-color: var(--macd-accent, #f56a6a);
}
body.makeit-adsense-midclass-site input[type="submit"],
body.makeit-adsense-midclass-site input[type="reset"],
body.makeit-adsense-midclass-site input[type="button"],
body.makeit-adsense-midclass-site .button,
body.makeit-adsense-midclass-site .wp-element-button,
body.makeit-adsense-midclass-site .wp-block-search__button {
	background-color: var(--macd-accent, #f56a6a) !important;
	color: #ffffff !important;
	box-shadow: none !important;
}
body.makeit-adsense-midclass-site input[type="submit"]:hover,
body.makeit-adsense-midclass-site .button:hover,
body.makeit-adsense-midclass-site .wp-element-button:hover {
	background-color: var(--macd-accent-dark, #f45c5c) !important;
}
/* 테두리형(투명배경) 버튼은 글자/선만 톤색 */
body.makeit-adsense-midclass-site .button.alt {
	background-color: transparent !important;
	color: var(--macd-accent, #f56a6a) !important;
	box-shadow: inset 0 0 0 2px var(--macd-accent, #f56a6a) !important;
}
body.makeit-adsense-midclass-site input[type="text"]:focus,
body.makeit-adsense-midclass-site input[type="search"]:focus,
body.makeit-adsense-midclass-site textarea:focus {
	border-color: var(--macd-accent, #f56a6a) !important;
	box-shadow: 0 0 0 1px var(--macd-accent, #f56a6a) !important;
}

/* 3) 폰트: 모든 제목/메뉴를 산세리프(Noto Sans KR)로 — 세리프 '궁서체' 느낌 제거 */
body.makeit-adsense-midclass-site h1,
body.makeit-adsense-midclass-site h2,
body.makeit-adsense-midclass-site h3,
body.makeit-adsense-midclass-site h4,
body.makeit-adsense-midclass-site h5,
body.makeit-adsense-midclass-site h6,
body.makeit-adsense-midclass-site .makeit-editorial-wrapper h1,
body.makeit-adsense-midclass-site .makeit-editorial-wrapper h2,
body.makeit-adsense-midclass-site .makeit-editorial-wrapper h3,
body.makeit-adsense-midclass-site #menu ul,
body.makeit-adsense-midclass-site .makeit-editorial-menu ul {
	font-family: 'Noto Sans KR', 'Open Sans', sans-serif !important;
	letter-spacing: -0.01em !important;
	word-break: keep-all;
	text-transform: none !important;
}

/* 4) 버튼 박스 안 글씨 상하좌우 가운데 정렬 */
/* 모든 버튼류(댓글 '댓글 달기' 포함) 산세리프 폰트 + 가운데정렬 */
body.makeit-adsense-midclass-site .button,
body.makeit-adsense-midclass-site .button.small,
body.makeit-adsense-midclass-site .button.big,
body.makeit-adsense-midclass-site .wp-element-button,
body.makeit-adsense-midclass-site button,
body.makeit-adsense-midclass-site input[type="submit"],
body.makeit-adsense-midclass-site input[type="reset"],
body.makeit-adsense-midclass-site input[type="button"],
body.makeit-adsense-midclass-site .comment-form .submit,
body.makeit-adsense-midclass-site #commentform input[type="submit"] {
	font-family: 'Noto Sans KR', 'Open Sans', sans-serif !important;
	text-align: center !important;
	line-height: 1.3 !important;
	letter-spacing: 0 !important;
}
body.makeit-adsense-midclass-site .button,
body.makeit-adsense-midclass-site .button.small,
body.makeit-adsense-midclass-site .button.big,
body.makeit-adsense-midclass-site .wp-element-button,
body.makeit-adsense-midclass-site button {
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

/* 5) Editorial 제목 강조선 / 연락처 아이콘도 선택 톤색으로 */
body.makeit-adsense-midclass-site header.major > :last-child {
	border-bottom-color: var(--macd-accent, #f56a6a) !important;
}
body.makeit-adsense-midclass-site ul.contact li:before {
	color: var(--macd-accent, #f56a6a) !important;
}

/* ============================================================
   홈 사이드바: editorial.css가 1280px 이하에서 #sidebar를 position:fixed로
   화면에 고정(토글 슬라이드용) → 메킷 홈엔 토글이 없어 푸터까지 따라옴.
   fixed를 풀어 일반 흐름(2단)으로 → 사이드바가 푸터 바로 위까지만 흐른다.
   ============================================================ */
body.makeit-adsense-midclass-template-collection.makeit-adsense-midclass-home-page #sidebar {
	position: static !important;
	height: auto !important;
	left: auto !important;
	top: auto !important;
	box-shadow: none !important;
	z-index: auto !important;
	margin-left: 0 !important;
}
body.makeit-adsense-midclass-template-collection.makeit-adsense-midclass-home-page #sidebar > .inner {
	position: relative !important;
	height: auto !important;
	left: auto !important;
	top: auto !important;
	overflow: visible !important;
}
body.makeit-adsense-midclass-template-collection.makeit-adsense-midclass-home-page #sidebar > .inner:after {
	display: none !important;
}
body.makeit-adsense-midclass-template-collection.makeit-adsense-midclass-home-page #sidebar .toggle {
	display: none !important;
}
/* JS 로드 전 숨김(is-preload) 방지 */
body.makeit-adsense-midclass-template-collection.makeit-adsense-midclass-home-page.is-preload #sidebar {
	display: block !important;
}

/* 좁은 화면: 홈도 사이드바를 본문 아래로 세로 스택 */
@media screen and (max-width: 980px) {
	body.makeit-adsense-midclass-template-collection.makeit-adsense-midclass-home-page #wrapper {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	body.makeit-adsense-midclass-template-collection.makeit-adsense-midclass-home-page #sidebar,
	body.makeit-adsense-midclass-template-collection.makeit-adsense-midclass-home-page #sidebar > .inner {
		width: 100% !important;
	}
}

/* ============================================================
   글 하단 '관련 글' 내부링크 목록 (Editorial 톤)
   ============================================================ */
body.makeit-adsense-midclass-template-collection .makeit-adsense-midclass-related-posts {
	margin-top: 3em;
	padding-top: 2em;
	border-top: solid 2px rgba(210, 215, 217, 0.75);
}
body.makeit-adsense-midclass-template-collection .makeit-adsense-midclass-related-posts h2 {
	font-family: 'Noto Sans KR', 'Open Sans', sans-serif !important;
	font-size: 1.4em;
	margin: 0 0 0.6em 0;
	color: #3d4449;
}
body.makeit-adsense-midclass-template-collection .makeit-adsense-midclass-related-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
body.makeit-adsense-midclass-template-collection .makeit-adsense-midclass-related-list li {
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: solid 1px rgba(210, 215, 217, 0.6);
}
body.makeit-adsense-midclass-template-collection .makeit-adsense-midclass-related-list li:before {
	display: none !important;
}
body.makeit-adsense-midclass-template-collection .makeit-adsense-midclass-related-list a {
	display: block;
	padding: 0.85em 0.2em;
	color: #3d4449;
	border-bottom: 0;
	font-weight: 500;
	transition: color 0.15s ease, padding-left 0.15s ease;
}
body.makeit-adsense-midclass-template-collection .makeit-adsense-midclass-related-list a:hover {
	color: var(--macd-accent, #f56a6a) !important;
	padding-left: 0.6em;
}

/* ============================================================
   글 대표이미지(썸네일) 과대 방지 — 본문 폭을 꽉 채우지 않게 축소 + 가운데
   ============================================================ */
body.makeit-adsense-midclass-template-collection .featured-image,
body.makeit-adsense-midclass-template-collection .post-image,
body.makeit-adsense-midclass-template-collection .page-header-image-single {
	text-align: center;
	max-width: 100% !important;
	width: auto !important;
}
body.makeit-adsense-midclass-template-collection .featured-image img,
body.makeit-adsense-midclass-template-collection .post-image img,
body.makeit-adsense-midclass-template-collection .page-header-image-single img,
body.makeit-adsense-midclass-template-collection .wp-post-image {
	max-height: 340px !important;
	width: auto !important;
	max-width: 100% !important;
	margin: 0 auto 1.5em auto !important;
	display: block;
	border-radius: 10px;
}

/* 이미 생성된 정적 홈에서 'features'(이 사이트가 정보를 정리하는 방식) 섹션 즉시 숨김.
   (코드에서도 제거함 → 홈 재생성 시 완전 제거, 이건 재생성 전까지 보조) */
body.makeit-adsense-midclass-home-page #main section:has(.features) {
	display: none !important;
}

/* 사이드바 '운영자 소개' 연락처 목록 왼쪽정렬 */
body.makeit-adsense-midclass-template-collection ul.contact,
body.makeit-adsense-midclass-template-collection ul.contact li {
	text-align: left !important;
	list-style: none !important;
}
body.makeit-adsense-midclass-template-collection ul.contact {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

/* ============================================================
   글 상단 경로(breadcrumb) + 날짜·작성자 메타 Editorial 톤
   ============================================================ */
body.makeit-adsense-midclass-site .makeit-adsense-midclass-breadcrumbs {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
	gap: 0.5em;
	width: -webkit-fit-content;
	width: fit-content;
	max-width: 100%;
	margin: 0 0 1.6em 0;
	padding: 0.5em 0.95em;
	background: #f5f6f7;
	border-radius: 8px;
	font-family: 'Noto Sans KR', 'Open Sans', sans-serif;
	font-size: 0.82em;
	line-height: 1.4;
	color: #9aa0a6;
}
body.makeit-adsense-midclass-site .makeit-adsense-midclass-breadcrumbs a {
	color: var(--macd-accent, #f56a6a) !important;
	border-bottom: 0 !important;
	text-decoration: none !important;
	font-weight: 500;
}
body.makeit-adsense-midclass-site .makeit-adsense-midclass-breadcrumbs a:hover {
	text-decoration: underline !important;
}
body.makeit-adsense-midclass-site .makeit-adsense-midclass-breadcrumbs > span {
	color: #c5c9ce;
}
body.makeit-adsense-midclass-site .makeit-adsense-midclass-breadcrumbs > span:last-child {
	color: #5a6066;
	font-weight: 500;
}

body.makeit-adsense-midclass-site .entry-meta {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
	gap: 0.3em 1.4em;
	margin: 0.4em 0 2.2em 0;
	font-family: 'Noto Sans KR', 'Open Sans', sans-serif;
	font-size: 0.85em;
	color: #9aa0a6;
}
body.makeit-adsense-midclass-site .entry-meta .posted-on:before,
body.makeit-adsense-midclass-site .entry-meta .byline:before {
	-webkit-font-smoothing: antialiased;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right: 0.45em;
	color: var(--macd-accent, #f56a6a);
	opacity: 0.85;
}
body.makeit-adsense-midclass-site .entry-meta .posted-on:before {
	content: '\f073';
}
body.makeit-adsense-midclass-site .entry-meta .byline:before {
	content: '\f007';
}
body.makeit-adsense-midclass-site .entry-meta a {
	color: var(--macd-accent, #f56a6a) !important;
	border-bottom: 0 !important;
	text-decoration: none !important;
	font-weight: 500;
}
body.makeit-adsense-midclass-site .entry-meta a:hover {
	text-decoration: underline !important;
}

/* ============================================================
   전문기능형(Helios) — 풀폭 센터형, 상단 메뉴, 도구 중심
   helios.css(원본 var화) 위에 GeneratePress 정리 + 톤 Hero + 도구 그리드
   ============================================================ */

/* --- 기능형 홈: GP 골격 풀폭(#page-wrapper 직접출력) --- */
body.makeit-adsense-midclass-template-functional.makeit-adsense-midclass-home-page .site.grid-container,
body.makeit-adsense-midclass-template-functional.makeit-adsense-midclass-home-page .site-content,
body.makeit-adsense-midclass-template-functional.makeit-adsense-midclass-home-page .content-area,
body.makeit-adsense-midclass-template-functional.makeit-adsense-midclass-home-page .site-main,
body.makeit-adsense-midclass-template-functional.makeit-adsense-midclass-home-page .site-main > article,
body.makeit-adsense-midclass-template-functional.makeit-adsense-midclass-home-page .inside-article,
body.makeit-adsense-midclass-template-functional.makeit-adsense-midclass-home-page .entry-content {
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

/* --- 기능형 상단 메뉴(GP 헤더)를 Helios 톤으로 유지(칼럼형은 숨김, 기능형은 표시) --- */
body.makeit-adsense-midclass-template-functional .site-header {
	background: #ffffff;
	border-bottom: solid 1px #e5e5e5;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.04);
}
body.makeit-adsense-midclass-template-functional .main-navigation,
body.makeit-adsense-midclass-template-functional .inside-navigation {
	background: transparent !important;
}
body.makeit-adsense-midclass-template-functional .main-navigation .main-nav > ul > li > a {
	color: #483949 !important;
	font-family: 'Noto Sans KR', sans-serif !important;
	font-weight: 600;
}
body.makeit-adsense-midclass-template-functional .main-navigation .main-nav > ul > li > a:hover,
body.makeit-adsense-midclass-template-functional .main-navigation .main-nav > ul > li.current-menu-item > a {
	color: var(--macd-accent, #ef8376) !important;
}
/* 기능형은 GP 기본 푸터/사이드바 제거(메킷 푸터만), 본문 사이드바 없음 */
body.makeit-adsense-midclass-template-functional .site-footer,
body.makeit-adsense-midclass-template-functional .widget-area {
	display: none !important;
}

/* --- Hero (톤 그라데이션) --- */
body.makeit-adsense-midclass-template-functional .makeit-helios-hero {
	background: -webkit-linear-gradient(315deg, var(--macd-accent, #ef8376), var(--macd-accent-dark, #df7366));
	background: linear-gradient(135deg, var(--macd-accent, #ef8376), var(--macd-accent-dark, #df7366));
	color: #ffffff;
	text-align: center;
	padding: 5.5em 1.5em;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-hero .inner {
	max-width: 56em;
	margin: 0 auto;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-hero h1 {
	color: #ffffff !important;
	font-family: 'Noto Sans KR', sans-serif !important;
	font-size: 2.6em;
	line-height: 1.25;
	margin: 0 0 0.4em 0;
	word-break: keep-all;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-hero p {
	color: rgba(255, 255, 255, 0.92);
	font-size: 1.15em;
	margin: 0 auto 1.8em;
	max-width: 40em;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-hero .actions {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	gap: 0.8em;
	margin: 0;
	padding: 0;
	list-style: none;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-hero .button {
	background-color: #ffffff !important;
	color: var(--macd-accent, #ef8376) !important;
	box-shadow: none !important;
	font-weight: 700;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-hero .button.primary {
	background-color: rgba(0, 0, 0, 0.22) !important;
	color: #ffffff !important;
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.9) !important;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-hero .button:hover {
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}

/* --- 풀폭 섹션(.wrapper) 배경 전환 + 내부 폭 --- */
body.makeit-adsense-midclass-template-functional .makeit-helios-wrapper .wrapper {
	padding: 4.5em 1.5em;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-wrapper .wrapper.style1 {
	background: #ffffff;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-wrapper .wrapper.style2 {
	background: #f0f4f4;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-wrapper .wrapper > .inner {
	max-width: 70em;
	margin: 0 auto;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-wrapper header.major {
	text-align: center;
	margin-bottom: 2.2em;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-wrapper header.major h2 {
	font-family: 'Noto Sans KR', sans-serif !important;
	color: #483949;
	font-size: 1.9em;
	margin: 0 0 0.4em 0;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-wrapper header.major p {
	color: #5b5b5b;
	margin: 0;
}

/* --- 대표 도구 카드 그리드 (carousel 대체) --- */
body.makeit-adsense-midclass-template-functional .makeit-helios-tool-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.6em;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-tool-card {
	background: #ffffff;
	border: solid 1px #e5e5e5;
	border-radius: 12px;
	padding: 2.2em 1.6em;
	text-align: center;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-tool-card:hover {
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}
body.makeit-adsense-midclass-template-functional .makeit-helios-tool-card .icon {
	display: inline-block;
	font-size: 2.4em;
	color: var(--macd-accent, #ef8376);
	margin-bottom: 0.4em;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-tool-card h3 {
	font-family: 'Noto Sans KR', sans-serif !important;
	color: #483949;
	font-size: 1.2em;
	margin: 0 0 0.5em 0;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-tool-card p {
	color: #5b5b5b;
	font-size: 0.95em;
	margin: 0 0 1.2em 0;
	word-break: keep-all;
}

/* --- 사용 순서 features (2단) --- */
body.makeit-adsense-midclass-template-functional .makeit-helios-features {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.6em 2.4em;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-features article {
	display: -webkit-flex;
	display: flex;
	gap: 1em;
	background: #ffffff;
	border-radius: 10px;
	padding: 1.4em 1.6em;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-features .icon {
	font-size: 1.6em;
	color: var(--macd-accent, #ef8376);
	flex-shrink: 0;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-features h3 {
	font-family: 'Noto Sans KR', sans-serif !important;
	color: #483949;
	font-size: 1.1em;
	margin: 0 0 0.3em 0;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-features p {
	color: #5b5b5b;
	font-size: 0.92em;
	margin: 0;
}

/* --- 최신 글 / 운영자 --- */
body.makeit-adsense-midclass-template-functional .makeit-helios-posts {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.2em;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-posts article {
	background: #ffffff;
	border: solid 1px #e5e5e5;
	border-radius: 10px;
	padding: 1.4em 1.6em;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-posts h3 {
	font-size: 1.05em;
	margin: 0;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-about {
	text-align: center;
	max-width: 46em;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-about .actions {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	gap: 0.7em;
	list-style: none;
	margin: 1.2em 0 0 0;
	padding: 0;
}

/* --- 기능형 글/구조페이지(홈 외): 풀폭 + 본문 중앙 --- */
body.makeit-adsense-midclass-template-functional:not(.makeit-adsense-midclass-home-page) .content-area .site-main {
	max-width: 64em;
	margin: 0 auto;
	padding: 2.5em 1.5em 3.5em 1.5em;
}

/* --- 모바일 --- */
@media screen and (max-width: 980px) {
	body.makeit-adsense-midclass-template-functional .makeit-helios-tool-grid,
	body.makeit-adsense-midclass-template-functional .makeit-helios-posts {
		grid-template-columns: 1fr 1fr;
	}
	body.makeit-adsense-midclass-template-functional .makeit-helios-features {
		grid-template-columns: 1fr;
	}
}
@media screen and (max-width: 640px) {
	body.makeit-adsense-midclass-template-functional .makeit-helios-tool-grid,
	body.makeit-adsense-midclass-template-functional .makeit-helios-posts {
		grid-template-columns: 1fr;
	}
	body.makeit-adsense-midclass-template-functional .makeit-helios-hero {
		padding: 3.5em 1.2em;
	}
	body.makeit-adsense-midclass-template-functional .makeit-helios-hero h1 {
		font-size: 2em;
	}
}

/* --- helios.css 미로드 → 기능형 버튼/아이콘/액션 기본 형태 자체 정의 --- */
body.makeit-adsense-midclass-template-functional .makeit-helios-wrapper .button {
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 0.78em 1.9em;
	border-radius: 7px;
	border: 0;
	font-family: 'Noto Sans KR', sans-serif !important;
	font-weight: 700;
	font-size: 0.95em;
	line-height: 1.2;
	letter-spacing: 0;
	cursor: pointer;
	text-decoration: none;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-wrapper .button.big {
	padding: 0.95em 2.3em;
	font-size: 1.02em;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-wrapper .button.small {
	padding: 0.62em 1.5em;
	font-size: 0.9em;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-wrapper .actions {
	list-style: none !important;
	margin: 0;
	padding: 0;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-wrapper .actions li {
	margin: 0;
	padding: 0;
}
/* 아이콘(Font Awesome) — helios의 .icon.solid 메커니즘 대체 (content는 fontawesome-all.min.css) */
body.makeit-adsense-midclass-template-functional .icon.solid:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
}
body.makeit-adsense-midclass-template-functional .makeit-helios-wrapper .icon {
	text-decoration: none;
}

/* --- 기능형 글/페이지: 풀폭 본문 + 선택 톤 제목 --- */
body.makeit-adsense-midclass-template-functional:not(.makeit-adsense-midclass-home-page) .entry-title,
body.makeit-adsense-midclass-template-functional:not(.makeit-adsense-midclass-home-page) .page-title,
body.makeit-adsense-midclass-template-functional:not(.makeit-adsense-midclass-home-page) .archive-title {
	font-family: 'Noto Sans KR', sans-serif !important;
	color: #483949 !important;
	border-bottom: solid 3px var(--macd-accent, #ef8376);
	display: inline-block;
	padding-bottom: 0.3em;
	margin: 0 0 0.7em 0;
	line-height: 1.3;
	word-break: keep-all;
}
body.makeit-adsense-midclass-template-functional:not(.makeit-adsense-midclass-home-page) .entry-content h2 {
	font-family: 'Noto Sans KR', sans-serif !important;
	color: #483949;
}

/* --- 기능형 상단 메뉴: 모바일 토글 숨김 + 로고 아래 풀폭 한 줄 중앙 정렬 --- */
body.makeit-adsense-midclass-template-functional .menu-toggle {
	display: none !important;
}
body.makeit-adsense-midclass-template-functional .inside-header {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
body.makeit-adsense-midclass-template-functional .inside-header .main-navigation {
	-webkit-flex: 1 0 100%;
	flex: 1 0 100%;
}
body.makeit-adsense-midclass-template-functional .inside-header .main-navigation .inside-navigation {
	-webkit-justify-content: center;
	justify-content: center;
}
body.makeit-adsense-midclass-template-functional .main-navigation .main-nav > ul {
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
body.makeit-adsense-midclass-template-functional .main-navigation .main-nav > ul > li > a {
	font-size: 0.95em;
	padding-left: 0.9em !important;
	padding-right: 0.9em !important;
}

/* --- 기능형 홈 features('이렇게 쓰면 됩니다') 섹션 즉시 숨김(코드에서도 제거함) --- */
body.makeit-adsense-midclass-template-functional .makeit-helios-wrapper section:has(.makeit-helios-features) {
	display: none !important;
}

/* --- 기능형 글 대표이미지(썸네일) 축소: 칼럼형보다 작게(반 이상 축소) --- */
body.makeit-adsense-midclass-template-functional .featured-image img,
body.makeit-adsense-midclass-template-functional .page-header-image-single img,
body.makeit-adsense-midclass-template-functional .wp-post-image {
	max-height: 210px !important;
	width: auto !important;
	max-width: 100% !important;
	margin: 0 auto 1.4em auto !important;
	display: block;
	border-radius: 10px;
}

/* ============================================================
   전문큐레이션형(Future Imperfect) — 2단 블로그(좌 사이드바 + 우 글카드), 청록(#2ebaae)
   main.css(전역충돌) 미로드 → GP-안전 자체 구현. accent는 처음부터 var.
   ============================================================ */
body.makeit-adsense-midclass-template-comparison {
	background: #f4f4f4;
}

/* --- 상단 메뉴: 토글 숨김 + 풀폭 한 줄 중앙 --- */
body.makeit-adsense-midclass-template-comparison .menu-toggle {
	display: none !important;
}
body.makeit-adsense-midclass-template-comparison .site-header {
	background: #ffffff;
	border-bottom: solid 1px rgba(160, 160, 160, 0.3);
}
body.makeit-adsense-midclass-template-comparison .inside-header {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
body.makeit-adsense-midclass-template-comparison .inside-header .main-navigation {
	-webkit-flex: 1 0 100%;
	flex: 1 0 100%;
}
body.makeit-adsense-midclass-template-comparison .inside-header .main-navigation .inside-navigation {
	-webkit-justify-content: center;
	justify-content: center;
}
body.makeit-adsense-midclass-template-comparison .main-navigation .main-nav > ul {
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
body.makeit-adsense-midclass-template-comparison .main-navigation .main-nav > ul > li > a {
	color: #3c3b3b !important;
	font-family: 'Noto Sans KR', sans-serif !important;
	font-weight: 800;
	font-size: 0.8em;
	letter-spacing: 0.15em;
	padding-left: 0.9em !important;
	padding-right: 0.9em !important;
}
body.makeit-adsense-midclass-template-comparison .main-navigation .main-nav > ul > li > a:hover,
body.makeit-adsense-midclass-template-comparison .main-navigation .main-nav > ul > li.current-menu-item > a {
	color: var(--macd-accent, #2ebaae) !important;
}
body.makeit-adsense-midclass-template-comparison .site-footer,
body.makeit-adsense-midclass-template-comparison .widget-area {
	display: none !important;
}

/* --- 홈 풀폭(GP 정리) --- */
body.makeit-adsense-midclass-template-comparison.makeit-adsense-midclass-home-page .site.grid-container,
body.makeit-adsense-midclass-template-comparison.makeit-adsense-midclass-home-page .site-content,
body.makeit-adsense-midclass-template-comparison.makeit-adsense-midclass-home-page .content-area,
body.makeit-adsense-midclass-template-comparison.makeit-adsense-midclass-home-page .site-main,
body.makeit-adsense-midclass-template-comparison.makeit-adsense-midclass-home-page .site-main > article,
body.makeit-adsense-midclass-template-comparison.makeit-adsense-midclass-home-page .inside-article,
body.makeit-adsense-midclass-template-comparison.makeit-adsense-midclass-home-page .entry-content {
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

/* --- 2단 골격: 홈(.makeit-fi-wrapper) + 글/페이지(.site-content) 공통 (좌 사이드바 + 우 메인) --- */
body.makeit-adsense-midclass-template-comparison.makeit-adsense-midclass-home-page .makeit-fi-wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	gap: 3em;
	max-width: 78em;
	margin: 0 auto;
	padding: 3em 1.5em;
}
body.makeit-adsense-midclass-template-comparison.makeit-adsense-midclass-home-page .makeit-fi-main {
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
}
body.makeit-adsense-midclass-template-comparison.makeit-adsense-midclass-home-page .makeit-fi-sidebar {
	-webkit-flex: 0 0 20em;
	flex: 0 0 20em;
	width: 20em;
}

body.makeit-adsense-midclass-template-comparison:not(.makeit-adsense-midclass-home-page) .site.grid-container,
body.makeit-adsense-midclass-template-comparison:not(.makeit-adsense-midclass-home-page) .site-content {
	max-width: 78em !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
}
body.makeit-adsense-midclass-template-comparison:not(.makeit-adsense-midclass-home-page) .site-content {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	gap: 3em;
	padding: 3em 1.5em !important;
}
body.makeit-adsense-midclass-template-comparison:not(.makeit-adsense-midclass-home-page) .content-area {
	-webkit-flex: 1 1 auto !important;
	flex: 1 1 auto !important;
	width: auto !important;
	max-width: none !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
body.makeit-adsense-midclass-template-comparison:not(.makeit-adsense-midclass-home-page) .makeit-fi-aside {
	-webkit-flex: 0 0 20em;
	flex: 0 0 20em;
	width: 20em;
}
body.makeit-adsense-midclass-template-comparison:not(.makeit-adsense-midclass-home-page) .widget-area {
	display: none !important;
}

/* --- 좌측 사이드바 콘텐츠(intro/카테고리/미니포스트/About) --- */
body.makeit-adsense-midclass-template-comparison .makeit-fi-sidebar > section,
body.makeit-adsense-midclass-template-comparison .makeit-fi-aside > .makeit-fi-sidebar > section {
	margin: 0 0 2.5em 0;
	padding: 0 0 2.5em 0;
	border-bottom: solid 1px rgba(160, 160, 160, 0.25);
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-sidebar > section:last-child,
body.makeit-adsense-midclass-template-comparison .makeit-fi-aside > .makeit-fi-sidebar > section:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-sidebar h2 {
	font-family: 'Noto Sans KR', sans-serif !important;
	font-weight: 900;
	color: #3c3b3b;
	font-size: 0.95em;
	letter-spacing: 0.15em;
	margin: 0 0 1em 0;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-intro header h2 {
	font-size: 1.5em;
	letter-spacing: 0.08em;
	margin-bottom: 0.5em;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-intro header h2 a {
	color: #3c3b3b;
	border-bottom: 0;
	text-decoration: none;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-intro header p {
	color: #646464;
	font-size: 0.9em;
	margin: 0;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-cats ul {
	list-style: none !important;
	margin: 0;
	padding: 0;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-cats li {
	border-top: dotted 1px rgba(160, 160, 160, 0.4);
	margin: 0;
	padding: 0;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-cats li:first-child {
	border-top: 0;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-cats a {
	display: block;
	padding: 0.6em 0;
	color: #646464;
	border-bottom: 0;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-cats a:hover {
	color: var(--macd-accent, #2ebaae);
}

/* 미니포스트 카드 (이미지 우측 + 제목/날짜) */
body.makeit-adsense-midclass-template-comparison .makeit-fi-mini-post {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	border-top: dotted 1px rgba(160, 160, 160, 0.4);
	margin: 1.2em 0 0 0;
	padding: 1.2em 0 0 0;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-mini-posts > h2 + .makeit-fi-mini-post {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-mini-post .image {
	-webkit-flex: 0 0 4em;
	flex: 0 0 4em;
	width: 4em;
	margin-left: 1em;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-mini-post .image img {
	width: 100%;
	display: block;
	border-radius: 4px;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-mini-post header {
	-webkit-flex: 1;
	flex: 1;
	min-width: 0;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-mini-post h3 {
	font-family: 'Noto Sans KR', sans-serif !important;
	font-weight: 800;
	font-size: 0.85em;
	letter-spacing: 0.05em;
	margin: 0 0 0.3em 0;
	line-height: 1.4;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-mini-post h3 a {
	color: #3c3b3b;
	border-bottom: 0;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-mini-post h3 a:hover {
	color: var(--macd-accent, #2ebaae);
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-mini-post .published {
	display: block;
	color: #aaaaaa;
	font-size: 0.72em;
	letter-spacing: 0.1em;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-blurb p {
	color: #646464;
	font-size: 0.9em;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-sidebar .actions {
	list-style: none !important;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 0.5em;
	margin: 1em 0 0 0;
	padding: 0;
}

/* --- 우측 메인: 큐레이션 글 카드(.makeit-fi-post) --- */
body.makeit-adsense-midclass-template-comparison .makeit-fi-post {
	background: #ffffff;
	border: solid 1px rgba(160, 160, 160, 0.3);
	padding: 2.5em;
	margin: 0 0 2.5em 0;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-post:last-child {
	margin-bottom: 0;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-post > header {
	border-bottom: solid 1px rgba(160, 160, 160, 0.3);
	padding-bottom: 1.4em;
	margin-bottom: 1.4em;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-post .title h2 {
	font-family: 'Noto Sans KR', sans-serif !important;
	font-weight: 900;
	color: #3c3b3b;
	font-size: 1.4em;
	letter-spacing: 0.08em;
	line-height: 1.4;
	margin: 0 0 0.5em 0;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-post .title h2 a {
	color: #3c3b3b;
	border-bottom: 0;
	text-decoration: none;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-post .title h2 a:hover {
	color: var(--macd-accent, #2ebaae);
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-post .title p {
	color: #646464;
	margin: 0;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-post-links {
	list-style: none !important;
	padding: 0;
	margin: 0 0 1.4em 0;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-post-links li {
	border-top: dotted 1px rgba(160, 160, 160, 0.4);
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-post-links li:first-child {
	border-top: 0;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-post-links a {
	display: block;
	padding: 0.65em 0;
	color: #646464;
	border-bottom: 0;
	transition: color 0.15s ease, padding-left 0.15s ease;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-post-links a:hover {
	color: var(--macd-accent, #2ebaae);
	padding-left: 0.4em;
}
body.makeit-adsense-midclass-template-comparison .makeit-fi-post footer .actions {
	list-style: none !important;
	padding: 0;
	margin: 0;
}

/* --- 버튼(Future Imperfect: inset 보더, hover accent) --- */
body.makeit-adsense-midclass-template-comparison .button {
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	background: transparent;
	box-shadow: inset 0 0 0 1px rgba(160, 160, 160, 0.4);
	color: #3c3b3b !important;
	border: 0;
	border-radius: 4px;
	font-family: 'Noto Sans KR', sans-serif !important;
	font-weight: 800;
	font-size: 0.78em;
	letter-spacing: 0.15em;
	line-height: 1.2;
	padding: 0.9em 2em;
	text-decoration: none;
	cursor: pointer;
}
body.makeit-adsense-midclass-template-comparison .button:hover {
	box-shadow: inset 0 0 0 1px var(--macd-accent, #2ebaae);
	color: var(--macd-accent, #2ebaae) !important;
}
body.makeit-adsense-midclass-template-comparison .button.small {
	padding: 0.65em 1.4em;
	font-size: 0.72em;
}

/* --- 글/카테고리/페이지 본문 카드화 + 제목 톤 --- */
body.makeit-adsense-midclass-template-comparison:not(.makeit-adsense-midclass-home-page) .site-main > article,
body.makeit-adsense-midclass-template-comparison:not(.makeit-adsense-midclass-home-page) .inside-article {
	background: #ffffff !important;
	border: solid 1px rgba(160, 160, 160, 0.3) !important;
	padding: 2.5em !important;
	max-width: none !important;
	margin: 0 !important;
}
body.makeit-adsense-midclass-template-comparison:not(.makeit-adsense-midclass-home-page) .entry-content {
	background: transparent !important;
}
body.makeit-adsense-midclass-template-comparison:not(.makeit-adsense-midclass-home-page) .entry-title,
body.makeit-adsense-midclass-template-comparison:not(.makeit-adsense-midclass-home-page) .page-title,
body.makeit-adsense-midclass-template-comparison:not(.makeit-adsense-midclass-home-page) .archive-title {
	font-family: 'Noto Sans KR', sans-serif !important;
	font-weight: 900;
	color: #3c3b3b !important;
	font-size: 1.6em;
	letter-spacing: 0.08em;
	line-height: 1.4;
	margin: 0 0 0.5em 0;
	word-break: keep-all;
}
body.makeit-adsense-midclass-template-comparison:not(.makeit-adsense-midclass-home-page) .entry-content h2 {
	font-family: 'Noto Sans KR', sans-serif !important;
	font-weight: 800;
	color: #3c3b3b;
}

/* 글 대표이미지(카드 안 풀폭) */
body.makeit-adsense-midclass-template-comparison .featured-image img,
body.makeit-adsense-midclass-template-comparison .page-header-image-single img,
body.makeit-adsense-midclass-template-comparison .wp-post-image {
	width: 100% !important;
	max-width: 100% !important;
	max-height: 320px !important;
	object-fit: cover;
	margin: 0 0 1.5em 0 !important;
	display: block;
}

/* 매트릭스/표가 본문에 있으면 가로 스크롤 */
body.makeit-adsense-midclass-template-comparison .table-wrapper,
body.makeit-adsense-midclass-template-comparison .entry-content table {
	overflow-x: auto;
	display: block;
	max-width: 100%;
}

/* --- 모바일: 2단 → 세로 스택 --- */
@media screen and (max-width: 980px) {
	body.makeit-adsense-midclass-template-comparison.makeit-adsense-midclass-home-page .makeit-fi-wrapper,
	body.makeit-adsense-midclass-template-comparison:not(.makeit-adsense-midclass-home-page) .site-content {
		-webkit-flex-direction: column;
		flex-direction: column;
		gap: 2em;
	}
	body.makeit-adsense-midclass-template-comparison .makeit-fi-sidebar,
	body.makeit-adsense-midclass-template-comparison .makeit-fi-aside {
		-webkit-flex-basis: auto;
		flex-basis: auto;
		width: 100%;
	}
	body.makeit-adsense-midclass-template-comparison .makeit-fi-post,
	body.makeit-adsense-midclass-template-comparison:not(.makeit-adsense-midclass-home-page) .site-main > article,
	body.makeit-adsense-midclass-template-comparison:not(.makeit-adsense-midclass-home-page) .inside-article {
		padding: 1.6em !important;
	}
}


/* ===== 아카이빙형 전용 홈 보강 (v1.1.0) ===== */
.makeit-collection-home .makeit-collection-roadmap {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5em;
    counter-reset: makeit-roadmap;
}

.makeit-collection-home .makeit-collection-roadmap li {
    position: relative;
    padding: 0.9em 1em 0.9em 1.2em;
    margin-bottom: 0.6em;
    border-left: 4px solid #f56a6a;
    background: rgba(245, 106, 106, 0.05);
    border-radius: 0 6px 6px 0;
}

.makeit-collection-home .makeit-collection-roadmap li strong {
    display: block;
    margin-bottom: 0.25em;
}

.makeit-collection-home .makeit-collection-roadmap li span {
    color: #7f888f;
    font-size: 0.9em;
}

.makeit-collection-home .makeit-collection-checkboard {
    list-style: none;
    padding: 0;
    margin: 0 0 1em;
}

.makeit-collection-home .makeit-collection-checkboard li {
    padding: 0.45em 0;
    border-bottom: dotted 1px rgba(210, 215, 217, 0.75);
    font-size: 0.9em;
}

.makeit-collection-home .makeit-collection-checkboard li .icon {
    color: #f56a6a;
    margin-right: 0.5em;
}