.skidemy-wrap {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px;
}

.skidemy-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin: 20px 0;
}

.skidemy-box {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.skidemy-thumb {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 12px;
}

.skidemy-notice {
    background: #f1f8ff;
    border-left: 4px solid #2271b1;
    padding: 12px;
    margin: 10px 0 15px;
}

.skidemy-btn-link,
.skidemy-box button,
.skidemy-box input[type="submit"] {
    display: inline-block;
    background: #2271b1;
    color: #fff;
    text-decoration: none;
    border: 0;
    border-radius: 6px;
    padding: 10px 14px;
    cursor: pointer;
}

.skidemy-box input[type="text"],
.skidemy-box input[type="email"],
.skidemy-box input[type="url"],
.skidemy-box input[type="number"],
.skidemy-box input[type="password"],
.skidemy-box select,
.skidemy-box textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-sizing: border-box;
}

.skidemy-box textarea {
    min-height: 120px;
}

.skidemy-inline-form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 15px;
    align-items: end;
}


.skidemy-dashboard-topbar { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-bottom:20px; flex-wrap:wrap; }
.skidemy-builder-tabs { display:flex; gap:10px; flex-wrap:wrap; margin:20px 0; }
.skidemy-tab, .skidemy-link-button { border:1px solid #ccd0d4; background:#fff; color:#1d2327; border-radius:999px; padding:10px 16px; cursor:pointer; text-decoration:none; }
.skidemy-tab.is-active { background:#2271b1; color:#fff; border-color:#2271b1; }
.skidemy-tab-panel { display:none; }
.skidemy-tab-panel.is-active { display:block; }
.skidemy-stats-grid .skidemy-box { text-align:center; }
.skidemy-stat { font-size:1.5rem; font-weight:700; margin:0; }
.skidemy-builder-layout { align-items:start; }
.skidemy-media-field { display:block; margin-bottom:16px; }
.skidemy-media-field label { display:block; font-weight:600; margin-bottom:6px; }
.skidemy-media-field .small-text { min-width:140px; }
.skidemy-thumbnail-preview { margin-top:10px; }
.skidemy-thumbnail-preview img { display:block; max-width:220px; max-height:180px; border-radius:14px; object-fit:cover; border:1px solid #e2e8f0; background:#fff; }
.skidemy-media-row { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.skidemy-media-row .skidemy-media-target { flex:1; min-width:220px; }
.skidemy-thumbnail-preview img { max-width:220px; margin-top:10px; }
.skidemy-curriculum-course { border:1px solid #e2e8f0; border-radius:12px; padding:16px; margin-bottom:16px; }
.skidemy-curriculum-header { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:10px; }
.skidemy-sortable-lessons { list-style:none; padding:0; margin:0; }
.skidemy-sortable-item { display:flex; align-items:center; gap:12px; justify-content:space-between; border:1px solid #e5e7eb; border-radius:10px; padding:12px; margin-bottom:10px; background:#fff; }
.skidemy-drag-handle { cursor:move; font-size:20px; line-height:1; }
.skidemy-sortable-copy { flex:1; }
.skidemy-sortable-copy small { display:block; color:#666; }
.skidemy-sortable-actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.skidemy-inline-editor textarea { min-height:180px; }
.skidemy-inline-status-text { margin-top:10px; font-weight:600; }
.skidemy-table-wrap { overflow:auto; }
.skidemy-table { width:100%; border-collapse:collapse; }
.skidemy-table th, .skidemy-table td { border-bottom:1px solid #e5e7eb; padding:10px; text-align:left; }
.skidemy-clean-list { margin:0; padding-left:18px; }
.skidemy-video iframe, .skidemy-video video { width:100%; max-width:100%; }
@media (max-width: 700px) { .skidemy-sortable-item { align-items:flex-start; flex-direction:column; } }
.skidemy-subbox { margin-top: 16px; background: #f8fafc; border-style: dashed; }
.skidemy-progress-bar { width: 100%; height: 12px; background: #e5e7eb; border-radius: 999px; overflow: hidden; margin: 8px 0; }
.skidemy-progress-bar span { display: block; height: 100%; background: #2271b1; }
.skidemy-quiz-question { padding: 14px; border: 1px solid #e5e7eb; border-radius: 10px; margin-bottom: 14px; }
.skidemy-option { display: block; margin: 8px 0; }
.skidemy-lesson-complete { margin-top: 16px; }

.skidemy-workspace-sections { margin: 18px 0 24px; }
.skidemy-workspace-list { list-style:none; margin:0; padding:0; }
.skidemy-workspace-list li { padding:10px 0; border-bottom:1px solid #e5e7eb; }
.skidemy-workspace-list li:last-child { border-bottom:0; }
.skidemy-workspace-list a { display:block; font-weight:600; text-decoration:none; }
.skidemy-workspace-list span { display:block; color:#666; margin-top:4px; }


.skidemy-accordion-stack { display:grid; gap:16px; }
.skidemy-accordion { border:1px solid #dbe3ea; border-radius:16px; background:#fff; overflow:hidden; box-shadow:0 2px 8px rgba(15,23,42,.04); }
.skidemy-accordion summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:18px 20px; font-weight:700; background:#f8fafc; }
.skidemy-accordion summary::-webkit-details-marker { display:none; }
.skidemy-accordion summary::after { content:'+'; font-size:22px; line-height:1; }
.skidemy-accordion[open] summary::after { content:'−'; }
.skidemy-accordion-panel { padding:18px; background:#fff; }
.skidemy-content-manager-intro .skidemy-box { box-shadow:none; }
.skidemy-content-manager-metrics .skidemy-box { padding:14px 16px; }
.skidemy-manager-filter { margin-top:12px; }
.skidemy-manager-filter p { margin:0; }
.skidemy-accordion-jump { scroll-margin-top:90px; }
.skidemy-manager-context-card { padding:14px 16px; }
.skidemy-manager-context-card span { display:block; margin-top:6px; color:#475569; }
.skidemy-manager-step-tabs { display:flex; flex-wrap:wrap; gap:10px; }
.skidemy-manager-step-tabs .skidemy-tab { display:inline-flex; align-items:center; justify-content:center; min-height:42px; }
.skidemy-manager-step-tabs .skidemy-tab.is-locked { cursor:not-allowed; opacity:.55; background:#f1f5f9; border:1px dashed #cbd5e1; color:#64748b; text-decoration:none; }


.skidemy-identity-header { position:relative; overflow:hidden; border-radius:28px; background:#fff; border:1px solid rgba(15,23,42,.08); box-shadow:0 18px 50px rgba(15,23,42,.08); margin:0 0 20px; }
.skidemy-identity-cover { min-height:220px; background:linear-gradient(135deg, var(--skidemy-brand-primary, #1d4ed8), var(--skidemy-brand-secondary, #7c3aed)); background-size:cover; background-position:center; }
.skidemy-identity-body { position:relative; display:flex; gap:20px; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; padding:0 24px 24px; margin-top:-54px; }
.skidemy-identity-avatar-wrap { flex:0 0 auto; }
.skidemy-identity-avatar { width:116px; height:116px; border-radius:24px; object-fit:cover; border:4px solid #fff; box-shadow:0 12px 32px rgba(15,23,42,.18); background:#fff; }
.skidemy-identity-avatar-fallback { display:flex; align-items:center; justify-content:center; font-size:2.2rem; font-weight:800; color:#fff; background:var(--skidemy-brand-primary, #1d4ed8); }
.skidemy-identity-copy { flex:1 1 320px; min-width:260px; }
.skidemy-identity-kicker { margin:0 0 8px; font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#64748b; }
.skidemy-identity-copy h2 { margin:0 0 8px; font-size:2rem; line-height:1.15; }
.skidemy-identity-tagline { margin:0 0 8px; font-size:1.05rem; font-weight:600; color:#0f172a; }
.skidemy-identity-description { margin:0; max-width:820px; color:#475569; }
.skidemy-identity-meta { margin:10px 0 0; font-size:.95rem; color:#334155; }
.skidemy-identity-actions { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.skidemy-academy-identity-header .skidemy-identity-avatar { border-radius:28px; }
@media (max-width: 700px) {
  .skidemy-identity-cover { min-height:170px; }
  .skidemy-identity-body { padding:0 16px 18px; margin-top:-44px; }
  .skidemy-identity-avatar { width:92px; height:92px; border-radius:20px; }
  .skidemy-identity-copy h2 { font-size:1.6rem; }
}

.skidemy-kicker { display:inline-flex; align-items:center; gap:8px; font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#64748b; }
.skidemy-btn-block { display:block; width:100%; text-align:center; }
.skidemy-link-button.skidemy-btn-block { width:100%; box-sizing:border-box; }
.skidemy-pill { display:inline-flex; align-items:center; padding:4px 10px; border-radius:999px; background:#eff6ff; border:1px solid #dbeafe; color:#1d4ed8; font-size:.8rem; font-weight:600; margin-right:8px; }
.skidemy-pill.is-success { background:#ecfdf5; border-color:#bbf7d0; color:#15803d; }
.skidemy-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:18px; }
.skidemy-secondary-cta { display:grid; gap:10px; margin:12px 0 16px; }

.skidemy-course-catalog { display:grid; gap:22px; }
.skidemy-course-catalog-hero { display:flex; justify-content:space-between; gap:22px; flex-wrap:wrap; align-items:flex-end; background:linear-gradient(135deg, #0f172a, #111827); color:#fff; border-color:transparent; }
.skidemy-course-catalog-hero p, .skidemy-course-catalog-hero .skidemy-kicker { color:rgba(255,255,255,.78); }
.skidemy-course-catalog-copy { flex:1 1 460px; }
.skidemy-course-catalog-copy h2 { margin:10px 0 10px; color:#fff; }
.skidemy-course-catalog-stats { display:grid; grid-template-columns:repeat(2, minmax(120px, 1fr)); gap:14px; min-width:260px; }
.skidemy-course-catalog-stat { padding:16px 18px; border-radius:18px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.12); }
.skidemy-course-catalog-stat strong { display:block; font-size:1.9rem; line-height:1; color:#fff; margin-bottom:6px; }
.skidemy-course-catalog-stat span { color:rgba(255,255,255,.78); }
.skidemy-course-catalog-filters { margin-top:-4px; }
.skidemy-course-card-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:22px; }
.skidemy-course-card { padding:0; overflow:hidden; display:flex; flex-direction:column; }
.skidemy-course-card-media { display:block; aspect-ratio:16/9; background:linear-gradient(135deg, #dbeafe, #ede9fe); overflow:hidden; }
.skidemy-course-card-media .skidemy-thumb { width:100%; height:100%; object-fit:cover; margin:0; border-radius:0; }
.skidemy-course-card-placeholder { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:2.8rem; font-weight:800; color:#1e293b; }
.skidemy-course-card-body { padding:18px; display:grid; gap:12px; }
.skidemy-course-card-topline { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; color:#64748b; font-size:.92rem; }
.skidemy-course-card h3 { margin:0; font-size:1.16rem; line-height:1.35; }
.skidemy-course-card h3 a { color:inherit; text-decoration:none; }
.skidemy-course-card-instructor, .skidemy-course-card-excerpt { margin:0; color:#475569; }
.skidemy-course-card-instructor a { text-decoration:none; }
.skidemy-course-card-rating, .skidemy-course-hero-meta { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.skidemy-rating-stars { color:#f59e0b; font-size:1rem; letter-spacing:.08em; }
.skidemy-rating-text, .skidemy-rating-empty { color:#475569; font-size:.95rem; }
.skidemy-course-card-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding-top:8px; border-top:1px solid #e2e8f0; }
.skidemy-course-card-grid-related .skidemy-course-card.is-compact .skidemy-course-card-body { gap:10px; }

.skidemy-course-page { display:grid; gap:24px; }
.skidemy-course-hero { display:grid; grid-template-columns:minmax(0, 1.35fr) minmax(280px, .9fr); gap:24px; align-items:stretch; background:linear-gradient(135deg, #0f172a, #111827); color:#fff; border-color:transparent; overflow:hidden; }
.skidemy-course-hero-copy { padding:6px 4px 6px 0; }
.skidemy-course-hero-copy h1 { margin:12px 0 12px; color:#fff; font-size:clamp(2rem, 4vw, 3rem); line-height:1.08; }
.skidemy-course-subtitle { margin:0 0 16px; color:rgba(255,255,255,.82); font-size:1.08rem; max-width:720px; }
.skidemy-course-hero .skidemy-rating-text, .skidemy-course-hero .skidemy-rating-empty, .skidemy-course-hero .skidemy-kicker, .skidemy-course-hero-meta span, .skidemy-course-byline { color:rgba(255,255,255,.8); }
.skidemy-course-byline { margin:12px 0 0; }
.skidemy-course-byline a { color:#fff; text-decoration:none; font-weight:700; }
.skidemy-course-hero-media { border-radius:22px; overflow:hidden; min-height:260px; background:rgba(255,255,255,.08); }
.skidemy-course-hero-media .skidemy-thumb { width:100%; height:100%; object-fit:cover; margin:0; }
.skidemy-course-hero-placeholder { width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.04)); }
.skidemy-course-hero-placeholder span { font-size:4rem; font-weight:800; color:#fff; }
.skidemy-curriculum-list { display:grid; gap:12px; }
.skidemy-curriculum-row { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; padding:16px 18px; border-radius:18px; border:1px solid #e2e8f0; background:#fff; }
.skidemy-curriculum-row-main { display:flex; align-items:flex-start; gap:14px; flex:1 1 360px; }
.skidemy-curriculum-index { flex:0 0 auto; width:42px; height:42px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:#0f172a; color:#fff; font-weight:700; }
.skidemy-curriculum-row h4 { margin:0 0 6px; font-size:1rem; }
.skidemy-curriculum-row p { margin:0; }
.skidemy-curriculum-lock { color:#64748b; font-weight:600; }
.skidemy-course-purchase-card { display:grid; gap:16px; }
.skidemy-course-price { font-size:2rem; font-weight:800; color:#0f172a; }
.skidemy-course-cta-form { margin:0; }

@media (max-width: 1080px) {
  .skidemy-course-hero { grid-template-columns:1fr; }
}
@media (max-width: 700px) {
  .skidemy-course-catalog-stats { grid-template-columns:1fr; min-width:0; width:100%; }
  .skidemy-course-card-footer,
  .skidemy-curriculum-row { align-items:flex-start; }
  .skidemy-course-hero-media { min-height:200px; }
}