/* =========================================================
   유튜브 홈페이지 바로가기 (hon) — v1.0
   컨셉: 유튜브 UI 자체를 재현 (구조부터 다른 사이트처럼)
   - 상단 마스트헤드(로고+검색바) / 영상 재생페이지형 히어로
   - 썸네일 영상 그리드 / 재생목록형 단계 / 유튜브풍 펼침 FAQ
   - 공통 뼈대 미사용, 전용 .yt-* 마크업. 레드 액센트.
   ========================================================= */
.pts-preset.youtube-home-hon-landing{
	--yt-red:    #FF0000;
	--yt-red-d:  #CC0000;
	--yt-ink:    #0F0F0F;
	--yt-soft:   #606060;
	--yt-line:   #E5E5E5;
	--yt-bg:     #FFFFFF;
	--yt-chip:   #F2F2F2;
	--yt-chip-h: #E5E5E5;
	--yt-font: "Roboto", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
		"Pretendard", "Noto Sans KR", "맑은 고딕", sans-serif;
	font-family: var(--yt-font);
	color: var(--yt-ink);
}

/* 글자 색 정합 */
.pts-preset.youtube-home-hon-landing p{ color: var(--yt-ink); }

/* ============ 마스트헤드 ============ */
.pts-preset.youtube-home-hon-landing .yt-bar{
	display: flex;
	align-items: center;
	gap: 16px;
	background: var(--yt-bg);
	border: 1px solid var(--yt-line);
	border-radius: 14px;
	padding: 10px 16px;
	margin-bottom: 22px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}
.pts-preset.youtube-home-hon-landing .yt-bar__left{
	display: flex; align-items: center; gap: 14px; flex: 0 0 auto;
}
.pts-preset.youtube-home-hon-landing .yt-burger{
	display: inline-flex; flex-direction: column; gap: 4px; cursor: default;
}
.pts-preset.youtube-home-hon-landing .yt-burger i{
	width: 18px; height: 2px; background: var(--yt-ink); border-radius: 2px;
}
.pts-preset.youtube-home-hon-landing .yt-logo{
	display: inline-flex; align-items: center; gap: 6px;
	font-weight: 800; font-size: 19px; letter-spacing: -0.04em;
}
.pts-preset.youtube-home-hon-landing .yt-logo__play{
	display: inline-flex; align-items: center; justify-content: center;
	width: 30px; height: 21px; background: var(--yt-red);
	border-radius: 6px; position: relative;
}
.pts-preset.youtube-home-hon-landing .yt-logo__play::after{
	content: ""; border-style: solid;
	border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #fff;
}
.pts-preset.youtube-home-hon-landing .yt-search{
	display: flex; flex: 1 1 auto; max-width: 440px;
	margin: 0 auto; align-items: stretch;
}
.pts-preset.youtube-home-hon-landing .yt-search__field{
	flex: 1 1 auto;
	border: 1px solid var(--yt-line);
	border-right: 0;
	border-radius: 999px 0 0 999px;
	padding: 9px 18px;
	color: #909090; font-size: 14px;
	background: #fff;
	display: flex; align-items: center;
}
.pts-preset.youtube-home-hon-landing .yt-search__btn{
	width: 58px;
	background: var(--yt-chip);
	border: 1px solid var(--yt-line);
	border-radius: 0 999px 999px 0;
	position: relative;
}
.pts-preset.youtube-home-hon-landing .yt-search__btn::after{
	content: ""; position: absolute; top: 50%; left: 50%;
	width: 13px; height: 13px; margin: -8px 0 0 -9px;
	border: 2px solid var(--yt-soft); border-radius: 50%;
}
.pts-preset.youtube-home-hon-landing .yt-search__btn::before{
	content: ""; position: absolute; top: 50%; left: 50%;
	width: 7px; height: 2px; margin: 4px 0 0 1px;
	background: var(--yt-soft); transform: rotate(45deg); border-radius: 2px;
}
.pts-preset.youtube-home-hon-landing .yt-bar__right{
	display: flex; align-items: center; gap: 14px; flex: 0 0 auto;
}
.pts-preset.youtube-home-hon-landing .yt-icon-dots{
	display: inline-flex; flex-direction: column; gap: 3px;
}
.pts-preset.youtube-home-hon-landing .yt-icon-dots i{
	width: 4px; height: 4px; border-radius: 50%; background: var(--yt-ink);
}
.pts-preset.youtube-home-hon-landing .yt-avatar{
	width: 34px; height: 34px; border-radius: 50%;
	background: linear-gradient(135deg, #FF0000, #C4302B);
	color: #fff; font-weight: 800; font-size: 15px;
	display: inline-flex; align-items: center; justify-content: center;
}

/* ============ 영상 재생 페이지형 히어로 ============ */
.pts-preset.youtube-home-hon-landing .yt-watch{ margin-bottom: 30px; }
.pts-preset.youtube-home-hon-landing .yt-player{
	position: relative;
	aspect-ratio: 16 / 9;
	background:
		radial-gradient(120% 120% at 50% 40%, #3a3a3a 0%, #0f0f0f 70%);
	border-radius: 16px;
	overflow: hidden;
	display: flex; align-items: center; justify-content: center;
}
.pts-preset.youtube-home-hon-landing .yt-player__badge{
	position: absolute; top: 14px; left: 14px;
	background: var(--yt-red); color: #fff;
	font-size: 11px; font-weight: 800; letter-spacing: 0.04em;
	padding: 4px 10px; border-radius: 6px;
}
.pts-preset.youtube-home-hon-landing .yt-player__play{
	width: 84px; height: 60px;
	background: rgba(0,0,0,0.55); border-radius: 16px;
	display: inline-flex; align-items: center; justify-content: center;
	transition: background .18s ease, transform .18s ease;
}
.pts-preset.youtube-home-hon-landing .yt-player__play::after{
	content: ""; border-style: solid;
	border-width: 13px 0 13px 22px; border-color: transparent transparent transparent #fff;
	margin-left: 4px;
}
.pts-preset.youtube-home-hon-landing .yt-watch:hover .yt-player__play{
	background: var(--yt-red); transform: scale(1.05);
}
.pts-preset.youtube-home-hon-landing .yt-player__dur{
	position: absolute; bottom: 14px; right: 14px;
	background: rgba(0,0,0,0.8); color: #fff;
	font-size: 12px; font-weight: 700;
	padding: 3px 8px; border-radius: 5px;
}
.pts-preset.youtube-home-hon-landing .yt-player__progress{
	position: absolute; left: 0; right: 0; bottom: 0;
	height: 4px; background: rgba(255,255,255,0.25);
}
.pts-preset.youtube-home-hon-landing .yt-player__progress span{
	display: block; width: 38%; height: 100%; background: var(--yt-red);
}

.pts-preset.youtube-home-hon-landing .yt-video-title{
	font-size: 24px; font-weight: 800; letter-spacing: -0.02em;
	margin: 16px 0 12px; line-height: 1.35; color: var(--yt-ink);
}

/* 채널 메타 줄 */
.pts-preset.youtube-home-hon-landing .yt-meta-row{
	display: flex; align-items: center; justify-content: space-between;
	flex-wrap: wrap; gap: 14px;
	padding-bottom: 16px; border-bottom: 1px solid var(--yt-line);
}
.pts-preset.youtube-home-hon-landing .yt-channel{
	display: flex; align-items: center; gap: 12px;
}
.pts-preset.youtube-home-hon-landing .yt-channel__avatar{
	width: 42px; height: 42px; border-radius: 50%;
	background: linear-gradient(135deg, #FF0000, #C4302B);
	position: relative; flex: 0 0 auto;
}
.pts-preset.youtube-home-hon-landing .yt-channel__avatar::after{
	content: ""; position: absolute; top: 50%; left: 50%;
	border-style: solid; border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #fff;
	transform: translate(-40%, -50%);
}
.pts-preset.youtube-home-hon-landing .yt-channel__name{
	margin: 0; font-weight: 800; font-size: 15px;
	display: flex; align-items: center; gap: 5px;
}
.pts-preset.youtube-home-hon-landing .yt-verified{
	width: 15px; height: 15px; background: var(--yt-soft); color: #fff;
	border-radius: 50%; font-size: 9px; font-weight: 900;
	display: inline-flex; align-items: center; justify-content: center;
}
.pts-preset.youtube-home-hon-landing .yt-channel__sub{
	margin: 2px 0 0; font-size: 12.5px; color: var(--yt-soft);
}
.pts-preset.youtube-home-hon-landing .yt-subscribe{
	background: var(--yt-ink); color: #fff !important;
	font-weight: 700; font-size: 14px; text-decoration: none !important;
	padding: 9px 18px; border-radius: 999px; margin-left: 4px;
	transition: background .15s ease;
}
.pts-preset.youtube-home-hon-landing .yt-subscribe:hover{ background: var(--yt-red); }
.pts-preset.youtube-home-hon-landing .yt-actions{
	display: flex; gap: 8px; flex-wrap: wrap;
}
.pts-preset.youtube-home-hon-landing .yt-act{
	background: var(--yt-chip); color: var(--yt-ink);
	font-size: 13.5px; font-weight: 600;
	padding: 9px 15px; border-radius: 999px;
}
.pts-preset.youtube-home-hon-landing .yt-act--like{ font-weight: 700; }

.pts-preset.youtube-home-hon-landing .yt-desc{
	background: var(--yt-chip); border-radius: 12px;
	padding: 14px 16px; margin-top: 14px; font-size: 14.5px; line-height: 1.8;
}
.pts-preset.youtube-home-hon-landing .yt-desc__meta{
	margin: 0 0 6px; font-weight: 800; font-size: 13.5px; color: var(--yt-ink);
}
.pts-preset.youtube-home-hon-landing .yt-desc p:last-child{ margin: 0; color: #2a2a2a; }

/* ============ 섹션 제목 ============ */
.pts-preset.youtube-home-hon-landing .yt-h2{
	font-size: 20px; font-weight: 800; letter-spacing: -0.02em;
	margin: 30px 0 16px; display: flex; align-items: center; gap: 10px;
	color: var(--yt-ink);
}
.pts-preset.youtube-home-hon-landing .yt-h2__bar{
	width: 4px; height: 20px; background: var(--yt-red); border-radius: 3px;
}

/* ============ 썸네일 영상 그리드 ============ */
.pts-preset.youtube-home-hon-landing .yt-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 18px;
}
.pts-preset.youtube-home-hon-landing .yt-vcard{
	text-decoration: none !important; color: inherit;
	display: block; border-radius: 14px;
	transition: transform .16s ease;
}
.pts-preset.youtube-home-hon-landing .yt-vcard:hover{ transform: translateY(-3px); }
.pts-preset.youtube-home-hon-landing .yt-vcard__thumb{
	position: relative;
	aspect-ratio: 16 / 9;
	border-radius: 14px;
	overflow: hidden;
	display: flex; align-items: center; justify-content: center;
}
.pts-preset.youtube-home-hon-landing .yt-thumb--web{ background: linear-gradient(135deg, #1f1f1f, #3d3d3d); }
.pts-preset.youtube-home-hon-landing .yt-thumb--and{ background: linear-gradient(135deg, #0b8043, #1aa260); }
.pts-preset.youtube-home-hon-landing .yt-thumb--ios{ background: linear-gradient(135deg, #2b2b2b, #555); }
.pts-preset.youtube-home-hon-landing .yt-vcard__os{
	position: absolute; top: 10px; left: 10px;
	background: rgba(255,255,255,0.16); color: #fff;
	font-size: 11px; font-weight: 800; letter-spacing: 0.08em;
	padding: 4px 9px; border-radius: 6px; backdrop-filter: blur(2px);
}
.pts-preset.youtube-home-hon-landing .yt-vcard__play{
	width: 56px; height: 40px; background: rgba(0,0,0,0.5);
	border-radius: 12px;
	display: inline-flex; align-items: center; justify-content: center;
	transition: background .16s ease;
}
.pts-preset.youtube-home-hon-landing .yt-vcard__play::after{
	content: ""; border-style: solid;
	border-width: 9px 0 9px 15px; border-color: transparent transparent transparent #fff;
	margin-left: 3px;
}
.pts-preset.youtube-home-hon-landing .yt-vcard:hover .yt-vcard__play{ background: var(--yt-red); }
.pts-preset.youtube-home-hon-landing .yt-vcard__dur{
	position: absolute; bottom: 8px; right: 8px;
	background: rgba(0,0,0,0.8); color: #fff;
	font-size: 11.5px; font-weight: 700;
	padding: 2px 7px; border-radius: 5px;
}
.pts-preset.youtube-home-hon-landing .yt-vcard__info{
	display: flex; gap: 11px; padding: 12px 4px 0;
}
.pts-preset.youtube-home-hon-landing .yt-vcard__ava{
	width: 34px; height: 34px; border-radius: 50%; flex: 0 0 auto;
	background: linear-gradient(135deg, #FF0000, #C4302B); position: relative;
}
.pts-preset.youtube-home-hon-landing .yt-vcard__ava::after{
	content: ""; position: absolute; top: 50%; left: 50%;
	border-style: solid; border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #fff;
	transform: translate(-40%, -50%);
}
.pts-preset.youtube-home-hon-landing .yt-vcard__title{
	margin: 0 0 3px; font-weight: 700; font-size: 15px; line-height: 1.35; color: var(--yt-ink);
}
.pts-preset.youtube-home-hon-landing .yt-vcard__meta{
	margin: 0; font-size: 12.5px; color: var(--yt-soft);
}

/* ============ 안내 박스 ============ */
.pts-preset.youtube-home-hon-landing .yt-warn{
	background: #FFF4F4; border: 1px solid #FFD4D4;
	border-left: 4px solid var(--yt-red);
	border-radius: 12px; padding: 14px 16px;
	margin: 20px 0; font-size: 14px; color: #7a1f1f; line-height: 1.7;
}
.pts-preset.youtube-home-hon-landing .yt-warn strong{ color: var(--yt-red-d); }

/* ============ 재생목록형 단계 ============ */
.pts-preset.youtube-home-hon-landing .yt-playlist{
	background: #0f0f0f; border-radius: 16px; overflow: hidden;
	margin: 24px 0;
}
.pts-preset.youtube-home-hon-landing .yt-playlist__head{
	display: flex; align-items: center; gap: 12px;
	padding: 18px 20px; background: #1c1c1c;
	border-bottom: 1px solid #2a2a2a;
}
.pts-preset.youtube-home-hon-landing .yt-playlist__ico{
	width: 40px; height: 40px; border-radius: 10px; background: var(--yt-red);
	position: relative; flex: 0 0 auto;
}
.pts-preset.youtube-home-hon-landing .yt-playlist__ico::after{
	content: ""; position: absolute; top: 50%; left: 50%;
	border-style: solid; border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #fff;
	transform: translate(-40%, -50%);
}
.pts-preset.youtube-home-hon-landing .yt-playlist__title{ margin: 0; color: #fff; font-weight: 800; font-size: 16px; }
.pts-preset.youtube-home-hon-landing .yt-playlist__sub{ margin: 2px 0 0; color: #aaa; font-size: 12.5px; }
.pts-preset.youtube-home-hon-landing .yt-playlist__list{
	list-style: none; margin: 0; padding: 6px;
}
.pts-preset.youtube-home-hon-landing .yt-pl-item{
	display: flex; align-items: flex-start; gap: 14px;
	padding: 14px 14px; border-radius: 10px;
	transition: background .15s ease;
}
.pts-preset.youtube-home-hon-landing .yt-pl-item:hover{ background: #1f1f1f; }
.pts-preset.youtube-home-hon-landing .yt-pl-num{
	width: 26px; text-align: center; flex: 0 0 auto;
	color: #aaa; font-weight: 800; font-size: 15px; padding-top: 1px;
}
.pts-preset.youtube-home-hon-landing .yt-pl-body{ flex: 1 1 auto; }
.pts-preset.youtube-home-hon-landing .yt-pl-title{ margin: 0 0 4px; color: #fff; font-weight: 700; font-size: 15px; }
.pts-preset.youtube-home-hon-landing .yt-pl-desc{ margin: 0; color: #bbb; font-size: 13.5px; line-height: 1.65; }
.pts-preset.youtube-home-hon-landing .yt-pl-desc code{
	background: #2a2a2a; color: #ff6b6b; padding: 1px 6px; border-radius: 4px; font-size: 0.9em;
}
.pts-preset.youtube-home-hon-landing .yt-pl-desc strong{ color: #fff; }
.pts-preset.youtube-home-hon-landing .yt-pl-dur{
	flex: 0 0 auto; color: #888; font-size: 12px; font-weight: 700; padding-top: 2px;
}

/* ============ 본문 ============ */
.pts-preset.youtube-home-hon-landing .entry-content{
	border: 1px solid var(--yt-line);
	box-shadow: none;
	border-radius: 16px;
}
.pts-preset.youtube-home-hon-landing .entry-content a{ color: var(--yt-red-d); }

/* ============ FAQ (유튜브풍 펼침) ============ */
.pts-preset.youtube-home-hon-landing .yt-faq{ display: grid; gap: 10px; }
.pts-preset.youtube-home-hon-landing .yt-faq details{
	background: var(--yt-chip); border-radius: 12px; overflow: hidden;
}
.pts-preset.youtube-home-hon-landing .yt-faq summary{
	cursor: pointer; list-style: none;
	font-weight: 700; font-size: 15px; color: var(--yt-ink);
	padding: 15px 18px;
	display: flex; align-items: center; justify-content: space-between;
}
.pts-preset.youtube-home-hon-landing .yt-faq summary::-webkit-details-marker{ display: none; }
.pts-preset.youtube-home-hon-landing .yt-faq summary::after{
	content: "⌄"; font-size: 18px; color: var(--yt-soft);
	transition: transform .15s ease; margin-left: 12px;
}
.pts-preset.youtube-home-hon-landing .yt-faq details[open] summary::after{ transform: rotate(180deg); }
.pts-preset.youtube-home-hon-landing .yt-faq .faq-body{
	padding: 0 18px 16px; font-size: 14px; color: #383838; line-height: 1.8;
}
.pts-preset.youtube-home-hon-landing .yt-faq .faq-body strong{ color: var(--yt-ink); }

/* ============ 반응형 ============ */
@media (max-width: 768px){
	.pts-preset.youtube-home-hon-landing .yt-search{ max-width: none; }
	.pts-preset.youtube-home-hon-landing .yt-video-title{ font-size: 20px; }
	.pts-preset.youtube-home-hon-landing .yt-meta-row{ flex-direction: column; align-items: flex-start; }
}
@media (max-width: 480px){
	.pts-preset.youtube-home-hon-landing .yt-bar{ gap: 10px; padding: 9px 12px; }
	.pts-preset.youtube-home-hon-landing .yt-search__field{ padding: 8px 12px; font-size: 13px; }
	.pts-preset.youtube-home-hon-landing .yt-search__btn{ width: 46px; }
	.pts-preset.youtube-home-hon-landing .yt-logo{ font-size: 16px; }
	.pts-preset.youtube-home-hon-landing .yt-video-title{ font-size: 18px; }
	.pts-preset.youtube-home-hon-landing .yt-grid{ grid-template-columns: 1fr; }
	.pts-preset.youtube-home-hon-landing .yt-actions{ width: 100%; }
}