.projects-section{border-top:1px solid var(--line)}
.course-project-list{display:grid;gap:36px}
.course-project{display:grid;grid-template-columns:235px minmax(0,1fr);gap:36px;align-items:start;border-top:1px solid var(--line);padding-top:30px}
.project-visual{display:block;border:1px solid var(--line);background:var(--surface);padding:8px;margin-top:4px}
.project-visual img{display:block;width:100%;height:auto}
.project-caption{font-size:.75rem;color:var(--muted);margin-top:8px}
.chart-preview{background:#fff}
.course-project-body h3{font-size:1.4rem;line-height:1.4}
.course-project-body .project-label{font-size:.73rem;letter-spacing:.04em;margin-bottom:10px}
.project-description,.project-result{color:var(--muted);font-size:.94rem;line-height:1.75;margin-top:14px}
.project-result{font-size:.87rem}
.project-links{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:18px;font-size:.84rem}
.project-links>span{color:var(--muted)}
@media(max-width:850px){.course-project{grid-template-columns:180px minmax(0,1fr);gap:26px}nav{gap:20px}}
@media(max-width:650px){html{scroll-padding-top:150px}nav{gap:10px 18px}.course-project{grid-template-columns:1fr;gap:20px}.project-visual{max-width:360px;width:100%;margin:0}.course-project-body h3{font-size:1.3rem}.course-project-body .project-label{font-size:.72rem}.project-description{font-size:.95rem}.course-project-list{gap:30px}}
@media print{.course-project{break-inside:avoid;grid-template-columns:140px minmax(0,1fr);gap:20px}}