.resources-section{padding-top:56px}.resources-layout{grid-template-columns:180px minmax(0, var(--measure));align-items:start;gap:0 64px;display:grid}.kind-nav{border-left:var(--b-hair);flex-direction:column;display:flex;position:sticky;top:112px}.kind-nav a{min-height:var(--target);color:var(--muted);border-left:3px solid #0000;justify-content:space-between;align-items:baseline;gap:12px;margin-left:-1px;padding:10px 0 10px 18px;font-weight:600;text-decoration:none;display:flex}.kind-nav a:hover{color:var(--ink)}.kind-nav a[aria-current=location]{color:var(--ink);border-left-color:var(--signal)}.kind-count{font-family:var(--ff-mono);font-size:var(--fs-small);color:var(--muted);font-weight:400}@media (max-width:1080px){.resources-layout{grid-template-columns:minmax(0,1fr)}.kind-nav{border-left:var(--b-hair);border-top:var(--b-hair);flex-direction:row;width:fit-content;margin:0 0 40px;position:static}.kind-nav a{border-left:0;border-right:var(--b-hair);border-bottom:var(--b-hair);align-items:center;margin:0;padding:0 20px}.kind-nav a[aria-current=location]{border-bottom:3px solid var(--signal)}}.resources-body{max-width:var(--measure)}.kind-group{border-top:var(--b-strong)}.kind-group+.kind-group{margin-top:80px}.kind-head{font-size:var(--fs-h2);margin:0 0 8px;padding-top:18px;scroll-margin-top:96px}.kind-intro{color:var(--ink-2);margin:0 0 8px}.resource-list{margin:0;padding:0;list-style:none}.resource{border-bottom:var(--b-hair);background-image:linear-gradient(var(--signal), var(--signal));background-position:0 100%;background-repeat:no-repeat;background-size:0% 6px;padding:24px 0 20px;transition:background-size .32s cubic-bezier(.2,.8,.2,1);position:relative}.resource:last-child{border-bottom:0}.resource:hover,.resource:focus-within{background-size:100% 6px}.resource-title{margin:0 0 8px;font-size:clamp(22px,2.4vw,28px);font-weight:500;line-height:1.25}.resource-title a{text-decoration:none}.resource-title a:after{content:"";position:absolute;inset:0}.resource-title a:focus-visible{outline:none}.resource-title a:focus-visible:after{outline:3px solid var(--ink);outline-offset:4px}.resource-by{font-size:var(--fs-small);color:var(--ink-2);flex-wrap:wrap;gap:4px 16px;margin:0 0 10px;display:flex}.resource-host{font-family:var(--ff-mono)}.resource-note{color:var(--ink-2);margin:0 0 10px}.resource-lesson{z-index:1;width:fit-content;font-size:var(--fs-small);color:var(--muted);margin:0;position:relative}.resource-lesson a{color:var(--ink);font-weight:600;text-decoration:none}.resource-lesson a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--signal);text-decoration-color:var(--signal);text-underline-offset:4px;text-decoration-thickness:3px}