#member-library { margin-top: 64px; padding-top: 32px; border-top: 1px solid #dedbd6; }
#member-library .board-tools { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 24px; }
#member-library h2 { margin: 0 0 8px; font-size: 28px; }
#member-library .board-tools p { margin: 0; font-size: 15px; }
#member-library .search { display: grid; gap: 8px; font-size: 13px; }
#member-library input { min-width: 0; width: 220px; max-width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #b8b4ae; border-radius: 4px; color: inherit; background: white; font: inherit; }
#member-library .resource-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
#member-library .resource-row { margin: 0; padding: 0; min-width: 0; }
#member-library .resource-row[hidden] { display: none; }
#member-library .resource-row > a { display: block; overflow: hidden; border: 1px solid #dedbd6; border-radius: 8px; text-decoration: none; color: inherit; background: white; }
#member-library .resource-row > a:hover { border-color: #b2382c; }
#member-library .thumbnail img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; margin: 0; }
#member-library .card-copy { padding: 20px; }
#member-library .category { font-size: 12px; color: #8d3c31; }
#member-library .card-copy h2 { font-size: 20px; margin: 8px 0; }
#member-library .card-copy p { font-size: 14px; line-height: 1.7; margin: 0; }
#member-library .row-meta { display: flex; gap: 12px; justify-content: space-between; padding: 14px 20px; border-top: 1px solid #eeeae4; font-size: 12px; }
#member-library a:focus-visible, #member-library input:focus-visible { outline: 3px solid #a73528; outline-offset: 3px; }
@media (max-width: 1000px) { #member-library .resource-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { #member-library .resource-list { grid-template-columns: 1fr; } #member-library .board-tools { display: grid; } #member-library input { width: 100%; } }