.course-collections-page{padding-top:32px;padding-bottom:64px}.course-collections-hero{max-width:900px;margin-bottom:32px}.course-collections-hero h1{font-family:var(--display);letter-spacing:-.04em;overflow-wrap:anywhere;margin:18px 0 20px;font-size:clamp(32px,5vw,56px);font-weight:400;line-height:1.24}.collections-intro{max-width:720px;color:var(--muted);font-size:18px;line-height:1.75}.collections-basis-note{border-left:3px solid var(--cobalt);margin-top:20px;padding-left:16px;font-size:15px;line-height:1.7}.collection-compare-entry{min-height:44px;color:var(--cobalt);align-items:center;gap:12px;margin-top:20px;font-size:15px;font-weight:600;display:inline-flex}.course-collection-grid,.collection-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.course-collection-choice{border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;padding:28px;display:flex}.course-collection-choice:hover{border-color:var(--cobalt);background:var(--wash)}.collection-choice-top{color:var(--cobalt);justify-content:space-between;align-items:center;gap:16px;font-size:14px;font-weight:700;display:flex}.collection-choice-top>span:first-child{font-size:24px}.course-collection-choice h2{letter-spacing:-.04em;margin:24px 0 12px;font-size:26px}.course-collection-choice p{color:var(--muted);margin-bottom:24px;line-height:1.75}.collection-choice-link{border-top:1px solid var(--line);color:var(--cobalt);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;font-size:15px;font-weight:700;display:flex}.collection-back{min-height:44px;color:var(--cobalt);align-items:center;gap:8px;margin-bottom:24px;font-size:14px;display:inline-flex}.collection-switcher{flex-wrap:wrap;gap:8px;margin-bottom:36px;display:flex}.collection-switcher a{border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;min-height:44px;padding:10px 16px;font-size:14px;display:inline-flex}.collection-switcher a[aria-current=page]{border-color:var(--cobalt);background:var(--cobalt);color:#fff}.collection-switcher a:hover{border-color:var(--cobalt)}.collection-course-list .section-heading{margin-bottom:20px}.collection-course-list h2{letter-spacing:-.04em;font-size:24px}.collection-guide{border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;min-width:0;padding:24px;display:flex}.collection-guide-region{color:var(--muted);font-size:14px}.collection-guide h3{letter-spacing:-.04em;margin:8px 0 20px;font-size:24px}.collection-guide-facts{color:var(--cobalt);flex-wrap:wrap;align-items:baseline;gap:8px 20px;font-size:18px;display:flex}.collection-guide-facts>span{color:var(--muted);font-size:15px}.collection-guide-trailhead{margin-top:16px;font-size:15px}.collection-guide-route{color:var(--muted);overflow-wrap:anywhere;margin:8px 0 24px;font-size:14px}.collection-guide>a{border-top:1px solid var(--line);min-height:44px;color:var(--cobalt);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:12px;font-size:15px;font-weight:700;display:flex}.collection-guide>.collection-compare-link{border-top:0;margin-top:8px;padding-top:0;font-size:14px;font-weight:500}.collection-scope{background:var(--wash);border-radius:var(--radius-md);margin-top:40px;padding:28px}.collection-scope h2{letter-spacing:-.04em;font-size:22px}.collection-scope p{max-width:820px;color:var(--muted);margin-top:12px;font-size:15px;line-height:1.8}.collection-scope a{min-height:44px;color:var(--cobalt);align-items:center;gap:12px;margin-top:16px;font-weight:700;display:inline-flex}.course-collections-page a:focus-visible{outline:3px solid var(--cobalt);outline-offset:4px}@media (width<=599px){.course-collections-page{padding-top:20px;padding-bottom:40px}.collections-intro{font-size:16px}.course-collection-grid,.collection-guide-grid{grid-template-columns:1fr;gap:16px}.course-collection-choice,.collection-guide,.collection-scope{padding:20px}.course-collection-choice h2{font-size:23px}.collection-course-list .section-heading{display:block}.collection-course-list .section-heading>p{margin-top:8px}}