/*#################################################################################################
#########	메인 시안 v5 스타일 (2026-10-22 정리본) — main.renewal.css 다음에 불러옴 (v5/main.php $mainExtraCss)
#########	- 수정 이력이 쌓인 원본(1,913줄 · 118KB)에서 '뒤 규칙에 덮여 적용되지 않던 선언'과 주석을 걷어낸 결과
#########	  (화면 폭 10가지 × 움직임 줄이기 켬/끔 모두 최종 적용값 차이 0건으로 대조함)
#########	- 이력 · 결정 이유 주석이 달린 원본 : /home/marketingmonster/backup_v2_20261020/main5.css.before-cssclean
#########	- 꺼 둔 이전 시안(배너 · 로고 타일 · 동그라미 탭 · 묶음 패널 등) 스타일 : main5.variants.css
#########	  — v5/main.php $main5CssVariants = true 일 때만 불러옴 (해당 설정을 다시 켤 때 함께 켤 것)
#########	- 고칠 때는 같은 선택자를 파일 끝에 덧붙이지 말고 그 규칙을 직접 고칠 것 (덧붙이기가 쌓여 비대해졌던 원인)
#################################################################################################*/
.programs [data-tab-desc] { white-space: pre-line; }
.tabs__tab--all { background: #fff; color: var(--text); }
.tabs__tab--all:hover { background: #fafafa; color: var(--ink); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.trial-note { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 14px; padding: 14px 20px; border: 1px solid rgba(227, 45, 33, .14); border-top: 0; border-radius: 0 0 14px 14px; background: #fff7f6; text-align: center; }
.trial-note__icon { display: grid; flex: none; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 1px rgba(227, 45, 33, .14); color: var(--brand); }
.trial-note__icon svg { width: 16px; height: 16px; }
.trial-note__text { font-size: var(--fs-body); line-height: 1.5; letter-spacing: var(--ls-ui); color: var(--ink); }
.trial-note__text strong { font-weight: 700; }
.trial-note__btn { display: inline-flex; flex: none; align-items: center; gap: 2px; height: 34px; padding: 0 12px 0 16px; border-radius: 999px; background: var(--brand); font-size: var(--fs-sm); font-weight: 700; letter-spacing: var(--ls-ui); color: #fff; transition: background-color .2s; }
.trial-note__btn:hover { background: var(--brand-hover); }
.trial-note__btn svg { width: 16px; height: 16px; transition: transform .2s var(--ease); }
.trial-note__btn:hover svg { transform: translateX(2px); }
.trial-note ~ .tab-panel { margin-top: 24px; }
.finder { padding: 28px 32px; border-radius: var(--radius-card); background: var(--soft); scroll-margin-top: calc(var(--header-h) + 24px); }
.finder__search input[type='search'] { height: 56px; padding-left: 20px; border-color: transparent; box-shadow: 0 1px 2px rgba(17, 17, 17, .04), 0 6px 16px -8px rgba(17, 17, 17, .14); font-size: var(--fs-md); }
.finder__search input:focus-visible { border-color: var(--ink); box-shadow: 0 0 0 3px rgba(17, 17, 17, .08); }
.finder__search button { right: 8px; color: var(--ink); }
.finder__search button svg { width: 22px; height: 22px; }
.finder__tags { display: grid; gap: 10px; margin-top: 16px; }
.finder__label { flex: none; min-width: 44px; padding-top: 7px; font-size: var(--fs-sm); font-weight: 700; line-height: 1.3; letter-spacing: var(--ls-ui); color: var(--ink); }
.finder__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.finder__chip { display: inline-flex; align-items: center; gap: 4px; height: 32px; padding: 0 12px; border-radius: 8px; border: 1px solid var(--line-2); background: #fff; font-size: var(--fs-sm); font-weight: 500; line-height: 1; letter-spacing: var(--ls-ui); color: var(--text); white-space: nowrap; transition: border-color .2s, background-color .2s, color .2s; }
.finder__chip:hover { border-color: var(--ink); color: var(--ink); }
.finder__chip span { font-family: var(--font-en); font-size: var(--fs-2xs); font-weight: 600; color: var(--text-3); }
.finder__chip[aria-pressed='true'] { border-color: var(--ink); background: var(--ink); color: #fff; }
.finder__chip[aria-pressed='true'] span { color: rgba(255, 255, 255, .7); }
.all-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.finder-bar__count { font-size: var(--fs-sm); letter-spacing: var(--ls-ui); color: var(--text-2); white-space: nowrap; }
.finder-bar__count strong { font-family: var(--font-en); font-weight: 700; color: var(--ink); }
.all-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 24px; }	/* 홍보형 썸네일이 잘 보이게 4열 → 3열 (2026-10-26) */
.all-grid[hidden], .all-item[hidden] { display: none; }
.all-item { display: flex; min-width: 0; }
.all-item__link { display: flex; flex: 1; flex-direction: column; min-width: 0; overflow: hidden; border-radius: 16px; border: 1px solid var(--line); background: #fff; box-shadow: var(--shadow-card); transition: transform .35s var(--ease), box-shadow .35s var(--ease); }
.all-item__link:hover { transform: translateY(-4px); box-shadow: var(--shadow-card-hover); }
.all-item__link:focus-visible { outline-offset: 3px; }
.all-item__visual { position: relative; display: block; aspect-ratio: 5 / 4; background: var(--soft); }
.all-item__visual img { display: block; width: 100%; height: 100%; object-fit: cover; }
.all-item__body { display: flex; flex: 1; flex-direction: column; padding: 16px 18px 18px; }
.all-item__cate { font-size: var(--fs-2xs); font-weight: 600; line-height: 1.4; letter-spacing: var(--ls-ui); color: var(--brand); }
.all-item__title, .all-item__desc { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.all-item__title { margin-top: 4px; font-size: var(--fs-md); font-weight: 700; line-height: var(--lh-title); letter-spacing: var(--ls-title); color: var(--ink); }
.all-item__desc { min-height: calc(1.55em * 2); margin-top: 6px; margin-bottom: 16px; font-size: var(--fs-xs); line-height: 1.55; letter-spacing: var(--ls-body); color: var(--text-2); }
.all-item__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; margin-top: auto; padding-top: 14px; border-top: 1px solid var(--line); font-size: var(--fs-sm); font-weight: 600; color: var(--ink); }
.all-item__price strong { font-family: var(--font-en); font-size: 18px; font-weight: 700; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.all-item__price small { flex-basis: 100%; font-size: var(--fs-2xs); font-weight: 500; color: var(--text-3); }
.all-empty { margin-top: 24px; padding: 56px 24px; border-radius: var(--radius-card); background: var(--soft); text-align: center; }
.all-empty__title { font-size: var(--fs-lg); font-weight: 700; letter-spacing: var(--ls-title); color: var(--ink); word-break: break-all; }
.all-empty__desc { margin-top: 8px; font-size: var(--fs-body); line-height: var(--lh-body); color: var(--text-2); }
.all-empty__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 20px; }
.all-empty__link { display: inline-flex; align-items: center; gap: 2px; margin-top: 16px; font-size: var(--fs-sm); font-weight: 600; color: var(--text-2); }
.all-empty__link svg { width: 15px; height: 15px; }
.all-empty__link:hover { color: var(--ink); }
.v5-m3 { --m3-accent: #e2453a; --m3-radius-sm: 16px; }
.v5-m3--box { padding: 36px 40px 40px; border-radius: var(--radius-card); border: 1px solid var(--m3-line); background: #fff; }
.v5-m3 .item-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.v5-m3 .item { position: relative; display: flex; flex-direction: column; min-width: 0; border-radius: var(--m3-radius-sm); border: 1px solid var(--m3-line); background: #fff; transition: border-color .3s var(--ease), box-shadow .3s var(--ease), transform .3s var(--ease); }
.v5-m3 .item:hover { border-color: var(--m3-line-2); box-shadow: 0 18px 40px -18px rgba(17, 17, 17, .2); transform: translateY(-4px); }
.v5-m3 .item__thumb { position: relative; aspect-ratio: 16 / 10; overflow: hidden; border-radius: calc(var(--m3-radius-sm) - 1px) calc(var(--m3-radius-sm) - 1px) 0 0; background: var(--m3-surface); }
.v5-m3 .goods-thumb { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.v5-m3 .product-thumb__box { transition: transform .5s var(--ease); }
.v5-m3 .item:hover .product-thumb__box { transform: translateY(-8px); }
.v5-m3 .item__update { position: absolute; top: 14px; right: 14px; display: inline-flex; align-items: center; gap: 4px; height: 26px; padding: 0 10px 0 8px; border-radius: 999px; background: rgba(255, 255, 255, .9); font-size: 12px; line-height: 1; color: var(--m3-text-2); }
.v5-m3 .item__update svg { width: 12px; height: 12px; }
.v5-m3 .item__update time { font-family: var(--font-en); font-weight: 600; color: var(--ink); }
.v5-m3 .item--photo .item__thumb { aspect-ratio: 5 / 4; background: #fff; }
.v5-m3 .item__cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease); }
.v5-m3 .item--photo:hover .item__cover { transform: scale(1.03); }
/* 홍보형 썸네일 스타일은 css/promo.css (관리자 상품 등록 미리보기와 같이 씀, 2026-10-26 분리) */
.v5-m3 .item__update--body { position: static; align-self: flex-start; height: 24px; margin-bottom: 10px; padding: 0 9px 0 7px; background: var(--m3-surface); }
.v5-m3 .item__body { display: flex; flex: 1; flex-direction: column; padding: 22px 24px 24px; }
.v5-m3 .item__title, .v5-m3 .item__desc { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.v5-m3 .item__title { font-size: 18px; font-weight: 700; line-height: 1.42; letter-spacing: -0.025em; color: var(--ink); }
.v5-m3 .item__title a::after { content: ''; position: absolute; inset: 0; border-radius: var(--m3-radius-sm); }
.v5-m3 .item__title a:focus-visible { outline: none; }
.v5-m3 .item__title a:focus-visible::after { outline: 2px solid var(--m3-accent); outline-offset: 3px; }
.v5-m3 .item__desc { margin-top: 6px; font-size: 15px; line-height: 1.55; color: var(--m3-text-3); }
.v5-m3 .item__tags { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.v5-m3 .tag { gap: 5px; height: 26px; padding: 0 9px; border-radius: 7px; background: var(--m3-surface); font-size: 12.5px; color: var(--m3-text); }
.v5-m3 .tag--platform { padding-left: 5px; }
.v5-m3 .tag .logo-badge { width: 16px; height: 16px; border-radius: 4px; }
.v5-m3 .item__foot { margin-top: auto; padding-top: 18px; }
.v5-m3 .price-row { gap: 2px 12px; padding-top: 16px; border-top-color: var(--m3-line); }
.v5-m3 .price__num { font-size: 22px; }
.v5-m3 .price__unit { font-size: 16px; font-weight: 700; }
.v5-m3 .price__per { font-size: 13px; }
.v5-m3 .price__text { font-size: 20px; }
.v5-m3 .price__sub { gap: 5px; font-size: 13px; color: var(--m3-text-3); }
.v5-m3 .item__actions { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr); margin-top: 16px; }
.v5-m3 .item__actions .btn { height: 46px; padding: 0 12px; border-radius: 12px; font-size: 15px; }
.v5-m3 .item__actions .btn:hover { background: #000; }
@media (max-width: 1023px) {
	.v5-m3--box { padding: 32px 28px; }
	.v5-m3 .item-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
}
@media (max-width: 767px) {
	.v5-m3--box { padding: 24px 18px; border-radius: 16px; }
	.v5-m3 .item-grid { gap: 12px; }
	.v5-m3 .item__body { padding: 18px 18px 20px; }
	.v5-m3 .item__title { font-size: 17px; }
	.v5-m3 .item__desc { font-size: 14px; }
	.v5-m3 .price__num { font-size: 20px; }
}
@media (max-width: 599px) {
	.programs--v5 .all-grid { grid-template-columns: minmax(0, 1fr); }	/* 작은 휴대폰 1열 (썸네일 글자가 보이게) — 뒤의 767px 2열 규칙보다 우선하도록 .programs--v5 를 붙임 */
	.v5-m3 .item-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1199px) {
	.all-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.trial-note { gap: 10px 8px; padding: 14px 16px 16px; }
	.trial-note__icon { width: 26px; height: 26px; }
	.trial-note__icon svg { width: 14px; height: 14px; }
	.trial-note__text { font-size: var(--fs-sm); }
	.trial-note__btn { flex-basis: 100%; justify-content: center; max-width: 220px; }
	.finder { padding: 20px 16px; border-radius: 16px; }
	.finder__search input[type='search'] { height: 52px; padding-left: 16px; font-size: 16px; }
	.finder__tags { gap: 14px; margin-top: 14px; }
	.finder__label { padding-top: 0; font-size: var(--fs-xs); }
	.finder__chip { height: 32px; padding: 0 10px; font-size: var(--fs-xs); }
	.all-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
	.all-item__link { border-radius: 14px; }
	.all-item__body { padding: 12px 12px 14px; }
	.all-item__title { font-size: var(--fs-body); }
	.all-item__desc { font-size: var(--fs-2xs); }
	.all-item__price { padding-top: 10px; font-size: var(--fs-xs); }
	.all-item__price strong { font-size: 16px; }
	.all-empty { padding: 40px 20px; }
}
.programs--v5 .section-desc { color: var(--text-3); }
.programs--v5 .tabs { border-bottom: 1px solid var(--line); overflow: visible; }
.programs--v5 .tabs__tab { position: relative; border: 0; border-radius: 0; background: none; font-weight: 500; color: var(--text-3); }
.programs--v5 .tabs__tab + .tabs__tab { margin-left: 0; }
.programs--v5 .tabs__tab::after { content: ''; position: absolute; bottom: -1px; border-radius: 2px; background: transparent; transition: background-color .2s; }
.programs--v5 .tabs__tab[aria-selected='true'] { border: 0; background: none; font-weight: 700; color: var(--ink); }
.programs--v5 .tabs__tab:focus-visible, .programs--v5 .tabs__tab[aria-selected='true']:focus-visible { outline-offset: -4px; outline-color: var(--ink); }
.programs--v5 .trial-note { margin: 24px auto 0; }
.programs--v5 .finder { padding: 0; border-radius: 0; background: none; }
.programs--v5 .finder__search input[type='search'] { padding: 0 72px 0 28px; border: 1px solid #dcdee3; border-radius: 999px; }
.programs--v5 .finder__search input[type='search']::placeholder { color: #8b8f96; }
.programs--v5 .finder__search button { right: 8px; border-radius: 50%; }
.programs--v5 .finder__search button svg { width: 20px; height: 20px; }
.programs--v5 .finder__tags { display: flex; align-items: flex-start; }
.programs--v5 .finder__label { flex: none; min-width: 0; white-space: nowrap; }
.programs--v5 .finder__tags:not(.is-open) .is-extra { display: none; }
.programs--v5 .finder__chip { border: 0; border-radius: 999px; background: #f3f4f6; font-weight: 500; color: #333; }
.programs--v5 .finder__chip:hover { background: #e8eaed; color: var(--ink); }
.programs--v5 .finder__chip span { color: #8a8f98; }
.programs--v5 .finder__chip[aria-pressed='true'] { background: var(--ink); color: #fff; }
.programs--v5 .finder__chip[aria-pressed='true'] span { color: rgba(255, 255, 255, .7); }
.programs--v5 .finder__more { display: inline-flex; align-items: center; gap: 2px; padding: 0 8px 0 12px; border-radius: 999px; font-weight: 600; white-space: nowrap; color: var(--text-2); transition: background-color .2s, color .2s; }
.programs--v5 .finder__more:hover { background: #f3f4f6; color: var(--ink); }
.programs--v5 .finder__more svg { width: 16px; height: 16px; transform: rotate(90deg); transition: transform .2s var(--ease); }
.programs--v5 .finder__more[aria-expanded='true'] svg { transform: rotate(-90deg); }
.programs--v5 .all-grid { margin-top: 28px; }
.tag--link { border: 0; font-family: inherit; cursor: pointer; transition: background-color .2s, color .2s, box-shadow .2s; }
.tag--link:hover { box-shadow: inset 0 0 0 1px var(--line-2); }
@media (max-width: 767px) {
	.programs--v5 .tabs__tab { white-space: nowrap; }
	.programs--v5 .finder__search input[type='search'] { padding: 0 60px 0 20px; }
	.programs--v5 .finder__search button { right: 7px; }
	.programs--v5 .finder__label { display: none; }
	.programs--v5 .finder__tags:not(.is-open) .is-popular:nth-child(n+4) { display: none; }
	.programs--v5 .all-grid { margin-top: 20px; }
}
.programs--v5 { padding-top: 64px; }
.programs--v5 .section-desc { margin-top: 12px; line-height: 1.6; }
.programs--v5 .all-grid { gap: 24px; }
.programs--v5 .all-item__body { padding: 18px 20px 20px; }
.programs--v5 .v5-m3 .item-grid { gap: 24px; }
@media (max-width: 1023px) {
	.programs--v5 .all-grid, .programs--v5 .v5-m3 .item-grid { gap: 16px; }
}
@media (max-width: 767px) {
	.programs--v5 { padding-top: 40px; }
	.programs--v5 .section-desc { margin-top: 10px; }
	.programs--v5 .all-grid, .programs--v5 .v5-m3 .item-grid { gap: 12px; }
	.programs--v5 .all-item__body { padding: 12px 12px 14px; }
}
/* 글자 크기 변수(--fs-body 16 · sm 15 · xs 14 · 2xs 14, 모바일 15 · 14 · 13 · 13)는 2026-11-02 main.renewal.css 공통으로 옮김 — 홈만 커서 페이지마다 헤더 글자가 달랐음 */
.programs--v5 .section-desc { font-size: 17px; }
.programs--v5 .finder__search input[type='search'] { font-size: 17px; }
.programs--v5 .finder__chip span { font-size: 14px; }
.programs--v5 .finder-bar__count, .programs--v5 .finder-bar__sort { font-size: 15px; }
.programs--v5 .all-item__cate { font-size: 14px; }
.programs--v5 .all-item__title { margin-top: 6px; font-size: 18px; }
.programs--v5 .all-item__desc { margin-top: 8px; font-size: 15px; }
.programs--v5 .all-item__price { font-size: 15px; }
.programs--v5 .all-item__price strong { font-size: 20px; }
.programs--v5 .all-item__price small { font-size: 14px; }
.programs--v5 .v5-m3 .item__update { height: 28px; font-size: 14px; }
.programs--v5 .v5-m3 .item__title { font-size: 20px; line-height: 1.4; }	/* BEST 3 카드 제목 : 큰 썸네일 아래 위계를 분명하게 (설명 15px) — 카드가 좁아지는 1199px 이하 18px, 모바일 17px */
@media (max-width: 1199px) {
	.programs--v5 .v5-m3 .item__title { font-size: 18px; }
}
.programs--v5 .v5-m3 .item__desc { font-size: 15px; }
.programs--v5 .v5-m3 .tag { height: 30px; font-size: 14px; }
.programs--v5 .v5-m3 .price__num { font-size: 22px; }
.programs--v5 .v5-m3 .price__sub { font-size: 14px; }
@media (max-width: 767px) {

	.programs--v5 .section-desc { font-size: 15px; }
	.programs--v5 .finder__search input[type='search'] { font-size: 16px; }
	.programs--v5 .finder__chip span { font-size: 13px; }
	.programs--v5 .finder__more { padding: 0 6px 0 8px; }
	.programs--v5 .all-item__cate { font-size: 13px; }
	.programs--v5 .all-item__title { font-size: 16px; }
	.programs--v5 .all-item__desc { font-size: 14px; }
	.programs--v5 .all-item__price strong { font-size: 18px; }
	.programs--v5 .all-item__price small { font-size: 13px; }
	.programs--v5 .v5-m3 .item__update { font-size: 13px; }
	.programs--v5 .v5-m3 .item__title { font-size: 17px; }
	.programs--v5 .v5-m3 .item__desc { font-size: 14px; }
	.programs--v5 .v5-m3 .tag { font-size: 13px; }
	.programs--v5 .v5-m3 .price__num { font-size: 20px; }
	.programs--v5 .v5-m3 .price__sub { font-size: 13px; }
}
@media (max-width: 359px) {
	.programs--v5 .finder__tags:not(.is-open) .is-popular:nth-child(n+3) { display: none; }
}
.programs--v5 .tabs__tab { min-width: 0; }
.programs--v5 .tabs__tab::after { height: 2px; }
.cate-best__title { color: var(--ink); }
.cate-best__title { font-size: 26px; font-weight: 700; line-height: 1.35; letter-spacing: var(--ls-heading); }
.cate-best__title span, .programs--v5 .cate-more__title span { margin-left: 4px; font-family: inherit; font-size: inherit; font-weight: 700; letter-spacing: inherit; color: var(--brand); }
.programs--v5 .cate-best__title + .v5-m3, .programs--v5 .cate-best__title + .product-grid { margin-top: 20px; }
@media (max-width: 767px) {
	.cate-best__title { font-size: 21px; }
	.programs--v5 .cate-best__title + .v5-m3, .programs--v5 .cate-best__title + .product-grid { margin-top: 14px; }
}
.programs--v5 .tabs__tab { gap: 8px; }
.tabs__icon { flex: none; width: 18px; height: 18px; }
@media (max-width: 767px) {
	.tabs__icon { display: none; }
}
.inquiry__panel > .status-pill { display: none; }
.programs--v5 .tabs__tab[aria-selected='true']::after { background: var(--brand); }
.programs--v5 .all-item__cate { font-weight: 600; color: var(--text-3); }
.cate-best__title span { color: inherit; }
.programs--v5 .finder-bar__count { font-size: 15px; color: var(--text-2); }
.programs--v5 .finder-bar__count strong { color: var(--ink); }
@media (max-width: 767px) {
	.programs--v5 .finder-bar__count, .programs--v5 .finder-bar__sort { font-size: 14px; }
}
.programs--v5 .tabs__tab { font-size: 16px; }
.programs--v5 .finder__search input[type='search'] { height: 56px; box-shadow: 0 4px 14px -10px rgba(17, 17, 17, .2); }
.programs--v5 .finder__search input:focus-visible { box-shadow: 0 0 0 4px rgba(17, 17, 17, .05), 0 4px 14px -10px rgba(17, 17, 17, .2); }
.programs--v5 .finder__search button { width: 42px; height: 42px; }
.programs--v5 .finder__tags { gap: 8px 12px; }
.programs--v5 .finder__label { padding-top: 9px; font-size: 14px; font-weight: 600; color: var(--text-2); }
.programs--v5 .finder__chip { height: 36px; padding: 0 14px; font-size: 14px; }
.programs--v5 .finder__more { height: 36px; font-size: 14px; }
@media (max-width: 767px) {
	.programs--v5 .tabs__tab { font-size: clamp(13px, 3.8vw, 15px); }
	.programs--v5 .finder__search input[type='search'] { height: 52px; }
	.programs--v5 .finder__search button { width: 40px; height: 40px; }
	.programs--v5 .finder__chip { height: 34px; padding: 0 11px; font-size: 14px; }
	.programs--v5 .finder__more { height: 34px; }
}
.programs--v5 .finder__search button { color: #fff; }
.programs--v5 .finder__search button:hover { color: #fff; }
.programs--v5 .tabs { margin-top: 48px; }
.programs--v5 .trial-note ~ .tab-panel { margin-top: 32px; }
@media (max-width: 767px) {
	.programs--v5 .tabs { margin-top: 32px; }
	.programs--v5 .trial-note ~ .tab-panel { margin-top: 24px; }
}
.programs--v5 .trial-note { border: 0; box-shadow: none; }
.programs--v5 .trial-note__icon { box-shadow: none; }
.programs--v5 .trial-note__text { font-size: 16px; line-height: 1.5; }
.programs--v5 .trial-note__text::after { content: ''; width: 1px; height: 14px; margin-left: 12px; background: #d5d8dd; vertical-align: -1px; }
.programs--v5 .trial-note__btn:hover { text-underline-offset: 4px; }
.programs--v5 .trial-note__btn svg { width: 16px; height: 16px; }
@media (max-width: 767px) {
	.programs--v5 .trial-note__text { font-size: 15px; }
}
.programs--v5 .trial-note { gap: 12px; }
.programs--v5 .trial-note__icon { width: 34px; height: 34px; border-radius: 50%; color: var(--brand); }
.programs--v5 .trial-note__icon svg { width: 18px; height: 18px; }
.programs--v5 .trial-note__text strong { font-weight: 600; color: var(--ink); }
.programs--v5 .trial-note__text::after { display: none; }
.programs--v5 .trial-note__btn { gap: 2px; height: 38px; padding: 0 14px 0 18px; border-radius: 999px; background: var(--brand); font-size: 15px; font-weight: 700; color: #fff; }
.programs--v5 .trial-note__btn:hover { background: var(--brand-hover); color: #fff; text-decoration: none; }
@media (max-width: 767px) {
	.programs--v5 .trial-note { gap: 8px 10px; }
	.programs--v5 .trial-note__icon { width: 30px; height: 30px; }
	.programs--v5 .trial-note__icon svg { width: 16px; height: 16px; }
	.programs--v5 .trial-note__btn { flex-basis: 100%; max-width: 200px; justify-content: center; height: 38px; padding: 0 14px 0 18px; font-size: 15px; }
}
.sort { position: relative; flex: none; }
.sort__btn { display: inline-flex; align-items: center; gap: 2px; height: 34px; padding: 0 6px 0 10px; border-radius: 8px; font-size: 15px; font-weight: 500; letter-spacing: var(--ls-ui); color: var(--text-2); transition: background-color .2s, color .2s; }
.sort__btn:hover, .sort__btn[aria-expanded='true'] { background: #f3f4f6; color: var(--ink); }
.sort__btn svg { width: 16px; height: 16px; transform: rotate(90deg); transition: transform .2s var(--ease); }
.sort__btn[aria-expanded='true'] svg { transform: rotate(-90deg); }
.sort__btn:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.sort__list { position: absolute; top: calc(100% + 6px); right: 0; z-index: 40; min-width: 176px; padding: 6px; border: 1px solid #eceef1; border-radius: 12px; background: #fff; box-shadow: 0 14px 32px -14px rgba(17, 17, 17, .25); outline: none; }
.sort__list[hidden] { display: none; }
.sort__list [role='option'] { display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 40px; padding: 0 10px 0 12px; border-radius: 8px; font-size: 15px; letter-spacing: var(--ls-ui); white-space: nowrap; color: var(--text); cursor: pointer; }
.sort__list [role='option'][aria-selected='true'] { font-weight: 700; color: var(--ink); }
.sort__check { flex: none; width: 16px; height: 16px; visibility: hidden; color: var(--ink); }
.sort__list [role='option'][aria-selected='true'] .sort__check { visibility: visible; }
@media (max-width: 767px) {
	.sort__btn { font-size: 14px; }
	.sort__list [role='option'] { height: 44px; font-size: 14px; }
}
.programs--v5 .trial-note { width: fit-content; max-width: 100%; margin-right: auto; margin-left: auto; padding: 7px 7px 7px 10px; border-radius: 999px; background: #fff4f2; }
.programs--v5 .trial-note__icon { background: #fff; }
@media (max-width: 767px) {
	.programs--v5 .trial-note { width: 100%; padding: 14px 16px 16px; border-radius: 16px; }
}
.programs--v5 .tabs { justify-content: center; gap: 4px; }
.programs--v5 .tabs__tab { flex: 0 0 auto; padding: 0 22px; }
.programs--v5 .tabs__tab::after { right: 22px; left: 22px; }
@media (max-width: 767px) {
	.programs--v5 .tabs { justify-content: space-between; gap: 0; }
	.programs--v5 .tabs__tab { flex: 1 1 auto; padding: 0 4px; }
	.programs--v5 .tabs__tab::after { right: 4px; left: 4px; }
}
.programs--v5 .trial-note { margin-top: 24px; }
@media (max-width: 767px) {
	.programs--v5 .trial-note { margin-top: 16px; }
}
.programs--v5 .finder--center .finder__search, .programs--v5 .finder--center .finder__tags { margin-right: auto; margin-left: auto; }
.programs--v5 .finder--center .finder__tags { justify-content: center; }
.programs--v5 .finder--center .finder__chips { justify-content: center; }
.programs--v5 .tabs--center { margin-right: auto; margin-left: auto; }
.programs--v5 .tabs__tab { height: 52px; }
.programs--v5 .tabs__tab:hover { background: none; color: var(--ink); }
@media (max-width: 767px) {
	.programs--v5 .tabs__tab { height: 48px; }
}
.programs--headband { padding-top: 0; }
.programs--headband .programs__head { padding: 60px 0 52px; border-radius: inherit; }
.programs--headband .tabs { margin-top: 40px; }
.programs--v5 .tabs ~ .tab-panel { margin-top: 32px; }
@media (max-width: 767px) {
	.programs--headband .programs__head { padding: 36px 0 32px; }
	.programs--headband .tabs { margin-top: 20px; }
	.programs--v5 .tabs ~ .tab-panel { margin-top: 24px; }
}
.programs--v5 .finder--center .finder__search, .programs--v5 .finder--center .finder__tags, .programs--v5 .tabs--center { max-width: 800px; }
.programs--v5 .finder__tags--icon { gap: 8px 12px; }
.programs--v5 .finder__tags--icon .finder__chips { gap: 6px; }
.programs--v5 .finder__tags--icon .finder__chip { gap: 6px; height: 36px; padding: 0 12px; border: 1px solid #e3e5e9; background: #fff; font-size: 14px; font-weight: 500; }
.programs--v5 .finder__tags--icon .finder__chip:hover { background: #fff; color: var(--ink); }
.programs--v5 .finder__tags--icon .finder__chip[aria-pressed='true'] { font-weight: 600; }
.programs--v5 .finder__icon { width: 16px; height: 16px; flex: none; transition: color .2s; }
.programs--v5 .finder__chip:hover .finder__icon { color: var(--ink); }
.programs--v5 .finder__chip[aria-pressed='true'] .finder__icon { color: #fff; }
.programs--v5 .finder__logo { width: 16px; height: 16px; flex: none; border-radius: 4px; }
.programs--v5 .finder__tags--icon .finder__more { gap: 4px; height: 36px; padding: 0 10px 0 14px; border: 1px solid #e3e5e9; background: #fff; font-weight: 500; transition: border-color .2s, color .2s; }
.programs--v5 .finder__tags--icon .finder__more:hover { background: #fff; color: var(--ink); }
@media (max-width: 767px) {
	.programs--v5 .finder__tags--icon .finder__chip { gap: 4px; height: 34px; padding: 0 9px; }
	.programs--v5 .finder__tags--icon .finder__more { height: 34px; padding: 0 8px 0 10px; }
	.programs--v5 .finder__icon, .programs--v5 .finder__logo { width: 14px; height: 14px; }
}
.programs--headband .programs__head { position: relative; overflow: hidden; }
.programs--headdark .programs__head .section-title { color: #fff; }
.programs--headdark .trial-note__text strong { color: #fff; }
.programs--headdark .programs__head .section-desc { color: rgba(255, 255, 255, .6); }
.programs--headdark .trial-note { background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); }
.programs--headdark .trial-note__icon { background: rgba(255, 255, 255, .1); color: var(--brand-light); }
.programs--v5 .tabs { border-bottom-color: var(--line); }
.programs--v5 .finder__search input[type='search'] { border-color: var(--line-2); }
.programs--v5 .finder__search input:focus-visible { border-color: #b5b5b5; }
.programs--v5 .finder__tags--icon .finder__chip:hover, .programs--v5 .finder__tags--icon .finder__more:hover { border-color: #c8c8c8; }
.programs--v5 .finder__tags--icon .finder__chip[aria-pressed='true'] { background: var(--ink); }
.programs--v5 .finder__chip { background-color: #f4f4f4; }
.programs--v5 .finder__tags--icon .finder__chip { background-color: #fff; }
.v5-m3 .item__actions .btn { background: var(--ink); }
.programs--tabhead .programs__head { padding-bottom: 0; }
.programs--tabhead .programs__head .tabs { border-bottom: 0; }
.programs--tabhead .programs__head .tabs__tab:focus-visible, .programs--tabhead .programs__head .tabs__tab[aria-selected='true']:focus-visible { outline-color: #fff; }
.programs--tabhead .programs__head .tabs { justify-content: stretch; gap: 0; margin: 48px auto 0; }
.programs--tabhead .programs__head .tabs__tab { flex: 1 1 0; min-width: 0; height: 58px; padding: 0 8px; gap: 8px; font-size: 17px; }
.programs--v5 .finder__tags { margin-top: 20px; }
.programs--v5 .all-bar { margin-top: 48px; }
.programs--v5 .all-bar + .all-grid { margin-top: 16px; }
@media (max-width: 767px) {
	.programs--tabhead .programs__head .tabs__tab { flex: 1 1 auto; height: 48px; padding: 0 2px; font-size: clamp(13px, 3.8vw, 15px); }
	.programs--v5 .finder__tags { margin-top: 14px; }
	.programs--v5 .all-bar { margin-top: 28px; }
	.programs--v5 .all-bar + .all-grid { margin-top: 12px; }
}
.programs__nav { position: relative; z-index: 1; margin-top: 44px; }
.programs--tabhead .programs__head .tabs { margin-top: 0; }
.programs--tabhead .programs__head .tabs__tab { transition: color .2s, background-color .2s; }
@media (max-width: 767px) {
	.programs__nav { margin-top: 24px; }
}
.programs--v5 .finder--soft .finder__search input[type='search'] { height: 60px; border-color: transparent; box-shadow: 0 0 0 1px rgba(17, 17, 17, .05), 0 8px 24px -14px rgba(17, 17, 17, .22); }
.programs--v5 .finder--soft .finder__search input:focus-visible { border-color: #c8c8c8; box-shadow: 0 0 0 4px rgba(17, 17, 17, .06), 0 8px 24px -14px rgba(17, 17, 17, .22); }
.programs--v5 .finder--soft .finder__search button { width: 44px; height: 44px; }
.programs--v5 .finder--soft .finder__tags { margin-top: 20px; }
.programs--v5 .finder--soft + .all-bar { margin-top: 40px; }
@media (max-width: 767px) {
	.programs--v5 .finder--soft .finder__search input[type='search'] { height: 52px; }
	.programs--v5 .finder--soft .finder__search button { width: 40px; height: 40px; }
	.programs--v5 .finder--soft .finder__tags { margin-top: 14px; }
	.programs--v5 .finder--soft + .all-bar { margin-top: 24px; }
}
.programs--tabhead .programs__head .tabs, .programs--v5 .finder--center .finder__search, .programs--v5 .finder--center .finder__tags { max-width: none; }
.programs--v5 .finder--center .finder__search { max-width: 760px; margin-right: auto; margin-left: auto; }
.programs--tabhead .programs__head .tabs__tab { color: rgba(255, 255, 255, .82); }
.programs--tabhead .programs__head .tabs__tab .tabs__icon { transition: color .2s; }
.programs--tabhead .programs__head .tabs__tab:hover { background: rgba(255, 255, 255, .03); color: #fff; }
.programs--tabhead .programs__head .tabs__tab[aria-selected='true'] { font-weight: 700; color: #fff; }
.programs--tabhead .programs__head .tabs__tab::after { right: 0; left: 0; bottom: 0; height: 3px; border-radius: 0; }
.programs--v5 .finder-bar__count strong { font-size: 22px; }
@media (max-width: 767px) {
	.programs--v5 .finder-bar__count strong { font-size: 18px; }
}
.programs--headdark .programs__head { background: #1a1a1a; }
.programs--tabhead .programs__head .tabs__tab .tabs__icon { color: #9a9a9a; }
.programs--tabhead .programs__head .tabs__tab[aria-selected='true'] .tabs__icon { color: var(--brand-light); }
.programs--tabhead .programs__head .tabs__tab[aria-selected='true']::after { background: var(--brand); }
.programs--v5 .finder__search button { background: var(--ink); }
.programs--v5 .finder__search button:hover { background: #000; }
.programs--v5 .finder__tags--icon .finder__chip[aria-pressed='true'] { background-color: var(--ink); }
.programs--headband .programs__head { background: #111; }
.head-video { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.head-video video { width: 100%; height: 100%; object-fit: cover; }
.head-video::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(12, 12, 14, .62) 0%, rgba(12, 12, 14, .8) 100%); }
.programs--headband .programs__head > .container { position: relative; z-index: 1; }
.programs__nav { background: rgba(18, 18, 20, .72); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.programs--tabhead .programs__head .tabs__tab[aria-selected='true'] { background: rgba(255, 255, 255, .08); }
@media (max-width: 767px) {
	.programs--headdark .programs__head { background: #111; }
	.programs--tabhead .programs__head .tabs__tab[aria-selected='true'] { background: rgba(255, 255, 255, .08); }
}
.head-video video { filter: brightness(.9); }
.all-item__link { position: relative; }
.all-item__hit { color: inherit; }
.all-item__hit::after { content: ''; position: absolute; inset: 0; z-index: 0; border-radius: inherit; }
.all-item__hit:focus-visible { outline: 0; }
.all-item__hit:focus-visible::after { outline: 2px solid var(--ink); outline-offset: 3px; }
.all-item__tags { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0 16px; }
.all-item__tags .tag { gap: 5px; height: 30px; padding: 0 9px; border-radius: 7px; font-size: 14px; }
.all-item__tags .tag--platform { padding-left: 5px; }
.all-item__tags .tag .logo-badge { width: 16px; height: 16px; border-radius: 4px; }
@media (max-width: 767px) {
	.all-item__tags { gap: 4px; margin: 10px 0 12px; }
	.all-item__tags .tag { height: 26px; padding: 0 7px; font-size: 12.5px; }
	.all-item__tags .tag .logo-badge { width: 14px; height: 14px; }
}
.programs--v5 .finder__tags--icon.is-open .finder__more { border-radius: 999px; }
.programs--v5 .finder__tags.is-open .finder__more svg { width: 16px; height: 16px; }
.programs--v5 .finder__tags.is-open .finder__more-item { display: list-item; flex-basis: auto; justify-content: initial; margin-top: 0; }
.programs--v5 .finder__tags--icon.is-open .finder__more { gap: 4px; height: 36px; padding: 0 10px 0 14px; border: 1px solid #c8c8c8; font-weight: 600; color: var(--ink); }
.programs--v5 .finder__tags--icon.is-open .finder__more:hover { border-color: #aaa; color: var(--ink); }
.programs--v5 .finder__tags.is-open .finder__chips > li { order: 0; }
.programs--v5 .finder__tags.is-open .finder__chips > .finder__more-item { order: 1; }
.programs--v5 .finder__tags.is-open .finder__chips::before { content: ''; order: 2; flex-basis: 100%; height: 0; }
.programs--v5 .finder__tags.is-open .finder__chips > .is-extra { order: 3; }
.programs--v5 .finder__tags--icon.is-open .finder__chips { row-gap: 8px; }
@media (max-width: 767px) {
	.programs--v5 .finder__tags--icon.is-open .finder__more { height: 34px; }
}
.programs--v5 .finder__tags--panel.is-open .finder__chips::before { display: none; }
.programs--v5 .finder__tags--icon .finder__more.has-pick { position: relative; border-color: var(--ink); font-weight: 700; color: var(--ink); }
.programs--v5 .finder__tags--icon .finder__more.has-pick::after { content: ''; position: absolute; top: -2px; right: -2px; width: 8px; height: 8px; border: 2px solid #f5f5f5; border-radius: 50%; background: var(--brand); }
.tag-modal { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 24px; }
.tag-modal[hidden] { display: none; }
.tag-modal__dim { position: absolute; inset: 0; background: rgba(17, 17, 17, .55); animation: tag-modal-fade .2s ease; }
.tag-modal__box { position: relative; display: flex; flex-direction: column; width: 100%; max-width: 640px; max-height: min(720px, calc(100vh - 48px)); border-radius: 20px; background: #fff; box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .45); animation: tag-modal-up .25s var(--ease); text-align: left; }
.tag-modal__head { display: flex; align-items: center; justify-content: space-between; padding: 20px 20px 12px 24px; }
.tag-modal__title { margin: 0; font-size: 20px; font-weight: 700; letter-spacing: var(--ls-title); color: var(--ink); }
.tag-modal__close { display: grid; place-items: center; width: 40px; height: 40px; border: 0; border-radius: 50%; background: none; cursor: pointer; }
.tag-modal__close svg { width: 22px; height: 22px; }
.tag-modal__body { overflow-y: auto; padding: 4px 24px 8px; overscroll-behavior: contain; }
.tag-modal__group + .tag-modal__group { margin-top: 20px; }
.tag-modal__name { margin: 0 0 10px; font-size: 14px; font-weight: 700; }
.tag-modal__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.tag-modal__group--platform .tag-modal__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tag-modal__tag { display: flex; align-items: center; gap: 8px; width: 100%; height: 44px; padding: 0 12px; border: 1px solid #e4e4e4; border-radius: 12px; background: #fff; font-family: inherit; font-size: 15px; font-weight: 500; text-align: left; cursor: pointer; transition: border-color .2s, background-color .2s, color .2s; }
.tag-modal__tag span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tag-modal__tag:hover { border-color: #c8c8c8; color: var(--ink); }
.tag-modal__tag[aria-pressed='true'] { background: var(--ink); font-weight: 600; }
.tag-modal__tag .finder__icon, .tag-modal__tag .finder__logo { width: 18px; height: 18px; }
.tag-modal__tag[aria-pressed='true'] .finder__icon { color: #fff; }
.tag-modal__foot { display: flex; justify-content: flex-end; padding: 12px 24px 20px; border-top: 1px solid #f0f0f0; }
.tag-modal__reset { height: 40px; padding: 0 16px; border: 1px solid #e4e4e4; border-radius: 999px; background: #fff; font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.tag-modal__reset:hover { border-color: #c8c8c8; }
.tag-modal__reset[aria-pressed='true'] { color: #999; }
@keyframes tag-modal-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes tag-modal-up { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (max-width: 767px) {
	.tag-modal { align-items: flex-end; padding: 0; }
	.tag-modal__box { max-width: none; max-height: 86vh; border-radius: 20px 20px 0 0; }
	.tag-modal__head { padding: 16px 12px 8px 20px; }
	.tag-modal__title { font-size: 18px; }
	.tag-modal__body { padding: 4px 20px 8px; }
	.tag-modal__grid, .tag-modal__group--platform .tag-modal__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.tag-modal__tag { height: 42px; font-size: 14px; }
	.tag-modal__foot { padding: 10px 20px calc(16px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
	.tag-modal__dim, .tag-modal__box { animation: none; }
}
.tag-modal__tag .finder__icon { flex: none; transition: color .2s; }
.tag-modal__tag:hover .finder__icon { color: var(--ink); }
.tag-modal__tag .finder__logo { flex: none; border-radius: 4px; }
.tag-modal__all { margin-bottom: 20px; }
.tag-modal__tag--all { font-weight: 600; }
.tag-modal__tag--all:hover { border-color: #c8c8c8; background: #fff; }
.tag-modal__reset { display: inline-flex; align-items: center; gap: 6px; }
.tag-modal__reset svg { width: 16px; height: 16px; }
.tag-modal__all { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.tag-modal__tag--all { height: 44px; }
@media (max-width: 767px) {
	.tag-modal__all { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.tag-modal__tag--all { height: 42px; }
}
.cate-best__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.cate-best__all { display: inline-flex; align-items: center; gap: 2px; padding: 4px 0; border: 0; background: none; font-family: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.cate-best__all svg { width: 16px; height: 16px; }
.cate-best__all:hover { text-decoration: underline; text-underline-offset: 4px; }
.cate-best__more-btn { display: flex; align-items: center; justify-content: center; gap: 4px; font-family: inherit; cursor: pointer; }
@media (max-width: 767px) {
	.cate-best__all { font-size: 14px; }
}
.programs--v5 .cate-best__head + .v5-m3, .programs--v5 .cate-best__head + .product-grid { margin-top: 20px; }
@media (max-width: 767px) {
	.programs--v5 .cate-best__head + .v5-m3, .programs--v5 .cate-best__head + .product-grid { margin-top: 14px; }
}
.cate-best__all, .programs--v5 .finder__tags--icon .finder__more, .programs--v5 .finder--soft .finder__label, .tag-modal__name, .tag-modal__reset, .tag-modal__close { color: var(--text-2); }
.cate-best__all:hover, .tag-modal__reset:hover, .tag-modal__close:hover { color: var(--ink); }
.tag-modal__close:hover { background: var(--soft); }
.programs--v5 .finder__tags--icon .finder__chip, .programs--v5 .finder__tags--icon .finder__more, .finder__panel .finder__chip, .tag-modal__tag, .tag-modal__reset { border-color: var(--line-2); }
.programs--v5 .finder__tags--icon .finder__chip, .finder__panel .finder__chip, .tag-modal__tag { color: var(--text); }
.programs--v5 .finder__tags--icon .finder__chip[aria-pressed='true'], .finder__panel .finder__chip[aria-pressed='true'], .tag-modal__tag[aria-pressed='true'] { border-color: var(--ink); color: #fff; }
.programs--v5 .finder__icon, .tag-modal__tag .finder__icon { color: var(--text-3); }
.programs--v5 .finder__tags--icon .finder__more.has-pick::after { border-color: var(--soft); }
.tag-modal__tag--all { border-color: var(--soft); background: var(--soft); }
.tag-modal__tag--all[aria-pressed='true'] { border-color: var(--ink); background: var(--ink); }
.programs--v5 .finder__tags--icon.is-open .finder__more { background: var(--soft); }
.programs--v5 .finder__tags--icon.is-open .finder__more:hover { background: var(--soft-2); }
.sort__btn[aria-expanded='true'], .sort__list [role='option'].is-focus { background: var(--soft); }
.all-item__tags .tag { background: var(--soft); color: var(--text); }
.all-item__tags .tag--link:hover, .tag--link:hover, .v5-m3 .tag--link:hover { background: var(--soft-2); color: var(--ink); }
.v5-m3 { --m3-surface: var(--soft); --m3-text: var(--text); --m3-text-2: var(--text-2); --m3-text-3: var(--text-3); --m3-line: var(--line); --m3-line-2: var(--line-2); }
.v5-m3 .item__actions--two { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
.v5-m3 .item__actions .btn--line { border: 1px solid var(--line-2); background: #fff; font-weight: 600; color: var(--ink); }
.v5-m3 .item__actions .btn--line:hover { border-color: var(--ink); background: #fff; color: var(--ink); }
.cate-best__more-btn { border-color: var(--line-2); }
.cate-best__more-btn:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.cate-best__more-btn { transition: border-color .25s ease, background-color .25s ease, color .25s ease; }
.cate-best__more-btn svg { transition: transform .3s var(--ease); }
@media (prefers-reduced-motion: reduce) {
	.cate-best__more-btn svg { transition: none; }
}
.cate-best__more { display: flex; justify-content: center; margin-top: 32px; }
.cate-best__more-btn { width: auto; min-width: 240px; height: 48px; padding: 0 22px 0 26px; border: 1px solid var(--line-2); border-radius: 999px; background: #fff; font-size: 15px; font-weight: 500; color: var(--text); }
.cate-best__more-btn:hover { border-color: var(--ink); background: #fff; color: var(--ink); }
.cate-best__more-btn svg { width: 14px; height: 14px; margin-left: 4px; transform: none; }
.cate-best__more-btn:hover svg { transform: none; }
@media (max-width: 767px) {
	.cate-best__more { margin-top: 20px; }
	.cate-best__more-btn { width: 100%; height: 46px; font-size: 14px; }
}
.programs--v5 .finder--soft { padding: 0; background: none; box-shadow: none; clip-path: none; }
.finder-band--soft { padding: 44px 0; background: var(--soft); }
.programs--v5 #panel-all { margin-top: 32px; }
.programs--tabhead #panel-all { margin-top: 0; }
.programs--tabhead .container > .tab-panel { margin-top: 56px; }
.finder-band--soft + .container > .all-bar:first-child { margin-top: 40px; }
@media (max-width: 767px) {
	.finder-band--soft { padding: 24px 0; }
	.programs--v5 #panel-all { margin-top: 24px; }
	.programs--tabhead #panel-all { margin-top: 0; }
	.programs--tabhead .container > .tab-panel { margin-top: 28px; }
	.finder-band--soft + .container > .all-bar:first-child { margin-top: 24px; }
}

/* 검색 결과 알림 (2026-11-02, js/main5.js) — 입력하면 바로 걸러지는데 결과가 바뀐 걸 모르는 경우가 있어서
   · 검색창 안 결과 개수(입력 중) / 개수 줄 '인스타' 검색 결과 4개 + 검색 지우기 / 카드 제목 · 설명의 맞는 글자 표시 / 결과가 바뀌면 카드가 살짝 다시 나타남 / 결과 없음엔 인기 태그 */
.finder__hits { position: absolute; top: 50%; right: 66px; z-index: 1; padding: 4px 11px; border-radius: 999px; background: var(--soft-2, #eef0f3); font-family: var(--font-en); font-size: 13px; font-weight: 700; color: var(--ink); white-space: nowrap; pointer-events: none; transform: translateY(-50%); }
.finder__hits[hidden] { display: none; }
.programs--v5 .finder__search.has-hits input[type='search'] { padding-right: 136px; }
.all-bar__info { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; min-width: 0; }
.finder-bar__q[hidden] { display: none; }
.finder-bar__q em { font-style: normal; font-weight: 700; color: var(--ink); }
.finder-bar__clear { display: inline-flex; align-items: center; gap: 4px; height: 30px; padding: 0 12px 0 10px; border: 1px solid var(--line-2); border-radius: 999px; background: #fff; font-size: 13px; font-weight: 500; color: var(--text-2); cursor: pointer; transition: border-color .15s, color .15s; }
.finder-bar__clear svg { width: 14px; height: 14px; }
.finder-bar__clear:hover { border-color: var(--ink); color: var(--ink); }
.finder-bar__clear[hidden] { display: none; }
mark.all-hl { padding: 0 1px; border-radius: 3px; background: #fff0b3; color: inherit; }
.all-grid.is-refresh > .all-item:not([hidden]) { animation: allRefresh .32s ease both; }
@keyframes allRefresh {
	from { opacity: .2; transform: translateY(8px); }
	to { opacity: 1; transform: none; }
}
.all-empty__tags { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; margin-top: 18px; }
.all-empty__tags[hidden] { display: none; }
.all-empty__tags-label { margin-right: 4px; font-size: 13px; color: var(--text-3, #8a8f98); }
.all-empty__tag { height: 32px; padding: 0 12px; border: 1px solid var(--line-2); border-radius: 999px; background: #fff; font-size: 13.5px; color: var(--text); cursor: pointer; }
.all-empty__tag:hover { border-color: var(--ink); color: var(--ink); }
@media (max-width: 767px) {
	.finder__hits { right: 58px; padding: 3px 9px; font-size: 12px; }
	.programs--v5 .finder__search.has-hits input[type='search'] { padding-right: 112px; }
	.finder-bar__clear { height: 28px; padding: 0 10px 0 8px; font-size: 12.5px; }
}
@media (prefers-reduced-motion: reduce) {
	.all-grid.is-refresh > .all-item { animation: none; }
}