.off-head{display:flex;align-items:center;gap:14px;margin:18px 0 8px;}
.off-icon{font-size:2rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;position:relative;isolation:isolate}
.off-icon::after{content:"";position:absolute;inset:-8px;border-radius:14px;background:currentColor;opacity:.08;z-index:-1}
.off-summary{color:var(--text-2);margin:10px 0 22px}
.lesson-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.lesson-grid{grid-template-columns:1fr}}

.lesson-card{
  position: relative;
  background:#fff;
  border:1px solid var(--border);
  border-radius:14px;
  padding:16px 18px;
  box-shadow:var(--shadow-1);
}

.lesson-card::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100px;
  background: currentColor;
  opacity: 0.05;
  border-radius: 50%;
  transform: translate(50px, -50px);
}
    
.lesson-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.lesson-title h3{font-size:1.05rem;margin:0}
.parts{display:grid;gap:6px;margin-top:8px}
.part{color:var(--text-2);font-size:.95rem}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.chip{background:linear-gradient(135deg,var(--campus-blue),var(--campus-green));color:#fff;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:700}
.pill{background:#eef2ff;color:#4338ca;border-radius:999px;padding:2px 8px;font-size:.72rem}
.section{margin:26px 0}
.cards-3{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.cards-3{grid-template-columns:1fr}}
.mini a{display:block;background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px 14px}