.notebook-intro { padding: 32px 0 45px; }
.notebook-intro .hero-bottom p { max-width: 700px; }
.notebook-project { display: grid; grid-template-columns: 40px minmax(0, 1fr) 150px; gap: 25px; padding: 34px 0; border-bottom: 1px solid var(--line); }
.notebook-project:last-child { margin-bottom: 50px; }
.notebook-project .project-main p { max-width: 760px; }
.notebook-tools { font: 11px/1.8 'Courier New', monospace; color: var(--muted); }
.notebook-project .project-links { align-items: flex-end; }
@media(max-width:760px) {
  .notebook-intro { padding: 28px 0 34px; }
  .notebook-project { grid-template-columns: 20px minmax(0, 1fr); gap: 12px 15px; padding: 27px 0; }
  .notebook-project .project-links { align-items: flex-start; }
  .notebook-project:last-child { margin-bottom: 35px; }
}