.note-section { background: var(--light); }
.note-section .section-heading { margin-bottom: 28px; }
.note-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.note-grid:empty { display: none; }
.note-card { padding: 26px; background: white; border: 1px solid var(--line); border-radius: 4px; overflow-wrap: anywhere; }
.note-card h3 { font-size: 18px; }
.note-card p { margin-top: 16px; color: var(--muted); }
.note-card a:hover { text-decoration: underline; }
.note-section .button { margin-top: 28px; }
@media (max-width: 900px) { .note-grid { grid-template-columns: 1fr; } }