.course-intro{display:grid;gap:32px;font-size:16px;line-height:1.75}.course-intro h3,.course-intro h4,.course-intro ol,.course-intro p,.course-intro ul{margin:0;padding:0}.course-intro ol,.course-intro ul{list-style:none}.course-intro .intro-hot{color:var(--destructive);font-weight:700}:root:is([data-theme=dark],.dark) .course-intro .intro-hot{color:var(--stock-up)}.course-intro .intro-accent{color:var(--primary);font-weight:700}.course-intro .intro-mark{background:color-mix(in srgb,var(--primary) 14%,transparent);color:inherit;border-radius:var(--radius-sm,4px);padding-inline:2px}.course-intro .intro-lead{display:grid;gap:12px}.course-intro .intro-lead-title{font-family:var(--font-heading);font-size:20px;line-height:1.5;font-weight:700;text-wrap:balance}.course-intro .intro-lead-lines{display:grid;gap:2px}.course-intro .intro-outline{display:grid;gap:16px}.course-intro .intro-outline-note{font-weight:700}.course-intro .intro-courses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.course-intro .intro-course{min-width:0;background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.course-intro .intro-course>h3,.course-intro .intro-plan>h3{padding:14px 16px;font-family:var(--font-heading);font-size:18px;line-height:1.4;font-weight:700;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--card))}.course-intro .intro-units li{display:grid;grid-template-columns:68px minmax(0,1fr);gap:8px;padding:9px 16px;border-top:1px solid var(--border);line-height:1.5}.course-intro .intro-units li:first-child{border-top:0}.course-intro .intro-unit-no{color:var(--muted-foreground);font-variant-numeric:tabular-nums}.course-intro .intro-pitch{padding-block:4px}.course-intro .intro-notice{display:grid;gap:10px;padding:18px 20px;background:color-mix(in srgb,var(--primary) 6%,var(--card));border:1px solid var(--border);border-radius:var(--radius-lg)}.course-intro .intro-notice h3{font-size:16px;font-weight:700}.course-intro .intro-notice-list{display:grid;gap:6px}.course-intro .intro-notice-list li{display:grid;grid-template-columns:22px minmax(0,1fr);line-height:1.6}.course-intro .intro-notice-no{font-variant-numeric:tabular-nums;color:var(--muted-foreground)}.course-intro .intro-notice a,.course-intro a{color:var(--primary);overflow-wrap:anywhere}.course-intro .intro-offer{display:grid;gap:8px;padding:18px 20px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--primary) 10%,var(--card))}.course-intro .intro-offer-main{font-family:var(--font-heading);font-size:20px;line-height:1.5;font-weight:700}.course-intro .intro-offer-tag{justify-self:start;padding:4px 12px;border-radius:var(--radius-md);background:var(--primary);color:var(--primary-foreground);font-weight:700}.course-intro .intro-plan{min-width:0;display:grid;background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.course-intro .intro-plan>h3{padding-inline:20px}.course-intro .intro-plan-body{display:grid;gap:20px;padding:18px 20px 20px}.course-intro .intro-checks,.course-intro .intro-intro{display:grid;gap:2px}.course-intro .intro-checks li:before{content:"✓";color:var(--primary);font-weight:700;margin-inline-end:8px}.course-intro .intro-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding-block:14px;border-block:1px solid var(--border)}.course-intro .intro-facts>div{min-width:0;display:grid}.course-intro .intro-dt{color:var(--muted-foreground)}.course-intro .intro-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.course-intro .intro-dd{font-weight:700;line-height:1.5}.course-intro .intro-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.course-intro .intro-list-col{min-width:0;display:grid;gap:6px;align-content:start}.course-intro .intro-heading,.course-intro .intro-list-col h4{font-size:16px;font-weight:700}.course-intro .intro-notes,.course-intro .intro-plain{display:grid;gap:4px;line-height:1.6}.course-intro .intro-notes{padding-top:12px;border-top:1px solid var(--border);color:var(--muted-foreground)}@media (max-width:639px){.course-intro{gap:24px}.course-intro .intro-cols,.course-intro .intro-courses{grid-template-columns:minmax(0,1fr)}.course-intro .intro-notice{padding:16px}}