/* =========================================================
   یادگیری خانه منابع انسانی — هاب، مسیر، دوره
   زبان بصری همان مجله: سبز تیره، طلایی، سربرگ کرم، تراشه‌های گرد
   ========================================================= */
.hl{
	--g:#05493e; --g2:#0b6b58; --gs:#eef5f1; --gl:#dbe9e1;
	--gold:#b7791f; --golds:#fbf3e3;
	--ink:#1d2a26; --muted:#5f6b67; --line:#e4e9e6; --paper:#fff; --cream:#f1f6f3;
	--acc:#05493e;
	--r:12px; --r2:16px; --r3:22px;
	--sh:0 1px 2px rgba(5,73,62,.05),0 8px 24px -12px rgba(5,73,62,.18);
	--sh2:0 2px 4px rgba(5,73,62,.06),0 18px 40px -18px rgba(5,73,62,.32);
	direction:rtl; text-align:right; color:var(--ink); font-size:15px; line-height:1.9;
	background:#fff; overflow-x:clip;
}
.hl *,.hl *::before,.hl *::after{box-sizing:border-box;}
.hl a{color:inherit;text-decoration:none;}
.hl img{max-width:100%;height:auto;display:block;}
.hl h1,.hl h2,.hl h3,.hl p,.hl ul,.hl ol{margin:0;padding:0;}
.hl ul,.hl ol{list-style:none;}
.hl button,.hl input,.hl select{font:inherit;color:inherit;}
.hl button{cursor:pointer;background:none;border:0;padding:0;box-shadow:none;text-transform:none;letter-spacing:0;line-height:inherit;border-radius:0;}
.hl button:hover,.hl button:focus{background:none;color:inherit;}
.hl .hl-i{width:18px;height:18px;flex:0 0 auto;vertical-align:-3px;}
.hl :focus-visible{outline:3px solid #f0b429;outline-offset:2px;border-radius:6px;}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;}

.hl-wrap{max-width:1200px;margin:0 auto;padding:0 20px;}
.hl-wrap--narrow{max-width:820px;}
.hl-sec{padding:56px 0;}
.hl-sec + .hl-sec{padding-top:8px;}

/* ---------- Hero ---------- */
.hl-hero{
	background:radial-gradient(800px 300px at 90% -10%,rgba(224,173,79,.2),transparent 70%),linear-gradient(#f1f6f3,#fff);
	padding:22px 0 40px; position:relative;
}
.hl-hero::after{content:"";position:absolute;left:-120px;bottom:-140px;width:360px;height:360px;border-radius:50%;border:56px solid rgba(5,73,62,.035);pointer-events:none;}
.hl-hero > .hl-wrap{position:relative;z-index:1;}
.hl-crumbs ol{display:flex;flex-wrap:wrap;gap:4px;font-size:12.5px;color:var(--muted);margin-bottom:18px;}
.hl-crumbs li:not(:last-child)::after{content:"‹";margin:0 6px;color:#9aa7a2;}
.hl-crumbs a{color:var(--g);font-weight:600;}
.hl-crumbs a:hover{color:var(--gold);}
.hl-kick{display:inline-flex;align-items:center;gap:6px;color:var(--gold);font-size:13px;font-weight:700;margin-bottom:8px;}
.hl-kick .hl-i{width:16px;height:16px;}
.hl-title{font-size:clamp(24px,3.4vw,34px);line-height:1.55;font-weight:900;color:var(--g);margin-bottom:10px;max-width:820px;}
.hl-lead{font-size:16px;line-height:2;color:#3d4b47;max-width:760px;}
.hl-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:6px 6px 6px 6px;margin:22px 0 16px;max-width:680px;box-shadow:var(--sh);}
.hl-search > .hl-i{margin-right:10px;color:var(--muted);}
.hl-search input{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;padding:10px 4px!important;font-size:15px;box-shadow:none!important;}
.hl .hl-search button{background:var(--g);color:#fff;border-radius:var(--r);padding:10px 22px;font-weight:700;white-space:nowrap;}
.hl .hl-search button:hover{background:var(--g2);color:#fff;}
.hl-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;}
.hl-stats li{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:30px;padding:5px 14px;font-size:13px;color:var(--muted);}
.hl-stats b{color:var(--g);font-weight:800;}
.hl-stats .is-gift{background:var(--golds);border-color:#f0dfba;color:#8a5a12;font-weight:700;}
.hl-stats .is-gift .hl-i{width:16px;height:16px;}

/* ---------- Section heading (magazine style) ---------- */
.hl-head{margin-bottom:22px;}
.hl-head h2{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:900;color:var(--g);line-height:1.6;}
.hl-head h2::after{content:"";flex:1;height:1px;background:var(--line);margin-right:8px;}
.hl-head__i{color:var(--gold);width:22px!important;height:22px!important;}
.hl-head p{color:var(--muted);font-size:13.5px;margin-top:2px;}

/* ---------- Buttons ---------- */
.hl .hl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--g);color:#fff;border:1.5px solid var(--g);border-radius:var(--r);padding:10px 20px;font-weight:800;font-size:14.5px;line-height:1.6;transition:background .2s,transform .2s,box-shadow .2s;text-align:center;}
.hl .hl-btn:hover{background:var(--g2);border-color:var(--g2);color:#fff;transform:translateY(-1px);box-shadow:0 8px 20px -10px rgba(5,73,62,.6);}
.hl .hl-btn--lg{padding:13px 22px;font-size:15.5px;}
.hl .hl-btn--block{display:flex;width:100%;}
.hl .hl-btn--ghost{background:#fff;color:var(--g);}
.hl .hl-btn--ghost:hover{background:var(--gs);color:var(--g);}
.hl-enroll{margin:0;}
.hl-link{display:inline-flex;align-items:center;gap:4px;color:var(--g)!important;font-weight:700;font-size:13.5px;}
.hl-link:hover{color:var(--gold)!important;}

/* ---------- Paths (hub) ---------- */
.hl-groups{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.hl-group__name{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--g);font-size:15px;background:linear-gradient(90deg,#f8f1e4,#eef5f0);border-radius:var(--r);padding:10px 14px;margin-bottom:12px;}
.hl-group__name .hl-i{background:var(--g);color:#fff;border-radius:8px;padding:5px;width:28px;height:28px;}
.hl-group__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.hl-path{position:relative;display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:18px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;min-height:100%;}
.hl-path::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--acc);opacity:.85;}
.hl-path::after{content:"";position:absolute;left:-40px;bottom:-40px;width:120px;height:120px;border-radius:50%;background:var(--acc);opacity:.05;transition:transform .35s;}
.hl-path:hover{transform:translateY(-3px);box-shadow:var(--sh2);border-color:transparent;}
.hl-path:hover::after{transform:scale(1.6);}
.hl-path__icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--acc) 12%,#fff);color:var(--acc);margin-bottom:4px;}
.hl-path__icon .hl-i{width:24px;height:24px;}
.hl-path__persona{font-size:12.5px;color:var(--gold);font-weight:700;}
.hl-path__name{font-size:16.5px;font-weight:900;color:var(--ink);line-height:1.6;}
.hl-path__tag{font-size:13px;color:var(--muted);line-height:1.9;}
.hl-path__topics{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}
.hl-path__topics i{font-style:normal;font-size:11.5px;border:1px solid var(--line);border-radius:20px;padding:1px 10px;color:var(--muted);background:#fafcfb;}
.hl-path__foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px dashed var(--line);font-size:13px;color:var(--muted);position:relative;z-index:1;}
.hl-path__go{display:inline-flex;align-items:center;gap:4px;color:var(--acc);font-weight:800;}
.hl-path:hover .hl-path__go .hl-i{transform:translateX(-4px);}
.hl-path__go .hl-i{transition:transform .2s;}

/* ---------- Filter tools ---------- */
.hl-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
.hl-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;}
.hl-chips::-webkit-scrollbar{display:none;}
.hl-chips--wrap{flex-wrap:wrap;overflow:visible;}
.hl .hl-chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:30px;padding:6px 14px;font-size:13.5px;font-weight:600;color:var(--ink);transition:all .2s;}
.hl .hl-chip i{font-style:normal;font-size:11.5px;color:var(--gold);font-weight:800;}
.hl .hl-chip .hl-i{width:16px;height:16px;color:var(--acc);}
.hl .hl-chip:hover{border-color:var(--g);color:var(--g);background:#fff;}
.hl .hl-chip.is-on{background:var(--g);border-color:var(--g);color:#fff;}
.hl .hl-chip.is-on i,.hl .hl-chip.is-on .hl-i{color:#f3d9a4;}
.hl .hl-chip.is-soon{opacity:.55;cursor:default;}
.hl .hl-chip.is-soon i{color:var(--muted);font-weight:600;}
.hl-tools__end{display:flex;align-items:center;gap:10px;}
.hl-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--muted);cursor:pointer;user-select:none;}
.hl-toggle input{accent-color:var(--g);width:16px;height:16px;}
.hl-sort select{border:1px solid var(--line);border-radius:30px;padding:6px 14px;background:#fff;font-size:13.5px;min-height:0;height:auto;}
.hl-count{font-size:13px;color:var(--muted);margin:0 0 14px;min-height:1.6em;}

/* ---------- Course card ---------- */
.hl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;}
.hl-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;transition:transform .25s,box-shadow .25s;}
.hl-card:hover{transform:translateY(-4px);box-shadow:var(--sh2);}
.hl-card[hidden]{display:none;}
.hl-card__media{position:relative;display:block;aspect-ratio:16/9;background:color-mix(in srgb,var(--acc) 8%,#f6f8f7);overflow:hidden;}
.hl-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.hl-card:hover .hl-card__media img{transform:scale(1.04);}
.hl-card__ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--acc);
	background:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 55%),repeating-linear-gradient(135deg,transparent 0 14px,rgba(5,73,62,.04) 14px 15px);}
.hl-card__ph .hl-i{width:56px;height:56px;opacity:.7;}
.hl-card__ribbon{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:5px;background:var(--gold);color:#fff;font-size:12px;font-weight:800;border-radius:30px;padding:3px 12px;box-shadow:0 6px 14px -6px rgba(0,0,0,.4);}
.hl-card__ribbon .hl-i{width:14px;height:14px;}
.hl-card__step{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.95);color:var(--acc);font-weight:900;font-size:12.5px;border-radius:30px;padding:3px 12px;}
.hl-card__body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 10px;flex:1;}
.hl-card__path{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;font-size:12px;font-weight:800;color:var(--acc)!important;background:color-mix(in srgb,var(--acc) 9%,#fff);border-radius:30px;padding:2px 10px;}
.hl-card__path .hl-i{width:14px;height:14px;}
.hl-card__title{font-size:16px;font-weight:900;line-height:1.7;color:var(--ink);}
.hl-card__title a:hover{color:var(--g);}
.hl-card__title a::after{content:"";position:absolute;inset:0;z-index:0;}
.hl-card__promise{font-size:13px;color:var(--muted);line-height:1.95;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.hl-card__meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--muted);margin-top:auto;padding-top:6px;}
.hl-card__meta li{display:inline-flex;align-items:center;gap:5px;}
.hl-card__meta .hl-i{width:15px;height:15px;color:var(--g);}
.hl-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-top:1px solid var(--line);background:#fbfcfb;position:relative;z-index:1;}
.hl-card__path,.hl-card__go{position:relative;z-index:1;}
.hl-card__price{font-weight:900;color:var(--g);font-size:15px;}
.hl-card__price.is-free{color:var(--gold);}
.hl-card__go{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:800;color:var(--g)!important;}
.hl-card__go .hl-i{transition:transform .2s;}
.hl-card:hover .hl-card__go .hl-i{transform:translateX(-4px);}
.hl-card__progress{flex:1;height:6px;border-radius:6px;background:var(--gl);overflow:hidden;}
.hl-card__progress span{display:block;height:100%;background:var(--g);border-radius:6px;}

.hl-empty{text-align:center;border:1.5px dashed var(--line);border-radius:var(--r2);padding:36px 20px;color:var(--muted);}
.hl-empty .hl-i{width:36px;height:36px;color:var(--gold);margin:0 auto 8px;display:block;}
.hl-empty p{margin-bottom:14px;}
.hl-empty b{display:block;color:var(--ink);}

/* ---------- Path roadmap ---------- */
.hl-road{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px;counter-reset:road;}
.hl-hero--path .hl-hero__row{display:flex;align-items:flex-start;gap:18px;}
.hl-hero__badge{flex:0 0 auto;width:72px;height:72px;border-radius:20px;display:grid;place-items:center;color:#fff;background:var(--acc);box-shadow:0 14px 30px -14px var(--acc);}
.hl-hero__badge .hl-i{width:38px;height:38px;}
.hl-hero--path{background:radial-gradient(700px 280px at 92% -10%,color-mix(in srgb,var(--acc) 18%,transparent),transparent 70%),radial-gradient(600px 240px at 5% 110%,rgba(224,173,79,.16),transparent 70%),linear-gradient(#f1f6f3,#fff);}
.hl-hero--path .hl-stats li:first-child{max-width:100%;white-space:normal;line-height:1.8;border-radius:14px;}
.hl-mini-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.hl-mini{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:14px 16px;transition:all .2s;}
.hl-mini:hover{border-color:var(--acc);box-shadow:var(--sh);}
.hl-mini__i{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:var(--acc);background:color-mix(in srgb,var(--acc) 12%,#fff);}
.hl-mini b{display:block;font-size:14.5px;}
.hl-mini small{color:var(--muted);font-size:12px;}
.hl-mini__go{margin-right:auto;color:var(--acc);}
.hl-prose{font-size:16px;line-height:2.1;color:#2f3b38;}
.hl-prose p{margin:0 0 16px;}
.hl-prose h2,.hl-prose h3{color:var(--g);margin:24px 0 10px;font-weight:800;}
.hl-prose ul{list-style:disc;padding-right:22px;margin-bottom:16px;}

/* ---------- How it works ---------- */
.hl-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:s;}
.hl-steps li{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:24px 20px 20px;}
.hl-steps li > .hl-i{width:30px;height:30px;color:var(--g);margin-bottom:8px;}
.hl-steps__n{position:absolute;top:16px;left:18px;font-size:44px;line-height:1;font-weight:900;color:var(--golds);-webkit-text-stroke:1.5px #e7cf9e;}
.hl-steps b{display:block;font-size:16px;font-weight:900;color:var(--ink);margin-bottom:6px;}
.hl-steps p{font-size:13.5px;color:var(--muted);line-height:1.95;}
.hl-steps li:not(:last-child)::after{content:"";position:absolute;top:50%;left:-14px;width:10px;height:10px;border-top:2px solid var(--gold);border-left:2px solid var(--gold);transform:translateY(-50%) rotate(-45deg);}

/* ---------- FAQ ---------- */
.hl-faq{display:flex;flex-direction:column;gap:10px;}
.hl-faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r);transition:box-shadow .2s;}
.hl-faq details[open]{box-shadow:var(--sh);border-color:var(--gl);}
.hl-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:14px 18px;font-weight:800;color:var(--ink);}
.hl-faq summary::-webkit-details-marker{display:none;}
.hl-faq summary .hl-i{color:var(--gold);transition:transform .25s;}
.hl-faq details[open] summary .hl-i{transform:rotate(180deg);}
.hl-faq details > div{padding:0 18px 16px;color:var(--muted);font-size:14.5px;line-height:2;}

/* ---------- Organisations ---------- */
.hl-org__box{display:flex;align-items:center;gap:20px;background:linear-gradient(90deg,#f8f1e4,#eef5f0);border:1px solid #ece3cf;border-radius:var(--r3);padding:26px 28px;}
.hl-org__icon{flex:0 0 auto;width:58px;height:58px;border-radius:16px;background:#fff;display:grid;place-items:center;color:var(--gold);box-shadow:var(--sh);}
.hl-org__icon .hl-i{width:30px;height:30px;}
.hl-org__box > div{flex:1;}
.hl-org__box h2{font-size:19px;font-weight:900;color:var(--g);}
.hl-org__box p{color:var(--muted);font-size:14px;}

/* ---------- Single course ---------- */
.hl-hero--course{padding-bottom:30px;}
.hl-course__grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start;}
.hl-course__intro{grid-column:1;}
.hl-course__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;}
.hl-tag{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:#fff!important;background:var(--acc);border-radius:30px;padding:3px 12px;}
.hl-tag .hl-i{width:15px;height:15px;}
.hl-tag--soft{background:#fff;color:var(--acc)!important;border:1px solid var(--line);}
.hl-facts{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;}
.hl-facts li{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:30px;padding:5px 14px;font-size:13px;color:var(--ink);}
.hl-facts .hl-i{width:16px;height:16px;color:var(--g);}
.hl-facts .is-star .hl-i{color:var(--gold);fill:var(--gold);}
.hl-by{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:13.5px;color:var(--muted);}
.hl-by img{border-radius:50%;width:32px;height:32px;}
.hl-by b{color:var(--ink);}
.hl-course__body{padding-bottom:40px;}
.hl-buy{grid-column:2;grid-row:1;position:sticky;top:96px;margin-top:-210px;z-index:3;}
.hl-buy__card{background:#fff;border:1px solid var(--line);border-radius:var(--r3);box-shadow:var(--sh2);overflow:hidden;}
.hl-buy__media{position:relative;aspect-ratio:16/9;background:color-mix(in srgb,var(--acc) 8%,#f6f8f7);}
.hl-buy__media img{width:100%;height:100%;object-fit:cover;}
.hl-buy__in{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;}
.hl-buy__pricebox{display:flex;flex-direction:column;}
.hl-buy__price{font-size:26px;font-weight:900;color:var(--g);line-height:1.4;}
.hl-buy__price.is-free{color:var(--gold);}
.hl-buy__sub{font-size:13px;color:var(--muted);margin-top:-6px;}
.hl-buy__state{display:flex;align-items:center;gap:6px;color:var(--g);font-weight:800;font-size:14px;}
.hl-buy__list{display:flex;flex-direction:column;gap:6px;border-top:1px dashed var(--line);padding-top:12px;margin-top:4px;font-size:13.5px;color:#3d4b47;}
.hl-buy__list li{display:flex;align-items:center;gap:8px;}
.hl-buy__list .hl-i{width:16px;height:16px;color:var(--g);}
.hl-ring{--p:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 14px;}
.hl-ring::before{content:"";grid-row:1/3;width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--g) calc(var(--p)*1%),var(--gl) 0);-webkit-mask:radial-gradient(circle,transparent 22px,#000 23px);mask:radial-gradient(circle,transparent 22px,#000 23px);}
.hl-ring b{font-size:20px;color:var(--g);font-weight:900;line-height:1.2;}
.hl-ring span{font-size:12.5px;color:var(--muted);}
.hl-course__main{grid-column:1;grid-row:1;min-width:0;}
.hl-tabs{position:sticky;top:72px;z-index:2;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:14px;padding:5px;margin:18px 0 18px;}
.hl-tabs::-webkit-scrollbar{display:none;}
.hl .hl-tabs button{flex:1 0 auto;white-space:nowrap;padding:9px 16px;border-radius:10px;font-size:14px;font-weight:800;color:var(--muted);transition:all .2s;}
.hl .hl-tabs button i{font-style:normal;font-size:11.5px;background:var(--gs);color:var(--g);border-radius:20px;padding:0 8px;margin-right:4px;}
.hl .hl-tabs button:hover{color:var(--g);background:var(--gs);}
.hl .hl-tabs button.is-on{color:#fff;background:var(--g);box-shadow:0 6px 16px -10px rgba(5,73,62,.8);}
.hl .hl-tabs button.is-on i{background:rgba(255,255,255,.18);color:#f3d9a4;}
.hl-panel{animation:hlIn .25s ease;}
.hl-panel[hidden]{display:none;}
@keyframes hlIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.hl-panel__lead{color:var(--muted);font-size:13.5px;}
.hl-sub{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:900;color:var(--g);margin:34px 0 14px;}
.hl-sub .hl-i{color:var(--gold);width:20px;height:20px;}
.hl-glance{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 0;}
.hl-glance li{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;}
.hl-glance .hl-i{width:36px;height:36px;padding:8px;border-radius:10px;background:var(--gs);color:var(--g);flex:0 0 36px;}
.hl-glance small{display:block;color:var(--muted);font-size:12px;line-height:1.6;}
.hl-glance b{display:block;color:var(--ink);font-size:14px;font-weight:800;line-height:1.6;}
.hl-mapline{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;counter-reset:m;margin-bottom:10px;}
.hl-mapline li{position:relative;display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px 12px 14px;padding-right:56px;min-height:64px;justify-content:center;}
.hl-mapline__n{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--gs);color:var(--g);font-weight:900;}
.hl-mapline li.is-free{border-color:#ecd9b2;background:linear-gradient(90deg,#fff,#fdf8ee);}
.hl-mapline li.is-free .hl-mapline__n{background:var(--golds);color:var(--gold);}
.hl-mapline b{font-size:14px;line-height:1.7;font-weight:800;}
.hl-mapline small{color:var(--muted);font-size:12px;}
.hl-tagrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}
.hl-tagrow span{font-size:12.5px;color:var(--muted);background:#f6f9f7;border:1px solid var(--line);border-radius:20px;padding:2px 12px;}
.hl-duo__box.is-soft{border-top-color:#7b8f88;}
.hl-reviews-sec{background:#fff;border-top:1px solid var(--line);}
.hl-reviews-sec .hl-reviews__in{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;}
.hl-block{padding:30px 0 6px;scroll-margin-top:130px;}
.hl-block__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.hl-block__top .hl-head{flex:1;}
.hl-block__top .hl-link{margin-top:8px;white-space:nowrap;}
.hl-video{border-radius:var(--r2);overflow:hidden;margin-bottom:18px;box-shadow:var(--sh);}
.hl-prose.is-clamped{max-height:340px;overflow:hidden;-webkit-mask:linear-gradient(#000 70%,transparent);mask:linear-gradient(#000 70%,transparent);}
.hl .hl-more{display:inline-flex;align-items:center;gap:6px;color:var(--g);font-weight:800;margin-top:8px;}
.hl .hl-more[aria-expanded="true"] .hl-i{transform:rotate(180deg);}
.hl-learn{display:grid;grid-template-columns:1fr 1fr;gap:4px 28px;background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:16px 20px;}
.hl-learn li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.9;padding:6px 0;border-bottom:1px dashed #edf1ef;}
.hl-learn .hl-i{flex:0 0 20px;width:20px;height:20px;padding:3px;border-radius:50%;background:var(--gs);color:var(--g);margin-top:4px;stroke-width:2.6;}

/* Curriculum accordion */
.hl-acc{display:flex;flex-direction:column;gap:10px;}
.hl-acc__item{background:#fff;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;}
.hl-acc__item.is-free{border-color:#ecd9b2;}
.hl-acc__item > summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:14px 16px;}
.hl-acc__item > summary::-webkit-details-marker{display:none;}
.hl-acc__item[open] > summary{background:#fafcfb;border-bottom:1px solid var(--line);}
.hl-acc__n{flex:0 0 34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--gs);color:var(--g);font-weight:900;}
.hl-acc__item.is-free .hl-acc__n{background:var(--golds);color:var(--gold);}
.hl-acc__t{flex:1;min-width:0;}
.hl-acc__t b{display:block;font-weight:800;font-size:15px;line-height:1.7;}
.hl-acc__t small{color:var(--muted);font-size:12.5px;}
.hl-free{font-size:11.5px;font-weight:800;color:#fff;background:var(--gold);border-radius:20px;padding:2px 10px;}
.hl-acc__chev{color:var(--muted);transition:transform .25s;}
.hl-acc__item[open] .hl-acc__chev{transform:rotate(180deg);}
.hl-acc__sum{padding:12px 18px 0;font-size:13.5px;color:var(--muted);}
.hl-acc__list{padding:6px 8px 10px;}
.hl-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:14px;}
.hl-item:hover{background:#f7faf8;}
.hl-item > a,.hl-item > span:not(.hl-item__i):not(.hl-item__meta){flex:1;min-width:0;line-height:1.8;}
.hl-item > a{color:var(--ink)!important;font-weight:600;}
.hl-item > a:hover{color:var(--g)!important;}
.hl-item > span:not(.hl-item__i):not(.hl-item__meta){color:#55625e;}
.hl-item__i{flex:0 0 30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f2f5f4;color:var(--muted);}
.hl-item__i .hl-i{width:16px;height:16px;}
.hl-item.is-video .hl-item__i{background:#fdecf2;color:#b4235a;}
.hl-item.is-tool .hl-item__i{background:#fdeeee;color:#b3261e;}
.hl-item.is-article .hl-item__i{background:var(--gs);color:var(--g);}
.hl-item.is-quiz .hl-item__i{background:#eef1fb;color:#3f51b5;}
.hl-item.is-assignment .hl-item__i,.hl-item.is-practice .hl-item__i{background:#f3effa;color:#5b3fa0;}
.hl-item.is-case .hl-item__i{background:var(--golds);color:var(--gold);}
.hl-item.is-done .hl-item__i{background:var(--g);color:#fff;}
.hl-item__meta{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);white-space:nowrap;}
.hl-item__meta em{font-style:normal;border:1px solid var(--line);border-radius:20px;padding:0 8px;}
.hl-item__lock{width:15px!important;height:15px!important;color:#9aa7a2;}
.hl-item__free{color:var(--gold);font-weight:800;}

.hl-duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;}
.hl-duo__box{background:#fff;border:1px solid var(--line);border-top:4px solid var(--g);border-radius:var(--r2);padding:18px 20px;}
.hl-duo__box.is-alt{border-top-color:var(--gold);}
.hl-duo__box h3{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:900;color:var(--g);margin-bottom:10px;}
.hl-duo__box.is-alt h3{color:#8a5a12;}
.hl-duo__box li{position:relative;padding-right:18px;font-size:14px;line-height:1.95;margin-bottom:6px;}
.hl-duo__box li::before{content:"";position:absolute;right:2px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--gold);}
.hl-teacher{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:20px;}
.hl-teacher img{border-radius:50%;width:88px;height:88px;flex:0 0 88px;border:3px solid var(--golds);}
.hl-teacher b{display:block;font-size:17px;font-weight:900;color:var(--g);}
.hl-teacher small{display:block;color:var(--gold);font-weight:700;font-size:13px;}
.hl-teacher p{color:var(--muted);font-size:14px;margin:8px 0;}
.hl-reviews__in{font-size:14px;}
.hl-related{background:linear-gradient(#fff,#f6f9f7);}

/* Mobile action bar */
.hl-mbar{display:none;}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
	.hl-groups{grid-template-columns:1fr;}
	.hl-course__grid{grid-template-columns:minmax(0,1fr) 320px;gap:24px;}
	.hl-mini-paths{grid-template-columns:1fr 1fr 1fr;}
}
@media (max-width:860px){
	.hl-course__grid{grid-template-columns:1fr;}
	.hl-buy{grid-column:1;grid-row:auto;position:static;margin-top:0;}
	.hl-buy__card{display:grid;grid-template-columns:132px 1fr;align-items:start;}
	.hl-buy__media{aspect-ratio:auto;height:100%;min-height:150px;}
	.hl-buy__media .hl-card__ribbon{top:8px;right:8px;font-size:11px;padding:2px 8px;}
	.hl-buy__in{padding:14px 16px;gap:8px;}
	.hl-buy__price{font-size:21px;}
	.hl-buy__list{display:none;}
	.hl-glance{grid-template-columns:1fr 1fr;}
	.hl-course__main{grid-row:auto;}
	.hl-tabs{top:60px;}
	.hl-steps{grid-template-columns:1fr;}
	.hl-steps li:not(:last-child)::after{display:none;}
	.hl-mini-paths{grid-template-columns:1fr;}
	.hl-org__box{flex-direction:column;align-items:flex-start;}
	.hl-mbar{display:flex;position:fixed;inset:auto 0 0 0;z-index:50;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px -18px rgba(5,73,62,.4);transform:translateY(110%);transition:transform .3s;}
	.hl-mbar.is-show{transform:none;}
	.hl-mbar b{display:block;color:var(--g);font-weight:900;font-size:16px;line-height:1.4;}
	.hl-mbar small{color:var(--gold);font-weight:700;font-size:12px;}
	.hl-mbar .hl-btn{padding:10px 16px;font-size:14px;}
	.hl-view-course{padding-bottom:70px;}
}
@media (max-width:640px){
	.hl{font-size:14.5px;}
	.hl-sec{padding:40px 0;}
	.hl-wrap{padding:0 16px;}
	.hl-group__grid{grid-template-columns:1fr;}
	.hl-learn,.hl-duo{grid-template-columns:1fr;}
	.hl-tools{flex-direction:column;align-items:stretch;}
	.hl-tools__end{justify-content:space-between;}
	.hl-search{padding:4px;}
	.hl .hl-search button{padding:9px 14px;}
	.hl-hero--path .hl-hero__row{flex-direction:column;gap:12px;}
	.hl-hero__badge{width:56px;height:56px;border-radius:16px;}
	.hl-hero__badge .hl-i{width:30px;height:30px;}
	.hl-item__meta em{display:none;}
	.hl-teacher{flex-direction:column;}
	.hl-buy__card{grid-template-columns:96px 1fr;}
	.hl-buy__media{min-height:120px;}
	.hl-glance li{padding:10px;}
	.hl-glance .hl-i{width:30px;height:30px;padding:6px;flex-basis:30px;}
}
@media (prefers-reduced-motion:reduce){
	.hl *{transition:none!important;animation:none!important;}
}
.hl-empty--soft{text-align:right;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:20px 22px;}.hl-empty--soft .hl-i{margin:0;width:28px;height:28px;}.hl-empty--soft p{margin:0;flex:1;}.hl-empty--soft .tutor-wrap{flex-basis:100%;}

/* ---------- 1.3.2: calmer course page ---------- */
.hl-course__main .hl-panel{padding-top:6px;}
.hl-course__main .hl-prose{margin-bottom:8px;}
.hl-sub{margin:40px 0 16px!important;}
.hl-learn{grid-template-columns:1fr!important;gap:0!important;padding:8px 22px!important;margin:0 0 8px;}
.hl-learn li{padding:12px 0!important;}
.hl-learn li:last-child{border-bottom:0;}
.hl-tagrow{margin-top:28px!important;gap:10px!important;}
.hl-tagrow a{font-size:12.5px;color:var(--g)!important;background:#f6f9f7;border:1px solid var(--line);border-radius:20px;padding:4px 14px;text-decoration:none!important;transition:all .15s;}
.hl-tagrow a:hover{border-color:var(--g);background:var(--gs);}
.hl-panel__lead{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0!important;padding:0!important;}
.hl-panel__lead li{display:inline-flex;align-items:center;gap:6px;background:#f6f9f7;border:1px solid var(--line);border-radius:20px;padding:4px 12px;font-size:13px;color:var(--muted);margin:0;}
.hl-panel__lead .hl-i{width:15px;height:15px;color:var(--g);}
#curriculum .hl-block__top{align-items:center;margin-bottom:18px;}
.hl-acc__t small{display:flex;align-items:center;flex-wrap:wrap;gap:0;}
.hl-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#b8c4bf;margin:0 8px;}
.hl-acc{display:flex;flex-direction:column;gap:12px;}
.hl-acc__sum{margin:0!important;padding:14px 20px!important;line-height:2;}
.hl-rows{display:flex;flex-direction:column;gap:14px;}
.hl-rows__box{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:start;background:#fff;border:1px solid var(--line);border-right:4px solid var(--g);border-radius:var(--r2);padding:20px 22px;}
.hl-rows__box.is-alt{border-right-color:var(--gold);}
.hl-rows__box.is-soft{border-right-color:#7b8f88;}
.hl-rows__box h3{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:900;color:var(--g);margin:2px 0 0;line-height:1.8;}
.hl-rows__box.is-alt h3{color:#8a5a12;}
.hl-rows__box ul{margin:0;padding:0;list-style:none;}
.hl-rows__box li{position:relative;padding:6px 18px 6px 0;font-size:14px;line-height:1.95;border-bottom:1px dashed #edf1ef;}
.hl-rows__box li:last-child{border-bottom:0;}
.hl-rows__box li::before{content:"";position:absolute;right:2px;top:17px;width:7px;height:7px;border-radius:50%;background:var(--gold);}
.hl-facts li.is-by{padding:0;border:0;background:none;}
.hl-facts li.is-by button{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:inherit;color:inherit;background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:30px;padding:3px 12px 3px 5px;cursor:pointer;line-height:1.8;}
.hl-facts li.is-by img{width:22px;height:22px;border-radius:50%;}
.hl-facts li.is-by button:hover{border-color:var(--g);}
@media (max-width:760px){.hl-rows__box{grid-template-columns:1fr;gap:10px;}}