.inflearn-course-promo{color:var(--paper-0);border-top:1px solid var(--ink-3);border-bottom:1px solid var(--ink-3);align-items:center;gap:20px;text-decoration:none;transition:color .14s ease-out,border-color .14s ease-out;display:grid}.inflearn-course-promo:hover{color:var(--phosphor);border-color:var(--paper-2)}.inflearn-course-promo-media{background:var(--ink-2);border:1px solid var(--ink-3);display:block;overflow:hidden}.inflearn-course-promo-media img{object-fit:cover;width:100%;height:100%;display:block}.inflearn-course-promo-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.inflearn-course-promo-kicker{color:var(--phosphor);font-family:var(--mono);letter-spacing:.1em;font-size:11px}.inflearn-course-promo-title{color:var(--paper-0);margin-top:5px;font-size:18px;font-weight:620;line-height:1.35}.inflearn-course-promo-course-title{color:var(--paper-1);margin-top:4px;font-size:13px;line-height:1.4}.inflearn-course-promo-description{max-width:58ch;color:var(--paper-1);margin-top:6px;font-size:14px;line-height:1.55}.inflearn-course-promo-action{color:var(--phosphor);font-family:var(--mono);letter-spacing:.02em;border:1px solid var(--phosphor);align-items:center;gap:7px;margin-top:12px;padding:7px 10px;font-size:11px;display:inline-flex}.inflearn-course-promo:hover .inflearn-course-promo-title,.inflearn-course-promo:hover .inflearn-course-promo-action{color:var(--phosphor-dim)}.inflearn-course-promo--index-top{grid-template-columns:148px minmax(0,1fr);max-width:1080px;margin:0 auto;padding:20px 24px}.inflearn-course-promo--index-top .inflearn-course-promo-media{width:148px;height:96px}.inflearn-course-promo--index-top .inflearn-course-promo-copy{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kicker action""title action""course action""description action";align-items:center;column-gap:20px;display:grid}.inflearn-course-promo--index-top .inflearn-course-promo-kicker{grid-area:kicker}.inflearn-course-promo--index-top .inflearn-course-promo-title{grid-area:title}.inflearn-course-promo--index-top .inflearn-course-promo-description{grid-area:description}.inflearn-course-promo--index-top .inflearn-course-promo-course-title{grid-area:course}.inflearn-course-promo--index-top .inflearn-course-promo-action{white-space:nowrap;grid-area:action;margin-top:0}.inflearn-course-promo--detail-top{display:none}.inflearn-course-promo--sidebar{grid-template-columns:1fr;gap:14px;padding:18px 0 20px}.inflearn-course-promo--sidebar .inflearn-course-promo-media{aspect-ratio:1.56;width:100%}.inflearn-course-promo--sidebar .inflearn-course-promo-description{font-size:13px}@media (max-width:1180px){.inflearn-course-promo--detail-top{z-index:9;background:var(--ink-0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);grid-template-columns:82px minmax(0,1fr);gap:12px;padding:12px 16px;display:grid;position:sticky;top:64px}.inflearn-course-promo--detail-top .inflearn-course-promo-media{width:82px;height:64px}.inflearn-course-promo--detail-top .inflearn-course-promo-title{margin-top:2px;font-size:15px}.inflearn-course-promo--detail-top .inflearn-course-promo-description,.inflearn-course-promo--detail-top .inflearn-course-promo-course-title{display:none}.inflearn-course-promo--detail-top .inflearn-course-promo-course-title{margin-top:3px;font-size:12px}.inflearn-course-promo--detail-top .inflearn-course-promo-action{margin-top:7px;padding:4px 7px;font-size:10px}}@media (max-width:700px){.inflearn-course-promo--index-top{z-index:9;background:var(--ink-0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);grid-template-columns:76px minmax(0,1fr);gap:12px;padding:12px 16px;position:sticky;top:64px}.inflearn-course-promo--index-top .inflearn-course-promo-media{width:76px;height:60px}.inflearn-course-promo--index-top .inflearn-course-promo-copy{align-items:flex-start;display:flex}.inflearn-course-promo--index-top .inflearn-course-promo-title{margin-top:2px;font-size:15px}.inflearn-course-promo--index-top .inflearn-course-promo-description,.inflearn-course-promo--index-top .inflearn-course-promo-course-title{display:none}.inflearn-course-promo--index-top .inflearn-course-promo-course-title{margin-top:3px;font-size:12px}.inflearn-course-promo--index-top .inflearn-course-promo-action{margin-top:6px;padding:4px 7px;font-size:10px}}@media (max-width:360px){.inflearn-course-promo--detail-top,.inflearn-course-promo--index-top{grid-template-columns:64px minmax(0,1fr);gap:10px;padding-left:12px;padding-right:12px}.inflearn-course-promo--detail-top .inflearn-course-promo-media,.inflearn-course-promo--index-top .inflearn-course-promo-media{width:64px;height:54px}.inflearn-course-promo--detail-top .inflearn-course-promo-title,.inflearn-course-promo--index-top .inflearn-course-promo-title{font-size:14px}.inflearn-course-promo--detail-top .inflearn-course-promo-course-title,.inflearn-course-promo--index-top .inflearn-course-promo-course-title{font-size:11px}}@media (prefers-reduced-motion:reduce){.inflearn-course-promo{transition:none}}