.po-course-layout{grid-template-areas:"cover""action""details";gap:1.25rem;display:grid}.po-course-cover{grid-area:cover;gap:1rem;min-width:0;display:grid}.po-course-action{grid-area:action}.po-course-details{grid-area:details;gap:2rem;min-width:0;padding:1rem 0 2rem;display:grid}.po-course-brand{align-items:center;gap:.75rem;min-width:0;display:flex}.po-course-brand-text{min-width:0;display:grid}.po-course-brand-name{font-weight:700;font-size:var(--po-text-body-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.po-course-brand-by{font-size:var(--po-text-body-1);color:var(--po-muted)}.po-course-img{aspect-ratio:16/9;border-radius:var(--po-radius-lg);background:color-mix(in oklab,var(--accent)22%,var(--surface));margin:0;overflow:hidden}.po-course-img img{object-fit:cover;width:100%;height:100%;display:block}.po-course-cover .po-of-plan{font-family:var(--po-font-display);letter-spacing:-.02em;font-size:1.5rem;line-height:1.1}.po-course-facts{font-size:var(--po-text-body-1);color:var(--po-muted);margin:.75rem 0 0}.po-course-sec{min-width:0}.po-course-sec-h{font-family:var(--po-font-display);font-size:var(--po-text-heading-1);letter-spacing:-.01em;margin:0 0 .75rem;font-weight:700}.po-course-desc{white-space:pre-line;overflow-wrap:anywhere;font-size:var(--po-text-body-2);margin:0;line-height:1.6}.po-course-mods{gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.po-course-mod{border:1px solid var(--border);border-radius:var(--po-radius-md);background:var(--background);grid-template-columns:1.5rem 5.5rem minmax(0,1fr);align-items:center;gap:.75rem;padding:.5rem .75rem .5rem .5rem;display:grid}.po-course-mod-n{font-family:var(--po-font-display);font-weight:700;font-size:var(--po-text-body-2);color:var(--po-hl);text-align:center}.po-course-mod-img{aspect-ratio:16/9;border-radius:var(--po-radius-sm);background:color-mix(in oklab,var(--accent)22%,var(--surface));width:5.5rem;overflow:hidden}.po-course-mod-img img{object-fit:cover;width:100%;height:100%;display:block}.po-course-mod-text{gap:.125rem;min-width:0;display:grid}.po-course-mod-name{font-weight:600;font-size:var(--po-text-body-2);overflow-wrap:anywhere;margin:0}.po-course-mod-desc{font-size:var(--po-text-body-1);color:var(--po-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.po-course-mod-meta{font-size:var(--po-text-caption-2);color:var(--po-muted);margin:0}.po-course-card{border:1px solid var(--border);border-radius:var(--po-radius-lg);background:var(--background);align-items:center;gap:1rem;padding:1rem;display:flex}.po-course-card+.po-course-card{margin-top:.75rem}.po-course-card--top{align-items:flex-start}.po-course-avatar{border-radius:var(--po-radius-md);flex:none;width:3.5rem;height:3.5rem;overflow:hidden}.po-course-avatar img{object-fit:cover;width:100%;height:100%;display:block}.po-course-card-text{gap:.125rem;min-width:0;display:grid}.po-course-card-name{font-weight:700;font-size:var(--po-text-body-2);margin:0}.po-course-card-sub{font-size:var(--po-text-body-1);color:var(--po-muted);white-space:pre-line;overflow-wrap:anywhere;margin:0}.po-course-act{gap:.75rem;display:grid}.po-course-act-h{font-family:var(--po-font-display);font-size:var(--po-text-heading-1);margin:0;font-weight:700}.po-course-act-sub{font-size:var(--po-text-body-1);color:var(--po-muted);overflow-wrap:anywhere;margin:0}.po-course-act-sum{border:1px solid var(--border);border-radius:var(--po-radius-sm);background:var(--background);font-size:var(--po-text-body-1);margin:.25rem 0 0;padding:.625rem .875rem}.po-course-or{font-size:var(--po-text-caption-2);color:var(--po-muted);align-items:center;gap:.75rem;display:flex}.po-course-or:before,.po-course-or:after{content:"";background:var(--border);flex:1;height:1px}.po-course-owned-ic{color:var(--success)}@media (min-width:1024px){.po-course-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"cover action""details action";align-items:start;gap:0 3.5rem}.po-course-brand{display:none}.po-course-img{border-radius:var(--po-radius-xl)}.po-course-cover .po-offer{padding:1.5rem}.po-course-cover .po-of-plan{font-size:1.875rem}.po-course-action{position:-webkit-sticky;position:sticky;top:1rem}.po-course-details{padding-top:2.5rem}}