:root {
	--yj-life-navy: #102a46;
	--yj-life-blue: #086eaa;
	--yj-life-sky: #eaf4f8;
	--yj-life-line: #dbe4ea;
	--yj-life-text: #17283b;
	--yj-life-muted: #66798a;
	--yj-life-cream: #f8f7f2;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.yj-lifelong-page { margin: 0; color: var(--yj-life-text); background: #fff; font-family: "Pretendard", "Noto Sans KR", "Malgun Gothic", Arial, sans-serif; line-height: 1.65; }
.yj-lifelong-page a { color: inherit; text-decoration: none; }
.yj-lifelong-page img { display: block; max-width: 100%; }
.yj-lifelong-page button { font: inherit; }
.yj-lifelong-page .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.yj-life-header { position: relative; z-index: 50; background: #fff; border-bottom: 1px solid var(--yj-life-line); }
.yj-life-brand-row { min-height: 92px; max-width: 1320px; margin: 0 auto; padding: 0 32px; display: flex; align-items: center; justify-content: space-between; }
.yj-life-brand { color: var(--yj-life-navy); font-size: 31px; font-weight: 800; letter-spacing: -1.4px; }
.yj-life-brand span { font-weight: 700; }
.yj-life-account { display: flex; gap: 16px; color: #7c8995; font-size: 13px; }
.yj-life-account a + a { padding-left: 16px; border-left: 1px solid #d9dfe4; }
.yj-life-menu-button { display: none; width: 43px; height: 43px; padding: 10px; border: 1px solid #dce3e9; background: #fff; cursor: pointer; }
.yj-life-menu-button > span:not(.screen-reader-text) { display: block; width: 100%; height: 2px; margin: 5px 0; background: var(--yj-life-navy); }
.yj-life-nav { min-height: 92px; border-top: 1px solid #edf0f2; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.yj-life-nav > a { position: relative; min-height: 92px; padding: 23px 28px 16px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid #edf0f2; transition: background .2s ease; }
.yj-life-nav > a:first-child { border-left: 1px solid #edf0f2; }
.yj-life-nav > a:hover { background: #f7fafc; }
.yj-life-nav strong { color: var(--yj-life-navy); font-size: 19px; line-height: 1.25; letter-spacing: -.6px; }
.yj-life-nav small { margin-top: 5px; color: #9aa7b2; font-size: 10px; font-weight: 700; letter-spacing: .8px; white-space: nowrap; }
.yj-life-nav > a.is-active { background: #f3f8fb; }
.yj-life-nav > a.is-active::after { content: ""; position: absolute; left: 28px; right: 28px; bottom: 0; height: 4px; background: var(--yj-life-blue); }
.yj-life-nav > a.is-active strong, .yj-life-nav > a.is-active small { color: var(--yj-life-blue); }

.yj-life-hero { position: relative; min-height: 585px; overflow: hidden; background: #1b3a4c; }
.yj-life-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.yj-life-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7, 34, 54, .94) 0%, rgba(7, 34, 54, .79) 34%, rgba(7, 34, 54, .22) 63%, rgba(7, 34, 54, .02) 100%); }
.yj-life-hero-content { position: relative; z-index: 2; width: min(1320px, 100%); min-height: 585px; margin: 0 auto; padding: 92px 58px 55px; color: #fff; display: flex; flex-direction: column; align-items: flex-start; }
.yj-life-eyebrow, .yj-life-kicker { margin: 0 0 19px; color: #63c5dc; font-size: 15px; font-weight: 800; letter-spacing: 2px; }
.yj-life-hero h1 { margin: 0; max-width: 620px; color: #fff; font-size: clamp(42px, 4.4vw, 68px); line-height: 1.16; letter-spacing: -3px; }
.yj-life-hero-copy { margin: 27px 0 30px; font-size: 20px; line-height: 1.8; letter-spacing: -.5px; }
.yj-life-outline-button { min-width: 238px; min-height: 60px; padding: 14px 24px; border: 1px solid rgba(255,255,255,.7); display: inline-flex; align-items: center; justify-content: space-between; font-size: 17px; font-weight: 700; transition: .2s ease; }
.yj-life-outline-button:hover { border-color: #fff; color: var(--yj-life-navy); background: #fff; }
.yj-life-dots { display: flex; align-items: center; gap: 11px; margin-top: auto; padding-top: 34px; }
.yj-life-dots i { display: block; width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.5); }
.yj-life-dots i.is-active { width: 34px; border-radius: 999px; background: #fff; }

.yj-life-quick { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 1320px; margin: 0 auto; border-left: 1px solid var(--yj-life-line); border-right: 1px solid var(--yj-life-line); box-shadow: 0 13px 35px rgba(25, 53, 75, .07); }
.yj-life-quick > div { padding: 25px 34px; display: flex; flex-direction: column; border-right: 1px solid var(--yj-life-line); background: #fff; }
.yj-life-quick > div:last-child { border-right: 0; }
.yj-life-quick strong { color: var(--yj-life-navy); font-size: 17px; }
.yj-life-quick span { color: var(--yj-life-muted); font-size: 14px; }

.yj-life-section { width: min(1320px, calc(100% - 64px)); margin: 0 auto; padding: 108px 0; }
.yj-life-section-heading { margin-bottom: 47px; display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; }
.yj-life-section-heading h2, .yj-life-guide-heading h2 { margin: 0; color: var(--yj-life-navy); font-size: clamp(34px, 3vw, 48px); line-height: 1.2; letter-spacing: -2.4px; }
.yj-life-section-heading > p { margin: 0 0 4px; color: var(--yj-life-muted); text-align: right; }
.yj-life-kicker { margin-bottom: 12px; color: var(--yj-life-blue); font-size: 13px; }

.yj-life-category-grid { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 2px solid var(--yj-life-navy); border-bottom: 1px solid var(--yj-life-line); }
.yj-life-category-card { min-height: 315px; padding: 31px 26px 27px; border-right: 1px solid var(--yj-life-line); display: flex; flex-direction: column; scroll-margin-top: 24px; transition: transform .2s ease, background .2s ease; }
.yj-life-category-card:first-child { border-left: 1px solid var(--yj-life-line); }
.yj-life-category-card:hover { background: var(--yj-life-sky); transform: translateY(-5px); }
.yj-life-category-card > span { color: var(--yj-life-blue); font-size: 13px; font-weight: 800; }
.yj-life-category-card h3 { margin: 48px 0 15px; font-size: 24px; letter-spacing: -1px; }
.yj-life-category-card p { margin: 0; color: var(--yj-life-muted); font-size: 14px; }
.yj-life-category-card a { margin-top: auto; color: var(--yj-life-blue); font-size: 14px; font-weight: 800; }

.yj-life-courses { padding-top: 25px; }
.yj-life-course-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.yj-life-course-card { min-width: 0; border: 1px solid var(--yj-life-line); background: #fff; transition: transform .2s ease, box-shadow .2s ease; }
.yj-life-course-card:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(23, 52, 75, .11); }
.yj-life-course-image { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #dceaf0; }
.yj-life-course-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.yj-life-course-card:hover .yj-life-course-image img { transform: scale(1.035); }
.yj-life-course-placeholder { width: 100%; height: 100%; padding: 28px; color: rgba(255,255,255,.78); background: linear-gradient(135deg, #0d6ca4, #102b47); display: flex; flex-direction: column; justify-content: flex-end; font-size: 11px; font-weight: 800; letter-spacing: 1.2px; }
.yj-life-course-placeholder b { color: #fff; font-size: 48px; line-height: 1; }
.yj-life-course-body { min-height: 285px; padding: 27px 28px; display: flex; flex-direction: column; align-items: flex-start; }
.yj-life-course-label { padding: 4px 9px; color: var(--yj-life-blue); background: var(--yj-life-sky); font-size: 12px; font-weight: 800; }
.yj-life-course-body h3 { margin: 17px 0 11px; font-size: 24px; line-height: 1.35; letter-spacing: -1px; }
.yj-life-course-body p { margin: 0; color: var(--yj-life-muted); font-size: 14px; }
.yj-life-text-link { margin-top: auto; padding-top: 24px; color: var(--yj-life-blue) !important; font-size: 14px; font-weight: 800; }
.yj-life-empty-courses { min-height: 225px; padding: 48px; border: 1px solid var(--yj-life-line); border-top: 3px solid var(--yj-life-blue); background: var(--yj-life-cream); display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.yj-life-empty-courses span { color: var(--yj-life-blue); font-size: 13px; font-weight: 800; }
.yj-life-empty-courses h3 { margin: 8px 0 8px; font-size: 28px; letter-spacing: -1px; }
.yj-life-empty-courses p { margin: 0; color: var(--yj-life-muted); }
.yj-life-primary-button { min-width: 205px; min-height: 58px; padding: 15px 22px; color: #fff !important; background: var(--yj-life-blue); display: inline-flex; align-items: center; justify-content: space-between; font-weight: 800; }

.yj-life-guide { margin-top: 10px; color: #fff; background: var(--yj-life-navy); }
.yj-life-guide-inner { display: grid; grid-template-columns: .8fr 1.5fr; gap: 85px; }
.yj-life-guide-heading h2 { color: #fff; }
.yj-life-guide-heading > p:last-child { color: #b9c8d5; }
.yj-life-guide ol { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); }
.yj-life-guide li { min-height: 215px; padding: 25px 28px; border-left: 1px solid rgba(255,255,255,.18); display: flex; flex-direction: column; }
.yj-life-guide li > span { color: #64c7df; font-size: 13px; font-weight: 800; }
.yj-life-guide li > div { margin-top: auto; }
.yj-life-guide li h3 { margin: 0 0 9px; font-size: 21px; }
.yj-life-guide li p { margin: 0; color: #b9c8d5; font-size: 14px; }

.yj-life-cta { max-width: 1320px; margin: 0 auto; padding: 83px 32px; display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.yj-life-cta p { margin: 0 0 9px; color: var(--yj-life-blue); font-size: 14px; font-weight: 800; }
.yj-life-cta h2 { margin: 0; font-size: clamp(27px, 2.4vw, 40px); letter-spacing: -1.5px; }
.yj-life-cta > a { min-width: 230px; min-height: 62px; padding: 15px 24px; color: #fff; background: var(--yj-life-blue); display: flex; align-items: center; justify-content: space-between; font-weight: 800; }
.yj-life-footer { padding: 45px max(32px, calc((100% - 1256px) / 2)); color: #aab7c2; background: #0b2034; display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; }
.yj-life-footer strong { color: #fff; font-size: 19px; }
.yj-life-footer p { margin: 7px 0 0; font-size: 13px; }
.yj-life-footer > a { color: #fff; font-size: 13px; }

/* 자이언트 플라워 공예 서브페이지 */
.yj-flower-hero { position: relative; min-height: 610px; overflow: hidden; background: #192d43; }
.yj-flower-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.yj-flower-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,30,50,.96) 0%, rgba(9,30,50,.78) 40%, rgba(9,30,50,.12) 68%, rgba(9,30,50,0) 100%); }
.yj-flower-hero-content { position: relative; z-index: 2; width: min(1320px, 100%); min-height: 610px; margin: 0 auto; padding: 106px 58px 70px; color: #fff; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.yj-flower-hero h1 { margin: 0; color: #fff; font-size: clamp(48px, 5vw, 76px); line-height: 1.15; letter-spacing: -4px; }
.yj-flower-duration { margin: 18px 0 0; padding: 6px 13px; color: #f6d7cf; border: 1px solid rgba(246,215,207,.55); font-size: 15px; font-weight: 800; }
.yj-flower-intro { margin: 28px 0 34px; font-size: 20px; line-height: 1.8; }
.yj-flower-hero-buttons { display: flex; gap: 12px; }
.yj-flower-hero .yj-life-primary-button { background: #c46f62; }
.yj-flower-hero .yj-life-outline-button { min-width: 205px; }
.yj-flower-summary { max-width: 1320px; margin: 0 auto; border: 1px solid var(--yj-life-line); border-top: 0; display: grid; grid-template-columns: repeat(4, 1fr); box-shadow: 0 13px 35px rgba(25,53,75,.07); }
.yj-flower-summary > div { min-height: 112px; padding: 25px 31px; border-right: 1px solid var(--yj-life-line); background: #fff; display: flex; flex-direction: column; justify-content: center; }
.yj-flower-summary > div:last-child { border-right: 0; }
.yj-flower-summary span { color: var(--yj-life-muted); font-size: 13px; }
.yj-flower-summary strong { margin-top: 3px; color: var(--yj-life-navy); font-size: 21px; }
.yj-flower-goal { display: grid; grid-template-columns: 155px 1fr; gap: 48px; align-items: start; }
.yj-flower-section-number { color: #d8e3e9; font-size: 82px; font-weight: 800; line-height: 1; }
.yj-flower-goal h2 { margin: 0 0 24px; color: var(--yj-life-navy); font-size: clamp(36px, 3.4vw, 50px); letter-spacing: -2px; }
.yj-flower-goal > div:last-child > p:last-child { max-width: 980px; margin: 0; color: #3f5365; font-size: 21px; line-height: 1.9; }
.yj-flower-curriculum { background: #f3f7f9; scroll-margin-top: 20px; }
.yj-flower-table-wrap { border-top: 3px solid var(--yj-life-navy); background: #fff; }
.yj-flower-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.yj-flower-table th, .yj-flower-table td { padding: 20px 24px; border-bottom: 1px solid var(--yj-life-line); text-align: left; vertical-align: top; }
.yj-flower-table thead th { color: #fff; background: var(--yj-life-navy); font-size: 14px; }
.yj-flower-table th:first-child { width: 125px; text-align: center; }
.yj-flower-table tbody th { color: var(--yj-life-blue); background: #f7fafb; font-size: 14px; }
.yj-flower-table tbody td { color: #2d4254; font-size: 16px; }
.yj-flower-table tbody tr:hover th, .yj-flower-table tbody tr:hover td { background: #edf6f8; }
.yj-flower-features { scroll-margin-top: 20px; }
.yj-flower-feature-grid { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 2px solid var(--yj-life-navy); border-bottom: 1px solid var(--yj-life-line); }
.yj-flower-feature-grid article { min-height: 285px; padding: 29px 25px; border-right: 1px solid var(--yj-life-line); display: flex; flex-direction: column; }
.yj-flower-feature-grid article:first-child { border-left: 1px solid var(--yj-life-line); }
.yj-flower-feature-grid span { color: #c46f62; font-size: 13px; font-weight: 800; }
.yj-flower-feature-grid h3 { margin: 40px 0 13px; color: var(--yj-life-navy); font-size: 21px; line-height: 1.4; letter-spacing: -.7px; }
.yj-flower-feature-grid p { margin: 0; color: var(--yj-life-muted); font-size: 14px; }
.yj-flower-cta { max-width: 1320px; margin: 0 auto 95px; padding: 55px 58px; color: #fff; background: linear-gradient(110deg, #15344f, #8e514b); display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.yj-flower-cta p { margin: 0 0 7px; color: #f0cfc8; font-size: 14px; font-weight: 800; }
.yj-flower-cta h2 { margin: 0; color: #fff; font-size: clamp(27px, 2.4vw, 38px); letter-spacing: -1.4px; }
.yj-flower-cta > a { min-width: 230px; min-height: 62px; padding: 15px 23px; color: var(--yj-life-navy); background: #fff; display: flex; align-items: center; justify-content: space-between; font-weight: 800; }

/* 김선생의 수채화 서브페이지 */
.yj-watercolor-hero { position: relative; min-height: 610px; overflow: hidden; background: #213246; }
.yj-watercolor-hero > img { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 58%; height: 100%; object-fit: cover; object-position: center; }
.yj-watercolor-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, #172f47 0%, #172f47 38%, rgba(23,47,71,.92) 48%, rgba(23,47,71,.28) 70%, rgba(23,47,71,0) 100%); }
.yj-watercolor-hero-content { position: relative; z-index: 2; width: min(1320px, 100%); min-height: 610px; margin: 0 auto; padding: 104px 58px 68px; color: #fff; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.yj-watercolor-hero h1 { margin: 0; color: #fff; font-size: clamp(50px, 5vw, 76px); line-height: 1.15; letter-spacing: -4px; }
.yj-watercolor-lead { margin: 27px 0 35px; font-size: 21px; line-height: 1.75; }
.yj-watercolor-lead strong { color: #f5c3bd; font-weight: 800; }
.yj-watercolor-recruit { margin: -13px 0 30px; color: #f5d8d4; font-size: 13px; font-weight: 800; letter-spacing: .2px; }
.yj-watercolor-hero-buttons { display: flex; gap: 12px; }
.yj-watercolor-hero .yj-life-primary-button { background: #c56f69; }
.yj-watercolor-hero .yj-life-outline-button { min-width: 195px; }
.yj-watercolor-summary { max-width: 1320px; margin: 0 auto; border: 1px solid var(--yj-life-line); border-top: 0; display: grid; grid-template-columns: repeat(4, 1fr); box-shadow: 0 13px 35px rgba(25,53,75,.07); }
.yj-watercolor-summary > div { min-height: 112px; padding: 24px 30px; border-right: 1px solid var(--yj-life-line); background: #fff; display: flex; flex-direction: column; justify-content: center; }
.yj-watercolor-summary > div:last-child { border-right: 0; background: #fff4f1; }
.yj-watercolor-summary span { color: var(--yj-life-muted); font-size: 13px; }
.yj-watercolor-summary strong { margin-top: 3px; color: var(--yj-life-navy); font-size: 21px; }
.yj-watercolor-story { display: grid; grid-template-columns: .8fr 1.35fr; gap: 95px; align-items: start; scroll-margin-top: 20px; }
.yj-watercolor-story-heading h2 { margin: 0; color: var(--yj-life-navy); font-size: clamp(38px, 3.4vw, 52px); line-height: 1.35; letter-spacing: -2.6px; }
.yj-watercolor-story-copy blockquote { margin: 0 0 31px; padding: 28px 31px; color: #35506a; border-left: 4px solid #d98e87; background: #fff6f3; font-size: 20px; font-weight: 700; line-height: 1.8; }
.yj-watercolor-story-copy > p { margin: 0 0 25px; color: #496071; font-size: 17px; line-height: 1.9; }
.yj-watercolor-subjects { margin: 4px 0 29px; display: flex; flex-wrap: wrap; gap: 9px; }
.yj-watercolor-subjects span { padding: 8px 14px; color: #416177; border: 1px solid #cbdde3; background: #f7fbfc; font-size: 13px; }
.yj-watercolor-gift { color: #fff; background: linear-gradient(110deg, #203c56, #547e8e); }
.yj-watercolor-gift .yj-life-section { padding-top: 82px; padding-bottom: 82px; }
.yj-watercolor-gift span { color: #f5c9c3; font-size: 12px; font-weight: 800; letter-spacing: 1.7px; }
.yj-watercolor-gift h2 { max-width: 960px; margin: 13px 0 14px; color: #fff; font-size: clamp(31px, 3vw, 45px); line-height: 1.45; letter-spacing: -2px; }
.yj-watercolor-gift p { margin: 0; color: #d6e3e7; font-size: 17px; }
.yj-watercolor-instructor { display: grid; grid-template-columns: minmax(320px, .72fr) minmax(0, 1.28fr); gap: 78px; align-items: start; scroll-margin-top: 20px; }
.yj-watercolor-poster { margin: 0; border: 1px solid #e4dede; background: #fff; box-shadow: 0 22px 55px rgba(44,56,65,.14); }
.yj-watercolor-poster img { width: 100%; height: auto; }
.yj-watercolor-poster figcaption { padding: 13px 18px; color: var(--yj-life-muted); border-top: 1px solid #ece5e4; font-size: 12px; text-align: center; }
.yj-watercolor-profile h2 { margin: 0 0 24px; color: var(--yj-life-navy); font-size: clamp(39px, 3.5vw, 54px); line-height: 1.32; letter-spacing: -2.6px; }
.yj-watercolor-profile > p { margin: 0 0 17px; color: #4e6272; font-size: 16px; line-height: 1.9; }
.yj-watercolor-profile .yj-watercolor-profile-lead { color: #2e4659; font-size: 20px; font-weight: 700; }
.yj-watercolor-career { margin: 34px 0; padding: 0; list-style: none; border-top: 2px solid #7a953e; border-bottom: 1px solid var(--yj-life-line); display: grid; grid-template-columns: repeat(3, 1fr); }
.yj-watercolor-career li { min-height: 112px; padding: 22px 19px; border-right: 1px solid var(--yj-life-line); display: flex; flex-direction: column; justify-content: center; }
.yj-watercolor-career li:last-child { border-right: 0; }
.yj-watercolor-career strong { color: #bf4e72; font-size: 18px; }
.yj-watercolor-career span { margin-top: 3px; color: var(--yj-life-muted); font-size: 13px; }
.yj-watercolor-class-info { border-top: 1px solid var(--yj-life-line); }
.yj-watercolor-class-info > div { min-height: 67px; padding: 15px 0; border-bottom: 1px solid var(--yj-life-line); display: grid; grid-template-columns: 105px 1fr; gap: 20px; align-items: center; }
.yj-watercolor-class-info span { color: #c04f73; font-size: 13px; font-weight: 800; }
.yj-watercolor-class-info p { margin: 0; color: #344d60; font-size: 14px; }
.yj-watercolor-lessons { scroll-margin-top: 20px; }
.yj-watercolor-table-wrap { overflow-x: auto; border-top: 3px solid var(--yj-life-navy); }
.yj-watercolor-table { width: 100%; min-width: 1050px; border-collapse: collapse; table-layout: fixed; background: #fff; }
.yj-watercolor-table th, .yj-watercolor-table td { padding: 17px 14px; border: 1px solid var(--yj-life-line); text-align: center; vertical-align: middle; font-size: 13px; }
.yj-watercolor-table thead th { color: #fff; border-color: #365069; background: var(--yj-life-navy); font-weight: 800; }
.yj-watercolor-table thead th:nth-child(1) { width: 65px; }
.yj-watercolor-table thead th:nth-child(2) { width: 76px; }
.yj-watercolor-table thead th:nth-child(3) { width: auto; }
.yj-watercolor-table thead th:nth-child(4) { width: 92px; }
.yj-watercolor-table thead th:nth-child(n+5) { width: 88px; }
.yj-watercolor-table tbody th { color: var(--yj-life-blue); background: #f5fafc; }
.yj-watercolor-table tbody td:nth-child(3) { padding-left: 21px; text-align: left; color: #263d50; font-size: 15px; font-weight: 700; }
.yj-watercolor-table tbody tr:hover th, .yj-watercolor-table tbody tr:hover td { background: #edf6f8; }
.yj-watercolor-features { background: #f3f7f8; scroll-margin-top: 20px; }
.yj-watercolor-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 2px solid var(--yj-life-navy); }
.yj-watercolor-feature-grid article { min-height: 235px; padding: 30px 28px; border-right: 1px solid var(--yj-life-line); border-bottom: 1px solid var(--yj-life-line); background: #fff; }
.yj-watercolor-feature-grid article:nth-child(3n+1) { border-left: 1px solid var(--yj-life-line); }
.yj-watercolor-feature-grid article:last-child { background: #fff4f1; }
.yj-watercolor-feature-grid span { font-size: 20px; }
.yj-watercolor-feature-grid h3 { margin: 27px 0 11px; color: var(--yj-life-navy); font-size: 21px; letter-spacing: -.8px; }
.yj-watercolor-feature-grid p { margin: 0; color: var(--yj-life-muted); font-size: 14px; }
.yj-watercolor-cta { max-width: 1320px; margin: 90px auto; padding: 55px 58px; color: #fff; background: linear-gradient(110deg, #1f3c55, #b16f6a); display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.yj-watercolor-cta p { margin: 0 0 7px; color: #f5d3ce; font-size: 14px; font-weight: 800; }
.yj-watercolor-cta h2 { margin: 0; color: #fff; font-size: clamp(27px, 2.4vw, 38px); letter-spacing: -1.4px; }
.yj-watercolor-cta > a { min-width: 215px; min-height: 62px; padding: 15px 23px; color: var(--yj-life-navy); background: #fff; display: flex; align-items: center; justify-content: space-between; font-weight: 800; }
.yj-watercolor-contact-links { min-width: 470px; display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid rgba(255,255,255,.45); }
.yj-watercolor-contact-links a { min-height: 78px; padding: 14px 20px; color: #fff; border-right: 1px solid rgba(255,255,255,.35); display: flex; flex-direction: column; justify-content: center; }
.yj-watercolor-contact-links a:last-child { border-right: 0; }
.yj-watercolor-contact-links span { color: #f5d5d0; font-size: 12px; }
.yj-watercolor-contact-links strong { margin-top: 2px; font-size: 16px; }

/* 퍼스널컬러 이미지 컨설팅 서브페이지 */
.yj-personal-hero { position: relative; min-height: 630px; overflow: hidden; background: #2e1730; }
.yj-personal-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.yj-personal-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(39,14,39,.97) 0%, rgba(50,25,51,.89) 37%, rgba(55,32,51,.38) 58%, rgba(35,23,34,.04) 78%); }
.yj-personal-hero-content { position: relative; z-index: 2; width: min(1320px, 100%); min-height: 630px; margin: 0 auto; padding: 100px 58px 65px; color: #fff; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.yj-personal-hero .yj-life-eyebrow { color: #f0a5c3; }
.yj-personal-hero h1 { margin: 0; color: #fff; font-size: clamp(49px, 5vw, 76px); line-height: 1.12; letter-spacing: -4px; }
.yj-personal-lead { margin: 27px 0 34px; font-size: 21px; line-height: 1.75; }
.yj-personal-lead strong { color: #ffc3d6; }
.yj-personal-hero-buttons { display: flex; gap: 12px; }
.yj-personal-hero .yj-life-primary-button { background: #c84773; }
.yj-personal-hero .yj-life-outline-button { min-width: 205px; }
.yj-personal-summary { max-width: 1320px; margin: 0 auto; border: 1px solid var(--yj-life-line); border-top: 0; display: grid; grid-template-columns: repeat(4, 1fr); box-shadow: 0 13px 35px rgba(42,35,48,.08); }
.yj-personal-summary > div { min-height: 112px; padding: 24px 30px; border-right: 1px solid var(--yj-life-line); background: #fff; display: flex; flex-direction: column; justify-content: center; }
.yj-personal-summary > div:last-child { border-right: 0; background: #fff4f7; }
.yj-personal-summary span { color: var(--yj-life-muted); font-size: 13px; }
.yj-personal-summary strong { margin-top: 3px; color: var(--yj-life-navy); font-size: 21px; }
.yj-personal-about { display: grid; grid-template-columns: .86fr 1.25fr; gap: 100px; align-items: start; scroll-margin-top: 20px; }
.yj-personal-about-heading h2 { margin: 0; color: var(--yj-life-navy); font-size: clamp(39px, 3.6vw, 54px); line-height: 1.34; letter-spacing: -2.8px; }
.yj-personal-about-copy { padding-top: 4px; }
.yj-personal-about-copy p { margin: 0 0 23px; color: #506474; font-size: 17px; line-height: 1.9; }
.yj-personal-about-copy .yj-personal-about-lead { margin-bottom: 26px; padding: 24px 27px; color: #5e2944; border-left: 4px solid #cf527d; background: #fff4f7; font-size: 20px; font-weight: 800; }
.yj-personal-seasons { background: #f8f5f7; }
.yj-personal-season-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 2px solid #2e1730; }
.yj-personal-season-grid article { min-height: 320px; padding: 28px 26px; border-right: 1px solid #ded7dc; border-bottom: 1px solid #ded7dc; background: #fff; }
.yj-personal-season-grid article:first-child { border-left: 1px solid #ded7dc; }
.yj-personal-season-grid article > span { color: #a98999; font-size: 12px; font-weight: 800; }
.yj-personal-season-grid article > small { margin: 54px 0 1px; display: block; color: #866577; font-size: 11px; font-weight: 800; letter-spacing: 1.5px; }
.yj-personal-season-grid h3 { margin: 0 0 7px; color: #302334; font-size: 27px; letter-spacing: -1px; }
.yj-personal-season-grid p { margin: 0; color: #756875; font-size: 14px; }
.yj-personal-season-grid article > div { margin-top: 39px; display: grid; grid-template-columns: repeat(4, 1fr); height: 46px; }
.yj-personal-season-grid i { display: block; }
.yj-personal-season-grid .is-spring i:nth-child(1) { background: #ff9a74; }
.yj-personal-season-grid .is-spring i:nth-child(2) { background: #f7c85b; }
.yj-personal-season-grid .is-spring i:nth-child(3) { background: #8fcf85; }
.yj-personal-season-grid .is-spring i:nth-child(4) { background: #64c9c3; }
.yj-personal-season-grid .is-summer i:nth-child(1) { background: #d6a5bd; }
.yj-personal-season-grid .is-summer i:nth-child(2) { background: #aeb8d9; }
.yj-personal-season-grid .is-summer i:nth-child(3) { background: #8ec4cf; }
.yj-personal-season-grid .is-summer i:nth-child(4) { background: #c8b9d8; }
.yj-personal-season-grid .is-autumn i:nth-child(1) { background: #b55a37; }
.yj-personal-season-grid .is-autumn i:nth-child(2) { background: #b98a3c; }
.yj-personal-season-grid .is-autumn i:nth-child(3) { background: #697848; }
.yj-personal-season-grid .is-autumn i:nth-child(4) { background: #704b3a; }
.yj-personal-season-grid .is-winter i:nth-child(1) { background: #dc2869; }
.yj-personal-season-grid .is-winter i:nth-child(2) { background: #4256a5; }
.yj-personal-season-grid .is-winter i:nth-child(3) { background: #12313f; }
.yj-personal-season-grid .is-winter i:nth-child(4) { background: #f0f2f5; }
.yj-personal-targets { display: grid; grid-template-columns: .72fr 1.28fr; gap: 85px; align-items: start; scroll-margin-top: 20px; }
.yj-personal-targets > div h2 { margin: 0 0 23px; color: var(--yj-life-navy); font-size: clamp(39px, 3.5vw, 53px); line-height: 1.3; letter-spacing: -2.6px; }
.yj-personal-targets > div > p:last-child { max-width: 410px; margin: 0; color: var(--yj-life-muted); }
.yj-personal-targets ol { margin: 0; padding: 0; list-style: none; border-top: 2px solid #2e1730; }
.yj-personal-targets li { min-height: 78px; padding: 17px 20px; border-bottom: 1px solid var(--yj-life-line); display: grid; grid-template-columns: 62px 1fr; gap: 17px; align-items: center; }
.yj-personal-targets li span { color: #c84773; font-size: 12px; font-weight: 800; }
.yj-personal-targets li strong { color: #33495a; font-size: 17px; }
.yj-personal-features { background: #f3f6f7; scroll-margin-top: 20px; }
.yj-personal-feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 2px solid #2e1730; }
.yj-personal-feature-grid article { min-height: 260px; padding: 28px 25px; border-right: 1px solid var(--yj-life-line); border-bottom: 1px solid var(--yj-life-line); background: #fff; }
.yj-personal-feature-grid article:nth-child(4n+1) { border-left: 1px solid var(--yj-life-line); }
.yj-personal-feature-grid article:nth-child(8) { background: #fff3f6; }
.yj-personal-feature-grid span { color: #c84773; font-size: 12px; font-weight: 800; }
.yj-personal-feature-grid h3 { margin: 45px 0 13px; color: var(--yj-life-navy); font-size: 21px; letter-spacing: -.8px; }
.yj-personal-feature-grid p { margin: 0; color: var(--yj-life-muted); font-size: 14px; }
.yj-personal-effects { display: grid; grid-template-columns: .8fr 1.2fr; gap: 95px; align-items: start; scroll-margin-top: 20px; }
.yj-personal-effects-heading h2 { margin: 0; color: var(--yj-life-navy); font-size: clamp(39px, 3.5vw, 53px); line-height: 1.32; letter-spacing: -2.6px; }
.yj-personal-effects ul { margin: 0; padding: 0; list-style: none; border-top: 2px solid #2e1730; }
.yj-personal-effects li { min-height: 78px; padding: 17px 20px; border-bottom: 1px solid var(--yj-life-line); color: #33495a; display: flex; align-items: center; gap: 18px; font-size: 17px; font-weight: 700; }
.yj-personal-effects li span { width: 30px; height: 30px; flex: 0 0 30px; color: #fff; background: #c84773; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; }
.yj-personal-curriculum { background: #f8f5f7; scroll-margin-top: 20px; }
.yj-personal-table-wrap { border-top: 3px solid #2e1730; background: #fff; }
.yj-personal-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.yj-personal-table th, .yj-personal-table td { padding: 19px 22px; border-bottom: 1px solid var(--yj-life-line); text-align: left; vertical-align: middle; }
.yj-personal-table thead th { color: #fff; background: #2e1730; font-size: 14px; }
.yj-personal-table thead th:first-child { width: 125px; text-align: center; }
.yj-personal-table thead th:last-child { width: 180px; }
.yj-personal-table tbody th { color: #b83865; background: #fff7f9; text-align: center; font-size: 14px; }
.yj-personal-table tbody td:nth-child(2) { color: #293f51; font-size: 16px; font-weight: 700; }
.yj-personal-table tbody td:last-child span { padding: 5px 10px; color: #91405f; background: #fcecf2; font-size: 12px; font-weight: 800; }
.yj-personal-table tbody tr:hover th, .yj-personal-table tbody tr:hover td { background: #fff4f7; }
.yj-personal-cta { max-width: 1320px; margin: 90px auto; padding: 55px 58px; color: #fff; background: linear-gradient(110deg, #2e1730, #b83e69); display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.yj-personal-cta p { margin: 0 0 7px; color: #f5bfd1; font-size: 13px; font-weight: 800; letter-spacing: 1.2px; }
.yj-personal-cta h2 { margin: 0; color: #fff; font-size: clamp(27px, 2.4vw, 38px); letter-spacing: -1.4px; }
.yj-personal-cta > a { min-width: 245px; min-height: 62px; padding: 15px 23px; color: #2e1730; background: #fff; display: flex; align-items: center; justify-content: space-between; font-weight: 800; }

/* 시니어의 IT 활용하기 서브페이지 */
.yj-senior-hero { position: relative; min-height: 630px; overflow: hidden; background: #092f59; }
.yj-senior-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.yj-senior-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4,37,75,.98) 0%, rgba(4,42,82,.9) 37%, rgba(4,45,84,.38) 60%, rgba(4,34,66,.03) 80%); }
.yj-senior-hero-content { position: relative; z-index: 2; width: min(1320px, 100%); min-height: 630px; margin: 0 auto; padding: 92px 58px 58px; color: #fff; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.yj-senior-hero .yj-life-eyebrow { color: #6fe0d0; }
.yj-senior-hero h1 { margin: 0; color: #fff; font-size: clamp(50px, 5vw, 76px); line-height: 1.12; letter-spacing: -4px; }
.yj-senior-lead { margin: 25px 0 9px; font-size: 21px; line-height: 1.75; }
.yj-senior-lead strong { color: #82e4d4; }
.yj-senior-message { margin: 0 0 28px; color: #cfe9ff; font-size: 16px; font-weight: 800; }
.yj-senior-hero-buttons { display: flex; gap: 12px; }
.yj-senior-hero .yj-life-primary-button { background: #087f91; }
.yj-senior-hero .yj-life-outline-button { min-width: 205px; }
.yj-senior-summary { max-width: 1320px; margin: 0 auto; border: 1px solid var(--yj-life-line); border-top: 0; display: grid; grid-template-columns: repeat(4, 1fr); box-shadow: 0 13px 35px rgba(25,53,75,.08); }
.yj-senior-summary > div { min-height: 112px; padding: 24px 30px; border-right: 1px solid var(--yj-life-line); background: #fff; display: flex; flex-direction: column; justify-content: center; }
.yj-senior-summary > div:last-child { border-right: 0; background: #eef9f8; }
.yj-senior-summary span { color: var(--yj-life-muted); font-size: 13px; }
.yj-senior-summary strong { margin-top: 3px; color: var(--yj-life-navy); font-size: 21px; }
.yj-senior-about { display: grid; grid-template-columns: .82fr 1.28fr; gap: 100px; align-items: start; scroll-margin-top: 20px; }
.yj-senior-about-heading h2 { margin: 0; color: var(--yj-life-navy); font-size: clamp(40px, 3.7vw, 55px); line-height: 1.32; letter-spacing: -2.8px; }
.yj-senior-about-copy { padding-top: 4px; }
.yj-senior-about-copy p { margin: 0 0 23px; color: #506474; font-size: 17px; line-height: 1.9; }
.yj-senior-about-copy .yj-senior-about-lead { margin-bottom: 26px; padding: 24px 27px; color: #124f68; border-left: 4px solid #0a9a9d; background: #eef9f8; font-size: 20px; font-weight: 800; }
.yj-senior-areas { color: #fff; background: #0d2d4d; }
.yj-senior-areas .yj-life-kicker { color: #6fe0d0; }
.yj-senior-areas .yj-life-section-heading h2 { color: #fff; }
.yj-senior-areas .yj-life-section-heading > p { color: #b9cddd; }
.yj-senior-area-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 2px solid #6fe0d0; }
.yj-senior-area-grid article { min-height: 300px; padding: 29px 26px; border-right: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); display: flex; flex-direction: column; }
.yj-senior-area-grid article:first-child { border-left: 1px solid rgba(255,255,255,.18); }
.yj-senior-area-grid article > span { color: #6fe0d0; font-size: 12px; font-weight: 800; }
.yj-senior-area-grid article > small { margin-top: auto; color: #7eb2cc; font-size: 10px; font-weight: 800; letter-spacing: 1.4px; }
.yj-senior-area-grid h3 { margin: 7px 0 11px; color: #fff; font-size: 25px; letter-spacing: -1px; }
.yj-senior-area-grid p { margin: 0; color: #b9cddd; font-size: 14px; }
.yj-senior-targets { display: grid; grid-template-columns: .72fr 1.28fr; gap: 85px; align-items: start; scroll-margin-top: 20px; }
.yj-senior-targets > div h2 { margin: 0 0 23px; color: var(--yj-life-navy); font-size: clamp(40px, 3.6vw, 54px); line-height: 1.3; letter-spacing: -2.7px; }
.yj-senior-targets > div > p:last-child { max-width: 410px; margin: 0; color: var(--yj-life-muted); }
.yj-senior-targets ol { margin: 0; padding: 0; list-style: none; border-top: 2px solid #0a7385; }
.yj-senior-targets li { min-height: 80px; padding: 17px 20px; border-bottom: 1px solid var(--yj-life-line); display: grid; grid-template-columns: 62px 1fr; gap: 17px; align-items: center; }
.yj-senior-targets li span { color: #078797; font-size: 12px; font-weight: 800; }
.yj-senior-targets li strong { color: #33495a; font-size: 17px; }
.yj-senior-features { background: #f2f7f9; scroll-margin-top: 20px; }
.yj-senior-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 2px solid #0d2d4d; }
.yj-senior-feature-grid article { min-height: 250px; padding: 29px 27px; border-right: 1px solid var(--yj-life-line); border-bottom: 1px solid var(--yj-life-line); background: #fff; }
.yj-senior-feature-grid article:nth-child(3n+1) { border-left: 1px solid var(--yj-life-line); }
.yj-senior-feature-grid article:last-child { background: #eef9f8; }
.yj-senior-feature-grid span { color: #078797; font-size: 12px; font-weight: 800; }
.yj-senior-feature-grid h3 { margin: 43px 0 13px; color: var(--yj-life-navy); font-size: 22px; letter-spacing: -.9px; }
.yj-senior-feature-grid p { margin: 0; color: var(--yj-life-muted); font-size: 14px; }
.yj-senior-curriculum { background: #fff; scroll-margin-top: 20px; }
.yj-senior-lesson-list { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 3px solid #0d2d4d; }
.yj-senior-lesson-list article { min-height: 240px; padding: 28px 32px; border-right: 1px solid var(--yj-life-line); border-bottom: 1px solid var(--yj-life-line); background: #fff; }
.yj-senior-lesson-list article:nth-child(odd) { border-left: 1px solid var(--yj-life-line); }
.yj-senior-lesson-list article:last-child { grid-column: 1 / -1; min-height: 205px; background: #eef9f8; }
.yj-senior-lesson-list article > span { padding: 4px 10px; color: #fff; background: #087f91; display: inline-block; font-size: 12px; font-weight: 800; }
.yj-senior-lesson-list h3 { margin: 22px 0 15px; color: var(--yj-life-navy); font-size: 23px; letter-spacing: -1px; }
.yj-senior-lesson-list ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 7px; }
.yj-senior-lesson-list li { padding: 6px 10px; color: #4a6876; border: 1px solid #cfdee4; background: #f8fbfc; font-size: 13px; }
.yj-senior-cta { max-width: 1320px; margin: 90px auto; padding: 55px 58px; color: #fff; background: linear-gradient(110deg, #0d2d4d, #087f91); display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.yj-senior-cta p { margin: 0 0 7px; color: #82e4d4; font-size: 13px; font-weight: 800; letter-spacing: 1.2px; }
.yj-senior-cta h2 { margin: 0; color: #fff; font-size: clamp(27px, 2.4vw, 38px); letter-spacing: -1.4px; }
.yj-senior-cta > a { min-width: 245px; min-height: 62px; padding: 15px 23px; color: #0d2d4d; background: #fff; display: flex; align-items: center; justify-content: space-between; font-weight: 800; }

/* 초보자를 위한 금융투자 완전정복 서브페이지 */
.yj-finance-hero { position: relative; min-height: 640px; overflow: hidden; background: #102944; }
.yj-finance-hero > img { position: absolute; top: 0; right: 0; bottom: 0; width: 61%; height: 100%; object-fit: cover; object-position: center; }
.yj-finance-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, #102944 0%, #102944 36%, rgba(16,41,68,.94) 46%, rgba(16,41,68,.33) 69%, rgba(16,41,68,.05) 100%); }
.yj-finance-hero-content { position: relative; z-index: 2; width: min(1320px, 100%); min-height: 640px; margin: 0 auto; padding: 96px 58px 62px; color: #fff; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.yj-finance-hero .yj-life-eyebrow { color: #dbc08a; }
.yj-finance-hero h1 { margin: 0; color: #fff; font-size: clamp(51px, 5vw, 76px); line-height: 1.12; letter-spacing: -4px; }
.yj-finance-hero h1 small { margin-bottom: 10px; display: block; color: #dbc08a; font-size: .33em; letter-spacing: -.6px; }
.yj-finance-lead { margin: 27px 0 34px; font-size: 21px; line-height: 1.75; }
.yj-finance-lead strong { color: #f1d597; }
.yj-finance-hero-buttons { display: flex; gap: 12px; }
.yj-finance-hero .yj-life-primary-button { background: #9a7434; }
.yj-finance-hero .yj-life-outline-button { min-width: 205px; }
.yj-finance-summary { max-width: 1320px; margin: 0 auto; border: 1px solid var(--yj-life-line); border-top: 0; display: grid; grid-template-columns: repeat(4, 1fr); box-shadow: 0 13px 35px rgba(25,53,75,.08); }
.yj-finance-summary > div { min-height: 112px; padding: 24px 30px; border-right: 1px solid var(--yj-life-line); background: #fff; display: flex; flex-direction: column; justify-content: center; }
.yj-finance-summary > div:last-child { border-right: 0; background: #faf6ed; }
.yj-finance-summary span { color: var(--yj-life-muted); font-size: 13px; }
.yj-finance-summary strong { margin-top: 3px; color: var(--yj-life-navy); font-size: 21px; }
.yj-finance-intro { display: grid; grid-template-columns: .82fr 1.28fr; gap: 100px; align-items: start; scroll-margin-top: 20px; }
.yj-finance-intro > div:first-child h2 { margin: 0; color: var(--yj-life-navy); font-size: clamp(40px, 3.7vw, 55px); line-height: 1.32; letter-spacing: -2.8px; }
.yj-finance-intro-copy p { margin: 0 0 23px; color: #506474; font-size: 17px; line-height: 1.9; }
.yj-finance-intro-copy .yj-finance-intro-lead { margin-bottom: 26px; padding: 24px 27px; color: #6b5126; border-left: 4px solid #b28b45; background: #faf6ed; font-size: 20px; font-weight: 800; }
.yj-finance-products { color: #fff; background: #102944; }
.yj-finance-products .yj-life-kicker { color: #dbc08a; }
.yj-finance-products .yj-life-section-heading h2 { color: #fff; }
.yj-finance-products .yj-life-section-heading > p { color: #b9c8d5; }
.yj-finance-product-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 2px solid #caa96c; }
.yj-finance-product-grid > div { min-height: 130px; padding: 24px 25px; border-right: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); display: flex; flex-direction: column; justify-content: space-between; }
.yj-finance-product-grid > div:nth-child(4n+1) { border-left: 1px solid rgba(255,255,255,.18); }
.yj-finance-product-grid span { color: #caa96c; font-size: 11px; font-weight: 800; }
.yj-finance-product-grid strong { color: #fff; font-size: 22px; }
.yj-finance-instructor { display: grid; grid-template-columns: minmax(330px,.76fr) minmax(0,1.24fr); gap: 78px; align-items: start; scroll-margin-top: 20px; }
.yj-finance-poster { margin: 0; border: 1px solid #e1d9c8; background: #fff; box-shadow: 0 22px 55px rgba(38,50,61,.14); }
.yj-finance-poster img { width: 100%; height: auto; }
.yj-finance-poster figcaption { padding: 13px 18px; color: var(--yj-life-muted); border-top: 1px solid #ece5d7; font-size: 12px; text-align: center; }
.yj-finance-profile h2 { margin: 0; color: var(--yj-life-navy); font-size: clamp(44px, 4vw, 61px); letter-spacing: -3px; }
.yj-finance-role { margin: 5px 0 27px; color: #967034; font-size: 18px; font-weight: 800; }
.yj-finance-profile > p:not(.yj-life-kicker):not(.yj-finance-role) { margin: 0 0 18px; color: #4d6272; font-size: 16px; line-height: 1.9; }
.yj-finance-goal { margin: 31px 0; padding: 26px 28px; border-left: 4px solid #b28b45; background: #faf6ed; }
.yj-finance-goal span { color: #8c672d; font-size: 13px; font-weight: 800; }
.yj-finance-goal p { margin: 7px 0 0; color: #465b6a; line-height: 1.85; }
.yj-finance-target-box { border-top: 2px solid #102944; }
.yj-finance-target-box h3 { margin: 0; padding: 18px 0; color: var(--yj-life-navy); font-size: 22px; }
.yj-finance-target-box ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--yj-life-line); }
.yj-finance-target-box li { min-height: 58px; padding: 13px 10px; border-bottom: 1px solid var(--yj-life-line); color: #3c5364; display: flex; align-items: center; gap: 13px; font-size: 15px; font-weight: 700; }
.yj-finance-target-box li span { width: 25px; height: 25px; flex: 0 0 25px; color: #fff; background: #9a7434; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; }
.yj-finance-features { background: #f3f6f8; scroll-margin-top: 20px; }
.yj-finance-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 2px solid #102944; }
.yj-finance-feature-grid article { min-height: 250px; padding: 29px 27px; border-right: 1px solid var(--yj-life-line); border-bottom: 1px solid var(--yj-life-line); background: #fff; }
.yj-finance-feature-grid article:nth-child(3n+1) { border-left: 1px solid var(--yj-life-line); }
.yj-finance-feature-grid article:last-child { background: #faf6ed; }
.yj-finance-feature-grid span { color: #a87e39; font-size: 12px; font-weight: 800; }
.yj-finance-feature-grid h3 { margin: 43px 0 13px; color: var(--yj-life-navy); font-size: 22px; letter-spacing: -.9px; }
.yj-finance-feature-grid p { margin: 0; color: var(--yj-life-muted); font-size: 14px; }
.yj-finance-curriculum { background: #faf8f3; scroll-margin-top: 20px; }
.yj-finance-table-wrap { border-top: 3px solid #102944; background: #fff; }
.yj-finance-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.yj-finance-table th, .yj-finance-table td { padding: 20px 22px; border-bottom: 1px solid var(--yj-life-line); text-align: left; vertical-align: middle; }
.yj-finance-table thead th { color: #fff; background: #102944; font-size: 14px; }
.yj-finance-table thead th:first-child { width: 125px; text-align: center; }
.yj-finance-table thead th:last-child { width: 180px; }
.yj-finance-table tbody th { color: #987131; background: #fbf7ef; text-align: center; font-size: 14px; }
.yj-finance-table tbody td:nth-child(2) { color: #293f51; font-size: 16px; font-weight: 700; }
.yj-finance-table tbody td:last-child span { padding: 5px 10px; color: #805e29; background: #f5ead6; font-size: 12px; font-weight: 800; }
.yj-finance-table tbody tr:hover th, .yj-finance-table tbody tr:hover td { background: #fcf7ed; }
.yj-finance-notice { margin: 19px 0 0; color: #6e7881; font-size: 12px; line-height: 1.75; }
.yj-finance-cta { max-width: 1320px; margin: 90px auto; padding: 55px 58px; color: #fff; background: linear-gradient(110deg, #102944, #947037); display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.yj-finance-cta p { margin: 0 0 7px; color: #e9cc91; font-size: 13px; font-weight: 800; letter-spacing: 1.2px; }
.yj-finance-cta h2 { margin: 0; color: #fff; font-size: clamp(27px, 2.4vw, 38px); letter-spacing: -1.4px; }
.yj-finance-cta > a { min-width: 245px; min-height: 62px; padding: 15px 23px; color: #102944; background: #fff; display: flex; align-items: center; justify-content: space-between; font-weight: 800; }

@media (max-width: 1050px) {
	.yj-life-nav strong { font-size: 16px; }
	.yj-life-nav > a { padding-left: 18px; padding-right: 18px; }
	.yj-life-category-grid { grid-template-columns: repeat(3, 1fr); }
	.yj-life-category-card:nth-child(4) { border-left: 1px solid var(--yj-life-line); }
	.yj-life-category-card:nth-child(n+4) { border-top: 1px solid var(--yj-life-line); }
	.yj-life-guide-inner { grid-template-columns: 1fr; gap: 45px; }
	.yj-flower-feature-grid { grid-template-columns: repeat(3, 1fr); }
	.yj-flower-feature-grid article:nth-child(4) { border-left: 1px solid var(--yj-life-line); }
	.yj-flower-feature-grid article:nth-child(n+4) { border-top: 1px solid var(--yj-life-line); }
	.yj-watercolor-story { grid-template-columns: 1fr; gap: 45px; }
	.yj-watercolor-instructor { grid-template-columns: minmax(300px, .8fr) 1.2fr; gap: 45px; }
	.yj-watercolor-cta { align-items: flex-start; flex-direction: column; }
	.yj-personal-about, .yj-personal-targets, .yj-personal-effects { grid-template-columns: 1fr; gap: 45px; }
	.yj-personal-season-grid, .yj-personal-feature-grid { grid-template-columns: repeat(2, 1fr); }
	.yj-personal-season-grid article:nth-child(3) { border-left: 1px solid #ded7dc; }
	.yj-personal-feature-grid article:nth-child(3), .yj-personal-feature-grid article:nth-child(7) { border-left: 1px solid var(--yj-life-line); }
	.yj-senior-about, .yj-senior-targets { grid-template-columns: 1fr; gap: 45px; }
	.yj-senior-area-grid { grid-template-columns: repeat(2, 1fr); }
	.yj-senior-area-grid article:nth-child(3) { border-left: 1px solid rgba(255,255,255,.18); }
	.yj-finance-intro { grid-template-columns: 1fr; gap: 45px; }
	.yj-finance-product-grid { grid-template-columns: repeat(2, 1fr); }
	.yj-finance-product-grid > div:nth-child(odd) { border-left: 1px solid rgba(255,255,255,.18); }
	.yj-finance-instructor { grid-template-columns: minmax(310px,.8fr) 1.2fr; gap: 45px; }
}

@media (max-width: 780px) {
	body.admin-bar .yj-life-header { top: 0; }
	.yj-life-brand-row { min-height: 72px; padding: 0 20px; }
	.yj-life-brand { font-size: 23px; }
	.yj-life-account { display: none; }
	.yj-life-menu-button { display: block; }
	.yj-life-nav { display: none; grid-template-columns: 1fr; padding: 8px 20px 20px; }
	.yj-life-nav.is-open { display: grid; }
	.yj-life-nav > a, .yj-life-nav > a:first-child { min-height: 64px; padding: 12px 16px; border: 0; border-bottom: 1px solid #edf0f2; }
	.yj-life-nav > a.is-active::after { left: 0; right: auto; top: 12px; bottom: 12px; width: 4px; height: auto; }
	.yj-life-hero, .yj-life-hero-content { min-height: 560px; }
	.yj-life-hero > img { object-position: 58% center; }
	.yj-life-hero-shade { background: linear-gradient(90deg, rgba(7,34,54,.94), rgba(7,34,54,.65)); }
	.yj-life-hero-content { padding: 78px 28px 36px; }
	.yj-life-hero h1 { font-size: 43px; letter-spacing: -2px; }
	.yj-life-hero-copy { font-size: 17px; }
	.yj-life-quick { grid-template-columns: 1fr; margin: 0 20px; }
	.yj-life-quick > div { border-right: 0; border-bottom: 1px solid var(--yj-life-line); }
	.yj-life-section { width: calc(100% - 40px); padding: 80px 0; }
	.yj-life-section-heading { align-items: flex-start; flex-direction: column; gap: 17px; }
	.yj-life-section-heading > p { text-align: left; }
	.yj-life-category-grid { grid-template-columns: 1fr; }
	.yj-life-category-card, .yj-life-category-card:first-child, .yj-life-category-card:nth-child(4) { min-height: 230px; border-left: 1px solid var(--yj-life-line); border-top: 1px solid var(--yj-life-line); }
	.yj-life-category-card:first-child { border-top: 0; }
	.yj-life-category-card h3 { margin-top: 27px; }
	.yj-life-course-grid { grid-template-columns: 1fr; }
	.yj-life-empty-courses { padding: 32px 25px; align-items: stretch; flex-direction: column; }
	.yj-life-guide ol { grid-template-columns: 1fr; }
	.yj-life-guide li { min-height: 145px; border-left: 0; border-top: 1px solid rgba(255,255,255,.18); }
	.yj-life-cta { padding: 64px 20px; align-items: stretch; flex-direction: column; }
	.yj-life-footer { padding: 40px 20px; align-items: flex-start; flex-direction: column; }
	.yj-flower-hero, .yj-flower-hero-content { min-height: 580px; }
	.yj-flower-hero > img { object-position: 62% center; }
	.yj-flower-hero-shade { background: linear-gradient(90deg, rgba(9,30,50,.94), rgba(9,30,50,.62)); }
	.yj-flower-hero-content { padding: 80px 25px 50px; }
	.yj-flower-hero h1 { font-size: 45px; letter-spacing: -2px; }
	.yj-flower-intro { font-size: 17px; }
	.yj-flower-hero-buttons { width: 100%; align-items: stretch; flex-direction: column; }
	.yj-flower-hero-buttons a { width: 100%; }
	.yj-flower-summary { margin: 0 20px; grid-template-columns: repeat(2, 1fr); }
	.yj-flower-summary > div:nth-child(2) { border-right: 0; }
	.yj-flower-summary > div:nth-child(n+3) { border-top: 1px solid var(--yj-life-line); }
	.yj-flower-goal { grid-template-columns: 1fr; gap: 20px; }
	.yj-flower-section-number { font-size: 52px; }
	.yj-flower-goal > div:last-child > p:last-child { font-size: 17px; }
	.yj-flower-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
	.yj-flower-table, .yj-flower-table tbody, .yj-flower-table tr, .yj-flower-table th, .yj-flower-table td { display: block; width: 100%; }
	.yj-flower-table tr { margin-bottom: 10px; border: 1px solid var(--yj-life-line); background: #fff; }
	.yj-flower-table th:first-child { width: 100%; text-align: left; }
	.yj-flower-table th, .yj-flower-table td { padding: 14px 17px; }
	.yj-flower-table td { border-bottom: 0; }
	.yj-flower-feature-grid { grid-template-columns: 1fr; }
	.yj-flower-feature-grid article, .yj-flower-feature-grid article:first-child, .yj-flower-feature-grid article:nth-child(4) { min-height: 215px; border-left: 1px solid var(--yj-life-line); border-top: 1px solid var(--yj-life-line); }
	.yj-flower-feature-grid article:first-child { border-top: 0; }
	.yj-flower-cta { margin: 0 20px 70px; padding: 39px 27px; align-items: stretch; flex-direction: column; }
	.yj-watercolor-hero, .yj-watercolor-hero-content { min-height: 580px; }
	.yj-watercolor-hero > img { right: 0; left: auto; width: 100%; object-position: 58% center; }
	.yj-watercolor-hero-shade { background: linear-gradient(90deg, rgba(17,35,53,.95), rgba(17,35,53,.61)); }
	.yj-watercolor-hero-content { padding: 78px 25px 48px; }
	.yj-watercolor-hero h1 { font-size: 45px; letter-spacing: -2px; }
	.yj-watercolor-lead { font-size: 17px; }
	.yj-watercolor-hero-buttons { width: 100%; align-items: stretch; flex-direction: column; }
	.yj-watercolor-hero-buttons a { width: 100%; }
	.yj-watercolor-summary { margin: 0 20px; grid-template-columns: repeat(2, 1fr); }
	.yj-watercolor-summary > div:nth-child(2) { border-right: 0; }
	.yj-watercolor-summary > div:nth-child(n+3) { border-top: 1px solid var(--yj-life-line); }
	.yj-watercolor-story-heading h2 { font-size: 36px; }
	.yj-watercolor-story-copy blockquote { padding: 22px 21px; font-size: 17px; }
	.yj-watercolor-gift .yj-life-section { padding-top: 60px; padding-bottom: 60px; }
	.yj-watercolor-table { min-width: 0; }
	.yj-watercolor-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
	.yj-watercolor-table, .yj-watercolor-table tbody, .yj-watercolor-table tr, .yj-watercolor-table th, .yj-watercolor-table td { display: block; width: 100%; }
	.yj-watercolor-table tr { margin-bottom: 14px; padding: 10px 0; border: 1px solid var(--yj-life-line); background: #fff; }
	.yj-watercolor-table th, .yj-watercolor-table td, .yj-watercolor-table tbody td:nth-child(3) { position: relative; min-height: 42px; padding: 10px 15px 10px 108px; border: 0; border-bottom: 1px solid #edf1f3; text-align: left; }
	.yj-watercolor-table tr > *:last-child { border-bottom: 0; }
	.yj-watercolor-table th::before, .yj-watercolor-table td::before { content: attr(data-label); position: absolute; left: 15px; top: 10px; width: 80px; color: var(--yj-life-muted); font-size: 12px; font-weight: 700; }
	.yj-watercolor-feature-grid { grid-template-columns: 1fr; }
	.yj-watercolor-feature-grid article, .yj-watercolor-feature-grid article:nth-child(3n+1) { min-height: 205px; border-left: 1px solid var(--yj-life-line); }
	.yj-watercolor-instructor { grid-template-columns: 1fr; gap: 42px; }
	.yj-watercolor-poster { width: 100%; max-width: 470px; margin: 0 auto; }
	.yj-watercolor-profile h2 { font-size: 37px; }
	.yj-watercolor-profile .yj-watercolor-profile-lead { font-size: 17px; }
	.yj-watercolor-career { grid-template-columns: 1fr; }
	.yj-watercolor-career li { min-height: 88px; border-right: 0; border-bottom: 1px solid var(--yj-life-line); }
	.yj-watercolor-career li:last-child { border-bottom: 0; }
	.yj-watercolor-class-info > div { grid-template-columns: 1fr; gap: 4px; }
	.yj-watercolor-cta { margin: 70px 20px; padding: 39px 27px; align-items: stretch; flex-direction: column; }
	.yj-watercolor-contact-links { min-width: 0; grid-template-columns: 1fr; }
	.yj-watercolor-contact-links a { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.35); }
	.yj-watercolor-contact-links a:last-child { border-bottom: 0; }
	.yj-personal-hero, .yj-personal-hero-content { min-height: 590px; }
	.yj-personal-hero > img { object-position: 67% center; }
	.yj-personal-hero-shade { background: linear-gradient(90deg, rgba(43,19,43,.96), rgba(43,19,43,.66)); }
	.yj-personal-hero-content { padding: 78px 25px 48px; }
	.yj-personal-hero h1 { font-size: 44px; letter-spacing: -2px; }
	.yj-personal-lead { font-size: 17px; }
	.yj-personal-hero-buttons { width: 100%; align-items: stretch; flex-direction: column; }
	.yj-personal-hero-buttons a { width: 100%; }
	.yj-personal-summary { margin: 0 20px; grid-template-columns: repeat(2, 1fr); }
	.yj-personal-summary > div:nth-child(2) { border-right: 0; }
	.yj-personal-summary > div:nth-child(n+3) { border-top: 1px solid var(--yj-life-line); }
	.yj-personal-about-heading h2, .yj-personal-targets > div h2, .yj-personal-effects-heading h2 { font-size: 36px; }
	.yj-personal-about-copy .yj-personal-about-lead { padding: 21px; font-size: 17px; }
	.yj-personal-season-grid, .yj-personal-feature-grid { grid-template-columns: 1fr; }
	.yj-personal-season-grid article, .yj-personal-season-grid article:first-child, .yj-personal-season-grid article:nth-child(3) { min-height: 270px; border-left: 1px solid #ded7dc; }
	.yj-personal-season-grid article > small { margin-top: 33px; }
	.yj-personal-feature-grid article, .yj-personal-feature-grid article:nth-child(3), .yj-personal-feature-grid article:nth-child(4n+1), .yj-personal-feature-grid article:nth-child(7) { min-height: 220px; border-left: 1px solid var(--yj-life-line); }
	.yj-personal-feature-grid h3 { margin-top: 30px; }
	.yj-personal-targets li { grid-template-columns: 47px 1fr; }
	.yj-personal-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
	.yj-personal-table, .yj-personal-table tbody, .yj-personal-table tr, .yj-personal-table th, .yj-personal-table td { display: block; width: 100%; }
	.yj-personal-table tr { margin-bottom: 12px; padding: 9px 0; border: 1px solid var(--yj-life-line); background: #fff; }
	.yj-personal-table th, .yj-personal-table td, .yj-personal-table tbody th, .yj-personal-table tbody td:nth-child(2) { position: relative; min-height: 43px; padding: 10px 14px 10px 100px; border: 0; border-bottom: 1px solid #edf1f3; text-align: left; }
	.yj-personal-table tr > *:last-child { border-bottom: 0; }
	.yj-personal-table th::before, .yj-personal-table td::before { content: attr(data-label); position: absolute; left: 14px; top: 10px; width: 72px; color: var(--yj-life-muted); font-size: 12px; font-weight: 700; }
	.yj-personal-cta { margin: 70px 20px; padding: 39px 27px; align-items: stretch; flex-direction: column; }
	.yj-senior-hero, .yj-senior-hero-content { min-height: 600px; }
	.yj-senior-hero > img { object-position: 69% center; }
	.yj-senior-hero-shade { background: linear-gradient(90deg, rgba(4,37,75,.97), rgba(4,37,75,.66)); }
	.yj-senior-hero-content { padding: 76px 25px 46px; }
	.yj-senior-hero h1 { font-size: 45px; letter-spacing: -2px; }
	.yj-senior-lead { font-size: 17px; }
	.yj-senior-message { font-size: 14px; }
	.yj-senior-hero-buttons { width: 100%; align-items: stretch; flex-direction: column; }
	.yj-senior-hero-buttons a { width: 100%; }
	.yj-senior-summary { margin: 0 20px; grid-template-columns: repeat(2, 1fr); }
	.yj-senior-summary > div:nth-child(2) { border-right: 0; }
	.yj-senior-summary > div:nth-child(n+3) { border-top: 1px solid var(--yj-life-line); }
	.yj-senior-about-heading h2, .yj-senior-targets > div h2 { font-size: 36px; }
	.yj-senior-about-copy .yj-senior-about-lead { padding: 21px; font-size: 17px; }
	.yj-senior-area-grid, .yj-senior-feature-grid, .yj-senior-lesson-list { grid-template-columns: 1fr; }
	.yj-senior-area-grid article, .yj-senior-area-grid article:first-child, .yj-senior-area-grid article:nth-child(3) { min-height: 245px; border-left: 1px solid rgba(255,255,255,.18); }
	.yj-senior-feature-grid article, .yj-senior-feature-grid article:nth-child(3n+1) { min-height: 215px; border-left: 1px solid var(--yj-life-line); }
	.yj-senior-feature-grid h3 { margin-top: 30px; }
	.yj-senior-targets li { grid-template-columns: 47px 1fr; }
	.yj-senior-lesson-list article, .yj-senior-lesson-list article:nth-child(odd), .yj-senior-lesson-list article:last-child { grid-column: auto; min-height: 215px; border-left: 1px solid var(--yj-life-line); }
	.yj-senior-lesson-list article { padding: 25px 22px; }
	.yj-senior-cta { margin: 70px 20px; padding: 39px 27px; align-items: stretch; flex-direction: column; }
	.yj-finance-hero, .yj-finance-hero-content { min-height: 600px; }
	.yj-finance-hero > img { width: 100%; object-position: 57% center; }
	.yj-finance-hero-shade { background: linear-gradient(90deg, rgba(16,41,68,.97), rgba(16,41,68,.67)); }
	.yj-finance-hero-content { padding: 76px 25px 46px; }
	.yj-finance-hero h1 { font-size: 43px; letter-spacing: -2px; }
	.yj-finance-lead { font-size: 17px; }
	.yj-finance-hero-buttons { width: 100%; align-items: stretch; flex-direction: column; }
	.yj-finance-hero-buttons a { width: 100%; }
	.yj-finance-summary { margin: 0 20px; grid-template-columns: repeat(2, 1fr); }
	.yj-finance-summary > div:nth-child(2) { border-right: 0; }
	.yj-finance-summary > div:nth-child(n+3) { border-top: 1px solid var(--yj-life-line); }
	.yj-finance-intro > div:first-child h2 { font-size: 36px; }
	.yj-finance-intro-copy .yj-finance-intro-lead { padding: 21px; font-size: 17px; }
	.yj-finance-product-grid { grid-template-columns: 1fr; }
	.yj-finance-product-grid > div, .yj-finance-product-grid > div:nth-child(odd), .yj-finance-product-grid > div:nth-child(4n+1) { min-height: 105px; border-left: 1px solid rgba(255,255,255,.18); }
	.yj-finance-instructor { grid-template-columns: 1fr; gap: 42px; }
	.yj-finance-poster { width: 100%; max-width: 520px; margin: 0 auto; }
	.yj-finance-profile h2 { font-size: 44px; }
	.yj-finance-feature-grid { grid-template-columns: 1fr; }
	.yj-finance-feature-grid article, .yj-finance-feature-grid article:nth-child(3n+1) { min-height: 215px; border-left: 1px solid var(--yj-life-line); }
	.yj-finance-feature-grid h3 { margin-top: 30px; }
	.yj-finance-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
	.yj-finance-table, .yj-finance-table tbody, .yj-finance-table tr, .yj-finance-table th, .yj-finance-table td { display: block; width: 100%; }
	.yj-finance-table tr { margin-bottom: 12px; padding: 9px 0; border: 1px solid var(--yj-life-line); background: #fff; }
	.yj-finance-table th, .yj-finance-table td, .yj-finance-table tbody th, .yj-finance-table tbody td:nth-child(2) { position: relative; min-height: 43px; padding: 10px 14px 10px 100px; border: 0; border-bottom: 1px solid #edf1f3; text-align: left; }
	.yj-finance-table tr > *:last-child { border-bottom: 0; }
	.yj-finance-table th::before, .yj-finance-table td::before { content: attr(data-label); position: absolute; left: 14px; top: 10px; width: 72px; color: var(--yj-life-muted); font-size: 12px; font-weight: 700; }
	.yj-finance-cta { margin: 70px 20px; padding: 39px 27px; align-items: stretch; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.yj-life-category-card, .yj-life-course-card, .yj-life-course-image img { transition: none; }
}