.course-discovery{max-width:64rem;margin-inline:auto;min-width:0}.course-discovery [hidden]{display:none!important}.discovery-intro,.course-fit-heading{display:flex;align-items:center;gap:1rem;margin:0 0 1.25rem}.discovery-intro h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:900;color:var(--color-ink)}.discovery-intro p,.course-fit p{line-height:1.6;color:var(--color-body)}.discovery-intro>.playful-icon,.course-fit-heading>.playful-icon{flex-shrink:0;width:4.5rem;height:4.5rem}.discovery-note{padding:1rem;border:2px solid var(--color-line);background:var(--color-fill);border-radius:1rem;color:var(--color-body);margin:1rem 0}.discovery-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;border:2px solid var(--color-line);background:var(--color-surface);padding:1.25rem;border-radius:1.5rem;box-shadow:0 5px 0 var(--color-line);align-items:end}.discovery-filters label{display:grid;gap:.45rem;min-width:0;font-size:.85rem;font-weight:800;color:var(--color-ink)}.discovery-search{grid-column:span 2}.course-discovery :is(input[type=search],select){width:100%;min-width:0;min-height:48px;box-sizing:border-box;padding:.65rem .75rem;border:2px solid var(--color-line-strong);border-radius:.85rem;color:var(--color-ink);background:var(--color-page);font:inherit}.course-discovery :is(button,a.discovery-primary),.course-fit .discovery-actions a{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;padding:.6rem .9rem;border:2px solid var(--color-line-strong);border-radius:.85rem;background:var(--color-surface);color:var(--color-ink);font:inherit;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 3px 0 var(--color-line)}.course-discovery :is(button,a,input,select):focus-visible,.course-fit :is(a,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.course-discovery .discovery-primary,.course-fit .discovery-actions a.discovery-primary{background:var(--accent);border-color:var(--accent);color:var(--color-page)}.course-discovery button:disabled{opacity:.5;cursor:default}.discovery-result-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.3rem 0 .6rem;font-weight:800;color:var(--color-secondary)}.discovery-small{font-size:.85rem;line-height:1.5;color:var(--color-secondary)}.discovery-selection{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;border:2px solid var(--color-line-strong);border-radius:1.25rem;background:var(--color-fill-subtle);margin:1rem 0}.discovery-selection>div{min-width:0}.discovery-selection p:first-child{font-weight:900;color:var(--color-ink)}#discovery-selection-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem}#discovery-selection-chips button{font-size:.75rem;overflow-wrap:anywhere;max-width:100%;text-align:left}#discovery-feedback{color:var(--color-body);font-size:.9rem;min-height:1.4rem;margin:.75rem 0}.discovery-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.discovery-empty{text-align:center;padding:3rem 1rem;border:2px dashed var(--color-line-strong);border-radius:1.5rem;background:var(--color-fill-subtle);margin:1.5rem 0}.discovery-empty h3{font-size:1.4rem;color:var(--color-ink);font-weight:900;margin:1rem 0 .6rem}.discovery-empty p{margin-bottom:1rem}.course-discovery [data-compare-control]{display:none}.course-discovery.discovery-ready [data-compare-control]{display:flex;align-items:center;gap:.7rem;font-weight:850;margin:0 0 1.3rem;cursor:pointer;color:var(--color-ink);min-height:48px}.discovery-card-compare input{width:24px;height:24px;accent-color:var(--accent);flex-shrink:0}.course-discovery .discovery-selected{border-color:var(--accent)!important}.discovery-card-project{display:flex;gap:.8rem;background:var(--color-fill-subtle);border:1px solid var(--color-line);border-radius:1rem;padding:1rem;margin-bottom:1.2rem;color:var(--color-body)}.discovery-card-project>.playful-icon{flex-shrink:0;width:2rem;height:2rem}.discovery-card-project strong{display:block;color:var(--color-ink);font-size:.8rem;margin-bottom:.35rem}.discovery-card-project p{font-size:.9rem;line-height:1.5}.course-discovery dialog{width:min(72rem,calc(100% - 2rem));max-width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem);padding:1.5rem;margin:auto;border:2px solid var(--color-line-strong);border-radius:1.5rem;color:var(--color-body);background:var(--color-surface);overflow:auto;box-sizing:border-box}.course-discovery dialog::backdrop{background:color-mix(in srgb,var(--color-ink) 65%,transparent)}.discovery-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem}.discovery-dialog-header h2{font-size:1.5rem;line-height:1.3;font-weight:900;color:var(--color-ink)}#discovery-dialog-caption{margin-bottom:.6rem}.discovery-table-region{overflow-x:auto;max-width:100%;margin-top:1rem;border:2px solid var(--color-line);border-radius:1rem}.discovery-table-region:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.course-discovery table{width:100%;min-width:760px;border-spacing:0;border-collapse:separate;line-height:1.55;text-align:left}.course-discovery :is(th,td){padding:1rem;vertical-align:top;border-bottom:1px solid var(--color-line);border-right:1px solid var(--color-line);min-width:190px;max-width:320px;overflow-wrap:anywhere}.course-discovery th{font-weight:900;color:var(--color-ink);background:var(--color-fill-subtle)}.course-discovery th[scope=row]{position:sticky;left:0;min-width:140px;width:160px;background:var(--color-fill);z-index:1}.course-discovery th a{text-decoration:underline}.course-discovery table ul,.course-fit ul{list-style:disc;padding-left:1.25rem}.course-discovery table li+li,.course-fit li+li{margin-top:.6rem}.course-discovery td a{white-space:normal}.course-fit{padding:1.5rem;border:2px solid var(--color-line);border-radius:1.5rem;background:var(--color-surface);box-shadow:0 5px 0 var(--color-line);margin-bottom:2rem;scroll-margin-top:6rem}.course-fit-heading h2{font-size:1.45rem;font-weight:900;color:var(--color-ink);margin:.3rem 0}.course-fit-heading>div{min-width:0}.course-fit-project{font-size:1.1rem;font-weight:750}.course-fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.course-fit-grid article{padding:1.2rem;background:var(--color-fill-subtle);border:1px solid var(--color-line);border-radius:1rem;min-width:0}.course-fit h3{display:flex;align-items:center;gap:.45rem;color:var(--color-ink);font-weight:900;margin:0 0 .75rem}.course-fit-grid article h3:not(:first-child){margin-top:1.25rem}.course-fit li{color:var(--color-body);line-height:1.55}.course-fit-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:1rem;background:var(--color-fill);border-radius:1rem}.course-fit-facts dt{font-size:.8rem;color:var(--color-secondary)}.course-fit-facts dd{margin:.4rem 0 0;font-weight:900;color:var(--color-ink)}.course-fit-curriculum{margin:1.25rem 0;border-block:1px solid var(--color-line);padding:1rem 0}.course-fit summary{cursor:pointer;color:var(--accent);font-weight:900;min-height:44px;padding-block:.6rem}.course-fit-curriculum h3{margin-top:1rem}.course-fit-curriculum ol{list-style:decimal;padding-left:1.4rem}.course-fit-curriculum li span{display:block}.course-fit-curriculum li span:last-child{font-size:.8rem;color:var(--color-secondary);margin-top:.2rem}.course-page:has(.course-fit) #player-outer-wrapper{scroll-margin-top:6rem}@media(max-width:700px){.discovery-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:1rem}.discovery-search{grid-column:1/-1}.discovery-selection,.discovery-dialog-header{flex-direction:column;align-items:stretch}.discovery-actions>*{flex:1;min-width:0;text-align:center}.discovery-intro,.course-fit-heading{align-items:flex-start;flex-direction:column}.course-fit-grid{grid-template-columns:1fr}.course-fit-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.course-fit{padding:1rem}.course-discovery dialog{padding:1rem}.course-discovery th[scope=row]{min-width:100px;width:110px}.course-discovery th,.course-discovery td{min-width:200px;padding:.8rem}}@media(max-width:380px){.discovery-filters{grid-template-columns:1fr}.discovery-search{grid-column:auto}.discovery-actions{align-items:stretch;flex-direction:column}.discovery-actions>*{width:100%}}@media(max-width:700px){.course-discovery th:first-child{min-width:88px;width:100px;max-width:100px;padding:.65rem}.course-discovery th[scope=row]{min-width:88px;width:100px;max-width:100px}}.course-discovery .course-card[id^=course-card-]{scroll-margin-top:6rem}
