.learning-route-summary[data-astro-cid-gbewphny]{margin:0}.learning-route-summary__surface{background:var(--color-surface);box-shadow:none}.learning-route-summary__surface .ui-card__body{grid-template-columns:minmax(0,1.1fr) minmax(17rem,.9fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);padding:clamp(1.25rem,3vw,2rem);display:grid}.learning-route-summary__main{flex-direction:column;justify-content:center;min-width:0;display:flex}.learning-route-summary__main h2{color:var(--color-text);font-size:var(--font-size-lg);letter-spacing:-.02em;margin:0;font-weight:750;line-height:1.2}.learning-route-summary__stats{color:var(--color-muted);font-size:var(--font-size-xs);flex-wrap:wrap;gap:.25rem .85rem;margin-top:.45rem;line-height:1.45;display:flex}.learning-route-summary__stats strong{color:var(--color-accent-strong);font-weight:750}.learning-route-summary__stats span{color:var(--color-muted);font-weight:600}.learning-route-summary__progress{gap:.55rem;width:100%;max-width:34rem;margin-top:1.5rem;display:grid}.learning-route-summary__progress-row{color:var(--color-muted);font-size:var(--font-size-xs);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.45rem 1rem;display:flex}.learning-route-summary__progress-row strong{color:var(--color-accent-strong);font-variant-numeric:tabular-nums}.learning-route-summary__progress-row--current{color:var(--color-muted)}.learning-route-summary__progress-row--completed>strong{font-weight:700}.learning-route-summary__progress-meter{width:100%;border-radius:var(--radius-pill);background:var(--color-background-deep);border:0;block-size:.4rem;overflow:hidden}.learning-route-summary__progress-meter>span{border-radius:inherit;background:var(--color-accent);block-size:100%;inline-size:0;transition:inline-size var(--duration-state) var(--ease-out);display:block}.learning-route-summary__next-step{border-inline-start:1px solid var(--color-border);flex-direction:column;align-items:flex-start;min-width:0;padding-inline-start:clamp(0rem,1vw,.75rem);display:flex}.learning-route-summary__next-step-label{color:var(--color-accent-strong);font-size:var(--font-size-sm);font-weight:750;line-height:1.35}.learning-route-summary__next-step-meta{font-size:var(--font-size-xs);margin-top:.45rem}.learning-route-summary__actions{flex-wrap:wrap;align-items:center;gap:.7rem 1rem;width:100%;margin-top:1rem;display:flex}.learning-route-summary__resume{min-block-size:var(--control-height-lg);border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);width:100%;color:var(--color-on-accent);text-align:left;white-space:normal;transition:background-color var(--duration-state) var(--ease-out), border-color var(--duration-state) var(--ease-out), transform .12s var(--ease-out);grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.8rem;padding:.65rem 1rem;text-decoration:none;display:grid}.learning-route-summary__resume-copy{gap:.2rem;min-width:0;display:grid}.learning-route-summary__resume-copy>span{color:inherit;font-size:var(--font-size-xs);opacity:.82;font-weight:750;line-height:1.3}.learning-route-summary__resume-copy>strong{overflow-wrap:anywhere;color:inherit;font-family:var(--font-ko);font-size:var(--font-size-sm);line-height:1.3}.learning-route-summary__resume:hover{border-color:var(--color-accent-strong);background:var(--color-accent-strong)}.learning-route-summary__resume:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.learning-route-summary__resume:active{transform:scale(.98)}.learning-route-summary__resume-arrow{color:currentColor;font-size:1.3rem;line-height:1}.learning-route-summary__secondary-link{min-block-size:var(--touch-target);max-width:100%;color:var(--color-accent-strong);font-size:var(--font-size-sm);text-underline-offset:.18em;transition:color var(--duration-state) var(--ease-out), transform .12s var(--ease-out);align-items:center;gap:.4rem;padding:.25rem 0;font-weight:750;text-decoration:none;display:inline-flex}.learning-route-summary__secondary-link:hover{color:var(--color-text);text-decoration:underline}.learning-route-summary__secondary-link:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.learning-route-summary__secondary-link:active{transform:scale(.98)}.learning-route-summary__repeat{min-block-size:var(--touch-target);max-width:100%;color:var(--color-accent-strong);text-align:left;text-underline-offset:.18em;transition:color var(--duration-state) var(--ease-out);background:0 0;border:0;align-items:center;gap:.35rem;padding:.25rem 0;text-decoration:none;display:inline-flex}.learning-route-summary__repeat-copy{flex-wrap:wrap;align-items:baseline;gap:.25rem .45rem;min-width:0;display:inline-flex}.learning-route-summary__repeat-label{font-size:var(--font-size-sm);font-weight:750}.learning-route-summary__repeat-title{overflow-wrap:anywhere;color:var(--color-muted);font-family:var(--font-ko);font-size:var(--font-size-xs);font-weight:600;line-height:1.3}.learning-route-summary__repeat-arrow{color:currentColor;font-size:1.15rem;line-height:1}.learning-route-summary__repeat:hover{color:var(--color-accent-strong)}.learning-route-summary__repeat:hover .learning-route-summary__repeat-label{text-underline-offset:.18em;text-decoration:underline}.learning-route-summary__repeat:hover .learning-route-summary__repeat-title{color:var(--color-text)}.learning-route-summary__repeat:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (width<=980px){.learning-route-summary__surface .ui-card__body{grid-template-columns:1fr;gap:1.5rem;padding:1.25rem}.learning-route-summary__next-step{border-block-start:1px solid var(--color-border);border-inline-start:0;min-block-size:0;padding-block-start:1.25rem;padding-inline-start:0}}@media (width<=620px){.learning-route-summary__surface .ui-card__body{padding:1rem}.learning-route-summary__next-step{padding-block-start:1rem}.learning-route-summary__actions{align-items:stretch}}@media (prefers-reduced-motion:reduce){.learning-route-summary__progress-meter>span,.learning-route-summary__resume,.learning-route-summary__secondary-link,.learning-route-summary__repeat{transition:none}}
