/* Skillhacc Jobs V84E — course catalogue */
:root{--sj-blue:#0d5ed7;--sj-blue2:#063b86;--sj-gold:#f4b51f;--sj-green:#0fa15c;--sj-ink:#11243d;--sj-muted:#67778b;--sj-line:#dfe7f2;--sj-bg:#f5f8fc}
.course84e-hero{padding:72px 0 56px;background:linear-gradient(135deg,#062d68 0%,#0b5fd7 56%,#0d8b69 100%);color:#fff;position:relative;overflow:hidden}
.course84e-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-140px;top:-120px;background:radial-gradient(circle,#ffd35c55,transparent 66%)}
.course84e-hero .sj-container{position:relative;z-index:1}.course84e-hero h1{font:800 clamp(34px,5vw,62px)/1.05 Manrope,Inter,sans-serif;max-width:900px;margin:13px 0}.course84e-hero h1 span{color:#ffd15a}.course84e-hero p{max-width:780px;font-size:18px;line-height:1.7;color:#eaf4ff}.course84e-prices{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.course84e-pricepill{background:#fff;color:var(--sj-ink);border-radius:999px;padding:12px 16px;font-weight:800;box-shadow:0 8px 26px #06285a30}.course84e-pricepill b{color:var(--sj-blue)}
.course84e-main{padding:42px 0 80px;background:var(--sj-bg)}.course84e-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 28px}.course84e-search{flex:1;min-width:260px;border:1px solid var(--sj-line);background:white;border-radius:14px;padding:13px 15px;font:600 14px Inter}.course84e-filter{border:1px solid var(--sj-line);background:white;border-radius:999px;padding:10px 14px;font-weight:800;color:#40536b;cursor:pointer}.course84e-filter.active{background:var(--sj-blue);border-color:var(--sj-blue);color:#fff}
.course84e-section{margin:36px 0 48px}.course84e-sectionhead{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:18px}.course84e-sectionhead h2{margin:4px 0;font:800 28px/1.2 Manrope,Inter,sans-serif}.course84e-count{color:var(--sj-muted);font-weight:700}
.course84e-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course84e-card{background:white;border:1px solid #e2eaf4;border-radius:22px;padding:22px;box-shadow:0 12px 34px #163e7010;display:flex;flex-direction:column;min-height:390px;position:relative;overflow:hidden}.course84e-card:before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:linear-gradient(90deg,var(--sj-blue),var(--sj-gold),var(--sj-green))}.course84e-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.course84e-cat{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#57708c}.course84e-card h3{font:800 21px/1.25 Manrope,Inter,sans-serif;margin:18px 0 6px}.course84e-sub{font-size:13px;font-weight:800;color:var(--sj-blue);min-height:34px}.course84e-desc{color:var(--sj-muted);font-size:14px;line-height:1.6;margin:12px 0}.course84e-toolsline{font-size:12px;font-weight:800;color:#40536b;background:#f4f7fb;border-radius:10px;padding:10px 11px;margin-top:auto}.course84e-modeprices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.course84e-mode{border:1px solid var(--sj-line);border-radius:13px;padding:10px}.course84e-mode small{display:block;color:var(--sj-muted);font-size:10px;font-weight:800;text-transform:uppercase}.course84e-mode b{display:block;font-size:18px;margin-top:2px}.course84e-mode.off{opacity:.48;background:#fafbfc}.course84e-card .sj-btn{width:100%;text-align:center}
.availability.open{background:#e9f8ef;color:#08733e}.availability.unavailable{background:#f2f4f7;color:#69778a}.availability.limited{background:#fff3dc;color:#9a6200}.availability.soon{background:#edf3ff;color:#2e5eb0}.availability{font-size:11px;font-weight:900;border-radius:999px;padding:7px 9px;white-space:nowrap}
.course84e-empty{grid-column:1/-1;background:white;border:1px dashed #cfd9e6;border-radius:18px;padding:32px;text-align:center;color:var(--sj-muted)}
/* detail */
.course84e-detailhero{padding:54px 0;background:linear-gradient(135deg,#062d68,#0c63dd);color:white}.course84e-detailhero h1{font:800 clamp(32px,4vw,50px)/1.08 Manrope;margin:12px 0}.course84e-detailhero p{max-width:760px;color:#e9f2ff;line-height:1.7}.course84e-detailgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:22px;padding:34px 0 76px}.course84e-panel{background:white;border:1px solid var(--sj-line);border-radius:20px;padding:24px;margin-bottom:18px}.course84e-panel h2{font:800 24px Manrope;margin:5px 0 16px}.course84e-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.course84e-fact{background:#f5f8fc;border-radius:12px;padding:13px}.course84e-fact small{display:block;color:var(--sj-muted);font-weight:700}.course84e-fact b{display:block;margin-top:4px}.course84e-list{display:grid;gap:10px}.course84e-item{display:flex;gap:12px;align-items:flex-start;background:#f7f9fc;border-radius:13px;padding:13px}.course84e-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--sj-blue);color:#fff;font-size:12px;font-weight:900;flex:0 0 auto}.course84e-item span{color:#52657b;line-height:1.55}
.course84e-buy{position:sticky;top:18px;align-self:start;background:white;border:1px solid var(--sj-line);border-radius:22px;overflow:hidden;box-shadow:0 14px 40px #163e7014}.course84e-buyhead{padding:20px;background:linear-gradient(120deg,#082f6c,#0b60d8);color:#fff}.course84e-buybody{padding:20px}.course84e-modecard{border:1px solid var(--sj-line);border-radius:16px;padding:16px;margin:12px 0}.course84e-modecard h3{margin:0 0 4px}.course84e-modecard .old{text-decoration:line-through;color:#8996a8;font-size:12px}.course84e-modecard .price{font-size:27px;font-weight:900;color:var(--sj-ink)}.course84e-modecard .quiz{font-size:12px;font-weight:800;color:var(--sj-green);margin:5px 0 11px}.course84e-modecard.disabled{opacity:.58;background:#fafbfc}.course84e-slotnote{font-size:12px;color:var(--sj-muted);line-height:1.5;margin-top:12px}
/* admin */
.admin84e-toolbar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;background:#fff;border:1px solid var(--sj-line);border-radius:18px;padding:16px;margin-bottom:20px}.admin84e-toolbar input,.admin84e-toolbar select,.admin84e-card input,.admin84e-card select,.admin84e-card textarea{width:100%;border:1px solid #d7e0ec;border-radius:10px;padding:10px 11px;font:500 13px Inter;background:#fff}.admin84e-card textarea{min-height:92px;resize:vertical}.admin84e-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin84e-card{background:#fff;border:1px solid var(--sj-line);border-radius:20px;padding:20px}.admin84e-title{display:flex;justify-content:space-between;gap:10px;align-items:start}.admin84e-title h2{margin:0;font:800 21px Manrope}.admin84e-statusline{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.admin84e-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin84e-card label{display:block;font-size:12px;font-weight:800;color:#42566d;margin:10px 0}.admin84e-checks{display:flex;gap:18px;flex-wrap:wrap}.admin84e-checks label{display:flex;gap:8px;align-items:center}.admin84e-checks input{width:auto}.admin84e-help{font-size:11px;color:#7a899a;line-height:1.45}.admin84e-live{font-weight:900;color:#08733e}.admin84e-off{font-weight:900;color:#7b8795}
@media(max-width:980px){.course84e-grid{grid-template-columns:repeat(2,1fr)}.course84e-detailgrid{grid-template-columns:1fr}.course84e-buy{position:static}.admin84e-grid{grid-template-columns:1fr}.admin84e-toolbar{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.course84e-grid{grid-template-columns:1fr}.course84e-sectionhead{align-items:start;flex-direction:column}.course84e-facts{grid-template-columns:1fr}.course84e-modeprices{grid-template-columns:1fr}.admin84e-toolbar,.admin84e-row{grid-template-columns:1fr}.course84e-hero{padding:52px 0 42px}}