.course-approach.svelte-9q8jgr{--approach-padding-block-start:var(--usn-space-16);--approach-padding-block-end:var(--usn-space-16);--approach-title-margin:var(--usn-space-10);--approach-grid-gap:var(--usn-space-4);--approach-card-padding:var(--usn-space-8);--approach-card-radius:var(--usn-radius-xl);--approach-card-min-height:21.5rem;--approach-visual-width:31rem;padding-block:var(--approach-padding-block-start) var(--approach-padding-block-end);background:var(--usn-color-bg);color:var(--usn-color-text)}.course-approach__title{max-width:76rem}.course-approach__title.ui-heading--size-display-md{letter-spacing:-.01em;font-size:2.5rem;line-height:1.3}.course-approach__title .ui-heading__part--accent{color:var(--usn-indigo-500)}.course-approach__grid.svelte-9q8jgr{grid-template-columns:minmax(0, 1fr) var(--approach-visual-width);gap:var(--approach-grid-gap);margin-top:var(--approach-title-margin);display:grid}.approach-card.svelte-9q8jgr{min-height:var(--approach-card-min-height);padding:var(--approach-card-padding);border-radius:var(--approach-card-radius);isolation:isolate;position:relative;overflow:hidden}.approach-card--content.svelte-9q8jgr{border:1px solid var(--usn-color-border-subtle);background:var(--usn-color-surface);box-shadow:var(--usn-shadow-xs)}.approach-card__columns.svelte-9q8jgr{gap:var(--usn-space-10);grid-template-columns:1fr 1fr;height:100%;display:grid}.approach-card__col.svelte-9q8jgr{gap:var(--usn-space-4);flex-direction:column;display:flex}.approach-card__col--right.svelte-9q8jgr{padding-bottom:var(--usn-space-2);justify-content:space-between}.approach-card__col.svelte-9q8jgr>p:where(.svelte-9q8jgr){color:var(--usn-color-text);font-family:var(--usn-font-text);font-size:var(--usn-font-size-md);letter-spacing:-.03em;margin:0;line-height:1.5}.approach-card__col.svelte-9q8jgr>p:where(.svelte-9q8jgr) strong:where(.svelte-9q8jgr){color:var(--usn-color-text);font-weight:var(--usn-font-weight-bold)}.approach-card__cta{--button-bg:var(--usn-indigo-500);--button-bg-hover:var(--usn-indigo-600);--button-bg-active:var(--usn-indigo-700);--button-radius:var(--usn-radius-md);padding-inline:var(--usn-space-6);align-self:flex-start}.approach-card--visual.svelte-9q8jgr{background:var(--usn-indigo-300);aspect-ratio:496/344;width:100%;max-width:31rem;min-height:0;padding:0}.approach-card__disc.svelte-9q8jgr{z-index:0;pointer-events:none;display:block;position:absolute}.approach-card__tags.svelte-9q8jgr{z-index:1;pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.approach-card__tags.svelte-9q8jgr>li:where(.svelte-9q8jgr){transform-origin:50%;pointer-events:auto;position:absolute}.approach-tag.svelte-9q8jgr{-webkit-backdrop-filter:blur(10px)saturate(1.5);color:var(--usn-color-text);font-family:var(--usn-font-text);font-size:var(--usn-font-size-md);line-height:1.5;font-weight:var(--usn-font-weight-medium);letter-spacing:-.03em;white-space:nowrap;transition:transform var(--usn-motion-duration-fast,.15s) ease;background:#ffffffde;border:1px solid #0000000f;border-radius:1.25rem;align-items:center;padding:.625rem 1rem;display:inline-flex;box-shadow:inset 1px 1px 1.5px #ffffffa6,inset -1px -1px 1.5px #1715550f,0 1px 2px #17155514}.approach-card__tags.svelte-9q8jgr>li:where(.svelte-9q8jgr):hover .approach-tag:where(.svelte-9q8jgr){transform:translateY(-2px)}@media (width<=64rem){.course-approach__grid.svelte-9q8jgr{grid-template-columns:1fr}.approach-card.svelte-9q8jgr{min-height:auto}.approach-card--visual.svelte-9q8jgr{margin-inline:auto}.approach-card__columns.svelte-9q8jgr{gap:var(--usn-space-6);grid-template-columns:1fr}.course-approach__title.ui-heading--size-display-md{font-size:2rem;line-height:1.25}}@media (width<=540px){.approach-tag.svelte-9q8jgr{padding:.45rem .75rem;font-size:.8125rem}.approach-card__col.svelte-9q8jgr>p:where(.svelte-9q8jgr){font-size:.9375rem}}@media (width<=36rem){.course-approach.svelte-9q8jgr{--approach-padding-block-start:var(--usn-space-12);--approach-padding-block-end:var(--usn-space-12);--approach-title-margin:var(--usn-space-7);--approach-card-padding:var(--usn-space-5)}.course-approach__title.ui-heading--size-display-md{text-wrap:wrap;overflow-wrap:break-word;word-break:break-word;max-width:100%;font-size:1.25rem;line-height:1.3}.approach-tag.svelte-9q8jgr{padding:.4rem .65rem;font-size:.75rem}}
