/*
Theme Name: 비랜딩 테마 - 180도 스피킹 LMS
Theme URI: https://blanding.kr
Author: 비랜딩 blanding.kr
Author URI: https://blanding.kr
Description: 180도 스피킹 전용 LearnDash 호환 학습관리 테마
Version: 2.2.8
Text Domain: blanding-180-lms
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');

:root {
  --forest-950: #051c50;
  --forest-900: #082868;
  --forest-800: #123b7a;
  --forest-700: #0f657a;
  --mint-100: #e9f8f2;
  --mint-50: #f4faf7;
  --cream: #fbfaf4;
  --paper: #ffffff;
  --lime: #00df7a;
  --lime-soft: #b9f4d5;
  --gold: #e5b84b;
  --coral: #ef886b;
  --ink: #082454;
  --muted: #6c7b88;
  --line: #dce7e3;
  --shadow: 0 20px 60px rgba(5, 28, 80, .10);
  --radius-lg: 30px;
  --radius-md: 20px;
  --radius-sm: 13px;
  --wrap: min(1180px, calc(100% - 44px));
}

/* Course catalog and WooCommerce course products */
.catalog-page, .product-course-page { background: #fbfcfa; color: #173228; }
.catalog-hero { padding: 105px 0 92px; background: #07295c; color: #fff; }
.catalog-hero--challenge { background: radial-gradient(circle at 80% 20%, rgba(0,224,134,.2), transparent 34%), #052657; }
.catalog-hero__grid { display: grid; grid-template-columns: minmax(0,1fr) 290px; align-items: end; gap: 80px; }
.catalog-hero .eyebrow { color: #00de87; }
.catalog-hero h1 { margin: 12px 0 22px; color: #fff; font-size: clamp(48px,6vw,76px); line-height: 1.08; letter-spacing: -.06em; }
.catalog-hero h1 em { color: #00de87; font-style: normal; }
.catalog-hero__grid > div:first-child > p:last-child { max-width: 680px; color: #b8c9e0; line-height: 1.8; }
.catalog-hero__summary { padding: 28px; border: 1px solid rgba(255,255,255,.18); border-radius: 20px; background: rgba(255,255,255,.07); backdrop-filter: blur(12px); }
.catalog-hero__summary strong, .catalog-hero__summary span, .catalog-hero__summary small { display: block; }
.catalog-hero__summary strong { color: #00e28a; font-size: 58px; line-height: 1; letter-spacing: -.06em; }
.catalog-hero__summary span { margin-top: 9px; color: #fff; font-weight: 800; }
.catalog-hero__summary small { margin-top: 20px; color: #a9bdd8; }
.catalog-tabs { border-bottom: 1px solid #dfe8e3; background: #fff; }
.catalog-tabs .wrap { display: flex; gap: 8px; padding-block: 15px; }
.catalog-tabs a { padding: 11px 20px; border-radius: 999px; color: #60746b; font-size: 12px; font-weight: 850; }
.catalog-tabs a.is-active { background: #07295c; color: #fff; }
.catalog-list { min-height: 600px; }
.challenge-feature-strip { background: #00d984; }
.challenge-feature-strip .wrap { display: grid; grid-template-columns: repeat(4,1fr); }
.challenge-feature-strip article { padding: 28px 24px; border-left: 1px solid rgba(5,56,42,.16); }
.challenge-feature-strip article:first-child { border-left: 0; }
.challenge-feature-strip b, .challenge-feature-strip strong, .challenge-feature-strip span { display: block; }
.challenge-feature-strip b { color: #075343; font-size: 12px; }
.challenge-feature-strip strong { margin-top: 9px; color: #052e27; font-size: 18px; }
.challenge-feature-strip span { margin-top: 4px; color: #226857; font-size: 12px; }
.library-hero { padding: 90px 0; background: #07295c; color: #fff; }
.library-hero .eyebrow { color: #00df87; }
.library-hero h1 { margin: 10px 0 14px; color: #fff; font-size: 54px; letter-spacing: -.055em; }
.library-hero p:last-child { color: #b5c6dc; }

.product-detail-hero { padding: 82px 0 100px; background: linear-gradient(180deg,#f4faf7,#fff); }
.product-detail-hero__grid { display: grid; grid-template-columns: minmax(0,1fr) 430px; align-items: start; gap: clamp(50px,8vw,110px); }
.product-back { display: inline-block; margin-bottom: 28px; color: #668078; font-size: 13px; font-weight: 800; }
.product-label { color: #078458; font-size: 12px; font-weight: 900; letter-spacing: .08em; }
.product-detail-copy h1 { max-width: 780px; margin: 13px 0 26px; color: #07295c; font-size: clamp(46px,5.5vw,72px); line-height: 1.12; letter-spacing: -.06em; }
.product-quick-info { display: flex; flex-wrap: wrap; gap: 0; padding: 18px 0; border-block: 1px solid #dce7e1; }
.product-quick-info span { min-width: 145px; padding: 0 24px; border-left: 1px solid #dce7e1; color: #34584b; font-size: 14px; font-weight: 750; }
.product-quick-info span:first-child { padding-left: 0; border-left: 0; }
.product-quick-info b { display: block; margin-bottom: 5px; color: #8a9b94; font-size: 11px; }
.product-detail-lead { max-width: 710px; margin: 28px 0 0; color: #647b72; font-size: 15px; line-height: 1.85; }
.product-next-cohort { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; margin-top: 28px; padding: 16px 20px; border-radius: 13px; background: #e2f8ed; color: #075b40; }
.product-next-cohort small { color: #078458; font-weight: 900; }
.product-next-cohort strong { font-size: 14px; }
.product-next-cohort span { color: #5d796d; font-size: 12px; }
.product-buy-card { position: sticky; top: 100px; overflow: hidden; border: 1px solid #dfe8e3; border-radius: 22px; background: #fff; box-shadow: 0 24px 65px rgba(8,52,36,.12); }
.product-cover { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 330px; padding: 34px; overflow: hidden; background: #0a3370; color: #fff; }
.product-cover--challenge { background: linear-gradient(145deg,#00df87,#039b64); color: #052d25; }
.product-cover::after { content: "180"; position: absolute; right: -20px; top: -40px; font-size: 160px; font-weight: 950; opacity: .08; letter-spacing: -.1em; }
.product-cover img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.product-cover span, .product-cover small, .product-cover strong { position: relative; z-index: 1; display: block; }
.product-cover span { position: absolute; left: 30px; top: 26px; font-size: 38px; font-weight: 950; letter-spacing: -.07em; }
.product-cover small { margin-bottom: 8px; font-size: 11px; font-weight: 900; letter-spacing: .15em; }
.product-cover strong { max-width: 310px; font-size: 27px; line-height: 1.25; letter-spacing: -.045em; }
.product-buy-card__body { padding: 28px; }
.product-price small, .product-price strong { display: block; }
.product-price small { color: #81938b; font-size: 11px; font-weight: 800; }
.product-price strong { margin-top: 4px; color: #07295c; font-size: 29px; letter-spacing: -.04em; }
.product-price del { margin-right: 8px; color: #9aa8a2; font-size: 13px; }
.product-price ins { text-decoration: none; }
.product-buy-card .button { width: 100%; margin-top: 20px; text-align: center; }
.button--outline { margin-top: 9px !important; border: 1px solid #d6e2dc; background: #fff !important; color: #173c2f !important; }
.product-buy-card ul { display: grid; gap: 9px; margin: 22px 0 0; padding: 18px 0 0; border-top: 1px solid #e4ebe7; list-style: none; }
.product-buy-card li { color: #60766d; font-size: 12px; }
.product-buy-card li::before { content: "✓"; margin-right: 8px; color: #00a965; font-weight: 900; }
.product-info-section { padding: 115px 0; background: #fff; }
.product-info-grid { display: grid; grid-template-columns: minmax(0,1fr) 350px; gap: 90px; align-items: start; }
.product-info-main h2, .product-curriculum-section h2 { margin: 10px 0 28px; color: #07295c; font-size: 50px; letter-spacing: -.055em; }
.product-description { color: #526d62; font-size: 15px; line-height: 1.9; }
.product-description h2, .product-description h3 { color: #123e30; }
.instructor-card { display: grid; grid-template-columns: 105px 1fr; align-items: center; gap: 24px; margin-top: 48px; padding: 26px; border-radius: 18px; background: #f1f7f4; }
.instructor-card > span { display: grid; place-items: center; width: 105px; height: 105px; border-radius: 50%; background: #07295c; color: #00e188; font-size: 28px; font-weight: 950; }
.instructor-card small { color: #078458; font-weight: 900; }
.instructor-card h3 { margin: 5px 0; color: #07295c; font-size: 22px; }
.instructor-card p { margin: 0; color: #6a7e76; font-size: 13px; line-height: 1.7; }
.product-benefits { padding: 30px; border-radius: 18px; background: #07295c; color: #fff; }
.product-benefits > p { margin: 0 0 22px; font-size: 15px; font-weight: 900; }
.product-benefits ul { display: grid; gap: 17px; margin: 0; padding: 0; list-style: none; }
.product-benefits li { display: grid; grid-template-columns: 24px 1fr; align-items: center; gap: 10px; color: #c5d2e4; font-size: 13px; line-height: 1.55; }
.product-benefits li span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #00dc83; color: #052f26; font-weight: 950; }
.product-curriculum-section { padding: 110px 0; background: #f2f7f4; }
.product-curriculum-list { overflow: hidden; border: 1px solid #dce6e1; border-radius: 18px; background: #fff; }
.product-curriculum-list > div { display: grid; grid-template-columns: 58px 1fr auto; align-items: center; gap: 18px; min-height: 74px; padding: 0 26px; border-top: 1px solid #e5ece8; }
.product-curriculum-list > div:first-child { border-top: 0; }
.product-curriculum-list span { color: #00a968; font-size: 12px; font-weight: 900; }
.product-curriculum-list strong { color: #204438; font-size: 15px; }
.product-curriculum-list small { padding: 7px 10px; border-radius: 999px; background: #eef5f1; color: #688078; font-size: 11px; font-weight: 800; }
.curriculum-more { margin: 0; padding: 22px; border-top: 1px solid #e5ece8; color: #73877f; text-align: center; font-size: 13px; }
.product-final-cta { padding: 95px 0; background: #052657; color: #fff; text-align: center; }
.product-final-cta .eyebrow { color: #00df87; }
.product-final-cta h2 { margin: 12px 0 22px; color: #fff; font-size: clamp(38px,5vw,60px); letter-spacing: -.055em; }
.product-final-cta__price { margin-bottom: 24px; color: #00df87; font-size: 28px; font-weight: 900; }

@media (max-width: 920px) {
	.catalog-hero__grid, .product-detail-hero__grid, .product-info-grid { grid-template-columns: 1fr; }
	.catalog-hero__summary { max-width: 340px; }
	.challenge-feature-strip .wrap { grid-template-columns: repeat(2,1fr); }
	.product-buy-card { position: static; max-width: 540px; width: 100%; }
}

@media (max-width: 620px) {
	.catalog-hero { padding: 72px 0 62px; }
	.catalog-hero h1 { font-size: 43px; }
	.catalog-hero__grid { gap: 38px; }
	.challenge-feature-strip .wrap { grid-template-columns: 1fr 1fr; }
	.challenge-feature-strip article { padding: 20px 14px; }
	.product-detail-hero { padding: 55px 0 70px; }
	.product-detail-copy h1 { font-size: 42px; }
	.product-quick-info { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 0; }
	.product-quick-info span { min-width: 0; padding-inline: 14px; }
	.product-quick-info span:nth-child(odd) { padding-left: 0; border-left: 0; }
	.product-next-cohort { display: grid; }
	.product-cover { min-height: 280px; }
	.product-info-section, .product-curriculum-section { padding: 75px 0; }
	.product-info-main h2, .product-curriculum-section h2 { font-size: 39px; }
	.instructor-card { grid-template-columns: 78px 1fr; padding: 20px; }
	.instructor-card > span { width: 78px; height: 78px; font-size: 22px; }
	.product-curriculum-list > div { grid-template-columns: 38px 1fr; padding: 14px 16px; }
	.product-curriculum-list small { grid-column: 2; justify-self: start; }
	.library-hero h1 { font-size: 42px; }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--mint-50);
  color: var(--ink);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
body.nav-open { overflow: hidden; }
img { max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
.wrap { width: var(--wrap); margin-inline: auto; }
.sr-only, .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;
}
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 999; padding: 12px 18px; background: var(--lime); border-radius: 8px; font-weight: 800; }
.skip-link:focus { top: 14px; }

.site-header {
  position: sticky; top: 0; z-index: 100;
  background: rgba(244, 249, 244, .92);
  border-bottom: 1px solid rgba(18, 61, 46, .08);
  backdrop-filter: blur(16px);
}
.site-header__inner {
  width: var(--wrap); min-height: 84px; margin: 0 auto;
  display: flex; align-items: center; gap: 32px;
}
.brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; color: var(--forest-900); }
.brand-logo-crop { position: relative; display: block; width: 48px; height: 60px; overflow: hidden; flex: 0 0 auto; }
.brand-logo-crop img { position: absolute; left: 50%; top: 50%; width: 120px; max-width: none; height: auto; transform: translate(-50%, -50%); }
.brand-logo-crop--footer { width: 58px; height: 72px; background: #fff; border-radius: 12px; }
.brand-logo-crop--footer img { width: 142px; }
.brand__degree { font: 900 34px/1 "DM Sans", sans-serif; letter-spacing: -2px; }
.brand__name { font: 800 13px/1.05 "DM Sans", sans-serif; letter-spacing: .04em; }
.brand__name small { font-size: 8px; letter-spacing: .22em; color: var(--forest-700); }
.brand .custom-logo-link { display: block; }
.brand .custom-logo { display: block; max-height: 58px; width: auto; }
.site-nav { margin-left: auto; }
.site-nav__list, .site-nav ul { display: flex; align-items: center; gap: 30px; margin: 0; padding: 0; list-style: none; }
.site-nav a { position: relative; padding: 30px 0; color: #315346; font-size: 14px; font-weight: 700; }
.site-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 22px; height: 2px; background: var(--forest-800); transition: right .25s ease; }
.site-nav a:hover::after, .site-nav .current-menu-item a::after { right: 0; }
.header-actions { display: flex; align-items: center; gap: 12px; }
.header-search-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 42px; padding: 0 13px; border: 1px solid #d5e1db; border-radius: 999px; background: rgba(255,255,255,.62); color: #24483a; cursor: pointer; font-size: 11px; font-weight: 800; transition: border-color .2s,background .2s,color .2s,transform .2s; }
.header-search-button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.header-search-button:hover,.header-search-button[aria-expanded="true"] { border-color: #0d8055; background: #e5f7ee; color: #08754e; transform: translateY(-1px); }
.account-link { font-size: 13px; font-weight: 700; }
.menu-toggle { display: none; width: 42px; height: 42px; border: 0; background: transparent; padding: 8px; }
.menu-toggle > span:not(.sr-only) { display: block; width: 24px; height: 2px; margin: 5px auto; background: var(--forest-900); }

.button {
  display: inline-flex; justify-content: center; align-items: center; gap: 14px;
  min-height: 54px; padding: 0 24px;
  background: var(--forest-900); color: #fff;
  border: 1px solid var(--forest-900); border-radius: 999px;
  font-size: 14px; font-weight: 800; cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.button:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(12, 46, 35, .18); background: var(--forest-800); }
.button--small { min-height: 42px; padding: 0 18px; font-size: 13px; }
.button--light { background: var(--lime); border-color: var(--lime); color: var(--forest-950); }
.button--light:hover { background: #e4ef67; }
.text-link { font-size: 14px; font-weight: 800; border-bottom: 1px solid currentColor; }
.eyebrow { margin: 0 0 12px; color: var(--forest-700); font: 700 12px/1.4 "DM Sans", sans-serif; letter-spacing: .16em; }

.search-panel { position: fixed; inset: 84px 0 0; z-index: 95; overflow-y: auto; padding: 18px; }
.search-panel[hidden] { display: none; }
.admin-bar .search-panel { top: 116px; }
.search-panel__backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(3,23,55,.42); backdrop-filter: blur(5px); cursor: default; }
.search-dialog { position: relative; width: min(780px,100%); margin: 0 auto; overflow: hidden; border: 1px solid rgba(255,255,255,.72); border-radius: 23px; background: #fff; box-shadow: 0 30px 90px rgba(3,35,25,.22); animation: search-dialog-in .2s ease-out; }
@keyframes search-dialog-in { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: none; } }
.search-dialog__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 27px 30px 20px; }
.search-dialog__header .eyebrow { margin-bottom: 6px; color: #0c8b5b; font-size: 9px; }
.search-dialog__header h2 { margin: 0; color: #082e65; font-size: 25px; letter-spacing: -.04em; }
.search-dialog__close { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #dce6e1; border-radius: 50%; background: #f8fbf9; color: #61766d; cursor: pointer; font-size: 23px; line-height: 1; }
.search-dialog__close:hover { background: #e9f7f0; color: #087951; }
.search-field { position: relative; display: flex; align-items: center; margin: 0 30px; border: 2px solid #092f67; border-radius: 15px; background: #fff; box-shadow: 0 8px 24px rgba(7,43,99,.08); }
.search-field > svg { flex: 0 0 20px; width: 20px; height: 20px; margin-left: 17px; fill: none; stroke: #0b7e55; stroke-width: 1.8; stroke-linecap: round; }
.search-field input { flex: 1; min-width: 0; height: 56px; padding: 0 14px; border: 0; border-radius: inherit; background: transparent; color: #153c2e; font-size: 14px; font-weight: 650; outline: none; }
.search-field input::placeholder { color: #91a19a; font-weight: 500; }
.search-field kbd { margin-right: 13px; padding: 5px 8px; border: 1px solid #d8e2dd; border-bottom-width: 2px; border-radius: 6px; background: #f5f8f6; color: #788a82; font: 700 8px/1 "DM Sans",sans-serif; }
.search-results__heading { display: flex; align-items: center; justify-content: space-between; padding: 22px 30px 10px; }
.search-results__heading strong { color: #24483a; font-size: 11px; }
.search-results__heading span { color: #86968f; font-size: 9px; }
.search-results__heading b { color: #078153; }
.search-results { display: grid; max-height: min(430px,calc(100vh - 340px)); overflow-y: auto; padding: 0 20px 18px; }
.search-result { display: grid; grid-template-columns: 58px minmax(0,1fr) auto; align-items: center; gap: 15px; padding: 13px 10px; border-top: 1px solid #e8eeeb; border-radius: 12px; transition: background .18s,transform .18s; }
.search-result[hidden] { display: none !important; }
.search-result:first-child { border-top-color: transparent; }
.search-result:hover,.search-result:focus-visible { background: #eef9f3; transform: translateX(3px); outline: none; }
.search-result__mark { display: grid; place-items: center; width: 58px; height: 53px; border-radius: 12px; background: #062b63; color: #00df87; font: 900 18px/1 "DM Sans",sans-serif; }
.search-result__mark sup { font-size: 7px; }
.search-result__copy { display: grid; min-width: 0; }
.search-result__copy small { color: #078354; font: 800 8px/1.3 "DM Sans",sans-serif; letter-spacing: .08em; }
.search-result__copy strong { overflow: hidden; margin-top: 5px; color: #193e30; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.search-result__copy em { overflow: hidden; margin-top: 4px; color: #7a8c84; font-size: 9px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.search-result__meta { display: flex; align-items: center; gap: 14px; color: #123c2d; font-size: 11px; font-weight: 850; white-space: nowrap; }
.search-result__meta del { display: none; }
.search-result__meta ins { text-decoration: none; }
.search-result__meta i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #e2f7ed; color: #078153; font-style: normal; }
.search-empty { padding: 42px 20px; text-align: center; }
.search-empty > span { display: grid; place-items: center; width: 43px; height: 43px; margin: auto; border-radius: 50%; background: #e9f7f0; color: #088255; font-weight: 900; }
.search-empty strong { display: block; margin-top: 13px; color: #24483a; font-size: 13px; }
.search-empty p { margin: 5px 0 0; color: #83948d; font-size: 10px; }
.search-dialog__footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px 30px; border-top: 1px solid #e5ece8; background: #f7faf8; }
.search-dialog__footer span { color: #8a9a93; font-size: 9px; }
.search-dialog__footer a { color: #087d53; font-size: 10px; font-weight: 850; }
body.search-open { overflow: hidden; }

.dashboard-hero { position: relative; overflow: hidden; padding: 76px 0 62px; background: var(--mint-100); }
.dashboard-hero__wash { position: absolute; width: 560px; height: 560px; right: -140px; top: -230px; border-radius: 50%; background: rgba(0, 223, 122, .16); filter: blur(3px); }
.dashboard-hero__grid { position: relative; display: grid; grid-template-columns: 1fr 520px; align-items: center; gap: 72px; }
.hero-kicker { display: flex; align-items: center; gap: 10px; margin: 0 0 24px; color: var(--forest-700); font: 700 12px/1 "DM Sans", sans-serif; letter-spacing: .2em; }
.hero-kicker span { width: 26px; height: 2px; background: var(--forest-700); }
.hero-copy h1 { margin: 0; font-size: clamp(42px, 5vw, 66px); line-height: 1.17; letter-spacing: -.055em; font-weight: 900; }
.hero-copy h1 em { color: var(--forest-700); font-style: normal; background: linear-gradient(transparent 70%, rgba(0, 223, 122, .32) 0); }
.hero-description { margin: 24px 0 30px; color: #526c61; font-size: 17px; line-height: 1.8; }
.hero-actions { display: flex; align-items: center; gap: 24px; }
.streak { display: flex; align-items: center; gap: 12px; margin-top: 38px; }
.streak__icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--paper); box-shadow: 0 8px 18px rgba(12,46,35,.08); }
.streak strong, .streak small { display: block; }
.streak strong { font-size: 13px; }
.streak small { margin-top: 2px; color: var(--muted); font-size: 11px; }

.today-card { padding: 28px; background: var(--paper); border: 1px solid rgba(12, 46, 35, .08); border-radius: var(--radius-lg); box-shadow: var(--shadow); }
.today-card__header { display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.today-card__header p { margin: 0 0 4px; color: var(--muted); font: 700 10px/1 "DM Sans", sans-serif; letter-spacing: .15em; }
.today-card__header h2 { margin: 0; font-size: 24px; letter-spacing: -.03em; }
.level-badge { padding: 8px 12px; background: var(--mint-100); border-radius: 999px; color: var(--forest-700); font: 700 10px/1 "DM Sans", sans-serif; letter-spacing: .1em; }
.daily-progress { display: flex; align-items: center; gap: 22px; padding: 24px 0; }
.progress-ring { --p: calc(var(--progress) * 1%); position: relative; display: grid; place-items: center; width: 84px; aspect-ratio: 1; flex: 0 0 auto; border-radius: 50%; background: conic-gradient(var(--lime) var(--p), #e6ece7 0); }
.progress-ring::after { content: ""; position: absolute; inset: 8px; border-radius: 50%; background: #fff; }
.progress-ring span { position: relative; z-index: 1; font: 800 24px/1 "DM Sans", sans-serif; }
.progress-ring small { font-size: 12px; color: var(--muted); }
.daily-progress strong { display: block; font-size: 16px; }
.daily-progress p { margin: 5px 0 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.task-list { display: grid; gap: 9px; }
.task { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; min-height: 68px; padding: 10px 14px; border: 1px solid var(--line); border-radius: 14px; cursor: pointer; transition: border-color .2s, background .2s; }
.task:hover { border-color: #afc3b5; }
.task input { position: absolute; opacity: 0; pointer-events: none; }
.task__check { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid #cbd8ce; border-radius: 50%; font-size: 12px; }
.task--done { background: #f8faf8; }
.task--done .task__check { background: var(--forest-900); color: var(--lime); border-color: var(--forest-900); }
.task small, .task strong { display: block; }
.task small { color: var(--muted); font-size: 10px; }
.task strong { margin-top: 2px; font-size: 13px; }
.task b { color: var(--forest-700); font-size: 11px; }
.today-card__button { width: 100%; min-height: 50px; margin-top: 14px; border: 0; border-radius: 13px; background: var(--forest-900); color: #fff; font-size: 13px; font-weight: 800; cursor: pointer; }
.today-card__button span { margin-left: 8px; color: var(--lime); }
.today-card a.today-card__button { display: grid; place-items: center; text-align: center; }
.task-list--real .task { color: var(--ink); text-decoration: none; }
.task-list--real .task:hover { border-color: #9edcc1; background: #f4fbf7; }
.today-empty { display: flex; min-height: 285px; flex-direction: column; align-items: center; justify-content: center; padding: 28px 12px; text-align: center; }
.today-empty > span { display: grid; place-items: center; min-width: 74px; height: 74px; padding-inline: 14px; border-radius: 50%; background: var(--mint-100); color: #078659; font-size: 15px; font-weight: 950; }
.today-empty h3 { margin: 22px 0 8px; color: var(--ink); font-size: 20px; }
.today-empty p { max-width: 330px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.7; }
.streak--real { width: fit-content; max-width: 100%; margin-top: 34px; padding: 11px 18px 11px 11px; border: 1px solid rgba(53,131,96,.2); border-radius: 15px; background: rgba(255,255,255,.66); box-shadow: 0 12px 30px rgba(16,75,53,.07); backdrop-filter: blur(8px); }
.streak--real .streak__icon { flex: 0 0 38px; width: 38px; height: 38px; background: #072c64; color: #00df87; box-shadow: none; font-size: 13px; font-weight: 900; }
.streak--real strong { color: #153e30; font-size: 12px; line-height: 1.45; }
.streak--real small { margin-top: 3px; color: #71867d; font-size: 9px; line-height: 1.45; }
.home-academy-section { background: #f0f7f3; }
.learning-system { background: #07295c; color: #fff; }
.learning-system .section-heading h2 { color: #fff; }
.learning-system .section-heading p { color: #aec0d8; }
.learning-system .eyebrow { color: #00df87 !important; }
.system-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.system-grid article { min-height: 225px; padding: 30px; border: 1px solid rgba(255,255,255,.14); border-radius: 20px; background: rgba(255,255,255,.06); }
.system-grid span { color: #00df87; font-size: 11px; font-weight: 900; }
.system-grid h3 { margin: 42px 0 12px; color: #fff; font-size: 22px; }
.system-grid p { margin: 0; color: #b3c4d9; font-size: 11px; line-height: 1.75; }

.stat-strip { background: var(--forest-900); color: #fff; }
.stat-strip__grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.stat-strip__grid > div { display: flex; align-items: center; justify-content: center; gap: 14px; min-height: 104px; border-right: 1px solid rgba(255,255,255,.12); }
.stat-strip__grid > div:last-child { border-right: 0; }
.stat-icon { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid rgba(214,229,75,.65); border-radius: 50%; color: var(--lime); }
.stat-strip p { margin: 0; color: #b6c9bf; font-size: 11px; }
.stat-strip strong { display: block; margin-top: 2px; color: #fff; font: 700 17px/1.25 "DM Sans", sans-serif; }

.section { padding: 100px 0; }
.courses-section { background: var(--cream); }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 34px; }
.section-heading h2 { margin: 0; font-size: clamp(30px, 4vw, 44px); letter-spacing: -.045em; line-height: 1.2; }
.section-heading > a { font-size: 13px; font-weight: 800; }
.section-heading > a span { margin-left: 7px; }
.section-heading--center { justify-content: center; text-align: center; }
.section-heading--center p:last-child { margin: 15px 0 0; color: var(--muted); }
.course-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.course-card { overflow: hidden; background: #fff; border: 1px solid rgba(12,46,35,.08); border-radius: var(--radius-md); box-shadow: 0 12px 30px rgba(12,46,35,.06); transition: transform .25s, box-shadow .25s; }
.course-card:hover { transform: translateY(-7px); box-shadow: 0 22px 42px rgba(12,46,35,.12); }
.course-card[hidden] { display: none; }
.course-card__visual { position: relative; height: 174px; overflow: hidden; background: var(--forest-900); }
.course-card__visual::before { content: ""; position: absolute; width: 170px; height: 170px; right: 14px; bottom: -78px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: 0 0 0 34px rgba(255,255,255,.04), 0 0 0 67px rgba(255,255,255,.025); }
.course-card__index { position: absolute; left: 24px; bottom: 15px; color: rgba(255,255,255,.16); font: 900 58px/1 "DM Sans", sans-serif; letter-spacing: -4px; }
.course-card__mark { position: absolute; top: 25px; right: 25px; width: 42px; height: 42px; border-radius: 50%; background: var(--lime); }
.course-card__mark::after { content: "↗"; position: absolute; inset: 0; display: grid; place-items: center; color: var(--forest-950); font-size: 17px; }
.course-card__cohort { position: absolute; left: 24px; top: 24px; z-index: 2; padding: 9px 13px; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; background: rgba(5,37,87,.82); color: #aaf1cf; font-size: 11px; font-weight: 900; letter-spacing: .06em; backdrop-filter: blur(8px); }
.product-course-meta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 24px; }
.product-course-meta span { padding: 14px 10px; border-radius: 10px; background: #f1f7f4; color: #61766d; text-align: center; font-size: 12px; line-height: 1.35; }
.product-course-meta b { display: block; margin-bottom: 4px; color: #163f31; font-size: 16px; line-height: 1.2; }
.product-course-buy { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
.product-course-buy small, .product-course-buy strong { display: block; }
.product-course-buy small { margin-bottom: 4px; color: #71857c; font-size: 11px; font-weight: 800; }
.product-course-buy strong { color: #082958; font-size: 23px; letter-spacing: -.04em; }
.product-course-buy strong del { margin-right: 6px; color: #99a8a1; font-size: 12px; font-weight: 600; }
.product-course-buy strong ins { text-decoration: none; }
.product-status { padding: 8px 12px; border-radius: 999px; background: #eef2f0; color: #6c8077; font-size: 11px; font-weight: 900; }
.product-status.is-live { background: #e2f8ed; color: #087c50; }
.course-grid--products .course-card--product:only-child { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(330px, .85fr) minmax(0, 1.15fr); }
.course-grid--products .course-card--product:only-child .course-card__visual { height: auto; min-height: 410px; }
.course-grid--products .course-card--product:only-child .course-card__index { font-size: 94px; }
.course-grid--products .course-card--product:only-child .course-card__body { display: flex; flex-direction: column; justify-content: center; padding: 42px; }
.course-grid--products .course-card--product:only-child .course-card__body h3 { font-size: 34px; }
.course-grid--products .course-card--product:only-child .course-link { margin-top: 24px; }
.course-card--gold .course-card__visual { background: #405941; }
.course-card--gold .course-card__mark { background: var(--gold); }
.course-card--coral .course-card__visual { background: #56675d; }
.course-card--coral .course-card__mark { background: var(--coral); }
.course-card__body { padding: 24px; }
.course-card__body h3 { min-height: 56px; margin: 0; font-size: 20px; letter-spacing: -.035em; line-height: 1.4; }
.course-card__body > p:not(.eyebrow) { min-height: 68px; margin: 12px 0 18px; color: var(--muted); font-size: 14px; line-height: 1.7; }
.course-meta { display: flex; gap: 14px; padding-top: 16px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.course-meta span::before { content: "·"; margin-right: 5px; color: var(--forest-700); }
.progress-row { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 12px; margin: 18px 0; }
.progress-track { height: 5px; overflow: hidden; background: #e8ede8; border-radius: 99px; }
.progress-track span { display: block; height: 100%; border-radius: inherit; background: var(--forest-700); }
.progress-row strong { font: 700 11px/1 "DM Sans", sans-serif; }
.course-link { display: flex; justify-content: space-between; align-items: center; font-size: 14px; font-weight: 800; }
.course-link span { display: grid; place-items: center; width: 30px; height: 30px; background: var(--mint-100); border-radius: 50%; }

.focus-section { background: var(--mint-50); }
.focus-card { display: grid; grid-template-columns: 1.05fr .95fr; min-height: 520px; overflow: hidden; background: var(--forest-900); color: #fff; border-radius: var(--radius-lg); box-shadow: var(--shadow); }
.focus-card__content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 64px; }
.focus-card .eyebrow { color: var(--lime); }
.focus-card h2 { margin: 0; font-size: clamp(36px, 4.3vw, 56px); line-height: 1.2; letter-spacing: -.055em; }
.focus-card h2 em { color: var(--lime); font-style: normal; }
.focus-card__content > p:not(.eyebrow) { max-width: 520px; margin: 24px 0; color: #c3d1ca; }
.focus-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 30px; }
.focus-tags span { padding: 8px 12px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; color: #d7e3dc; font-size: 11px; }
.focus-card__visual { position: relative; overflow: hidden; background: #244f3d; }
.focus-card__visual::before { content: ""; position: absolute; width: 440px; aspect-ratio: 1; left: 50%; top: 50%; border: 1px solid rgba(214,229,75,.22); border-radius: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 0 70px rgba(214,229,75,.035); }
.phrase-card { position: absolute; left: 50%; top: 50%; width: 300px; min-height: 350px; padding: 32px; background: #f7f6ec; color: var(--forest-950); border-radius: 18px; transform: translate(-50%,-50%) rotate(-3deg); box-shadow: 0 24px 55px rgba(0,0,0,.3); }
.phrase-card--back { transform: translate(-62%,-53%) rotate(-12deg); background: var(--lime); opacity: .52; }
.phrase-card span { font: 700 10px/1 "DM Sans", sans-serif; letter-spacing: .18em; }
.phrase-card strong { display: block; margin-top: 66px; font-size: 34px; line-height: 1.24; letter-spacing: -.04em; }
.phrase-card strong em { color: var(--forest-700); font-style: normal; }
.phrase-card small { display: block; margin-top: 24px; color: var(--muted); }
.sound-wave { display: flex; align-items: center; gap: 5px; height: 34px; margin-top: 32px; }
.sound-wave i { display: block; width: 3px; height: 10px; background: var(--forest-700); border-radius: 3px; }
.sound-wave i:nth-child(2), .sound-wave i:nth-child(6) { height: 22px; }
.sound-wave i:nth-child(3), .sound-wave i:nth-child(5) { height: 30px; }
.sound-wave i:nth-child(4) { height: 18px; }

.roadmap-section { background: var(--paper); }
.roadmap { position: relative; display: grid; grid-template-columns: repeat(9, 1fr); gap: 8px; margin-top: 58px; }
.roadmap__line { position: absolute; left: 4%; right: 4%; top: 27px; height: 3px; background: #e4ebe6; }
.roadmap__line span { display: block; height: 100%; background: var(--forest-700); }
.roadmap-step { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; padding: 0; border: 0; background: transparent; cursor: pointer; }
.roadmap-step > span { display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 14px; background: #f1f4f1; border: 5px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px var(--line); color: #92a098; font: 700 12px/1 "DM Sans", sans-serif; }
.roadmap-step small { color: #92a098; font: 700 9px/1 "DM Sans", sans-serif; letter-spacing: .07em; }
.roadmap-step strong { margin-top: 6px; font-size: 11px; line-height: 1.45; }
.roadmap-step--done > span { background: var(--forest-900); color: var(--lime); box-shadow: none; }
.roadmap-step--active > span { background: var(--lime); color: var(--forest-950); box-shadow: 0 0 0 6px rgba(214,229,75,.25); }
.roadmap-step:hover > span { transform: translateY(-3px); }
.roadmap-note { width: fit-content; margin: 34px auto 0; padding: 10px 16px; background: var(--mint-100); border-radius: 10px; color: var(--forest-700); font-size: 12px; font-weight: 700; text-align: center; }

.support-section { background: var(--cream); }
.support-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 20px; }
.support-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; min-height: 330px; padding: 34px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius-md); }
.support-card h2, .support-card h3 { margin: auto 0 0; letter-spacing: -.04em; line-height: 1.35; }
.support-card h2 { font-size: 30px; }
.support-card h3 { font-size: 22px; }
.support-card > p:not(.eyebrow) { color: var(--muted); font-size: 12px; }
.support-card > a { margin-top: 16px; font-size: 12px; font-weight: 800; }
.support-card--live { background: var(--forest-900); color: #fff; border: 0; }
.support-card--live .eyebrow { color: var(--lime); }
.support-card--live > p:not(.eyebrow) { color: #bfd0c7; }
.live-dot { position: absolute; right: 28px; top: 27px; padding: 6px 10px; background: #ff6a61; border-radius: 999px; font: 700 9px/1 "DM Sans", sans-serif; letter-spacing: .1em; }
.support-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 26px; background: var(--mint-100); border-radius: 50%; color: var(--forest-700); font-size: 19px; font-weight: 900; }

.closing-cta { padding: 92px 0; background: var(--forest-800); color: #fff; text-align: center; }
.closing-cta .eyebrow { color: var(--lime); }
.closing-cta h2 { margin: 0 0 32px; font-size: clamp(38px, 5vw, 62px); line-height: 1.18; letter-spacing: -.055em; }

.site-footer { padding: 64px max(22px, calc((100% - 1180px) / 2)) 26px; background: var(--forest-950); color: #d5e2dc; }
.site-footer__top { display: grid; grid-template-columns: 1.8fr repeat(3, 1fr); gap: 60px; padding-bottom: 48px; }
.brand--footer { color: #fff; }
.site-footer__top > div > strong { display: block; margin-bottom: 18px; color: #fff; font-size: 13px; }
.site-footer p { margin: 14px 0 0; color: #8eaaa0; font-size: 12px; }
.site-footer__top > div > a:not(.brand) { display: block; margin: 9px 0; color: #a9bdb5; font-size: 12px; }
.site-footer__top .footer-contact { color: var(--lime) !important; font-weight: 800; }
.site-footer__business { display: flex; flex-wrap: wrap; gap: 8px 22px; padding: 24px 0; border-top: 1px solid rgba(255,255,255,.1); color: #91aa9f; font-size: 13px; line-height: 1.75; }
.site-footer__business strong { width: 100%; color: #e4eee9; font-size: 15px; }
.site-footer__business span { position: relative; }
.site-footer__business span + span::before { content: ""; position: absolute; left: -12px; top: .48em; width: 1px; height: 1em; background: rgba(255,255,255,.18); }
.site-footer__bottom { display: flex; justify-content: space-between; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.1); color: #6f8d81; font-size: 11px; }
.toast { position: fixed; left: 50%; bottom: 26px; z-index: 200; padding: 13px 20px; background: var(--forest-950); color: #fff; border-radius: 99px; box-shadow: var(--shadow); font-size: 12px; font-weight: 700; opacity: 0; pointer-events: none; transform: translate(-50%, 18px); transition: opacity .2s, transform .2s; }
.toast.is-visible { opacity: 1; transform: translate(-50%, 0); }

.content-page { min-height: 65vh; padding: 82px 0 100px; background: var(--cream); }
.content-page__header { margin-bottom: 42px; }
.content-page__header h1 { margin: 0; font-size: clamp(38px, 5vw, 60px); line-height: 1.18; letter-spacing: -.055em; }
.narrow-content { max-width: 860px; }
.entry-content { padding: 38px; background: #fff; border: 1px solid var(--line); border-radius: 20px; }
.entry-content h2, .entry-content h3 { margin-top: 1.8em; letter-spacing: -.03em; }
.entry-content a { color: var(--forest-700); text-decoration: underline; }
.entry-thumbnail { overflow: hidden; margin-bottom: 24px; border-radius: 20px; }
.post-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.post-card { overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 18px; }
.post-card > div { padding: 24px; }
.post-card h2 { margin: 0; font-size: 21px; line-height: 1.4; }
.post-card p:not(.eyebrow) { color: var(--muted); font-size: 13px; }

/* 내 강의실 */
.login-hero { min-height: 72vh; display: grid; place-items: center; padding: 80px 0; background: var(--mint-100); }
.login-card { max-width: 600px; margin: auto; padding: 55px; background: #fff; border-radius: 28px; box-shadow: var(--shadow); text-align: center; }
.login-card__logo { display: grid; place-items: center; width: 80px; height: 80px; margin: 0 auto 24px; background: var(--forest-900); color: var(--lime); border-radius: 50%; font: 900 24px/1 "DM Sans", sans-serif; }
.login-card h1 { margin: 0; font-size: 42px; line-height: 1.25; letter-spacing: -.05em; }
.login-card > p:not(.eyebrow) { margin: 18px 0 28px; color: var(--muted); }
.cohort-hero { position: relative; overflow: hidden; padding: 74px 0; background: var(--forest-950); color: #fff; }
.cohort-hero::before { content: "180"; position: absolute; right: -45px; top: -90px; color: rgba(255,255,255,.025); font: 900 340px/1 "DM Sans", sans-serif; letter-spacing: -35px; }
.cohort-hero__grid { position: relative; display: grid; grid-template-columns: 1fr 270px; align-items: center; gap: 60px; }
.cohort-hero .eyebrow { color: var(--lime); }
.cohort-pill { display: inline-flex; margin-bottom: 17px; padding: 7px 12px; border: 1px solid rgba(0,223,122,.45); border-radius: 999px; color: var(--lime); font-size: 11px; font-weight: 800; }
.cohort-hero h1 { margin: 0; font-size: clamp(40px, 5.3vw, 66px); line-height: 1.14; letter-spacing: -.055em; }
.cohort-hero p:not(.eyebrow) { margin: 20px 0 0; color: #aebdd3; }
.cohort-countdown { display: grid; place-items: center; aspect-ratio: 1; padding: 28px; border: 1px solid rgba(255,255,255,.17); border-radius: 50%; background: rgba(255,255,255,.045); box-shadow: inset 0 0 0 12px rgba(0,223,122,.04); text-align: center; }
.cohort-countdown p { margin: 0 !important; color: var(--lime) !important; font: 700 10px/1 "DM Sans", sans-serif; letter-spacing: .18em; }
.cohort-countdown strong { display: block; margin: 11px 0 8px; font: 800 48px/1 "DM Sans", sans-serif; }
.cohort-countdown span { color: #9fb0c9; font-size: 10px; }
.challenge-stats { background: #fff; border-bottom: 1px solid var(--line); }
.challenge-stats__grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.challenge-stats__grid > div { min-height: 102px; display: flex; flex-direction: column; justify-content: center; padding: 0 30px; border-right: 1px solid var(--line); }
.challenge-stats__grid > div:first-child { padding-left: 0; }
.challenge-stats__grid > div:last-child { border: 0; }
.challenge-stats small { color: var(--muted); font-size: 10px; }
.challenge-stats strong { margin-top: 3px; font-size: 17px; }
.challenge-dashboard { background: var(--cream); }
.challenge-dashboard__layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 44px; align-items: start; }
.challenge-nav { position: sticky; top: 110px; display: grid; padding: 22px; background: #fff; border: 1px solid var(--line); border-radius: 17px; }
.challenge-nav > strong { margin-bottom: 12px; font-size: 12px; }
.challenge-nav > a { padding: 10px 12px; border-radius: 8px; color: var(--muted); font-size: 12px; font-weight: 700; }
.challenge-nav > a.is-active, .challenge-nav > a:hover { background: var(--mint-100); color: var(--forest-900); }
.challenge-nav__notice { margin-top: 18px; padding: 16px 12px 5px; border-top: 1px solid var(--line); }
.challenge-nav__notice span { font-size: 17px; }
.challenge-nav__notice p { color: var(--muted); font-size: 10px; line-height: 1.7; }
.challenge-nav__notice strong { color: var(--forest-900); }
.challenge-main__heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 28px; }
.challenge-main__heading h2 { margin: 0; font-size: 36px; letter-spacing: -.045em; }
.challenge-main__heading p:not(.eyebrow) { margin: 8px 0 0; color: var(--muted); font-size: 12px; }
.challenge-main__heading > span { padding: 8px 12px; background: var(--lime-soft); border-radius: 99px; color: var(--forest-900); font-size: 10px; font-weight: 800; white-space: nowrap; }
.challenge-schedule { display: grid; gap: 12px; }
.challenge-day { display: grid; grid-template-columns: 86px minmax(0, 1fr) 105px; align-items: stretch; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 16px; }
.challenge-day__number { display: grid; align-content: center; justify-items: center; padding: 15px; background: var(--forest-900); color: #fff; }
.challenge-day__number small { color: var(--lime); font: 700 8px/1 "DM Sans", sans-serif; letter-spacing: .15em; }
.challenge-day__number strong { margin-top: 6px; font: 800 27px/1 "DM Sans", sans-serif; }
.challenge-day__lessons { display: grid; grid-template-columns: repeat(2, 1fr); }
.challenge-lesson { position: relative; display: grid; align-content: center; padding: 16px 20px; border-right: 1px solid var(--line); min-height: 86px; }
.challenge-lesson span { color: var(--muted); font-size: 9px; }
.challenge-lesson strong { margin: 3px 0; font-size: 12px; }
.challenge-lesson b { color: var(--forest-700); font-size: 9px; }
.challenge-lesson.is-complete { background: #f3faf6; }
.challenge-lesson[aria-disabled="true"] { background: #f6f7f6; color: #a1aba6; pointer-events: none; }
.challenge-lesson[aria-disabled="true"] b { color: #9da7a2; }
.challenge-day__checkin { display: grid; align-content: center; justify-items: center; gap: 7px; padding: 10px; }
.challenge-day__checkin button { padding: 6px 10px; border: 0; border-radius: 7px; background: var(--forest-900); color: #fff; font-size: 9px; font-weight: 800; cursor: pointer; }
.checkin-status { font-size: 9px; font-weight: 800; }
.checkin-status--pending { color: #db8b1a; }
.checkin-status--approved { color: #108b57; }
.checkin-status--rejected { color: #ca493d; }
.checkin-status--empty { color: #9ba6a1; }
.checkin-reason { max-width: 150px; color: #a43a32; font-size: 9px; line-height: 1.45; text-align: center; }
.challenge-day.is-locked .challenge-day__number { background: #a8b1ad; }
.challenge-day.is-locked .challenge-day__number small { color: #e8ece9; }
.checkin-guide { background: var(--mint-100); }
.checkin-guide__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.checkin-guide h2 { margin: 0; font-size: 43px; line-height: 1.24; letter-spacing: -.05em; }
.checkin-guide p:not(.eyebrow) { color: var(--muted); }
.checkin-guide ol { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.checkin-guide li { display: flex; align-items: center; gap: 16px; min-height: 70px; padding: 12px 18px; background: #fff; border-radius: 14px; box-shadow: 0 8px 20px rgba(5,28,80,.05); }
.checkin-guide li span { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 auto; background: var(--forest-900); color: var(--lime); border-radius: 50%; font: 800 12px/1 "DM Sans", sans-serif; }
.checkin-guide li strong { font-size: 13px; }
.checkin-modal { position: fixed; inset: 0; z-index: 300; display: grid; place-items: center; padding: 20px; }
.checkin-modal[hidden] { display: none; }
.checkin-modal__backdrop { position: absolute; inset: 0; background: rgba(2,15,43,.72); backdrop-filter: blur(4px); }
.checkin-modal__dialog { position: relative; width: min(520px, 100%); max-height: 90vh; overflow: auto; padding: 36px; background: #fff; border-radius: 22px; box-shadow: 0 30px 80px rgba(0,0,0,.3); }
.checkin-modal__close { position: absolute; right: 18px; top: 15px; border: 0; background: transparent; color: var(--muted); font-size: 28px; cursor: pointer; }
.checkin-modal h2 { margin: 0; font-size: 30px; letter-spacing: -.04em; }
.checkin-modal__dialog > p:not(.eyebrow) { color: var(--muted); font-size: 12px; }
.checkin-modal form { display: grid; gap: 17px; margin-top: 24px; }
.checkin-modal label { display: grid; gap: 7px; font-size: 12px; font-weight: 800; }
.checkin-modal textarea, .checkin-modal input[type="file"] { width: 100%; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.checkin-modal label small { color: var(--muted); font-weight: 400; }
.checkin-audio-field { display: grid; gap: 10px; padding: 16px; border: 1px solid #cfe4da; border-radius: 14px; background: var(--mint-50); }
.checkin-audio-field > strong { font-size: 12px; }
.checkin-audio-field > strong small { color: var(--muted); font-weight: 500; }
.checkin-recorder { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.checkin-record-button { min-height: 38px; padding: 0 14px; border: 1px solid var(--forest-900); border-radius: 999px; background: var(--forest-900); color: #fff; font-size: 11px; font-weight: 800; cursor: pointer; }
.checkin-record-button.is-stop { border-color: #c83939; background: #c83939; }
.checkin-recorder > span { flex: 1 1 180px; color: var(--muted); font-size: 10px; line-height: 1.5; }
.checkin-recorder audio { width: 100%; height: 38px; }
.checkin-audio-upload { padding-top: 4px; }
.cohort-feed-section { background: var(--cream); }
.cohort-feed__header { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 28px; }
.cohort-feed__header h2 { margin: 4px 0 7px; color: var(--forest-950); font-size: clamp(30px, 4vw, 46px); letter-spacing: -.055em; }
.cohort-feed__header p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 13px; }
.cohort-feed__header > span { flex: 0 0 auto; padding: 9px 14px; border: 1px solid #cfe4da; border-radius: 999px; background: #fff; color: var(--forest-800); font-size: 11px; font-weight: 800; }
.cohort-feed__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.cohort-feed-card { overflow: hidden; border: 1px solid #dbe6e1; border-radius: 18px; background: #fff; box-shadow: 0 12px 32px rgba(5,28,80,.06); }
.cohort-feed-card__top { display: flex; align-items: center; gap: 10px; padding: 16px; }
.cohort-feed-card__avatar { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 auto; border-radius: 50%; background: var(--forest-900); color: var(--lime); font-size: 14px; font-weight: 900; }
.cohort-feed-card__top > div { min-width: 0; flex: 1; }
.cohort-feed-card__top strong, .cohort-feed-card__top small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cohort-feed-card__top strong { color: var(--forest-950); font-size: 12px; }
.cohort-feed-card__top small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.cohort-feed-card__top > b { padding: 5px 8px; border-radius: 999px; background: #fff2d9; color: #a86600; font-size: 9px; }
.cohort-feed-card__top > b.is-approved { background: #e1f8ed; color: #08784a; }
.cohort-feed-card__photo { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: #e8efec; }
.cohort-feed-card__body { display: grid; gap: 14px; padding: 16px; }
.cohort-feed-card__body > p { min-height: 42px; margin: 0; color: #39534a; font-size: 12px; line-height: 1.7; white-space: pre-line; }
.cohort-feed-card__audio { display: grid; gap: 7px; padding-top: 13px; border-top: 1px solid var(--line); }
.cohort-feed-card__audio span { color: var(--forest-800); font-size: 10px; font-weight: 800; }
.cohort-feed-card__audio audio { width: 100%; height: 36px; }
.cohort-feed-empty { padding: 48px 20px; border: 1px dashed #b9cec4; border-radius: 18px; background: #fff; text-align: center; color: var(--muted); }
.cohort-feed-empty strong { display: block; margin-bottom: 5px; color: var(--forest-950); font-size: 18px; }
.cohort-feed__pagination { display: flex; justify-content: center; gap: 7px; margin-top: 28px; }
.cohort-feed__pagination .page-numbers { display: grid; place-items: center; min-width: 36px; height: 36px; padding: 0 10px; border: 1px solid #cfe0d8; border-radius: 999px; background: #fff; color: var(--forest-900); font-size: 11px; font-weight: 800; }
.cohort-feed__pagination .current { border-color: var(--forest-900); background: var(--forest-900); color: #fff; }
.form-message { margin: 0; color: var(--forest-700); font-size: 11px; font-weight: 700; }
.challenge-lock { max-width: 650px; margin: 70px auto; padding: 55px 35px; background: var(--mint-100); border-radius: 24px; text-align: center; }
.challenge-lock > span { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 20px; background: #fff; border-radius: 50%; font-size: 25px; }
.challenge-lock h2 { margin: 0; font-size: 31px; }
.challenge-lock > p:not(.eyebrow) { margin: 14px 0 25px; color: var(--muted); }
.sub-hero { padding: 68px 0; background: var(--mint-100); }
.sub-hero__inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.sub-hero h1 { margin: 0; font-size: clamp(38px, 5vw, 58px); letter-spacing: -.055em; line-height: 1.2; }
.sub-hero p:not(.eyebrow) { margin: 14px 0 0; color: var(--muted); }
.sub-hero__score { width: 260px; padding: 24px; background: #fff; border-radius: 18px; box-shadow: var(--shadow); }
.sub-hero__score > span { color: var(--muted); font-size: 11px; font-weight: 700; }
.sub-hero__score > strong { display: block; margin: 4px 0 15px; font: 800 40px/1 "DM Sans", sans-serif; }
.sub-hero__score small { font-size: 18px; }
.classroom-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 54px; align-items: start; }
.classroom-sidebar { position: sticky; top: 110px; display: grid; padding: 24px; background: #fff; border: 1px solid var(--line); border-radius: 18px; }
.classroom-sidebar > strong { margin-bottom: 14px; font-size: 13px; }
.classroom-sidebar > a { padding: 11px 12px; border-radius: 9px; color: var(--muted); font-size: 12px; font-weight: 700; }
.classroom-sidebar > a:hover, .classroom-sidebar > a.is-active { background: var(--mint-100); color: var(--forest-800); }
.sidebar-streak { display: grid; grid-template-columns: auto 1fr; gap: 0 9px; margin-top: 24px; padding: 16px 8px 0; border-top: 1px solid var(--line); }
.sidebar-streak span { grid-row: 1 / 3; }
.sidebar-streak strong, .sidebar-streak small { display: block; }
.sidebar-streak strong { font-size: 11px; }
.sidebar-streak small { color: var(--muted); font-size: 9px; }
.classroom-content .course-grid { grid-template-columns: repeat(2, 1fr); }
.classroom-content .course-card:last-child { grid-column: 1 / -1; max-width: calc(50% - 11px); }
.recent-box { margin-top: 58px; padding: 30px; background: #fff; border: 1px solid var(--line); border-radius: 18px; }
.recent-box h2 { margin: 0; font-size: 25px; }
.recent-box ul { margin: 20px 0 0; padding: 0; list-style: none; }
.recent-box li { display: grid; grid-template-columns: 110px 1fr auto; align-items: center; gap: 18px; padding: 15px 0; border-top: 1px solid var(--line); font-size: 12px; }
.recent-box li span { color: var(--muted); }
.recent-box li b { color: var(--forest-700); }

/* 강의 플레이어 */
.lesson-page { background: #f5f7f4; }
.lesson-shell { display: grid; grid-template-columns: 330px minmax(0, 1fr); min-height: calc(100vh - 84px); }
.lesson-sidebar { background: var(--forest-950); color: #fff; }
.lesson-sidebar__top { display: flex; justify-content: space-between; align-items: center; min-height: 70px; padding: 0 24px; border-bottom: 1px solid rgba(255,255,255,.1); font-size: 12px; font-weight: 700; }
.lesson-sidebar__top button { border: 0; background: transparent; color: #fff; cursor: pointer; }
.lesson-course-title { padding: 26px 24px; border-bottom: 1px solid rgba(255,255,255,.1); }
.lesson-course-title p { margin: 0 0 7px; color: var(--lime); font: 700 9px/1 "DM Sans", sans-serif; letter-spacing: .11em; }
.lesson-course-title h1 { margin: 0 0 18px; font-size: 18px; line-height: 1.45; }
.lesson-course-title .progress-track { background: rgba(255,255,255,.15); }
.lesson-course-title .progress-track span { background: var(--lime); }
.lesson-course-title small { display: block; margin-top: 8px; color: #92aa9f; font-size: 10px; }
.lesson-list details { border-bottom: 1px solid rgba(255,255,255,.08); }
.lesson-list summary { padding: 18px 24px; cursor: pointer; font-size: 12px; font-weight: 700; }
.lesson-list summary span { display: block; margin-bottom: 5px; color: #86a397; font: 700 8px/1 "DM Sans", sans-serif; letter-spacing: .1em; }
.lesson-list a { display: block; padding: 13px 24px 13px 34px; color: #93aaa0; font-size: 11px; }
.lesson-list a:hover, .lesson-list a.is-active { background: rgba(255,255,255,.07); color: #fff; }
.lesson-list a.is-active { border-left: 3px solid var(--lime); }
.lesson-list a.is-done { color: #b4c8bf; }
.lesson-content { min-width: 0; padding-bottom: 70px; }
.lesson-header { display: flex; justify-content: space-between; align-items: center; min-height: 96px; padding: 18px 38px; background: #fff; border-bottom: 1px solid var(--line); }
.lesson-header p { margin: 0 0 4px; color: var(--forest-700); font: 700 9px/1 "DM Sans", sans-serif; letter-spacing: .12em; }
.lesson-header h2 { margin: 0; font-size: 20px; letter-spacing: -.03em; }
.lesson-header button { width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; background: #fff; cursor: pointer; }
.video-frame { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 9; max-height: 650px; overflow: hidden; background: #0b211a; color: #fff; }
.video-frame::before { content: ""; position: absolute; width: 480px; aspect-ratio: 1; border: 1px solid rgba(214,229,75,.16); border-radius: 50%; box-shadow: 0 0 0 80px rgba(214,229,75,.025), 0 0 0 160px rgba(214,229,75,.018); }
.video-play { position: relative; z-index: 2; display: grid; place-items: center; gap: 8px; border: 0; background: transparent; color: #fff; cursor: pointer; }
.video-play > span { display: grid; place-items: center; width: 74px; height: 74px; padding-left: 4px; background: var(--lime); color: var(--forest-950); border-radius: 50%; box-shadow: 0 14px 40px rgba(0,0,0,.3); }
.video-play small { font-size: 11px; }
.video-caption { position: absolute; left: 42px; bottom: 35px; }
.video-caption span { color: var(--lime); font: 700 9px/1 "DM Sans", sans-serif; letter-spacing: .15em; }
.video-caption strong { display: block; margin-top: 9px; font-size: clamp(24px, 3vw, 44px); line-height: 1.1; letter-spacing: -.04em; }
.video-caption em { color: var(--lime); font-style: normal; }
.lesson-tabs { position: sticky; top: 84px; z-index: 20; display: flex; padding: 0 38px; background: #fff; border-bottom: 1px solid var(--line); }
.lesson-tabs button { min-height: 58px; padding: 0 18px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--muted); font-size: 12px; font-weight: 700; cursor: pointer; }
.lesson-tabs button.is-active { border-color: var(--forest-800); color: var(--forest-800); }
.lesson-panel { display: none; width: min(820px, calc(100% - 76px)); margin: 44px auto; }
.lesson-panel.is-active { display: block; }
.lesson-panel h3 { margin: 0 0 14px; font-size: 30px; letter-spacing: -.04em; }
.lesson-panel > p:not(.eyebrow) { color: var(--muted); }
.example-box, .note-box, .download-card, .practice-prompt { margin-top: 24px; padding: 24px; background: #fff; border: 1px solid var(--line); border-radius: 16px; }
.example-box span { color: var(--forest-700); font: 700 9px/1 "DM Sans", sans-serif; letter-spacing: .12em; }
.example-box strong, .example-box small { display: block; }
.example-box strong { margin-top: 14px; font-size: 20px; }
.example-box small { margin-top: 5px; color: var(--muted); }
.example-box button { margin-top: 18px; padding: 8px 12px; border: 0; background: var(--mint-100); border-radius: 8px; color: var(--forest-700); font-size: 11px; font-weight: 700; cursor: pointer; }
.note-box { background: var(--mint-100); }
.note-box > strong { color: var(--forest-700); font-size: 12px; }
.note-box p { margin-bottom: 0; font-size: 13px; }
.practice-prompt { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; }
.practice-prompt span { font-weight: 800; }
.practice-prompt input, .lesson-panel textarea { width: 100%; border: 1px solid var(--line); border-radius: 10px; padding: 13px; outline: none; }
.practice-prompt button { height: 44px; padding: 0 16px; border: 0; border-radius: 10px; background: var(--forest-900); color: #fff; cursor: pointer; }
.download-card { display: flex; align-items: center; gap: 16px; }
.download-card > span { display: grid; place-items: center; width: 50px; height: 50px; background: var(--forest-900); color: var(--lime); border-radius: 11px; font: 700 10px/1 "DM Sans", sans-serif; }
.download-card div { flex: 1; }
.download-card strong, .download-card small { display: block; }
.download-card small { color: var(--muted); }
.lesson-panel textarea { display: block; margin: 18px 0; resize: vertical; }
.lesson-footer { display: flex; justify-content: space-between; align-items: center; width: min(820px, calc(100% - 76px)); margin: 55px auto 0; padding-top: 28px; border-top: 1px solid var(--line); }
.lesson-footer > button:first-child { border: 0; background: transparent; font-size: 12px; font-weight: 700; cursor: pointer; }

@media (max-width: 900px) {
  .cohort-hero__grid { grid-template-columns: 1fr 210px; }
  .challenge-stats__grid { grid-template-columns: repeat(2, 1fr); }
  .challenge-stats__grid > div:nth-child(2) { border-right: 0; }
  .challenge-stats__grid > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .challenge-dashboard__layout { grid-template-columns: 1fr; }
  .challenge-nav { position: static; display: flex; overflow-x: auto; }
  .challenge-nav > strong, .challenge-nav__notice { display: none; }
  .challenge-nav > a { white-space: nowrap; }
  .challenge-day { grid-template-columns: 72px minmax(0, 1fr) 92px; }
  .checkin-guide__grid { gap: 45px; }
  .sub-hero__inner { align-items: flex-start; }
  .classroom-layout { grid-template-columns: 1fr; }
  .classroom-sidebar { position: static; display: flex; overflow-x: auto; }
  .classroom-sidebar > strong, .sidebar-streak { display: none; }
  .classroom-sidebar > a { white-space: nowrap; }
  .lesson-shell { grid-template-columns: 1fr; }
  .lesson-sidebar { display: none; }
  .lesson-sidebar.is-open { display: block; position: fixed; inset: 72px 0 0; z-index: 80; overflow: auto; }
  .lesson-header { min-height: 82px; padding: 14px 22px; }
  .lesson-header::before { content: "목차"; margin-right: 15px; padding: 7px 10px; background: var(--mint-100); border-radius: 8px; font-size: 10px; font-weight: 800; }
  .lesson-tabs { top: 72px; padding-inline: 12px; overflow-x: auto; }
  .lesson-tabs button { white-space: nowrap; }
  .post-grid { grid-template-columns: repeat(2, 1fr); }
  .cohort-feed__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .login-card { padding: 38px 22px; }
  .login-card h1 { font-size: 34px; }
  .cohort-hero { padding: 55px 0; }
  .cohort-hero__grid { grid-template-columns: 1fr; text-align: center; }
  .cohort-countdown { width: 210px; margin: auto; }
  .challenge-stats__grid > div { padding: 16px; min-height: 86px; }
  .challenge-stats__grid > div:first-child { padding-left: 16px; }
  .challenge-main__heading { align-items: flex-start; }
  .challenge-main__heading h2 { font-size: 30px; }
  .challenge-day { grid-template-columns: 65px 1fr; }
  .challenge-day__lessons { grid-template-columns: 1fr; }
  .challenge-lesson { border-right: 0; border-bottom: 1px solid var(--line); }
  .challenge-day__checkin { grid-column: 1 / -1; display: flex; justify-content: flex-end; padding: 9px 14px; }
  .checkin-guide__grid { grid-template-columns: 1fr; gap: 30px; }
  .checkin-guide h2 { font-size: 34px; }
  .checkin-modal__dialog { padding: 32px 20px; }
  .cohort-feed__header { align-items: flex-start; flex-direction: column; gap: 14px; }
  .cohort-feed__grid { grid-template-columns: 1fr; }
  .sub-hero__inner { flex-direction: column; }
  .sub-hero__score { width: 100%; }
  .classroom-content .course-grid { grid-template-columns: 1fr; }
  .classroom-content .course-card:last-child { grid-column: auto; max-width: none; }
  .recent-box { padding: 22px 18px; }
  .recent-box li { grid-template-columns: 1fr auto; }
  .recent-box li span { grid-column: 1 / -1; }
  .lesson-header h2 { font-size: 15px; }
  .lesson-header > div:last-child { display: none; }
  .video-caption { left: 20px; bottom: 18px; }
  .video-play > span { width: 58px; height: 58px; }
  .lesson-panel, .lesson-footer { width: calc(100% - 32px); }
  .practice-prompt { grid-template-columns: 1fr; }
  .lesson-footer { align-items: stretch; flex-direction: column-reverse; gap: 12px; }
  .content-page { padding: 58px 0 70px; }
  .entry-content { padding: 24px 19px; }
  .post-grid { grid-template-columns: 1fr; }
}

/* LearnDash 화면을 테마와 자연스럽게 연결합니다. */
.learndash-wrapper { width: var(--wrap); margin: 70px auto; }
.learndash-wrapper .ld-course-status, .learndash-wrapper .ld-item-list .ld-item-list-item { border: 1px solid var(--line) !important; border-radius: 16px !important; box-shadow: none !important; }
.learndash-wrapper .ld-button, .learndash-wrapper #learndash_mark_complete_button { background: var(--forest-900) !important; border-radius: 999px !important; font-weight: 800 !important; }
.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage { background: var(--lime) !important; }
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active { color: var(--forest-700) !important; }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s ease; }
.reveal.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } .reveal { opacity: 1; transform: none; } }

/* Branded member authentication */
.auth-page { min-height: calc(100vh - 88px); padding: 78px 0; background: linear-gradient(135deg, #eefaf3 0%, #f9fcf8 48%, #e3f7ee 100%); }
.auth-shell { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, 520px); gap: clamp(50px, 8vw, 130px); align-items: center; }
.auth-shell--compact { display: block; max-width: 560px; }
.auth-story h1 { max-width: 720px; margin: 20px 0 24px; color: var(--navy); font-size: clamp(44px, 5.3vw, 78px); line-height: 1.08; letter-spacing: -.055em; }
.auth-story > p:not(.eyebrow) { max-width: 610px; color: #547064; font-size: 17px; line-height: 1.8; }
.auth-story__stat { display: flex; align-items: center; gap: 22px; margin-top: 48px; }
.auth-story__stat strong { color: var(--navy); font-size: 62px; line-height: 1; letter-spacing: -.07em; }
.auth-story__stat span { padding-left: 22px; border-left: 1px solid #b5d8c7; color: #4b6a5d; font-size: 13px; font-weight: 800; line-height: 1.55; }
.auth-benefits { display: grid; gap: 14px; margin: 42px 0 0; padding: 0; list-style: none; }
.auth-benefits li { display: flex; align-items: center; gap: 18px; color: #315346; font-weight: 800; }
.auth-benefits span { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #9fd4ba; border-radius: 50%; color: var(--forest-700); font-size: 11px; }
.auth-card { padding: clamp(30px, 4vw, 54px); border: 1px solid rgba(9,42,88,.08); border-radius: 28px; background: rgba(255,255,255,.96); box-shadow: 0 28px 80px rgba(15,55,43,.12); }
.auth-card__heading { margin-bottom: 30px; }
.auth-card__heading h1, .auth-card__heading h2 { margin: 8px 0 10px; color: var(--navy); font-size: 38px; letter-spacing: -.04em; }
.auth-card__heading > p:last-child { margin: 0; color: #6b7f76; font-size: 14px; line-height: 1.7; }
.auth-form { display: grid; gap: 19px; }
.auth-form > label > span:first-child { display: block; margin-bottom: 8px; color: #24493a; font-size: 13px; font-weight: 800; }
.auth-form input[type="text"], .auth-form input[type="tel"], .auth-form input[type="email"], .auth-form input[type="number"], .auth-form input[type="password"] { width: 100%; height: 56px; padding: 0 16px; border: 1px solid #cedbd4; border-radius: 12px; background: #fff; color: #142d24; font: inherit; outline: none; transition: border-color .2s, box-shadow .2s; }
.auth-form input:focus { border-color: #1a8b5f; box-shadow: 0 0 0 4px rgba(26,139,95,.1); }
.auth-choice-group { min-width: 0; margin: 0; padding: 0; border: 0; }
.auth-choice-group legend { margin-bottom: 9px; color: #24493a; font-size: 15px; font-weight: 800; }
.auth-choice-row { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.auth-choice { position: relative; display: block; cursor: pointer; }
.auth-choice input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.auth-choice span { display: flex; min-height: 56px; align-items: center; justify-content: center; padding: 10px 12px; border: 1px solid #cedbd4; border-radius: 12px; background: #fff; color: #395c4e; font-size: 16px; font-weight: 800; text-align: center; transition: border-color .2s, background .2s, box-shadow .2s; }
.auth-choice input:checked + span { border-color: #0d7c51; background: #e7f8f1; color: #075b3b; box-shadow: inset 0 0 0 1px #0d7c51; }
.auth-choice input:focus-visible + span { outline: 3px solid rgba(26,139,95,.2); outline-offset: 2px; }
.password-field { position: relative; display: block !important; margin: 0 !important; }
.password-field input { padding-right: 65px !important; }
.password-field button { position: absolute; top: 50%; right: 9px; min-width: 48px; padding: 8px; transform: translateY(-50%); border: 0; border-radius: 8px; background: #edf7f1; color: #276047; font-size: 12px; font-weight: 800; cursor: pointer; }
.auth-form__options { display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 13px; }
.auth-form__options a, .auth-switch a, .auth-agreements a { color: #12734e; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.auth-check { display: flex !important; align-items: flex-start; gap: 9px; cursor: pointer; }
.auth-check input { width: 18px; height: 18px; margin-top: 1px; accent-color: #0d7c51; }
.auth-check span { display: inline !important; margin: 0 !important; color: #526c61 !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.55; }
.auth-agreements { display: grid; gap: 10px; padding: 17px; border-radius: 12px; background: #f3f8f5; }
.auth-submit { width: 100%; margin-top: 4px; border: 0; cursor: pointer; }
.auth-switch { margin: 24px 0 0; text-align: center; color: #6a7f76; font-size: 13px; }
.auth-notice { margin: 0 0 22px; padding: 14px 16px; border-radius: 12px; font-size: 13px; font-weight: 700; line-height: 1.55; }
.auth-notice--error { border: 1px solid #f2b8b0; background: #fff2f0; color: #a93627; }
.auth-notice--success { border: 1px solid #9ed8bd; background: #eefaf4; color: #146a46; }
.auth-notice--password-rule { border: 1px solid #f3b2a9; background: #fff4f2; color: #b43b2d; }
.auth-notice--password-rule strong { font-weight: 800; }
.auth-notice--password-rule span { display: block; margin-top: 4px; color: #72534e; font-size: 13px; }
.kakao-login { display: grid; gap: 10px; margin-bottom: 22px; }
.kakao-login__button { position: relative; display: flex; min-height: 62px; align-items: center; justify-content: center; gap: 14px; padding: 12px 22px; border: 1px solid #e5cb00; border-radius: 14px; background: #fee500; color: #191919; font-size: 18px; font-weight: 900; line-height: 1.35; text-align: center; text-decoration: none; transition: transform .2s, box-shadow .2s, background .2s; }
.kakao-login__button:hover { background: #ffeb33; color: #191919; transform: translateY(-1px); box-shadow: 0 10px 24px rgba(80,68,0,.14); }
.kakao-login__button:focus-visible { outline: 4px solid rgba(25,25,25,.22); outline-offset: 3px; }
.kakao-login__button.is-disabled { cursor: not-allowed; filter: grayscale(.15); opacity: .62; }
.kakao-login__button.is-disabled:hover { transform: none; box-shadow: none; }
.kakao-login__icon { position: relative; display: inline-block; width: 25px; height: 19px; flex: 0 0 25px; border-radius: 50%; background: #191919; }
.kakao-login__icon::after { position: absolute; bottom: -3px; left: 4px; width: 8px; height: 8px; background: #191919; content: ''; transform: rotate(30deg); }
.kakao-login > small { color: #8a6b00; font-size: 14px; font-weight: 800; text-align: center; }
.kakao-login > p { margin: 0; color: #6a7f76; font-size: 14px; line-height: 1.65; text-align: center; }
.kakao-login > p a { color: #315346; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.auth-divider { display: flex; align-items: center; gap: 14px; margin: 22px 0; color: #75877f; font-size: 14px; font-weight: 700; }
.auth-divider::before, .auth-divider::after { height: 1px; flex: 1; background: #dce6e1; content: ''; }
.auth-divider span { white-space: nowrap; }
.account-social-connection { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; padding: 22px; border: 1px solid #e5cb00; border-radius: 16px; background: #fffbea; color: #233c32; }
.account-social-connection .kakao-login__icon { width: 34px; height: 26px; flex-basis: 34px; }
.account-social-connection strong { color: var(--navy); font-size: 18px; }
.account-social-connection p { margin: 5px 0 0; color: #64776f; font-size: 15px; line-height: 1.6; }
.account-social-connection > b { padding: 7px 12px; border-radius: 999px; background: #fee500; color: #191919; font-size: 13px; white-space: nowrap; }
.button--ghost-light { border: 1px solid rgba(255,255,255,.42); background: transparent; color: #fff; }

/* Branded member center */
.member-center { background: #f3f7f5; color: #17382c; }
.member-center__hero { position: relative; overflow: hidden; padding: 54px 0 50px; background: #062b63; color: #fff; }
.member-center__hero::before { content: "180°"; position: absolute; right: max(-50px, calc((100vw - 1320px) / 2)); top: -72px; color: rgba(255,255,255,.035); font-size: 250px; font-weight: 950; letter-spacing: -.08em; }
.member-center__hero::after { content: ""; position: absolute; width: 430px; height: 430px; right: 8%; top: -330px; border: 55px solid rgba(0,224,135,.09); border-radius: 50%; }
.member-center__hero-grid { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.member-center__identity { display: flex; align-items: center; gap: 25px; min-width: 0; }
.member-avatar { display: grid; flex: 0 0 82px; place-items: center; width: 82px; height: 82px; border: 1px solid rgba(255,255,255,.22); border-radius: 25px; background: linear-gradient(145deg,#01df88,#00b86e); color: #052b24; box-shadow: 0 16px 35px rgba(0,0,0,.2); font-size: 34px; font-weight: 950; }
.member-center__identity .eyebrow { color: #00e18a; }
.member-center__identity h1 { margin: 8px 0 6px; color: #fff; font-size: clamp(31px,3.2vw,46px); letter-spacing: -.05em; }
.member-center__identity > div > p:last-child { margin: 0; color: #aec4df; font-size: 13px; }
.member-center__hero-actions { display: flex; align-items: center; gap: 22px; }
.member-logout { color: #c2d3e8; font-size: 13px; font-weight: 800; }
.member-logout span { margin-left: 5px; color: #00df87; }
.member-metrics { background: #052657; color: #fff; }
.member-metrics__grid { display: grid; grid-template-columns: repeat(4,1fr); }
.member-metrics__grid > div { position: relative; min-height: 112px; padding: 25px 38px; border-right: 1px solid rgba(255,255,255,.1); }
.member-metrics__grid > div:last-child { border-right: 0; }
.member-metrics span,.member-metrics strong { display: block; }
.member-metrics span { color: #9fb7d5; font-size: 11px; font-weight: 700; }
.member-metrics strong { margin-top: 8px; color: #fff; font-size: 27px; letter-spacing: -.03em; }
.member-metrics strong::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 12px; border: 1px solid #00df87; border-radius: 50%; box-shadow: 0 0 0 5px rgba(0,223,135,.09); vertical-align: 5px; }
.member-metrics small { margin-left: 3px; color: #9fb7d5; font-size: 12px; }
.member-center__body { padding: 62px 0 100px; }
.member-center__layout { display: grid; grid-template-columns: 245px minmax(0,1fr); align-items: start; gap: 32px; }
.member-sidebar { position: sticky; top: 28px; overflow: hidden; border: 1px solid #dfe9e4; border-radius: 20px; background: #fff; box-shadow: 0 12px 38px rgba(11,58,40,.05); }
.admin-bar .member-sidebar { top: 60px; }
.member-sidebar__profile { display: grid; justify-items: center; padding: 31px 20px 25px; border-bottom: 1px solid #e6ede9; text-align: center; }
.member-sidebar__avatar { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 13px; border-radius: 17px; background: #e2f9ee; color: #067d51; font-size: 22px; font-weight: 950; }
.member-sidebar__profile strong { color: #12382a; font-size: 16px; }
.member-sidebar__profile small { margin-top: 3px; color: #8a9b94; font-size: 11px; }
.member-sidebar nav { display: grid; padding: 14px; }
.member-sidebar nav a { display: flex; align-items: center; gap: 12px; padding: 13px 14px; border-radius: 11px; color: #587067; font-size: 12px; font-weight: 750; }
.member-sidebar nav a:hover,.member-sidebar nav a.is-current { background: #e9f8f1; color: #086e49; }
.member-sidebar nav a span { display: grid; place-items: center; width: 20px; color: #0b8d5d; font-size: 11px; }
.member-sidebar__support { display: block; margin: 0 14px 14px; padding: 17px; border-radius: 13px; background: #062b63; }
.member-sidebar__support b,.member-sidebar__support span { display: block; }
.member-sidebar__support b { color: #fff; font-size: 11px; }
.member-sidebar__support span { margin-top: 5px; color: #8cebc1; font-size: 10px; }
.member-content { display: grid; min-width: 0; gap: 24px; }
.account-alert { display: flex; align-items: center; gap: 12px; padding: 15px 18px; border-radius: 13px; font-size: 13px; font-weight: 750; }
.account-alert span { display: grid; flex: 0 0 24px; place-items: center; width: 24px; height: 24px; border-radius: 50%; font-size: 11px; }
.account-alert--success { border: 1px solid #a9dcc3; background: #eaf9f1; color: #126a47; }
.account-alert--success span { background: #0fa36b; color: #fff; }
.account-alert--error { border: 1px solid #efbeb6; background: #fff1ef; color: #9b3428; }
.account-alert--error span { background: #be493a; color: #fff; }
.member-center__hero--compact { padding: 42px 0; }
.account-endpoint-shell { padding: 38px; border: 1px solid #dfe8e3; border-radius: 22px; background: #fff; box-shadow: 0 18px 54px rgba(16,63,47,.06); }
.account-endpoint-shell__heading { margin-bottom: 28px; }
.account-endpoint-shell__heading h2 { margin: 8px 0 0; color: #11382a; font-size: 30px; letter-spacing: -.04em; }
.account-endpoint-shell__heading > p:last-child { margin: 9px 0 0; color: #6f837a; font-size: 15px; line-height: 1.65; }
.account-endpoint-shell .woocommerce-message,
.account-endpoint-shell .woocommerce-info,
.account-endpoint-shell .woocommerce-error { padding: 18px 20px; border: 1px solid #cfe3d9; border-radius: 14px; background: #f1faf5; color: #24483a; font-size: 15px; }
.account-endpoint-shell table { width: 100%; overflow: hidden; border: 1px solid #dfe8e3; border-collapse: separate; border-spacing: 0; border-radius: 15px; }
.account-endpoint-shell th,
.account-endpoint-shell td { padding: 16px 18px; border: 0; border-bottom: 1px solid #e7edea; color: #29483c; font-size: 15px; text-align: left; }
.account-endpoint-shell th { background: #f3f8f5; color: #153c2e; font-weight: 850; }
.account-endpoint-shell tr:last-child td { border-bottom: 0; }
.account-endpoint-shell .button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 0 18px; border: 0; border-radius: 999px; background: #062b63; color: #fff; font-size: 14px; font-weight: 850; }
.account-endpoint-shell a:not(.button) { color: #087f54; font-weight: 750; }
.account-panel { scroll-margin-top: 24px; padding: 34px; border: 1px solid #dfe8e3; border-radius: 21px; background: #fff; box-shadow: 0 14px 42px rgba(16,63,47,.045); }
.account-panel__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 25px; }
.account-panel__heading .eyebrow { color: #0b8c5c; }
.account-panel__heading h2 { margin: 7px 0 0; color: #11382a; font-size: 25px; letter-spacing: -.04em; }
.account-panel__heading h2 small { display: inline-grid; min-width: 25px; height: 25px; margin-left: 6px; place-items: center; border-radius: 50%; background: #e6f7ef; color: #087b51; font-size: 10px; vertical-align: 4px; }
.account-panel__heading p:not(.eyebrow) { margin: 8px 0 0; color: #758981; font-size: 12px; line-height: 1.6; }
.account-panel__heading > a { margin-top: 8px; color: #087f54; font-size: 11px; font-weight: 850; }
.account-challenge { display: grid; grid-template-columns: 110px minmax(0,1fr) auto; align-items: center; gap: 22px; padding: 22px; border: 1px solid #cfe5da; border-radius: 16px; background: linear-gradient(120deg,#e8f9f1,#f7fcf9); }
.account-challenge__day { display: grid; place-items: center; min-height: 75px; border-radius: 12px; background: #062b63; color: #fff; }
.account-challenge__day small { color: #83e8bb; font-size: 8px; font-weight: 850; letter-spacing: .12em; }
.account-challenge__day strong { font-size: 17px; }
.account-challenge > div:nth-child(2) span { color: #16845a; font-size: 9px; font-weight: 850; }
.account-challenge h3 { margin: 5px 0 4px; color: #173b2e; font-size: 17px; }
.account-challenge p { margin: 0; color: #71857c; font-size: 10px; }
.account-challenge > a { padding: 11px 15px; border-radius: 999px; background: #00d981; color: #063e31; font-size: 10px; font-weight: 900; white-space: nowrap; }
.account-quick-links { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-top: 20px; }
.account-quick-links > a { position: relative; display: grid; grid-template-columns: 36px 1fr; gap: 1px 11px; padding: 17px; border: 1px solid #e1eae5; border-radius: 14px; background: #fff; transition: border-color .2s,transform .2s; }
.account-quick-links > a:hover { transform: translateY(-2px); border-color: #9bcfb6; }
.account-quick-links__icon { grid-row: 1 / 3; display: grid; place-items: center; width: 35px; height: 35px; border-radius: 11px; background: #e6f8ef; color: #0a8155; font-size: 12px; font-weight: 900; }
.account-quick-links b { color: #1a3e31; font-size: 11px; }
.account-quick-links small { color: #8a9b94; font-size: 8px; }
.account-quick-links i { position: absolute; right: 14px; top: 14px; color: #a0b1aa; font-size: 10px; font-style: normal; }
.account-course-list { display: grid; gap: 10px; }
.account-course-list > a { display: grid; grid-template-columns: 70px minmax(0,1fr) 45px 70px; align-items: center; gap: 16px; padding: 13px; border: 1px solid #e1eae5; border-radius: 14px; }
.account-course-list > a:hover { border-color: #98ceb4; background: #fbfefc; }
.account-course-list__cover { display: grid; place-items: center; height: 58px; border-radius: 10px; background: #062b63; color: #00df87; font-size: 19px; font-weight: 950; }
.account-course-list__cover sup { font-size: 8px; }
.account-course-list__copy { display: grid; min-width: 0; }
.account-course-list__copy > small { color: #0a8a5a; font-size: 8px; font-weight: 900; letter-spacing: .08em; }
.account-course-list__copy > strong { overflow: hidden; margin-top: 4px; color: #163a2d; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.account-course-list__track { height: 4px; margin-top: 9px; overflow: hidden; border-radius: 99px; background: #e8efeb; }
.account-course-list__track i { display: block; height: 100%; border-radius: inherit; background: #00cf79; }
.account-course-list > a > b { color: #0a7d53; font-size: 11px; text-align: right; }
.account-course-list > a > em { color: #526c61; font-size: 10px; font-style: normal; font-weight: 800; text-align: right; }
.account-empty { display: flex; align-items: center; gap: 17px; padding: 24px; border: 1px dashed #cbdcd4; border-radius: 15px; background: #f8fbf9; }
.account-empty > span { display: grid; flex: 0 0 43px; place-items: center; width: 43px; height: 43px; border-radius: 13px; background: #e5f7ee; color: #078253; font-size: 15px; font-weight: 900; }
.account-empty h3 { margin: 0; color: #234438; font-size: 13px; }
.account-empty p { margin: 5px 0 0; color: #7b8e86; font-size: 10px; }
.account-empty > a { margin-left: auto; padding: 10px 13px; border-radius: 999px; background: #062b63; color: #fff; font-size: 9px; font-weight: 850; white-space: nowrap; }
.account-orders { display: grid; }
.account-orders article { display: grid; grid-template-columns: minmax(0,1fr) 80px 110px auto; align-items: center; gap: 16px; padding: 18px 5px; border-top: 1px solid #e5ece8; }
.account-orders article:first-child { border-top: 0; }
.account-orders article > div { display: grid; min-width: 0; }
.account-orders article small { color: #879890; font-size: 9px; }
.account-orders article strong { overflow: hidden; margin-top: 5px; color: #254639; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.account-orders article > b { color: #163c2e; font-size: 12px; text-align: right; }
.account-orders article > a { padding: 8px 11px; border-radius: 999px; background: #062b63; color: #fff; font-size: 9px; font-weight: 850; }
.order-status { justify-self: start; padding: 6px 9px; border-radius: 999px; background: #edf3f0; color: #61776d; font-size: 9px; font-weight: 850; }
.order-status--completed,.order-status--processing { background: #e5f7ee; color: #087a51; }
.order-status--failed,.order-status--cancelled { background: #fff0ed; color: #a44437; }
.account-form { padding-top: 3px; }
.account-form__grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 22px 18px; }
.account-choice-group { grid-column: 1 / -1; }
.account-form__grid--password { grid-template-columns: repeat(3,1fr); }
.account-form label { display: grid; align-content: start; gap: 8px; color: #314f43; font-size: 11px; font-weight: 800; }
.account-form label > span b { color: #0d9461; }
.account-form input { width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid #d8e3dd; border-radius: 11px; background: #fff; color: #173a2c; font: inherit; outline: none; }
.account-form input:focus { border-color: #17a36d; box-shadow: 0 0 0 3px rgba(23,163,109,.1); }
.account-form input:disabled { background: #f1f5f3; color: #87978f; }
.account-form label small { color: #8a9a93; font-size: 8px; font-weight: 550; line-height: 1.5; }
.account-form__footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 27px; padding-top: 22px; border-top: 1px solid #e5ece8; }
.account-form__footer p { margin: 0; color: #85968e; font-size: 10px; }
.account-form__footer .button { min-height: 46px; border: 0; cursor: pointer; }

/* Course sales landing */
.sales-page { background: #fff; color: #173228; }
.sales-hero { position: relative; overflow: hidden; padding: 96px 0 104px; background: #062557; color: #fff; }
.sales-hero__glow { position: absolute; width: 720px; height: 720px; right: -180px; top: -240px; border-radius: 50%; background: radial-gradient(circle, rgba(1,224,134,.2), transparent 66%); }
.sales-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(400px, .92fr); align-items: center; gap: clamp(50px, 8vw, 120px); }
.sales-hero .eyebrow { color: #00dc83; }
.sales-badge { display: inline-flex; align-items: center; gap: 9px; margin: 20px 0 22px; padding: 9px 15px; border: 1px solid rgba(0,220,131,.45); border-radius: 999px; color: #b8f6d9; font-size: 12px; font-weight: 800; }
.sales-badge span { width: 7px; height: 7px; border-radius: 50%; background: #00dc83; box-shadow: 0 0 0 5px rgba(0,220,131,.12); }
.sales-hero h1 { margin: 0; color: #fff; font-size: clamp(52px, 6vw, 84px); line-height: 1.06; letter-spacing: -.065em; }
.sales-hero h1 em { color: #00dc83; font-style: normal; }
.sales-hero__lead { max-width: 650px; margin: 28px 0 0; color: #c5d6ec; font-size: 17px; line-height: 1.8; }
.sales-hero__facts { display: flex; gap: 0; margin: 34px 0 0; padding: 0; list-style: none; }
.sales-hero__facts li { min-width: 124px; padding: 0 24px; border-left: 1px solid rgba(255,255,255,.16); }
.sales-hero__facts li:first-child { padding-left: 0; border-left: 0; }
.sales-hero__facts strong, .sales-hero__facts span { display: block; }
.sales-hero__facts strong { font-size: 22px; }
.sales-hero__facts span { margin-top: 4px; color: #9db2d0; font-size: 11px; }
.button--lime { background: #00dc83; color: #052655; }
.button--lime:hover { background: #3af1a6; }
.sales-hero__cta { margin-top: 38px; }
.button.is-disabled, span.button.is-disabled { opacity: .62; cursor: not-allowed; pointer-events: none; }
.sales-hero__visual { position: relative; min-height: 560px; }
.sales-cover { position: absolute; inset: 28px 35px 22px 55px; display: flex; flex-direction: column; justify-content: flex-end; padding: 48px; overflow: hidden; border-radius: 28px; background: linear-gradient(155deg, #0fe292 0%, #02b976 46%, #039663 100%); box-shadow: 0 38px 80px rgba(0,0,0,.28); transform: rotate(3deg); }
.sales-cover::before { content: ""; position: absolute; width: 360px; height: 360px; right: -145px; top: -130px; border: 55px solid rgba(255,255,255,.16); border-radius: 50%; }
.sales-cover::after { content: "30"; position: absolute; right: -12px; bottom: -45px; color: rgba(3,63,49,.12); font-size: 250px; font-weight: 950; letter-spacing: -.1em; }
.sales-cover__brand { position: absolute; top: 38px; left: 40px; color: #062557; font-size: 52px; font-weight: 950; letter-spacing: -.07em; }
.sales-cover small { position: relative; z-index: 1; color: #064938; font-size: 11px; font-weight: 900; letter-spacing: .15em; }
.sales-cover strong { position: relative; z-index: 1; margin-top: 13px; color: #052c24; font-size: 38px; line-height: 1.16; letter-spacing: -.05em; }
.sales-cover__arrow { position: absolute; right: 34px; top: 42px; color: #fff; font-size: 74px; font-weight: 200; opacity: .7; }
.sales-floating { position: absolute; z-index: 3; min-width: 210px; padding: 17px 20px; border: 1px solid rgba(255,255,255,.22); border-radius: 14px; background: rgba(6,37,87,.91); box-shadow: 0 16px 38px rgba(0,0,0,.22); backdrop-filter: blur(12px); }
.sales-floating b, .sales-floating span { display: block; }
.sales-floating b { color: #fff; font-size: 13px; }
.sales-floating span { margin-top: 4px; color: #9fbcdf; font-size: 10px; }
.sales-floating--top { right: -10px; top: 88px; }
.sales-floating--bottom { left: 2px; bottom: 76px; }
.sales-anchor { position: sticky; z-index: 20; top: 0; border-bottom: 1px solid #e3ebe7; background: rgba(255,255,255,.95); backdrop-filter: blur(14px); }
.admin-bar .sales-anchor { top: 32px; }
.sales-anchor .wrap { display: flex; align-items: center; gap: 36px; min-height: 66px; }
.sales-anchor a { color: #526b61; font-size: 12px; font-weight: 800; }
.sales-anchor__buy { margin-left: auto; padding: 11px 20px; border-radius: 999px; background: #07295c; color: #fff !important; }
.sales-section { padding: 120px 0; }
.sales-heading { margin-bottom: 48px; }
.sales-heading h2 { max-width: 900px; margin: 10px 0 0; color: #082958; font-size: clamp(38px, 5vw, 62px); line-height: 1.18; letter-spacing: -.055em; }
.sales-heading h2 em, .sales-program h2 em { color: #088556; font-style: normal; }
.sales-heading--center { text-align: center; }
.sales-heading--center h2, .sales-heading--center > p:last-child { margin-left: auto; margin-right: auto; }
.sales-heading--center > p:last-child { max-width: 650px; color: #6e8179; line-height: 1.8; }
.sales-problem { background: #f4f9f6; }
.problem-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.problem-grid article { min-height: 330px; padding: 38px; border: 1px solid #dce9e2; border-radius: 22px; background: #fff; }
.problem-grid article > span { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #e5f8ee; color: #078253; font-size: 12px; font-weight: 900; }
.problem-grid h3 { margin: 52px 0 15px; color: #082958; font-size: 29px; line-height: 1.3; letter-spacing: -.04em; }
.problem-grid p { margin: 0; color: #6a7f75; font-size: 14px; line-height: 1.8; }
.sales-program__grid { display: grid; grid-template-columns: minmax(360px,.9fr) minmax(0,1.1fr); align-items: center; gap: clamp(65px,9vw,130px); }
.sales-program__visual { display: grid; place-items: center; min-height: 660px; border-radius: 42px; background: linear-gradient(145deg,#dff6e9,#effaf4); }
.program-phone { width: min(360px,78%); padding: 28px 24px; border: 10px solid #082958; border-radius: 38px; background: #fff; box-shadow: 0 34px 70px rgba(8,41,88,.18); }
.program-phone__top { display: flex; justify-content: space-between; color: #6d8178; font-size: 9px; font-weight: 900; letter-spacing: .07em; }
.program-phone__top b { color: #087d51; }
.program-ring { display: grid; place-items: center; width: 124px; height: 124px; margin: 38px auto; border: 12px solid #08c87d; border-right-color: #d9eee4; border-radius: 50%; color: #082958; font-size: 43px; font-weight: 950; }
.program-ring small { font-size: 12px; }
.program-task { display: grid; grid-template-columns: 38px 1fr; gap: 12px; align-items: center; margin-top: 11px; padding: 14px; border: 1px solid #dfe9e4; border-radius: 12px; }
.program-task > span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #e8f5ee; color: #087d51; font-size: 12px; }
.program-task p, .program-task small { display: block; margin: 0; }
.program-task p { color: #18392c; font-size: 12px; font-weight: 850; }
.program-task small { margin-top: 3px; color: #8ba097; font-size: 8px; }
.program-task.is-done { background: #f4fbf7; }
.program-check { margin-top: 20px; padding: 15px; border-radius: 12px; background: #082958; color: #fff; text-align: center; font-size: 11px; font-weight: 850; }
.sales-program h2 { margin: 10px 0 38px; color: #082958; font-size: clamp(40px,5vw,62px); line-height: 1.16; letter-spacing: -.055em; }
.program-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.program-list li { display: grid; grid-template-columns: 50px 1fr; gap: 22px; padding: 25px 0; border-top: 1px solid #dfe9e4; }
.program-list li > span { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #eaf8f1; color: #087d51; font-size: 12px; font-weight: 900; }
.program-list strong { color: #163c2e; font-size: 18px; }
.program-list p { margin: 8px 0 0; color: #6c8178; font-size: 13px; line-height: 1.7; }
.sales-curriculum { background: #07295c; color: #fff; }
.sales-curriculum .eyebrow { color: #00dc83; }
.sales-curriculum .sales-heading h2 { color: #fff; }
.sales-curriculum .sales-heading > p:last-child { color: #abc0db; }
.curriculum-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.curriculum-grid article { padding: 38px; border: 1px solid rgba(255,255,255,.15); border-radius: 20px; background: rgba(255,255,255,.055); }
.curriculum-grid small { color: #00dc83; font-size: 10px; font-weight: 900; letter-spacing: .08em; }
.curriculum-grid h3 { margin: 14px 0 12px; color: #fff; font-size: 28px; }
.curriculum-grid p { color: #b5c8e0; font-size: 13px; line-height: 1.75; }
.curriculum-grid ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 0; padding: 0; list-style: none; }
.curriculum-grid li { padding: 8px 11px; border-radius: 999px; background: rgba(0,220,131,.1); color: #bdf7dc; font-size: 10px; font-weight: 750; }
.sales-process { background: #f7faf8; }
.process-line { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: 18px; }
.process-line article { min-height: 230px; padding: 30px; border: 1px solid #dfe9e4; border-radius: 18px; background: #fff; }
.process-line article > span { color: #07925d; font-size: 11px; font-weight: 900; }
.process-line h3 { margin: 55px 0 10px; color: #082958; font-size: 22px; }
.process-line p { margin: 0; color: #6b8076; font-size: 12px; line-height: 1.65; }
.process-line > i { color: #8fb3a2; font-style: normal; }
.sales-enroll { background: #e6f8ef; }
.sales-enroll__grid { display: grid; grid-template-columns: 1fr 460px; gap: clamp(50px,8vw,120px); align-items: center; }
.sales-enroll h2 { margin: 10px 0 20px; color: #082958; font-size: clamp(42px,5vw,64px); line-height: 1.15; letter-spacing: -.055em; }
.sales-enroll p { color: #587166; line-height: 1.8; }
.sales-enroll ul { display: grid; gap: 12px; margin: 30px 0 0; padding: 0; list-style: none; }
.sales-enroll li { display: flex; align-items: center; gap: 10px; color: #23483a; font-size: 13px; font-weight: 750; }
.sales-enroll li::before { content: "✓"; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #05b66f; color: #fff; font-size: 10px; }
.enroll-card { padding: 42px; border-radius: 24px; background: #fff; box-shadow: 0 28px 70px rgba(12,73,49,.14); }
.enroll-card > span { color: #078454; font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.enroll-card h3 { margin: 14px 0 28px; color: #082958; font-size: 25px; line-height: 1.35; }
.enroll-card__price { min-height: 54px; color: #082958; font-size: 34px; font-weight: 950; letter-spacing: -.04em; }
.enroll-card__price del { margin-right: 8px; color: #9caea6; font-size: 15px; font-weight: 600; }
.enroll-card__price ins { text-decoration: none; }
.enroll-card__price > span { color: #758a80; font-size: 23px; }
.enroll-card > p { margin: 14px 0 24px; color: #71877d; font-size: 11px; }
.enroll-card .button { width: 100%; }
.enroll-card > small { display: block; margin-top: 15px; color: #85968f; text-align: center; font-size: 10px; }
.sales-faq__grid { display: grid; grid-template-columns: 300px 1fr; gap: 90px; }
.sales-faq h2 { margin: 10px 0 15px; color: #082958; font-size: 48px; letter-spacing: -.05em; }
.sales-faq > .wrap > div:first-child > p:last-child { color: #71867d; font-size: 13px; }
.faq-list details { border-top: 1px solid #dce7e1; }
.faq-list details:last-child { border-bottom: 1px solid #dce7e1; }
.faq-list summary { padding: 25px 42px 25px 0; color: #17392c; font-size: 16px; font-weight: 850; cursor: pointer; }
.faq-list details p { margin: -5px 0 25px; color: #6d8078; font-size: 13px; line-height: 1.75; }
.sales-final { padding: 100px 0; background: #062557; color: #fff; text-align: center; }
.sales-final .eyebrow { color: #00dc83; }
.sales-final h2 { margin: 12px 0 36px; color: #fff; font-size: clamp(44px,5.5vw,70px); line-height: 1.15; letter-spacing: -.055em; }
.purchase-complete-cta { margin: 40px 0; padding: 34px; border-radius: 18px; background: #e7f8ef; text-align: center; }
.purchase-complete-cta h2 { margin: 10px 0; color: #082958; }
.empty-classroom { padding: 100px 0; background: linear-gradient(135deg,#eef9f3,#fff); }
.empty-classroom__grid { display: grid; grid-template-columns: 1fr 500px; gap: 90px; align-items: center; }
.empty-classroom h1 { margin: 12px 0 20px; color: #082958; font-size: clamp(48px,5.5vw,72px); line-height: 1.12; letter-spacing: -.055em; }
.empty-classroom > .wrap > div:first-child > p:not(.eyebrow) { max-width: 600px; color: #61776d; line-height: 1.8; }
.empty-classroom .button { margin-top: 24px; }
.empty-classroom__steps { display: grid; gap: 12px; }
.empty-classroom__steps article { display: grid; grid-template-columns: 48px 1fr; gap: 4px 17px; padding: 24px; border: 1px solid #dce9e2; border-radius: 16px; background: #fff; }
.empty-classroom__steps span { grid-row: 1 / 3; display: grid; place-items: center; width: 45px; height: 45px; border-radius: 50%; background: #e6f8ef; color: #078454; font-size: 12px; font-weight: 900; }
.empty-classroom__steps strong { color: #173a2c; }
.empty-classroom__steps p { margin: 5px 0 0; color: #71857c; font-size: 12px; }

@media (max-width: 1100px) {
  .site-header__inner { gap: 18px; }
  .site-nav__list, .site-nav ul { gap: 18px; }
  .dashboard-hero__grid { grid-template-columns: 1fr 460px; gap: 38px; }
  .focus-card__content { padding: 46px; }
  .roadmap { overflow-x: auto; grid-template-columns: repeat(9, 112px); padding-bottom: 18px; }
  .roadmap__line { width: 900px; right: auto; }
	.sales-hero__grid { grid-template-columns: 1fr 420px; gap: 45px; }
	.sales-cover { inset-inline: 25px; }
	.sales-program__grid { gap: 55px; }
	.sales-enroll__grid { grid-template-columns: 1fr 410px; gap: 50px; }
	.empty-classroom__grid { grid-template-columns: 1fr 440px; gap: 50px; }
}

@media (max-width: 900px) {
  :root { --wrap: min(100% - 32px, 720px); }
  .site-header__inner { min-height: 72px; }
  .menu-toggle { display: block; margin-left: auto; }
  .site-nav { position: fixed; inset: 72px 0 0; display: none; padding: 24px; background: var(--mint-50); }
  .site-nav.is-open { display: block; }
  .site-nav__list, .site-nav ul { flex-direction: column; align-items: stretch; gap: 0; }
  .site-nav a { display: block; padding: 18px 0; border-bottom: 1px solid var(--line); font-size: 17px; }
  .header-actions .account-link, .header-actions .button { display: none; }
  .header-search-button { width: 42px; padding: 0; background: #fff; }
  .header-search-button span { display: none; }
  .dashboard-hero { padding-top: 54px; }
  .dashboard-hero__grid { grid-template-columns: 1fr; }
  .hero-copy { text-align: center; }
  .hero-kicker, .hero-actions, .streak { justify-content: center; }
  .hero-description br { display: none; }
  .today-card { max-width: 560px; width: 100%; margin: auto; }
  .stat-strip__grid { grid-template-columns: repeat(2, 1fr); }
  .stat-strip__grid > div:nth-child(2) { border-right: 0; }
  .stat-strip__grid > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.12); }
  .course-grid { grid-template-columns: repeat(2, 1fr); }
  .course-card:last-child { grid-column: 1 / -1; max-width: calc(50% - 11px); }
  .focus-card { grid-template-columns: 1fr; }
  .focus-card__visual { min-height: 500px; }
  .support-grid { grid-template-columns: repeat(2, 1fr); }
  .support-card--live { grid-column: 1 / -1; }
  .site-footer__top { grid-template-columns: repeat(2, 1fr); }
	.auth-page { padding: 46px 0; }
	.auth-shell { grid-template-columns: 1fr; gap: 36px; }
	.auth-story { text-align: center; }
	.auth-story h1, .auth-story > p:not(.eyebrow) { margin-left: auto; margin-right: auto; }
	.auth-story__stat { justify-content: center; }
	.auth-benefits { max-width: 420px; margin-left: auto; margin-right: auto; text-align: left; }
	.member-center__hero-grid { align-items: flex-start; flex-direction: column; }
	.member-center__layout { grid-template-columns: 1fr; }
	.member-sidebar { position: static; }
	.member-sidebar__profile,.member-sidebar__support { display: none; }
	.member-sidebar nav { display: flex; overflow-x: auto; gap: 5px; padding: 10px; }
	.member-sidebar nav a { flex: 0 0 auto; white-space: nowrap; }
	.member-sidebar nav a span { display: none; }
	.member-metrics__grid { grid-template-columns: repeat(2,1fr); }
	.member-metrics__grid > div:nth-child(2) { border-right: 0; }
	.member-metrics__grid > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.1); }
	.account-quick-links { grid-template-columns: repeat(2,1fr); }
	.account-form__grid--password { grid-template-columns: 1fr; }
	.streak--real { margin-left: auto; margin-right: auto; text-align: left; }
	.sales-hero { padding-top: 70px; }
	.sales-hero__grid, .sales-program__grid, .sales-enroll__grid, .sales-faq__grid, .empty-classroom__grid { grid-template-columns: 1fr; }
	.sales-hero__copy { text-align: center; }
	.sales-hero__lead { margin-inline: auto; }
	.sales-hero__facts { justify-content: center; }
	.sales-hero__visual { max-width: 570px; width: 100%; margin: 10px auto 0; }
	.sales-anchor .wrap { overflow-x: auto; gap: 24px; }
	.sales-anchor a { white-space: nowrap; }
	.problem-grid { grid-template-columns: 1fr; }
	.problem-grid article { min-height: 0; }
	.problem-grid h3 { margin-top: 30px; }
	.curriculum-grid { grid-template-columns: 1fr; }
	.process-line { grid-template-columns: repeat(2,1fr); }
	.process-line > i { display: none; }
	.enroll-card { max-width: 520px; width: 100%; margin: auto; }
	.sales-faq__grid { gap: 35px; }
	.empty-classroom__steps { max-width: 620px; }
	.course-grid--products .course-card--product:only-child { grid-template-columns: 1fr; }
	.course-grid--products .course-card--product:only-child .course-card__visual { min-height: 290px; }
}

@media (max-width: 620px) {
  :root { --wrap: calc(100% - 28px); --radius-lg: 22px; }
  .brand__degree { font-size: 29px; }
  .brand__name { font-size: 11px; }
  .header-actions { gap: 2px; }
  .search-panel { top: 72px; padding: 10px; }
  .admin-bar .search-panel { top: 118px; }
  .search-dialog { border-radius: 18px; }
  .search-dialog__header { padding: 21px 20px 17px; }
  .search-dialog__header h2 { font-size: 21px; }
  .search-dialog__close { width: 34px; height: 34px; }
  .search-field { margin: 0 20px; }
  .search-field input { height: 52px; padding-inline: 11px 6px; font-size: 12px; }
  .search-field kbd { display: none; }
  .search-results__heading { padding: 19px 20px 8px; }
  .search-results { max-height: calc(100vh - 290px); padding: 0 11px 13px; }
  .search-result { grid-template-columns: 49px minmax(0,1fr) 29px; gap: 11px; padding: 11px 8px; }
  .search-result__mark { width: 49px; height: 47px; font-size: 15px; }
  .search-result__copy strong { font-size: 11px; }
  .search-result__copy em { display: none; }
  .search-result__meta > .woocommerce-Price-amount,.search-result__meta > ins { display: none; }
  .search-result__meta { gap: 0; }
  .search-dialog__footer { padding: 14px 20px; }
  .search-dialog__footer span { display: none; }
  .search-dialog__footer a { margin-left: auto; }
  .dashboard-hero { padding: 44px 0 36px; }
  .hero-copy h1 { font-size: 39px; }
  .hero-description { font-size: 14px; }
  .hero-actions { flex-direction: column; gap: 16px; }
  .today-card { padding: 20px 16px; }
  .daily-progress { gap: 14px; }
  .task { grid-template-columns: 30px 1fr auto; padding-inline: 10px; }
  .stat-strip__grid > div { min-height: 92px; justify-content: flex-start; padding-left: 18px; }
  .stat-icon { width: 32px; height: 32px; }
  .section { padding: 70px 0; }
  .section-heading { align-items: flex-start; }
  .section-heading > a { display: none; }
  .course-grid { grid-template-columns: 1fr; }
  .course-card:last-child { grid-column: auto; max-width: none; }
  .course-card__body h3, .course-card__body > p:not(.eyebrow) { min-height: 0; }
  .focus-card__content { padding: 38px 24px; }
  .focus-card__visual { min-height: 400px; }
  .phrase-card { width: 250px; min-height: 310px; padding: 26px; }
  .phrase-card strong { margin-top: 54px; font-size: 29px; }
  .support-grid { grid-template-columns: 1fr; }
  .support-card--live { grid-column: auto; }
  .support-card { min-height: 290px; }
  .site-footer__top { grid-template-columns: 1fr; gap: 34px; }
	.site-footer__business { display: grid; gap: 5px; font-size: 14px; }
	.site-footer__business span + span::before { display: none; }
  .site-footer__bottom { flex-direction: column; gap: 8px; }
	.auth-story h1 { font-size: 40px; }
	.auth-story__stat { margin-top: 30px; }
	.auth-story__stat strong { font-size: 48px; }
	.auth-card { padding: 28px 20px; border-radius: 20px; }
	.auth-card__heading h1, .auth-card__heading h2 { font-size: 32px; }
	.auth-form__options { align-items: flex-start; flex-direction: column; }
	.auth-choice-row { grid-template-columns: 1fr; }
	.member-center__hero { padding: 38px 0; }
	.streak--real { width: 100%; padding-right: 13px; }
	.member-center__identity { align-items: flex-start; gap: 16px; }
	.member-avatar { flex-basis: 58px; width: 58px; height: 58px; border-radius: 18px; font-size: 23px; }
	.member-center__identity h1 { font-size: 30px; }
	.member-center__identity > div > p:last-child { font-size: 10px; }
	.member-center__hero-actions { align-items: stretch; flex-direction: column; width: 100%; gap: 13px; }
	.member-center__hero-actions .button { width: 100%; }
	.member-logout { text-align: center; }
	.member-metrics__grid > div { min-height: 90px; padding: 20px 18px; }
	.member-metrics strong { font-size: 22px; }
	.member-center__body { padding: 35px 0 70px; }
	.member-center__layout { gap: 18px; }
	.member-content { gap: 16px; }
	.account-panel { padding: 24px 18px; border-radius: 17px; }
	.account-endpoint-shell { padding: 24px 18px; border-radius: 17px; }
	.account-endpoint-shell__heading h2 { font-size: 25px; }
	.account-endpoint-shell table { display: block; overflow-x: auto; white-space: nowrap; }
	.account-panel__heading h2 { font-size: 22px; }
	.account-panel__heading > a { display: none; }
	.account-challenge { grid-template-columns: 82px 1fr; gap: 14px; padding: 14px; }
	.account-challenge > a { grid-column: 1 / -1; text-align: center; }
	.account-quick-links { grid-template-columns: 1fr; }
	.account-course-list > a { grid-template-columns: 56px minmax(0,1fr) 34px; gap: 11px; }
	.account-course-list__cover { height: 53px; }
	.account-course-list > a > em { display: none; }
	.account-empty { align-items: flex-start; flex-wrap: wrap; padding: 18px; }
	.account-empty > div { flex: 1; min-width: 150px; }
	.account-empty > a { width: 100%; margin: 3px 0 0; text-align: center; }
	.account-orders article { grid-template-columns: minmax(0,1fr) auto; gap: 10px; padding: 17px 2px; }
	.account-orders article > b { text-align: left; }
	.account-orders article > a { justify-self: end; }
	.account-form__grid { grid-template-columns: 1fr; }
	.account-form__footer { align-items: stretch; flex-direction: column; }
	.account-form__footer .button { width: 100%; }
	.sales-hero { padding: 54px 0 65px; }
	.sales-hero h1 { font-size: 44px; }
	.sales-hero__facts { flex-wrap: wrap; gap: 18px 0; }
	.sales-hero__facts li { min-width: 33%; padding-inline: 12px; }
	.sales-hero__visual { min-height: 440px; }
	.sales-cover { inset: 24px 18px 20px; padding: 28px; }
	.sales-cover__brand { left: 25px; top: 26px; font-size: 44px; }
	.sales-cover strong { font-size: 31px; }
	.sales-floating { min-width: 175px; padding: 13px 15px; }
	.sales-floating--top { right: 0; top: 75px; }
	.sales-floating--bottom { left: 0; bottom: 58px; }
	.sales-anchor a:not(.sales-anchor__buy) { display: none; }
	.sales-anchor__buy { margin: 0 auto; }
	.sales-section { padding: 78px 0; }
	.sales-heading h2, .sales-program h2 { font-size: 37px; }
	.problem-grid article, .curriculum-grid article, .enroll-card { padding: 28px 22px; }
	.sales-program__visual { min-height: 520px; border-radius: 24px; }
	.program-phone { width: 88%; padding: 23px 18px; }
	.process-line { grid-template-columns: 1fr; }
	.process-line article { min-height: 190px; }
	.process-line h3 { margin-top: 38px; }
	.sales-enroll h2 { font-size: 39px; }
	.sales-faq h2 { font-size: 40px; }
	.sales-final { padding: 76px 0; }
	.sales-final h2 { font-size: 40px; }
	.empty-classroom { padding: 70px 0; }
	.empty-classroom h1 { font-size: 44px; }
	.product-course-meta { grid-template-columns: 1fr; }
	.product-course-meta span { display: flex; justify-content: space-between; text-align: left; }
	.product-course-meta b { display: inline; margin: 0; }
	.course-grid--products .course-card--product:only-child .course-card__visual { min-height: 230px; }
	.course-grid--products .course-card--product:only-child .course-card__body { padding: 28px 22px; }
	.course-grid--products .course-card--product:only-child .course-card__body h3 { font-size: 28px; }
}

@media (max-width: 780px) {
	.system-grid { grid-template-columns: 1fr; }
	.system-grid article { min-height: 180px; }
}

/* 1.5 product experience */
.course-card { position: relative; isolation: isolate; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.course-card__click-target { position: absolute; z-index: 10; inset: 0; border-radius: inherit; }
.course-card:hover { transform: translateY(-7px); border-color: rgba(0,174,104,.38); box-shadow: 0 26px 68px rgba(5,39,76,.16); }
.course-card:has(.course-card__click-target:focus-visible) { outline: 3px solid #00d982; outline-offset: 4px; }
.course-card:hover .course-card__mark { transform: rotate(42deg) scale(1.08); }
.course-card:hover .course-link span { transform: translateX(5px); }
.course-card__mark, .course-link span { transition: transform .25s ease; }
.course-card__visual, .course-card__body { pointer-events: none; }

.product-detail-hero { position: relative; overflow: hidden; padding: 92px 0 118px; background: #052657; color: #fff; }
.product-detail-hero::after { content: ""; position: absolute; inset: auto -10% -65% 38%; height: 620px; border-radius: 50%; background: radial-gradient(circle,rgba(0,224,134,.2),transparent 64%); }
.product-detail-hero__pattern { position: absolute; inset: 0; pointer-events: none; }
.product-detail-hero__pattern i { position: absolute; width: 450px; height: 450px; right: -190px; top: -260px; border: 1px solid rgba(0,224,134,.16); border-radius: 50%; }
.product-detail-hero__pattern i:nth-child(2) { width: 650px; height: 650px; right: -290px; top: -360px; }
.product-detail-hero__pattern i:nth-child(3) { width: 850px; height: 850px; right: -390px; top: -460px; }
.product-detail-hero__grid { position: relative; z-index: 2; grid-template-columns: minmax(0,1.05fr) 440px; align-items: center; }
.product-back { color: #9db4d2; }
.product-label { display: inline-flex; align-items: center; gap: 10px; color: #76f3bd; font-size: 13px; letter-spacing: .12em; }
.product-label span { width: 26px; height: 2px; background: #00df87; }
.product-detail-copy h1 { max-width: 720px; color: #fff; font-size: clamp(50px,5.7vw,76px); }
.product-detail-lead { max-width: 660px; color: #b9cce5; font-size: 16px; }
.product-quick-info { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 34px; padding: 20px 0; border-color: rgba(255,255,255,.15); }
.product-quick-info span { min-width: 0; border-color: rgba(255,255,255,.15); color: #fff; }
.product-quick-info b { color: #7f9abb; }
.product-next-cohort { background: rgba(0,223,135,.13); color: #e0fff1; box-shadow: inset 0 0 0 1px rgba(0,223,135,.25); }
.product-next-cohort small, .product-next-cohort strong { color: #76f3bd; }
.product-next-cohort span { color: #b9d8ca; }
.product-buy-card { position: relative; top: auto; overflow: visible; border: 0; border-radius: 26px; box-shadow: 0 36px 90px rgba(0,0,0,.34); transform: translateY(22px); }
.product-cover { min-height: 355px; border-radius: 26px 26px 0 0; background: linear-gradient(145deg,#0f3d85,#082b62); }
.product-cover--challenge { background: linear-gradient(145deg,#0ee092,#00a96b); }
.product-cover::before { content: ""; position: absolute; width: 260px; height: 260px; right: -100px; top: -90px; border: 44px solid rgba(255,255,255,.13); border-radius: 50%; }
.product-cover span { font-size: 44px; }
.product-cover strong { max-width: 285px; font-size: 30px; }
.product-cover em { position: absolute; z-index: 2; right: 30px; top: 24px; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: #00df87; color: #052657; font-size: 24px; font-style: normal; }
.product-cover--challenge em { background: #052657; color: #00df87; }
.product-cover b { position: absolute; z-index: 2; right: 26px; bottom: 24px; color: rgba(255,255,255,.28); font-size: 11px; letter-spacing: .15em; }
.product-buy-card__body { padding: 27px 30px 30px; border-radius: 0 0 26px 26px; }
.product-buy-card__topline { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.product-buy-card__topline span { color: #078659; font-size: 12px; font-weight: 900; }
.product-buy-card__topline small { padding: 6px 9px; border-radius: 999px; background: #eaf7f1; color: #078659; font-size: 11px; font-weight: 900; }
.product-price strong { font-size: 34px; }
.subscription-price-krw { display: inline-flex; align-items: baseline; gap: 7px; color: inherit; white-space: nowrap; }
.subscription-price-krw small { color: #087b51; font-size: .48em; font-weight: 850; }
.subscription-price-krw strong { color: inherit; font-size: inherit; }
.product-buy-card .button { min-height: 54px; }
.product-subscription-note { display: grid; gap: 4px; margin: 16px 0 2px; padding: 14px 15px; border: 1px solid #b9dfce; border-radius: 12px; background: #edf9f3; color: #245745; font-size: 13px; line-height: 1.55; }
.product-subscription-note strong { color: #087b51; font-size: 15px; }
.product-secure-note { margin: 16px 0 0; color: #71857c; text-align: center; font-size: 11px; }
.product-subscription-links { display: flex; justify-content: center; gap: 7px; margin: 8px 0 0; color: #71857c; font-size: 12px; }
.product-subscription-links a { color: #42675a; text-decoration: underline; text-underline-offset: 3px; }
.product-trust-strip { background: #00dc83; color: #052e27; }
.product-trust-strip .wrap { display: grid; grid-template-columns: repeat(4,1fr); }
.product-trust-strip .wrap > div { position: relative; padding: 28px 28px 30px; border-left: 1px solid rgba(5,46,39,.15); }
.product-trust-strip .wrap > div:first-child { border-left: 0; }
.product-trust-strip span, .product-trust-strip strong, .product-trust-strip small { display: block; }
.product-trust-strip span { color: #087355; font-size: 11px; font-weight: 900; }
.product-trust-strip strong { margin-top: 8px; font-size: 20px; }
.product-trust-strip small { margin-top: 3px; color: #32715f; font-size: 11px; }
.product-page-nav { position: sticky; z-index: 25; top: 0; border-bottom: 1px solid #e1e9e5; background: rgba(255,255,255,.95); backdrop-filter: blur(14px); }
.admin-bar .product-page-nav { top: 32px; }
.product-page-nav .wrap { display: flex; align-items: center; gap: 34px; min-height: 66px; }
.product-page-nav a { color: #587168; font-size: 13px; font-weight: 850; }
.product-page-nav__buy { margin-left: auto; padding: 10px 18px; border-radius: 999px; background: #07295c; color: #fff !important; }
.product-info-section { padding: 130px 0; background: #fbfcfa; }
.product-info-grid { grid-template-columns: minmax(0,1fr) 370px; gap: 100px; }
.product-info-main h2 { font-size: clamp(44px,5vw,64px); }
.product-description { font-size: 16px; }
.product-outcome-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 42px; }
.product-outcome-grid > div { display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 12px; min-height: 86px; padding: 18px; border: 1px solid #dce7e1; border-radius: 15px; background: #fff; }
.product-outcome-grid span { color: #00a768; font-size: 12px; font-weight: 900; }
.product-outcome-grid strong { color: #234b3e; font-size: 13px; line-height: 1.55; }
.product-benefits { position: sticky; top: 100px; padding: 35px; border-radius: 22px; box-shadow: 0 22px 58px rgba(5,38,83,.14); }
.product-curriculum-section { padding: 125px 0; background: #eef6f2; }
.curriculum-count { display: flex; align-items: baseline; gap: 7px; color: #00a969; font-size: 62px; font-weight: 950; letter-spacing: -.07em; }
.curriculum-count small { color: #6f837a; font-size: 11px; letter-spacing: .12em; }
.product-curriculum-list { border: 0; border-radius: 22px; box-shadow: 0 20px 60px rgba(18,66,47,.08); }
.product-curriculum-list > div { grid-template-columns: 52px 32px 1fr auto; min-height: 82px; padding: 0 30px; }
.product-curriculum-list > div > span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #e5f8ee; }
.product-curriculum-list i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #07295c; color: #00df87; font-size: 10px; font-style: normal; }
.product-final-cta { position: relative; overflow: hidden; padding: 120px 0; }
.product-final-cta__ring { position: absolute; width: 560px; height: 560px; left: 50%; top: 50%; border: 1px solid rgba(0,223,135,.16); border-radius: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 0 90px rgba(0,223,135,.035),0 0 0 180px rgba(0,223,135,.025); }
.product-final-cta .wrap { position: relative; }
.product-final-cta__lead { margin: -6px 0 20px; color: #a9bdd7; }

/* Standard VOD product detail: compact, balanced and laptop-safe. */
.product-course-page--vod .product-detail-hero { padding: 72px 0 90px; }
.product-course-page--vod .product-detail-hero__grid { grid-template-columns: minmax(0,1fr) 400px; gap: clamp(48px,6vw,80px); }
.product-course-page--vod .product-detail-copy h1 { max-width: 680px; font-size: clamp(46px,5vw,66px); line-height: 1.1; }
.product-course-page--vod .product-detail-lead { max-width: 680px; line-height: 1.8; }
.product-course-page--vod .product-quick-info { margin-top: 28px; }
.product-course-page--vod .product-buy-card { overflow: hidden; border: 1px solid rgba(255,255,255,.12); transform: none; }
.product-course-page--vod .product-cover { min-height: 290px; padding: 30px; }
.product-course-page--vod .product-cover span { left: 28px; top: 24px; font-size: 40px; }
.product-course-page--vod .product-cover strong { max-width: 275px; font-size: 27px; }
.product-course-page--vod .product-cover em { right: 25px; top: 22px; width: 48px; height: 48px; }
.product-course-page--vod .product-buy-card__body { padding: 24px 28px 26px; }
.product-course-page--vod .product-buy-card .button { min-height: 50px; margin-top: 16px; }
.product-course-page--vod .product-buy-card ul { gap: 8px; margin-top: 18px; padding-top: 16px; }
.product-course-page--vod .product-secure-note { margin-top: 13px; }
.product-course-page--vod .product-info-section { padding: 105px 0; }
.product-course-page--vod .product-info-grid { gap: 72px; }
.product-course-page--vod .product-curriculum-section { padding: 105px 0; }
.product-course-page--vod .product-final-cta { padding: 105px 0; }

/* Challenge landing */
.catalog-hero--challenge { position: relative; min-height: 720px; padding: 105px 0 125px; overflow: hidden; background: radial-gradient(circle at 78% 28%,rgba(0,224,134,.17),transparent 30%),#052657; }
.catalog-hero--challenge::before { content: ""; position: absolute; width: 720px; height: 720px; right: -330px; top: -340px; border: 1px solid rgba(0,223,135,.16); border-radius: 50%; box-shadow: 0 0 0 110px rgba(0,223,135,.025),0 0 0 220px rgba(0,223,135,.018); }
.catalog-hero--challenge .catalog-hero__grid { position: relative; z-index: 2; grid-template-columns: minmax(0,1fr) 530px; align-items: center; gap: 80px; }
.challenge-hero-copy .eyebrow { display: flex; align-items: center; gap: 10px; }
.challenge-hero-copy .eyebrow span { width: 28px; height: 2px; background: #00df87; }
.challenge-hero-copy h1 { font-size: clamp(56px,6.2vw,82px); }
.challenge-hero-copy > p:last-of-type { max-width: 640px; color: #b8cbe3; font-size: 16px; line-height: 1.85; }
.challenge-hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 35px; }
.challenge-hero-actions > a:last-child { color: #d5e2f1; font-size: 12px; font-weight: 850; }
.challenge-hero-visual { position: relative; min-height: 500px; }
.challenge-orbit { position: absolute; display: grid; place-items: center; width: 370px; height: 370px; left: 82px; top: 62px; border: 1px solid rgba(0,223,135,.33); border-radius: 50%; box-shadow: 0 0 0 34px rgba(0,223,135,.05),0 0 0 68px rgba(0,223,135,.025); }
.challenge-orbit::before, .challenge-orbit::after { content: ""; position: absolute; width: 18px; height: 18px; border: 5px solid #00df87; border-left-color: transparent; border-radius: 50%; }
.challenge-orbit::before { left: 18px; top: 76px; }
.challenge-orbit::after { right: 18px; bottom: 76px; transform: rotate(180deg); }
.challenge-orbit > span { color: #fff; font-size: 132px; font-weight: 950; line-height: .8; letter-spacing: -.09em; text-align: center; }
.challenge-orbit small { display: block; margin-top: 24px; color: #00df87; font-size: 12px; letter-spacing: .2em; }
.challenge-mini-card, .challenge-next-badge { position: absolute; z-index: 3; border: 1px solid rgba(255,255,255,.15); border-radius: 14px; background: rgba(7,42,91,.91); box-shadow: 0 18px 44px rgba(0,0,0,.26); backdrop-filter: blur(12px); }
.challenge-mini-card { min-width: 215px; padding: 17px 19px; }
.challenge-mini-card small, .challenge-mini-card strong { display: block; }
.challenge-mini-card small { color: #9bb5d2; font-size: 11px; font-weight: 850; }
.challenge-mini-card strong { margin-top: 6px; color: #fff; font-size: 14px; }
.challenge-mini-card b { position: absolute; right: 15px; top: 16px; color: #00df87; font-size: 11px; }
.challenge-mini-card--morning { left: 0; top: 48px; }
.challenge-mini-card--evening { right: -10px; top: 192px; }
.challenge-mini-card--check { left: 18px; bottom: 40px; display: grid; min-width: 220px; grid-template-columns: 38px 1fr; gap: 1px 12px; }
.challenge-mini-card--check > span { grid-row: 1 / 3; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: #00df87; color: #052657; font-weight: 950; }
.challenge-next-badge { right: 20px; bottom: 18px; padding: 15px 19px; background: #00df87; color: #052e27; }
.challenge-next-badge small, .challenge-next-badge strong, .challenge-next-badge span { display: block; }
.challenge-next-badge small { font-size: 11px; font-weight: 900; }
.challenge-next-badge strong { margin-top: 3px; font-size: 30px; letter-spacing: -.05em; }
.challenge-next-badge span { font-size: 11px; font-weight: 850; }
.challenge-feature-strip { position: relative; z-index: 4; margin-top: -52px; background: transparent; }
.challenge-feature-strip .wrap { overflow: hidden; border-radius: 22px; background: #00dc83; box-shadow: 0 22px 60px rgba(2,65,44,.18); }
.challenge-feature-strip article { padding: 31px 27px; }
.challenge-how { background: #f6faf8; }
.challenge-how-grid { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: 12px; }
.challenge-how-grid article { display: grid; min-height: 255px; grid-template-columns: 52px 1fr; gap: 18px; padding: 28px 22px; border: 1px solid #dfe9e4; border-radius: 20px; background: #fff; box-shadow: 0 14px 35px rgba(20,68,50,.06); }
.challenge-how-grid article > span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: #e6f9ef; color: #00a467; font-size: 11px; font-weight: 950; }
.challenge-how-grid article small { color: #00a467; font-size: 11px; font-weight: 900; letter-spacing: .1em; }
.challenge-how-grid h3 { margin: 39px 0 12px; color: #07295c; font-size: 21px; }
.challenge-how-grid p { margin: 0; color: #5d756b; font-size: 12px; line-height: 1.7; }
.challenge-how-grid > i { color: #00b56e; font-size: 18px; font-style: normal; }
.challenge-product-list { background: #fff; }
.challenge-recruit-date { min-width: 230px; padding: 18px 21px; border-radius: 16px; background: #07295c; color: #fff; }
.challenge-recruit-date small, .challenge-recruit-date strong, .challenge-recruit-date span { display: block; }
.challenge-recruit-date small { color: #00df87; font-size: 11px; font-weight: 900; }
.challenge-recruit-date strong { margin-top: 4px; font-size: 21px; }
.challenge-recruit-date span { margin-top: 2px; color: #aec2da; font-size: 11px; }
.challenge-pricing-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; gap: 28px; max-width: 1060px; margin: 48px auto 0; }
.challenge-price-card { position: relative; display: flex; overflow: hidden; flex-direction: column; border: 1px solid #cfe2d9; border-radius: 25px; background: #fff; box-shadow: 0 22px 55px rgba(12,67,47,.09); }
.challenge-price-card.is-featured { border: 2px solid #ffc325; box-shadow: 0 28px 70px rgba(17,78,54,.15); }
.challenge-price-card__ribbon { display: flex; min-height: 52px; align-items: center; justify-content: center; gap: 13px; padding: 11px 20px; background: #2d805c; color: #fff; font-size: 16px; text-align: center; }
.challenge-price-card.is-featured .challenge-price-card__ribbon { background: #ffc325; color: #163c2e; }
.challenge-price-card__ribbon b { font-size: inherit; }
.challenge-price-card__ribbon span { padding: 5px 10px; border-radius: 6px; background: #d94434; color: #fff; font-size: 14px; font-weight: 900; }
.challenge-price-card__head { padding: 38px 38px 30px; background: #fff; text-align: center; }
.challenge-price-card.is-featured .challenge-price-card__head { background: #164b39; color: #fff; }
.challenge-price-card__head > small { color: #47866d; font-size: 15px; font-weight: 850; }
.challenge-price-card.is-featured .challenge-price-card__head > small { color: #b8ddce; }
.challenge-price-card h3 { margin: 10px 0 20px; color: #123c2d; font-size: 26px; letter-spacing: -.04em; }
.challenge-price-card.is-featured h3 { color: #fff; }
.challenge-price-card__monthly { margin: 0 auto 20px; padding: 17px 20px; border: 1px solid rgba(255,195,37,.65); border-radius: 12px; background: rgba(255,195,37,.12); color: #ffd34f; }
.challenge-price-card__monthly span, .challenge-price-card__monthly strong, .challenge-price-card__monthly small { display: inline-block; }
.challenge-price-card__monthly span { margin-right: 7px; font-size: 17px; font-weight: 850; }
.challenge-price-card__monthly strong { font-size: 35px; letter-spacing: -.04em; }
.challenge-price-card__monthly small { display: block; margin-top: 4px; color: #ffd34f; font-size: 15px; font-weight: 800; }
.challenge-price-card__price del, .challenge-price-card__price strong, .challenge-price-card__price span { display: block; }
.challenge-price-card__price del { margin-bottom: 4px; color: #94a69e; font-size: 16px; }
.challenge-price-card__price strong { color: #176349; font-size: 50px; line-height: 1.1; letter-spacing: -.055em; }
.challenge-price-card.is-featured .challenge-price-card__price strong { color: #ffd34f; font-size: 31px; }
.challenge-price-card__price span { margin-top: 7px; color: #6b8177; font-size: 15px; font-weight: 750; }
.challenge-price-card.is-featured .challenge-price-card__price span { color: #b8d1c7; }
.challenge-price-card__subscription { margin: 0; padding: 18px 38px 0; color: #527065; font-size: 14px; line-height: 1.65; text-align: center; }
.challenge-price-card__gift { margin: 22px 36px 0; padding: 20px; border: 1px dashed #ecaa00; border-radius: 14px; background: #fff9e8; text-align: center; }
.challenge-price-card__gift b, .challenge-price-card__gift span { display: block; }
.challenge-price-card__gift b { color: #176349; font-size: 16px; }
.challenge-price-card__gift span { margin-top: 7px; color: #9c7000; font-size: 14px; line-height: 1.55; }
.challenge-price-card > ul { display: grid; gap: 16px; flex: 1; margin: 0; padding: 32px 38px; list-style: none; }
.challenge-price-card > ul li { display: grid; grid-template-columns: 25px 1fr; gap: 11px; color: #24483a; font-size: 16px; font-weight: 750; line-height: 1.55; }
.challenge-price-card > ul li span { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: #e4f7ee; color: #087a50; font-size: 12px; font-weight: 950; }
.challenge-price-card > .button { width: calc(100% - 76px); margin: 0 38px 38px; text-align: center; }
.challenge-quote { padding: 115px 0; background: #e8f8ef; text-align: center; }
.challenge-quote .wrap { max-width: 850px; }
.challenge-quote .wrap > span { color: #00ae69; font-size: 76px; font-family: Georgia,serif; line-height: .5; }
.challenge-quote h2 { margin: 20px 0; color: #07295c; font-size: clamp(38px,5vw,60px); line-height: 1.25; letter-spacing: -.055em; }
.challenge-quote h2 em { color: #00a467; font-style: normal; }
.challenge-quote p { max-width: 690px; margin: 0 auto 32px; color: #5f766d; line-height: 1.8; }

@media (max-width: 1050px) {
	.product-detail-hero__grid { grid-template-columns: 1fr 400px; gap: 48px; }
	.product-course-page--vod .product-detail-hero__grid { grid-template-columns: 1fr; gap: 52px; }
	.product-course-page--vod .product-detail-copy { max-width: 760px; }
	.product-course-page--vod .product-buy-card { width: 100%; max-width: 560px; margin-inline: auto; }
	.catalog-hero--challenge .catalog-hero__grid { grid-template-columns: 1fr; gap: 60px; }
	.challenge-hero-copy { max-width: 760px; }
	.challenge-hero-visual { width: 530px; max-width: 100%; margin: 0 auto; transform: none; }
	.challenge-how-grid { grid-template-columns: 1fr 1fr; }
	.challenge-how-grid > i { display: none; }
}

@media (max-width: 820px) {
	.product-detail-hero__grid, .catalog-hero--challenge .catalog-hero__grid { grid-template-columns: 1fr; }
	.product-buy-card { max-width: 520px; margin-inline: auto; transform: none; }
	.product-quick-info { grid-template-columns: 1fr 1fr; }
	.product-trust-strip .wrap { grid-template-columns: 1fr 1fr; }
	.product-info-grid { grid-template-columns: 1fr; }
	.product-benefits { position: static; }
	.challenge-hero-visual { width: 530px; max-width: 100%; margin: 0 auto; transform: none; }
	.challenge-how-grid { grid-template-columns: 1fr 1fr; }
	.challenge-pricing-grid { gap: 20px; }
}

@media (max-width: 580px) {
	.product-detail-hero { padding: 60px 0 78px; }
	.product-course-page--vod .product-detail-hero { padding: 48px 0 62px; }
	.product-detail-copy h1 { font-size: 43px; }
	.product-course-page--vod .product-detail-copy h1 { font-size: 41px; }
	.product-course-page--vod .product-cover { min-height: 260px; padding: 25px; }
	.product-course-page--vod .product-buy-card__body { padding: 22px; }
	.product-course-page--vod .product-info-section,
	.product-course-page--vod .product-curriculum-section { padding: 72px 0; }
	.product-quick-info { grid-template-columns: 1fr 1fr; }
	.product-quick-info span:nth-child(3) { padding-left: 0; border-left: 0; }
	.product-trust-strip .wrap > div { padding: 22px 16px; }
	.product-page-nav .wrap { gap: 17px; overflow-x: auto; }
	.product-page-nav a { white-space: nowrap; }
	.product-page-nav a:nth-child(2) { display: none; }
	.product-outcome-grid { grid-template-columns: 1fr; }
	.product-curriculum-list > div { grid-template-columns: 42px 28px 1fr; padding: 15px; }
	.product-curriculum-list > div > small { grid-column: 3; justify-self: start; }
	.curriculum-count { display: none; }
	.catalog-hero--challenge { min-height: auto; padding: 72px 0 70px; }
	.challenge-hero-copy h1 { font-size: 48px; }
	.challenge-hero-actions { align-items: flex-start; flex-direction: column; }
	.challenge-hero-visual { min-height: 430px; transform: scale(.78); transform-origin: left top; width: 520px; margin-bottom: -90px; }
	.challenge-feature-strip { margin-top: 0; }
	.challenge-feature-strip .wrap { border-radius: 0; }
	.challenge-how-grid { grid-template-columns: 1fr; }
	.challenge-how-grid article { min-height: 190px; }
	.challenge-product-list .section-heading { align-items: flex-start; flex-direction: column; }
	.challenge-pricing-grid { grid-template-columns: 1fr; margin-top: 34px; }
	.challenge-price-card__head { padding: 32px 24px 26px; }
	.challenge-price-card__gift { margin-inline: 24px; }
	.challenge-price-card > ul { padding: 28px 24px; }
	.challenge-price-card > .button { width: calc(100% - 48px); margin: 0 24px 28px; }
}

/* 2.2.5 Cohort history and future general-course library. */
.cohort-history-section { padding-top: 72px; background: #f4faf7; }
.cohort-history-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.cohort-history-grid article { padding: 28px; border: 1px solid #d9e6df; border-radius: 22px; background: #fff; box-shadow: 0 14px 40px rgba(5,38,87,.06); }
.cohort-history-grid small { color: #07865b; font-size: 16px; font-weight: 900; }
.cohort-history-grid h3 { margin: 10px 0 24px; color: #062b63; font-size: 24px; }
.cohort-history-grid article > div { display: flex; flex-wrap: wrap; gap: 10px; }
.cohort-history-grid span { padding: 10px 13px; border-radius: 999px; background: #edf7f2; color: #536d62; font-size: 16px; }
.cohort-history-grid b { color: #052657; }
.courses-section--general { background: #f6f8fb; }

@media (max-width: 900px) {
	.cohort-history-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 580px) {
	.cohort-history-grid { grid-template-columns: 1fr; }
	.cohort-history-grid article { padding: 24px; }
}

/* Information, FAQ and Q&A pages */
.info-hero { position: relative; overflow: hidden; padding: 105px 0; background: #052657; color: #fff; }
.info-hero::after { content: ""; position: absolute; width: 640px; height: 640px; right: -260px; top: -330px; border: 1px solid rgba(0,223,135,.18); border-radius: 50%; box-shadow: 0 0 0 90px rgba(0,223,135,.035),0 0 0 180px rgba(0,223,135,.02); }
.info-hero .wrap { position: relative; z-index: 2; }
.info-hero__grid { display: grid; grid-template-columns: minmax(0,1fr) 390px; align-items: center; gap: 90px; }
.info-hero .eyebrow { color: #70f0b8; }
.info-hero h1 { margin: 14px 0 24px; font-size: clamp(50px,6vw,78px); line-height: 1.1; letter-spacing: -.065em; }
.info-hero h1 em { color: #00df87; font-style: normal; }
.info-hero__grid > div:first-child > p:last-of-type, .info-hero--compact .wrap > p:last-child { max-width: 650px; color: #b7cae2; font-size: 16px; line-height: 1.85; }
.info-hero__actions { display: flex; align-items: center; gap: 26px; margin-top: 34px; }
.info-hero__actions > a:last-child { color: #d7e5f4; font-size: 13px; font-weight: 850; }
.info-hero--compact { padding: 92px 0; }
.info-hero--compact h1 { font-size: clamp(48px,5.5vw,68px); }
.about-orbit { position: relative; display: grid; place-items: center; width: 360px; height: 360px; border: 1px solid rgba(0,223,135,.35); border-radius: 50%; box-shadow: 0 0 0 34px rgba(0,223,135,.05),0 0 0 68px rgba(0,223,135,.025); }
.about-orbit span { color: #fff; font-size: 88px; font-weight: 950; letter-spacing: -.09em; }
.about-orbit small { position: absolute; bottom: 79px; color: #00df87; font-size: 10px; font-weight: 900; letter-spacing: .16em; }
.about-orbit i { position: absolute; width: 15px; height: 15px; border: 4px solid #00df87; border-left-color: transparent; border-radius: 50%; }
.about-orbit i:first-of-type { left: 15px; top: 80px; }
.about-orbit i:last-of-type { right: 15px; bottom: 80px; transform: rotate(180deg); }
.about-numbers { background: #00dc83; }
.about-numbers .wrap { display: grid; grid-template-columns: repeat(4,1fr); }
.about-numbers article { min-height: 150px; padding: 30px 26px; border-left: 1px solid rgba(5,46,39,.14); }
.about-numbers article:first-child { border-left: 0; }
.about-numbers span { color: #087357; font-size: 11px; font-weight: 900; }
.about-numbers strong { display: block; margin-top: 12px; color: #052e27; font-size: 21px; }
.about-numbers p { margin: 6px 0 0; color: #2b6b59; font-size: 12px; line-height: 1.6; }
.about-story { background: #fbfcfa; }
.about-story__grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 110px; }
.about-story h2 { margin: 8px 0 0; color: #07295c; font-size: clamp(42px,5vw,62px); line-height: 1.18; letter-spacing: -.055em; }
.about-story__grid > div:last-child { padding-top: 26px; color: #60766d; line-height: 1.85; }
.about-story__lead { margin-top: 0; color: #173f31; font-size: 21px; font-weight: 800; line-height: 1.65; }
.about-method { background: #eef6f2; }
.method-grid { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 20px; }
.method-grid article { min-height: 275px; padding: 32px; border: 1px solid #dce8e2; border-radius: 22px; background: #fff; box-shadow: 0 18px 44px rgba(14,61,43,.06); }
.method-grid article > span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: #e1f8ec; color: #00a666; font-size: 12px; font-weight: 950; }
.method-grid small { display: block; margin-top: 42px; color: #00a666; font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.method-grid h3 { margin: 8px 0 12px; color: #07295c; font-size: 22px; }
.method-grid p { margin: 0; color: #667b72; font-size: 13px; line-height: 1.75; }
.method-grid > i { color: #00ae6a; font-size: 22px; font-style: normal; }
.info-cta { position: relative; overflow: hidden; padding: 110px 0; background: #052657; color: #fff; text-align: center; }
.info-cta .eyebrow { color: #00df87; }
.info-cta h2 { margin: 10px 0 28px; font-size: clamp(42px,5vw,62px); line-height: 1.2; letter-spacing: -.055em; }

.faq-hub { background: #fbfcfa; }
.faq-hub__grid { display: grid; grid-template-columns: 300px minmax(0,1fr); align-items: start; gap: 90px; }
.faq-side { position: sticky; top: 110px; padding: 32px; border-radius: 22px; background: #07295c; color: #fff; box-shadow: 0 24px 60px rgba(5,41,92,.15); }
.faq-side .eyebrow { color: #00df87; }
.faq-side h2 { margin: 8px 0 15px; font-size: 34px; line-height: 1.25; }
.faq-side > p:not(.eyebrow) { color: #b6c9e0; font-size: 13px; line-height: 1.7; }
.faq-side .button { width: 100%; margin-top: 18px; background: #00dc83; border-color: #00dc83; color: #052e27; }
.faq-groups { display: grid; gap: 55px; }
.faq-group-title { margin: 0 0 12px; color: #078659; font-size: 13px; font-weight: 900; letter-spacing: .08em; }
.faq-page .faq-list { overflow: hidden; border: 1px solid #dce7e1; border-radius: 18px; background: #fff; }
.faq-page .faq-list details { border: 0; border-top: 1px solid #e2ebe6; }
.faq-page .faq-list details:first-child { border-top: 0; }
.faq-page .faq-list summary { position: relative; padding: 25px 62px 25px 25px; font-size: 16px; }
.faq-page .faq-list summary span { position: absolute; right: 24px; color: #00a869; font-size: 22px; transition: transform .2s ease; }
.faq-page .faq-list details[open] summary span { transform: rotate(45deg); }
.faq-page .faq-list details p { margin: -2px 25px 25px; padding-right: 40px; font-size: 14px; }

.contact-hero-card { padding: 34px; border: 1px solid rgba(255,255,255,.15); border-radius: 22px; background: rgba(255,255,255,.08); box-shadow: 0 26px 70px rgba(0,0,0,.2); backdrop-filter: blur(12px); }
.contact-hero-card span, .contact-hero-card strong { display: block; }
.contact-hero-card span { color: #00df87; font-size: 12px; font-weight: 900; }
.contact-hero-card strong { margin-top: 7px; font-size: 34px; }
.contact-hero-card p { margin: 14px 0 25px; color: #b4c9e3; line-height: 1.7; }
.contact-hero-card a { display: block; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.14); color: #fff; font-size: 13px; font-weight: 850; }
.qna-section { background: #f3f8f5; }
.qna-layout { display: grid; grid-template-columns: 370px minmax(0,1fr); align-items: start; gap: 70px; }
.qna-form-card { position: sticky; top: 105px; padding: 30px; border: 1px solid #dce7e1; border-radius: 22px; background: #fff; box-shadow: 0 22px 55px rgba(16,66,48,.08); }
.qna-form-card h2, .qna-board__heading h2 { margin: 7px 0 24px; color: #07295c; font-size: 34px; letter-spacing: -.04em; }
.qna-form { display: grid; gap: 17px; }
.qna-form label { display: grid; gap: 8px; color: #26483b; font-size: 12px; font-weight: 850; }
.qna-form input, .qna-form select, .qna-form textarea, .admin-answer textarea { width: 100%; border: 1px solid #d8e4de; border-radius: 11px; background: #fbfdfc; color: #183b2e; font: inherit; outline: none; }
.qna-form input, .qna-form select { height: 48px; padding: 0 13px; }
.qna-form textarea, .admin-answer textarea { padding: 13px; resize: vertical; line-height: 1.65; }
.qna-form input:focus, .qna-form select:focus, .qna-form textarea:focus, .admin-answer textarea:focus { border-color: #00b970; box-shadow: 0 0 0 3px rgba(0,185,112,.1); }
.qna-form .button { width: 100%; }
.qna-form__notice { margin: -3px 0 0; color: #7a8e85; font-size: 11px; line-height: 1.55; }
.qna-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.qna-login-box { padding: 25px 8px 5px; text-align: center; }
.qna-login-box > span { font-size: 28px; }
.qna-login-box h3 { margin: 13px 0 7px; color: #173d2f; font-size: 18px; }
.qna-login-box p { margin: 0 0 20px; color: #71867d; font-size: 12px; line-height: 1.7; }
.qna-board__heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding-bottom: 22px; border-bottom: 2px solid #123e30; }
.qna-board__heading h2 { margin-bottom: 0; }
.qna-board__heading > span { color: #71867d; font-size: 12px; font-weight: 800; }
.qna-list { display: grid; }
.qna-row { position: relative; display: grid; grid-template-columns: 92px minmax(0,1fr); gap: 20px; padding: 25px 8px; border-bottom: 1px solid #dce7e1; transition: background .2s ease, padding .2s ease; }
.qna-row:hover { padding-inline: 16px; background: #fff; }
.qna-row > a { position: absolute; z-index: 2; inset: 0; }
.qna-status { align-self: start; justify-self: start; padding: 7px 10px; border-radius: 999px; background: #eef2f0; color: #70837a; font-size: 10px; font-weight: 900; white-space: nowrap; }
.qna-status.is-answered { background: #ddf8ea; color: #087b50; }
.qna-row > div small { color: #00a366; font-size: 10px; font-weight: 900; }
.qna-row h3 { margin: 6px 0 7px; color: #173d2f; font-size: 18px; }
.qna-row p { margin: 0; color: #72867d; font-size: 12px; line-height: 1.65; }
.qna-row footer { grid-column: 2; display: flex; align-items: center; gap: 14px; color: #87978f; font-size: 10px; }
.qna-row footer b { margin-left: auto; color: #00a968; font-size: 17px; }
.qna-empty { padding: 70px 20px; border-bottom: 1px solid #dce7e1; text-align: center; }
.qna-empty > span { display: grid; place-items: center; width: 48px; height: 48px; margin: 0 auto; border-radius: 50%; background: #e2f8ed; color: #00a467; font-weight: 950; }
.qna-empty h3 { margin: 17px 0 6px; color: #173d2f; }
.qna-empty p { margin: 0; color: #778a82; }
.qna-pagination ul { display: flex; justify-content: center; gap: 7px; margin: 28px 0 0; padding: 0; list-style: none; }
.qna-pagination a, .qna-pagination span { display: grid; place-items: center; min-width: 38px; height: 38px; padding: 0 8px; border: 1px solid #d9e4df; border-radius: 9px; background: #fff; font-size: 12px; font-weight: 800; }
.qna-pagination .current { border-color: #07295c; background: #07295c; color: #fff; }

.question-hero { padding: 76px 0; background: #052657; color: #fff; }
.question-hero a { color: #9eb5d2; font-size: 12px; font-weight: 800; }
.question-hero__meta { display: flex; align-items: center; gap: 10px; margin-top: 30px; }
.question-hero__meta > span { color: #00df87; font-size: 11px; font-weight: 900; }
.question-hero h1 { max-width: 880px; margin: 15px 0 16px; font-size: clamp(38px,5vw,58px); line-height: 1.2; letter-spacing: -.05em; }
.question-hero > .wrap > p { margin: 0; color: #9db4d0; font-size: 12px; }
.question-content { background: #f6faf8; }
.question-content__inner { max-width: 880px; }
.question-content__inner > article, .answer-list, .admin-answer { margin-bottom: 22px; padding: 35px; border: 1px solid #dce7e1; border-radius: 20px; background: #fff; }
.question-body { color: #334f44; font-size: 15px; line-height: 1.9; }
.answer-list > .eyebrow, .admin-answer > .eyebrow { color: #00a266; }
.answer-list > article { margin-top: 20px; padding: 25px; border-radius: 16px; background: #edf8f2; }
.answer-list > article header { display: flex; align-items: center; gap: 12px; padding-bottom: 17px; border-bottom: 1px solid #d7e8df; }
.answer-list > article header > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #07295c; color: #00df87; font-weight: 950; }
.answer-list > article header strong, .answer-list > article header time { display: block; }
.answer-list > article header strong { color: #173d2f; }
.answer-list > article header time { margin-top: 3px; color: #7b8e85; font-size: 10px; }
.answer-list > article > div { padding-top: 16px; color: #405c50; font-size: 14px; line-height: 1.85; }
.answer-waiting { padding: 35px 15px 10px; text-align: center; }
.answer-waiting > span { color: #00aa68; font-size: 28px; letter-spacing: .15em; }
.answer-waiting h2 { margin: 12px 0 7px; color: #173d2f; font-size: 22px; }
.answer-waiting p { margin: 0; color: #75887f; font-size: 13px; }
.admin-answer h2 { margin: 8px 0 18px; color: #07295c; }
.admin-answer form { display: grid; gap: 14px; }
.admin-answer .button { justify-self: end; }
.question-back { display: inline-block; margin-top: 8px; color: #173d2f; font-size: 13px; font-weight: 850; }

@media (min-width: 901px) {
	.site-nav__list, .site-nav ul { gap: 22px; }
	.site-nav a { font-size: 13px; }
}
@media (min-width: 901px) and (max-width: 1180px) {
	.site-nav__list, .site-nav ul { gap: 14px; }
	.site-nav a { font-size: 12px; }
	.header-actions { gap: 7px; }
	.header-search-button { width: 38px; padding: 0; }
	.header-search-button span { display: none; }
}
@media (max-width: 980px) {
	.info-hero__grid { grid-template-columns: 1fr; gap: 55px; }
	.about-orbit { margin-inline: auto; }
	.about-numbers .wrap { grid-template-columns: 1fr 1fr; }
	.about-numbers article:nth-child(3) { border-left: 0; }
	.about-story__grid { grid-template-columns: 1fr; gap: 35px; }
	.method-grid { grid-template-columns: 1fr; }
	.method-grid > i { display: none; }
	.faq-hub__grid, .qna-layout { grid-template-columns: 1fr; gap: 45px; }
	.faq-side, .qna-form-card { position: static; }
	.faq-side { max-width: 520px; }
}
@media (max-width: 580px) {
	.info-hero { padding: 70px 0; }
	.info-hero h1 { font-size: 46px; }
	.info-hero__actions { align-items: flex-start; flex-direction: column; }
	.about-orbit { width: 270px; height: 270px; }
	.about-orbit span { font-size: 68px; }
	.about-orbit small { bottom: 55px; font-size: 8px; }
	.about-numbers article { min-height: 140px; padding: 24px 16px; }
	.about-numbers strong { font-size: 18px; }
	.about-story__lead { font-size: 18px; }
	.method-grid article { min-height: 0; }
	.faq-side, .qna-form-card { padding: 24px; }
	.faq-page .faq-list summary { padding: 21px 52px 21px 20px; font-size: 14px; }
	.faq-page .faq-list details p { margin-inline: 20px; padding-right: 0; font-size: 13px; }
	.contact-hero-card { padding: 26px; }
	.qna-row { grid-template-columns: 1fr; gap: 10px; }
	.qna-row footer { grid-column: 1; }
	.question-hero { padding: 58px 0; }
	.question-content__inner > article, .answer-list, .admin-answer { padding: 24px; }
}

/* Keep theme buttons consistent when WooCommerce loads its legacy button skin. */
body.woocommerce .site-header a.button.button--small,
body.single-product .site-header a.button.button--small {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 42px !important;
	padding: 0 18px !important;
	border: 1px solid #052657 !important;
	border-radius: 999px !important;
	background: #052657 !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}
body.woocommerce .site-header a.button.button--small:hover,
body.single-product .site-header a.button.button--small:hover {
	border-color: #0a3b80 !important;
	background: #0a3b80 !important;
	color: #fff !important;
}
body.single-product .product-course-page a.button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 54px !important;
	padding: 0 24px !important;
	border: 1px solid #052657 !important;
	border-radius: 999px !important;
	background: #052657 !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
}
body.single-product .product-course-page a.button:hover {
	border-color: #0a3b80 !important;
	background: #0a3b80 !important;
	color: #fff !important;
	box-shadow: 0 12px 26px rgba(5,38,87,.22) !important;
}
body.single-product .product-course-page a.button.button--outline {
	border-color: #d6e2dc !important;
	background: #fff !important;
	color: #173c2f !important;
}
body.single-product .product-course-page a.button.button--outline:hover {
	border-color: #00b66e !important;
	background: #edf9f3 !important;
	color: #07583d !important;
}
body.single-product .product-course-page a.button.button--lime {
	border-color: #00df87 !important;
	background: #00df87 !important;
	color: #052e27 !important;
}
body.single-product .product-course-page a.button.button--lime:hover {
	border-color: #20ee9c !important;
	background: #20ee9c !important;
	color: #052e27 !important;
}

/* Policy pages */
.policy-page { background: #fbfaf5; }
.policy-hero { position: relative; overflow: hidden; background: #082f6d; color: #fff; }
.policy-hero::after { content: "180"; position: absolute; right: -34px; top: -90px; color: rgba(255,255,255,.035); font-size: clamp(220px, 28vw, 430px); font-weight: 900; line-height: 1; }
.policy-hero__inner { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 40px; min-height: 330px; padding-block: 78px; }
.policy-hero .eyebrow { margin-bottom: 20px; color: #00df87; }
.policy-hero h1 { margin: 0 0 18px; color: #fff; font-size: clamp(42px, 6vw, 74px); letter-spacing: -.055em; }
.policy-hero p:not(.eyebrow) { margin: 0; color: #c6d6eb; font-size: 18px; }
.policy-hero__inner > span { display: grid; width: 148px; height: 148px; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; color: #00df87; font-size: 23px; font-weight: 900; line-height: 1.05; text-align: center; }
.policy-section { padding-block: 72px 110px; }
.policy-layout { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 48px; align-items: start; }
.policy-nav { position: sticky; top: 112px; display: grid; gap: 7px; padding: 22px; border: 1px solid #dbe5df; border-radius: 22px; background: #fff; box-shadow: 0 16px 44px rgba(5,38,87,.06); }
.policy-nav > strong { padding: 3px 10px 13px; color: #062c63; font-size: 15px; }
.policy-nav > a { padding: 14px 15px; border-radius: 11px; color: #557067; font-size: 15px; font-weight: 750; text-decoration: none; }
.policy-nav > a:hover, .policy-nav > a.is-active { background: #e8f8f1; color: #063875; }
.policy-nav__help { display: grid; gap: 8px; margin-top: 11px; padding: 18px 10px 5px; border-top: 1px solid #e2e9e5; }
.policy-nav__help small { color: #74877f; }
.policy-nav__help a { color: #073575; font-weight: 800; text-decoration: none; }
.policy-document { padding: clamp(30px, 5vw, 62px); border: 1px solid #e0e7e3; border-radius: 28px; background: #fff; box-shadow: 0 20px 60px rgba(5,38,87,.055); color: #405c53; font-size: 16px; line-height: 1.9; }
.policy-document__meta { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 38px; padding-bottom: 18px; border-bottom: 1px solid #e0e7e3; color: #71857d; font-size: 13px; font-weight: 700; }
.policy-document .policy-lead { margin: 0 0 50px; padding: 24px 28px; border-left: 4px solid #00d982; border-radius: 0 14px 14px 0; background: #edf9f4; color: #0b395f; font-size: 19px; font-weight: 750; line-height: 1.65; }
.policy-document h2 { margin: 54px 0 18px; color: #062c63; font-size: 25px; letter-spacing: -.03em; }
.policy-document h2:first-of-type { margin-top: 0; }
.policy-document h3 { margin: 32px 0 12px; color: #083c74; font-size: 19px; }
.policy-document p { margin: 0 0 18px; }
.policy-document ul, .policy-document ol { margin: 0 0 24px; padding-left: 24px; }
.policy-document li { margin: 7px 0; padding-left: 4px; }
.policy-document a { color: #067a58; font-weight: 750; text-underline-offset: 3px; }
.policy-table-wrap { overflow-x: auto; margin: 20px 0 26px; border: 1px solid #dbe5df; border-radius: 14px; }
.policy-document table { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 14px; line-height: 1.65; }
.policy-document th, .policy-document td { padding: 15px 17px; border-bottom: 1px solid #e1e9e5; text-align: left; vertical-align: top; }
.policy-document th { background: #edf8f3; color: #07366f; font-weight: 800; }
.policy-document tbody tr:last-child td { border-bottom: 0; }
.policy-effective { margin: 58px 0 0 !important; padding-top: 22px; border-top: 1px solid #dfe7e3; color: #183e35; }
@media (max-width: 820px) {
	.policy-hero__inner { min-height: 270px; padding-block: 56px; }
	.policy-hero__inner > span { display: none; }
	.policy-layout { grid-template-columns: 1fr; gap: 24px; }
	.policy-nav { position: static; grid-template-columns: repeat(3, 1fr); padding: 10px; }
	.policy-nav > strong, .policy-nav__help { display: none; }
	.policy-nav > a { padding: 12px 8px; text-align: center; }
	.policy-section { padding-block: 38px 76px; }
}
@media (max-width: 520px) {
	.policy-hero__inner { min-height: 235px; }
	.policy-hero p:not(.eyebrow) { font-size: 15px; line-height: 1.7; }
	.policy-nav { gap: 3px; }
	.policy-nav > a { font-size: 15px; }
	.policy-document { padding: 26px 20px 36px; border-radius: 20px; font-size: 17px; }
	.policy-document__meta { display: grid; gap: 4px; }
	.policy-document .policy-lead { margin-bottom: 38px; padding: 20px; font-size: 17px; }
	.policy-document h2 { margin-top: 44px; font-size: 22px; }
}

/* Mobile usability hardening: readable status text, full-width challenge hero and 44px touch targets. */
@media (max-width: 580px) {
	.menu-toggle,
	.header-search-button { width: 44px; min-width: 44px; height: 44px; }
	.catalog-hero--challenge .catalog-hero__grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.challenge-hero-copy { width: 100%; max-width: 100%; min-width: 0; }
	.challenge-hero-copy h1 { font-size: clamp(40px, 12vw, 46px); }
	.challenge-hero-copy > p:last-of-type { font-size: 15px; line-height: 1.75; }
	.challenge-hero-actions { width: 100%; gap: 10px; }
	.challenge-hero-actions .button { width: 100%; }
	.challenge-hero-actions > a:last-child { display: inline-flex; align-items: center; min-height: 44px; padding-inline: 4px; font-size: 13px; }
	.challenge-hero-visual { width: 100%; max-width: 100%; min-height: 390px; margin: 0; transform: none; }
	.challenge-orbit { width: 270px; height: 270px; left: 50%; top: 54px; transform: translateX(-50%); box-shadow: 0 0 0 24px rgba(0,223,135,.05),0 0 0 48px rgba(0,223,135,.025); }
	.challenge-orbit > span { font-size: 92px; }
	.challenge-orbit small { margin-top: 17px; font-size: 11px; }
	.challenge-mini-card { min-width: 165px; padding: 13px 14px; }
	.challenge-mini-card small { font-size: 10px; }
	.challenge-mini-card strong { font-size: 12px; }
	.challenge-mini-card b { right: 11px; top: 12px; font-size: 9px; }
	.challenge-mini-card--morning { left: 0; top: 36px; }
	.challenge-mini-card--evening { right: 0; top: 158px; }
	.challenge-mini-card--check { left: 0; bottom: 19px; min-width: 184px; grid-template-columns: 32px 1fr; gap: 1px 9px; }
	.challenge-mini-card--check > span { width: 32px; height: 32px; }
	.challenge-next-badge { right: 0; bottom: 5px; padding: 11px 14px; }
	.challenge-next-badge small,
	.challenge-next-badge span { font-size: 10px; }
	.challenge-next-badge strong { font-size: 24px; }
	.product-back,
	.product-page-nav a { display: inline-flex; align-items: center; min-height: 44px; }
	.product-page-nav .wrap { min-height: 58px; }
	.course-card__cohort,
	.product-status { font-size: 12px; }
	.cohort-pill { font-size: 12px; }
	.cohort-countdown p,
	.cohort-countdown span,
	.challenge-stats small,
	.challenge-main__heading > span { font-size: 12px; }
	.challenge-nav > a { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; }
	.member-center__identity > div > p:last-child { font-size: 12px; line-height: 1.55; }
	.member-logout { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; }
	.member-sidebar nav a { display: inline-flex; align-items: center; min-height: 44px; }
	.member-metrics span { font-size: 12px; }
	.account-challenge__day small { font-size: 10px; }
	.account-challenge > div:nth-child(2) span { font-size: 11px; }
	.account-challenge p { font-size: 12px; line-height: 1.5; }
	.account-challenge > a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; font-size: 12px; }
	.account-quick-links b { font-size: 13px; }
	.account-quick-links small { font-size: 11px; }
	.account-course-list__copy > small { font-size: 10px; }
	.account-course-list__copy > strong { font-size: 14px; }
	.account-form label { font-size: 13px; }
	.account-form label small,
	.account-form__footer p { font-size: 11px; }
}

/* Senior-friendly readability: 50-80대 수강생을 위한 큰 글자와 넓은 조작 영역. */
body { font-size: 18px; line-height: 1.75; }
.site-header__inner { min-height: 92px; }
.site-nav__list, .site-nav ul { gap: 26px; }
.site-nav a { padding-block: 32px; font-size: 17px; font-weight: 800; }
.account-link { font-size: 16px; font-weight: 800; }
.header-search-button { min-width: 48px; height: 48px; padding-inline: 16px; font-size: 15px; }
.header-search-button svg { width: 20px; height: 20px; }
.button,
body.single-product .product-course-page a.button { min-height: 60px !important; padding-inline: 28px !important; font-size: 17px !important; line-height: 1.4 !important; }
.button--small,
body.woocommerce .site-header a.button.button--small,
body.single-product .site-header a.button.button--small { min-height: 48px !important; padding-inline: 20px !important; font-size: 16px !important; }
.text-link { display: inline-flex; align-items: center; min-height: 48px; font-size: 17px; }
.eyebrow { font-size: 14px; line-height: 1.55; }

/* 본문·안내·목록은 어느 화면에서도 16px 아래로 내려가지 않게 한다. */
#main-content p,
#main-content li,
#main-content summary,
#main-content label { font-size: 18px !important; line-height: 1.8; }
#main-content small { font-size: 15px !important; line-height: 1.65; }
#main-content input,
#main-content select,
#main-content textarea { font-size: 17px !important; }

/* 검색 */
.search-dialog__header .eyebrow { font-size: 13px; }
.search-dialog__header h2 { font-size: 30px; }
.search-dialog__close { width: 46px; height: 46px; }
.search-field input { height: 62px; font-size: 17px; }
.search-results__heading strong,
.search-results__heading span,
.search-result__meta,
.search-dialog__footer span,
.search-dialog__footer a { font-size: 14px; }
.search-result__copy strong { font-size: 17px; }
.search-result__copy em,
.search-empty p { font-size: 14px; }
.search-empty strong { font-size: 17px; }

/* 메인·상품·강의 카드 */
.hero-description,
.about-story__lead,
.sales-hero__lead,
.product-detail-lead,
.policy-document .policy-lead { font-size: 20px !important; }
.streak strong,
.streak--real strong { font-size: 16px; }
.streak small,
.streak--real small { font-size: 14px; }
.today-card__header h2 { font-size: 30px; }
.daily-progress strong { font-size: 20px; }
.task small { font-size: 14px; }
.task strong { font-size: 17px; }
.task b { font-size: 15px; }
.today-card__button { min-height: 58px; font-size: 17px; }
.system-grid span,
.stat-strip p { font-size: 15px; }
.system-grid p { font-size: 16px; }
.section-heading > a { font-size: 16px; }
.catalog-tabs a { min-height: 48px; display: inline-flex; align-items: center; font-size: 16px; }
.challenge-feature-strip b,
.challenge-feature-strip span { font-size: 15px; }
.challenge-feature-strip strong { font-size: 21px; }
.course-card__cohort,
.product-status { font-size: 14px; }
.course-card__body h3 { font-size: 24px; }
.course-card__body > p:not(.eyebrow) { font-size: 17px; }
.course-meta,
.course-link { font-size: 16px; }
.product-course-meta span { font-size: 15px; }
.product-course-meta b { font-size: 20px; }
.product-course-buy small { font-size: 14px; }
.product-course-buy strong del { font-size: 15px; }

/* 상품 상세 */
.product-back,
.product-label { font-size: 16px; }
.product-quick-info span { font-size: 17px; }
.product-quick-info b { font-size: 14px; }
.product-detail-lead,
.product-description { font-size: 18px; }
.product-next-cohort strong { font-size: 17px; }
.product-next-cohort span { font-size: 15px; }
.product-cover small,
.product-price small,
.product-buy-card li { font-size: 15px; }
.product-price del { font-size: 16px; }
.instructor-card p,
.product-benefits li { font-size: 17px; }
.product-benefits > p { font-size: 19px; }
.product-curriculum-list span { font-size: 15px; }
.product-curriculum-list strong { font-size: 18px; }
.product-curriculum-list small { font-size: 14px; }
.curriculum-more { font-size: 16px; }

/* 챌린지·인증·내 강의실 */
.cohort-pill,
.challenge-nav > strong,
.challenge-nav > a,
.classroom-sidebar > strong,
.classroom-sidebar > a { font-size: 16px; }
.cohort-countdown span,
.challenge-stats small,
.challenge-main__heading > span,
.sub-hero__score > span { font-size: 14px; }
.challenge-stats strong { font-size: 21px; }
.challenge-nav > a,
.classroom-sidebar > a { min-height: 48px; display: flex; align-items: center; }
.challenge-nav__notice p,
.challenge-main__heading p:not(.eyebrow) { font-size: 16px; }
.challenge-lesson span,
.challenge-lesson b,
.checkin-status,
.checkin-reason { font-size: 14px; }
.challenge-lesson strong { font-size: 18px; }
.challenge-day__checkin button { min-height: 46px; padding: 9px 15px; font-size: 15px; }
.checkin-guide li strong,
.checkin-modal label,
.checkin-audio-field > strong { font-size: 17px; }
.checkin-record-button { min-height: 48px; font-size: 16px; }
.checkin-recorder > span { font-size: 14px; }
.cohort-feed__header p:not(.eyebrow),
.cohort-feed__header > span { font-size: 16px; }
.cohort-feed-card__top strong,
.cohort-feed-card__body > p { font-size: 17px; }
.cohort-feed-card__top small,
.cohort-feed-card__top > b,
.cohort-feed-card__audio span { font-size: 14px; }
.cohort-feed__pagination .page-numbers { min-width: 44px; height: 44px; font-size: 15px; }
.form-message { font-size: 15px; }
.recent-box li { font-size: 16px; }

/* 로그인·회원가입·내 계정 */
.auth-card__heading > p:last-child,
.auth-form > label > span:first-child,
.auth-form__options,
.auth-switch,
.auth-notice { font-size: 16px; }
.auth-form input[type="text"],
.auth-form input[type="tel"],
.auth-form input[type="email"],
.auth-form input[type="number"],
.auth-form input[type="password"] { height: 62px; font-size: 17px; }
.auth-check span { font-size: 15px !important; }
.password-field button { min-width: 54px; min-height: 42px; font-size: 15px; }
.auth-notice--password-rule span { font-size: 15px; }
.member-center__identity > div > p:last-child,
.member-logout { font-size: 16px; }
.member-metrics span,
.member-metrics small { font-size: 15px; }
.member-sidebar__profile strong { font-size: 19px; }
.member-sidebar__profile small,
.member-sidebar nav a { font-size: 15px; }
.member-sidebar nav a { min-height: 48px; }
.account-panel__heading p:not(.eyebrow),
.account-panel__heading > a,
.account-challenge p,
.account-quick-links small,
.account-course-list__copy > small,
.account-empty p,
.account-orders article small,
.account-form label small,
.account-form__footer p { font-size: 14px; }
.account-quick-links b,
.account-course-list__copy > strong,
.account-empty h3,
.account-orders article strong,
.account-orders article > b,
.account-form label { font-size: 16px; }
.account-challenge > a,
.account-empty > a,
.account-orders article > a,
.order-status { min-height: 44px; font-size: 14px; }
.account-form input { min-height: 56px; font-size: 17px; }

/* 소개·FAQ·문의·정책 */
.support-card > p:not(.eyebrow),
.support-card > a,
.method-grid p,
.faq-side > p:not(.eyebrow),
.faq-group-title,
.qna-form label,
.qna-form__notice,
.qna-login-box p,
.qna-board__heading > span,
.qna-row p,
.qna-row footer,
.question-hero a,
.question-hero__meta > span,
.question-hero > .wrap > p,
.answer-list > article header time,
.answer-list > article > div,
.answer-waiting p,
.question-back { font-size: 16px; }
.faq-page .faq-list summary { font-size: 19px !important; }
.faq-page .faq-list details p { font-size: 17px; }
.qna-form input,
.qna-form select { height: 56px; }
.qna-status,
.qna-row > div small { font-size: 14px; }
.qna-row h3 { font-size: 21px; }
.question-body { font-size: 18px; }
.policy-document { font-size: 18px; }
.policy-document__meta { font-size: 15px; }
.policy-document table { font-size: 16px; }

/* 푸터도 안내문을 읽기 쉬운 크기로 유지한다. */
.site-footer__top > div > strong { font-size: 17px; }
.site-footer p,
.site-footer__top > div > a:not(.brand),
.site-footer__bottom { font-size: 15px; line-height: 1.8; }
.toast { font-size: 15px; }

@media (min-width: 901px) and (max-width: 1240px) {
	.site-nav__list, .site-nav ul { gap: 16px; }
	.site-nav a { font-size: 15px; }
	.header-search-button { width: 46px; padding: 0; }
	.header-search-button span { display: none; }
}

@media (max-width: 900px) {
	body { font-size: 17px; }
	.site-header__inner { min-height: 78px; }
	.site-nav a { min-height: 58px; padding: 17px 0; font-size: 19px; }
	#main-content p,
	#main-content li,
	#main-content summary,
	#main-content label { font-size: 17px !important; }
	.button,
	body.single-product .product-course-page a.button { width: 100%; min-height: 58px !important; font-size: 17px !important; }
	.product-curriculum-list > div { min-height: 86px; }
	.challenge-lesson { min-width: 0; }
	.challenge-lesson strong { line-height: 1.55; }
}

@media (max-width: 580px) {
	:root { --wrap: min(100% - 28px, 1180px); }
	.eyebrow { font-size: 13px; }
	.hero-description,
	.auth-story > p:not(.eyebrow) { font-size: 18px; }
	.challenge-feature-strip .wrap { grid-template-columns: 1fr; }
	.challenge-feature-strip article { padding: 22px 18px; border-left: 0; border-top: 1px solid rgba(5,56,42,.16); }
	.challenge-feature-strip article:first-child { border-top: 0; }
	.product-quick-info { grid-template-columns: 1fr; }
	.product-quick-info span { padding: 15px 0; border-left: 0; border-top: 1px solid #dce7e1; }
	.product-quick-info span:first-child { border-top: 0; }
	.challenge-day__checkin button { width: 100%; }
	.auth-card { padding-inline: 22px; }
	.site-footer__bottom { gap: 12px; line-height: 1.8; }
}

/* Pattern Master challenge composition */
.challenge-routine { background: #f6faf8; }
.challenge-routine-grid { display: grid; gap: 22px; margin-top: 48px; }
.challenge-routine-grid > article { display: grid; grid-template-columns: 190px minmax(0,1fr); overflow: hidden; border: 1px solid #dce8e2; border-radius: 24px; background: #fff; box-shadow: 0 18px 48px rgba(7,52,37,.07); }
.challenge-routine__time { display: grid; align-content: center; justify-items: center; min-height: 270px; padding: 30px; background: #062b63; color: #fff; text-align: center; }
.challenge-routine__time > span { display: grid; width: 54px; height: 54px; place-items: center; margin-bottom: 24px; border-radius: 50%; background: #00df87; color: #052e27; font-size: 24px; font-weight: 900; }
.challenge-routine__time small { color: #b7cae1; font-size: 15px; font-weight: 800; }
.challenge-routine__time strong { margin-top: 5px; color: #fff; font-size: 35px; letter-spacing: -.04em; }
.challenge-routine-grid > article > div:last-child { padding: 36px 42px; }
.challenge-routine-grid h3 { margin: 8px 0 14px; color: #062b63; font-size: 31px; letter-spacing: -.04em; }
.challenge-routine-grid p:not(.eyebrow) { margin: 0; color: #5d756b; }
.challenge-routine-grid ul { display: flex; flex-wrap: wrap; gap: 9px; margin: 22px 0 0; padding: 0; list-style: none; }
.challenge-routine-grid li { padding: 9px 14px; border-radius: 999px; background: #e8f8f1; color: #087653; font-size: 16px !important; font-weight: 800; }
.challenge-routine-grid .is-evening .challenge-routine__time { background: #123b7a; }
.challenge-routine-grid .is-checkin .challenge-routine__time { background: #07865b; }

.challenge-included { background: #fff; }
.challenge-included-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 46px; }
.challenge-included-grid article { min-height: 250px; padding: 30px; border: 1px solid #dfe9e4; border-radius: 22px; background: #f8fbf9; }
.challenge-included-grid article > span { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 50%; background: #dff8eb; color: #078458; font-size: 15px; font-weight: 900; }
.challenge-included-grid strong { display: block; margin-top: 35px; color: #082e65; font-size: 22px; }
.challenge-included-grid p { margin: 10px 0 0; color: #647a71; }

.challenge-roadmap { background: #052657; color: #fff; }
.challenge-roadmap .section-heading h2 { color: #fff; }
.challenge-roadmap .section-heading p:not(.eyebrow) { color: #b9cae0; }
.challenge-roadmap .eyebrow { color: #00df87; }
.challenge-roadmap-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 46px; }
.challenge-roadmap-grid article { min-height: 245px; padding: 34px; border: 1px solid rgba(255,255,255,.15); border-radius: 22px; background: rgba(255,255,255,.06); }
.challenge-roadmap-grid small { color: #00df87; font-size: 15px !important; font-weight: 900; letter-spacing: .08em; }
.challenge-roadmap-grid strong { display: block; margin-top: 30px; color: #fff; font-size: 26px; }
.challenge-roadmap-grid p { margin: 12px 0 0; color: #b9cae0; }

/* Real PDF download and weekly live information in My Classroom. */
.challenge-lesson { padding: 0; grid-template-rows: 1fr auto; }
.challenge-lesson__main { display: grid; align-content: center; min-height: 86px; padding: 16px 20px; }
.challenge-lesson__main span { color: var(--muted); font-size: 14px; }
.challenge-lesson__main strong { margin: 4px 0; font-size: 18px; }
.challenge-lesson__main b { color: var(--forest-700); font-size: 14px; }
.challenge-lesson.is-disabled { background: #f6f7f6; color: #a1aba6; }
.challenge-lesson.is-disabled .challenge-lesson__main { pointer-events: none; }
.challenge-lesson.is-disabled b { color: #9da7a2; }
.challenge-material { display: flex; align-items: center; justify-content: center; min-height: 45px; margin: 0 14px 13px; border: 1px solid #b9ddcc; border-radius: 10px; background: #e9f8f1; color: #087653; font-size: 15px; font-weight: 900; }
.challenge-material:hover { border-color: #00b870; background: #dcf6e9; }
.challenge-support { padding: 0 0 90px; background: var(--cream); }
.challenge-support__grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 20px; }
.challenge-live-card,
.challenge-reward-card { display: grid; align-items: center; gap: 24px; min-height: 220px; padding: 30px; border-radius: 24px; }
.challenge-live-card { grid-template-columns: 74px minmax(0,1fr) auto; background: #07295c; color: #fff; }
.challenge-live-card > div:first-child > span { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 50%; background: rgba(0,223,135,.15); font-size: 27px; }
.challenge-live-card .eyebrow { color: #00df87; }
.challenge-live-card small { color: #89a8cc; font-size: 15px; }
.challenge-live-card h2 { margin: 5px 0 8px; color: #fff; font-size: 28px; }
.challenge-live-card p { margin: 0; color: #b6c9df; }
.challenge-live-card .button { width: auto; white-space: nowrap; }
.challenge-live-card__pending { display: inline-flex; align-items: center; min-height: 48px; padding: 0 17px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; color: #c9d8e9; font-size: 15px; font-weight: 800; white-space: nowrap; }
.challenge-reward-card { grid-template-columns: 122px minmax(0,1fr); border: 1px solid #dbe7e1; background: #fff; }
.challenge-reward-card__score { display: grid; width: 112px; height: 112px; place-items: center; align-content: center; border: 10px solid #00d983; border-right-color: #dceee5; border-radius: 50%; color: #062b63; }
.challenge-reward-card__score span { font-size: 32px; font-weight: 950; line-height: 1; }
.challenge-reward-card__score small { margin-top: 5px; color: #687d74; font-size: 14px; }
.challenge-reward-card .eyebrow { color: #07865b; }
.challenge-reward-card h2 { margin: 5px 0 8px; color: #062b63; font-size: 24px; }
.challenge-reward-card p { margin: 0; color: #6a7e75; }

@media (max-width: 980px) {
	.challenge-included-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.challenge-support__grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
	.challenge-routine-grid > article { grid-template-columns: 1fr; }
	.challenge-routine__time { min-height: 190px; }
	.challenge-routine-grid > article > div:last-child { padding: 28px 24px; }
	.challenge-included-grid,
	.challenge-roadmap-grid { grid-template-columns: 1fr; }
	.challenge-included-grid article,
	.challenge-roadmap-grid article { min-height: 0; }
	.challenge-live-card { grid-template-columns: 58px 1fr; }
	.challenge-live-card .button,
	.challenge-live-card__pending { grid-column: 1 / -1; width: 100%; justify-content: center; }
	.challenge-reward-card { grid-template-columns: 1fr; }
	.challenge-reward-card__score { margin-inline: auto; }
}

@media (max-width: 580px) {
	.kakao-login__button { min-height: 60px; padding-inline: 16px; font-size: 17px; }
	.account-social-connection { grid-template-columns: auto 1fr; padding: 18px; }
	.account-social-connection > b { grid-column: 1 / -1; width: fit-content; }
	.challenge-routine-grid h3 { font-size: 27px; }
	.challenge-routine-grid ul { display: grid; }
	.challenge-routine-grid li { border-radius: 12px; }
	.challenge-included-grid article { padding: 25px; }
	.challenge-included-grid strong { margin-top: 24px; }
	.challenge-roadmap-grid article { padding: 27px; }
	.challenge-day { grid-template-columns: 66px minmax(0,1fr); }
	.challenge-day__lessons { grid-template-columns: 1fr; }
	.challenge-day__checkin { grid-column: 1 / -1; min-height: 70px; border-top: 1px solid var(--line); }
	.challenge-material { min-height: 48px; }
	.challenge-live-card,
	.challenge-reward-card { padding: 24px; }
}

/* 2.2.1 Senior readability and font-independent check marks. */
body { font-size: 19px; }
.site-nav a { font-size: 18px; }
.account-link { font-size: 17px; }
.header-search-button { font-size: 16px; }
.eyebrow { font-size: 15px; }
.button,
body.single-product .product-course-page a.button { font-size: 18px !important; }

#main-content p,
#main-content li,
#main-content summary,
#main-content label { font-size: 19px !important; }
#main-content small { font-size: 16px !important; }

.search-dialog__header .eyebrow { font-size: 15px; }
.search-results__heading strong,
.search-results__heading span,
.search-result__copy em,
.search-result__meta,
.search-dialog__footer span,
.search-dialog__footer a,
.search-empty p { font-size: 16px; }

.catalog-tabs a,
.course-card__cohort,
.course-meta,
.product-status,
.product-cover small,
.product-price small,
.product-price del,
.product-buy-card li,
.product-next-cohort span,
.product-curriculum-list span,
.product-curriculum-list small,
.product-trust-strip span,
.product-trust-strip small,
.product-page-nav a,
.product-subscription-note,
.product-secure-note,
.product-subscription-links,
.cohort-pill,
.cohort-countdown span,
.challenge-stats small,
.challenge-main__heading > span,
.challenge-lesson span,
.challenge-lesson b,
.checkin-status,
.checkin-reason,
.checkin-recorder > span,
.cohort-feed-card__top small,
.cohort-feed-card__top > b,
.cohort-feed-card__audio span,
.member-metrics span,
.member-metrics small,
.member-sidebar__profile small,
.member-sidebar nav a,
.account-panel__heading p:not(.eyebrow),
.account-panel__heading > a,
.account-challenge p,
.account-quick-links small,
.account-course-list__copy > small,
.account-empty p,
.account-orders article small,
.account-form label small,
.account-form__footer p,
.order-status,
.site-footer p,
.site-footer__top > div > a:not(.brand),
.site-footer__business,
.site-footer__bottom { font-size: 16px !important; }

.product-description { font-size: 20px !important; line-height: 1.9; }
.product-quick-info b,
.product-cover b,
.product-buy-card__topline span,
.product-buy-card__topline small,
.product-subscription-note strong,
.product-outcome-grid span,
.product-curriculum-list i { font-size: 16px !important; }
.product-outcome-grid strong { font-size: 18px; line-height: 1.65; }
.product-benefits { padding: 36px; border-radius: 24px; }
.product-benefits > p { margin-bottom: 28px; font-size: 22px !important; }
.product-benefits ul { gap: 20px; }
.product-benefits li {
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 14px;
	color: #edf5ff;
	font-size: 20px !important;
	line-height: 1.65;
}
.product-benefits li span {
	position: relative;
	display: block;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #00df87;
	color: transparent;
	font-size: 0;
}
.product-benefits li span::after {
	content: "";
	position: absolute;
	left: 12px;
	top: 7px;
	width: 7px;
	height: 13px;
	border: solid #052f26;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
}
.product-buy-card li::before,
.sales-enroll li::before {
	content: "";
	display: inline-block;
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	margin: 0 10px -2px 0;
	border: 0;
	border-radius: 0;
	background: #00a965;
	clip-path: polygon(18% 47%, 0 68%, 40% 100%, 100% 18%, 79% 0, 37% 62%);
	transform: none;
}

@media (max-width: 900px) {
	body { font-size: 18px; }
	#main-content p,
	#main-content li,
	#main-content summary,
	#main-content label { font-size: 18px !important; }
	.product-benefits { padding: 28px 24px; }
	.product-benefits li { font-size: 18px !important; }
	.product-outcome-grid strong { font-size: 17px; }
}

/* 2.2.2 Header hierarchy and mobile navigation. */
.header-actions { gap: 10px; }
.header-member-links {
	display: flex;
	align-items: center;
	min-height: 50px;
	padding: 4px;
	border: 1px solid #d8e4de;
	border-radius: 999px;
	background: rgba(255, 255, 255, .76);
	box-shadow: 0 8px 24px rgba(5, 28, 80, .05);
}
.header-member-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0 17px;
	border-radius: 999px;
	color: #173f32;
	font-size: 16px;
	font-weight: 850;
	white-space: nowrap;
	transition: background .2s ease, color .2s ease;
}
.header-member-link + .header-member-link::before {
	content: "";
	position: absolute;
	left: -2px;
	top: 10px;
	width: 1px;
	height: 20px;
	background: #d8e4de;
}
.header-member-link:hover,
.header-member-link:focus-visible { background: #e5f7ef; color: #075f43; outline: none; }
.header-member-link:hover::before,
.header-member-link:focus-visible::before { opacity: 0; }
.mobile-nav-account { display: none; }
.menu-toggle {
	position: relative;
	align-items: center;
	justify-content: center;
	border: 1px solid #d8e4de;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
}
.menu-toggle > span:not(.sr-only) {
	position: absolute;
	left: 12px;
	top: 50%;
	width: 22px;
	height: 2px;
	margin: 0;
	border-radius: 99px;
	background: #082868;
	transition: transform .24s ease, opacity .18s ease;
}
.menu-toggle > span:nth-child(1) { transform: translateY(-7px); }
.menu-toggle > span:nth-child(2) { transform: translateY(-1px); }
.menu-toggle > span:nth-child(3) { transform: translateY(5px); }
.menu-toggle[aria-expanded="true"] > span:nth-child(1) { transform: translateY(-1px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] > span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] > span:nth-child(3) { transform: translateY(-1px) rotate(-45deg); }

@media (max-width: 1240px) and (min-width: 901px) {
	.header-member-link { padding-inline: 13px; font-size: 15px; }
}

@media (max-width: 900px) {
	.site-header { background: rgba(247, 251, 248, .97); }
	.site-header__inner { min-height: 78px; gap: 8px; }
	.brand { margin-right: auto; }
	.header-actions { margin-left: 0; }
	.header-member-links { display: none; }
	.header-search-button,
	.menu-toggle { width: 48px; min-width: 48px; height: 48px; }
	.header-search-button { border-color: #d8e4de; background: #fff; }
	.menu-toggle { display: inline-flex; margin-left: 0; }
	.site-nav {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 120;
		display: none;
		width: 100%;
		height: calc(100dvh - 78px);
		max-height: calc(100vh - 78px);
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
		padding: 18px max(16px, calc((100% - 720px) / 2));
		background: #f4faf7;
		pointer-events: none;
	}
	.admin-bar .site-nav {
		height: calc(100dvh - 124px);
		max-height: calc(100vh - 124px);
	}
	.admin-bar .search-panel { top: 124px; }
	.site-nav.is-open { display: block; pointer-events: auto; }
	.site-nav__list,
	.site-nav ul {
		gap: 0;
		padding: 8px 20px;
		border: 1px solid #dce7e2;
		border-radius: 24px;
		background: #fff;
		box-shadow: 0 18px 45px rgba(5, 28, 80, .08);
	}
	.site-nav li:last-child a { border-bottom: 0; }
	.site-nav a {
		display: flex;
		align-items: center;
		min-height: 64px;
		padding: 16px 4px;
		border-bottom: 1px solid #e6eeea;
		color: #153f31;
		font-size: 19px;
		font-weight: 850;
	}
	.site-nav a::after {
		content: "→";
		position: static;
		width: auto;
		height: auto;
		margin-left: auto;
		background: none;
		color: #08a66b;
		font-size: 22px;
		transition: transform .2s ease;
	}
	.site-nav a:hover::after,
	.site-nav a:focus-visible::after { transform: translateX(4px); }
	.mobile-nav-account {
		display: grid;
		gap: 18px;
		margin-top: 16px;
		padding: 24px 20px;
		border-radius: 24px;
		background: #082868;
		box-shadow: 0 20px 45px rgba(5, 28, 80, .16);
	}
	.mobile-nav-account p { margin: 0; }
	.mobile-nav-account p span,
	.mobile-nav-account p strong,
	.mobile-nav-account p small { display: block; }
	.mobile-nav-account p span { color: #00df87; font-size: 13px; font-weight: 900; letter-spacing: .12em; }
	.mobile-nav-account p strong { margin-top: 7px; color: #fff; font-size: 24px; }
	.mobile-nav-account p small { margin-top: 5px; color: #c2d3e8; font-size: 16px; line-height: 1.6; }
	.mobile-nav-account > div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
	.mobile-nav-account > div > a {
		min-height: 54px;
		justify-content: center;
		padding: 0 14px;
		border: 1px solid rgba(255, 255, 255, .22);
		border-radius: 999px;
		background: rgba(255, 255, 255, .08);
		color: #fff;
		font-size: 17px;
	}
	.mobile-nav-account > div > a::after { display: none; }
	.mobile-nav-account > div > a:hover,
	.mobile-nav-account > div > a:focus-visible { border-color: #00df87; background: #00df87; color: #052e27; }
}

@media (max-width: 580px) {
	.site-nav { padding-inline: 14px; }
	.site-nav__list,
	.site-nav ul { padding-inline: 18px; }
	.site-nav a { min-height: 62px; font-size: 18px; }
	.mobile-nav-account { padding: 22px 18px; }
}

/* 2.2.7 Keep the account challenge date comfortably inside its badge. */
.account-challenge { grid-template-columns: 152px minmax(0, 1fr) auto; }
.account-challenge__day {
	align-content: center;
	justify-items: center;
	min-width: 0;
	min-height: 112px;
	padding: 17px 18px;
	gap: 9px;
	text-align: center;
}
.account-challenge__day small {
	display: block;
	font-size: 13px;
	line-height: 1.25;
	white-space: nowrap;
}
.account-challenge__day strong {
	display: block;
	font-size: 18px;
	line-height: 1.25;
	letter-spacing: -.02em;
	white-space: nowrap;
}

@media (max-width: 640px) {
	.account-challenge { grid-template-columns: 120px minmax(0, 1fr); }
	.account-challenge__day {
		min-height: 98px;
		padding: 14px 10px;
		gap: 7px;
	}
	.account-challenge__day small { font-size: 11px; }
	.account-challenge__day strong { font-size: 15px; }
}

/* 2.2.8 Center only the primary desktop menu; utilities stay right-aligned. */
@media (min-width: 1241px) {
	.site-header__inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		gap: 24px;
	}
	.site-header__inner > .brand { justify-self: start; }
	.site-header__inner > .site-nav {
		justify-self: center;
		margin-left: 0;
	}
	.site-header__inner > .header-actions { justify-self: end; }
}