/* The homepage's first three open activities, inside the accepted pathway. */
#streams .path-first{margin:0 0 clamp(36px,4vw,64px);max-width:var(--cc-content-max)}
#streams .path-first__intro{max-width:760px;margin-bottom:clamp(24px,3vw,40px)}
#streams .path-first__intro .eyebrow{margin:0 0 12px}
#streams .path-first__intro h3{margin:0 0 14px}
#streams .path-first__intro>p:last-child{max-width:60ch;color:var(--cc-text-secondary);line-height:1.7;margin:0}
#streams .first-lessons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,40px);list-style:none;padding:0;margin:0}
#streams .first-lessons>li{border-top:1px solid var(--cc-border);padding:22px 0 0;min-width:0}
#streams .lesson-number{display:block;font:14px/1.5 var(--font-mono);color:var(--cc-blue-bright);margin:0 0 20px}
#streams .first-lessons .lesson-kind{color:var(--cc-text-secondary);font-size:13px;margin:0 0 10px}
#streams .first-lesson-title{display:block;color:var(--cc-text-primary);font-size:19px;font-weight:600;line-height:1.45;text-decoration:none}
#streams .first-lesson-title:hover{text-decoration:underline;text-underline-offset:5px}
#streams .first-lesson-title span{color:var(--cc-blue-bright)}
#streams .first-lesson-title:focus-visible{outline:2px solid var(--cc-text-primary);outline-offset:4px}
#streams .first-lessons li p:last-child{color:var(--cc-text-secondary);font-size:14px;line-height:1.7;margin:12px 0 0}
#streams .lesson-access{color:var(--cc-text-secondary);font-size:13px;line-height:1.7;margin:24px 0 0}
@media(max-width:640px){
 #streams .first-lessons{grid-template-columns:1fr;gap:0}
 #streams .first-lessons>li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px;padding:20px 0}
 #streams .lesson-number{margin:2px 0 0;font-size:12px}
 #streams .first-lesson-title{font-size:17px}
 #streams .first-lessons li p:last-child{margin-top:8px}
 #streams .lesson-access{margin-top:8px}
}
@media(forced-colors:active){#streams .first-lessons>li{border-color:CanvasText}}
@media print{
 #streams .path-first{color:#000!important;background:#fff!important}
 #streams .path-first :is(h3,p,li,a,span){color:#000!important;background-color:transparent!important}
 #streams .first-lessons>li{break-inside:avoid;border-color:#777}
}