@layer quartz-base{.recent-notes{margin:2rem 0}.recent-notes>h3{margin:0 0 1rem;font-size:1.2rem}.recent-notes>ul.recent-ul{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem;padding:0;list-style:none;display:grid}.recent-notes .recent-li{border:1px solid var(--lightgray);background-color:var(--light);border-radius:8px;flex-direction:column;justify-content:space-between;gap:.5rem;padding:.75rem;transition:border-color .2s;display:flex;overflow:hidden}.recent-notes .recent-li:hover{border-color:var(--tertiary);transform:translateY(-2px)}.recent-notes .recent-li .recent-card{background-color:#0000;border-radius:0;flex-direction:column;gap:.75rem;padding:0;text-decoration:none;display:flex}.recent-notes .recent-li .recent-card:hover{background-color:#0000}.recent-notes .recent-li .recent-card img{aspect-ratio:1200/630;object-fit:cover;border:1px solid var(--lightgray);border-radius:4px;width:100%;margin:0}.recent-notes .recent-li .recent-card span.title{color:var(--dark);font-weight:600;font-family:var(--headerFont);font-size:1rem;line-height:1.3}.recent-notes .recent-li .recent-metadata{flex-direction:column;gap:.4rem;margin-top:.25rem;display:flex}.recent-notes .recent-li .recent-metadata .meta{color:var(--gray);text-align:left;margin:0;font-size:.8rem}.recent-notes .recent-li .recent-metadata .tags{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.recent-notes .recent-li .recent-metadata .tags .tag-link{background-color:var(--highlight);padding:.1rem .4rem;font-size:.7rem}.recent-notes .see-more{margin-top:1.5rem;font-size:.9rem}.sidebar .recent-notes>ul.recent-ul{grid-template-columns:1fr}}