#notes .note-featured { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 1rem 3rem; align-items: end; }
#notes .note-featured-heading, #notes .note-featured-copy { min-width: 0; }
#notes .note-featured h3 { max-width: 34ch; margin-bottom: 0; }
#notes .note-featured h3 a { color: inherit; text-decoration: none; }
#notes .note-featured h3 a:hover { text-decoration: underline; }
#notes .note-featured p { max-width: 44ch; }
#notes .note-featured-languages { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; }
#notes .note-featured-languages a { display: inline-flex; align-items: center; min-height: 44px; }
#notes .note-featured:focus-within { border-color: currentColor; }
@media (max-width: 700px) {
  #notes .note-featured { grid-template-columns: minmax(0,1fr); gap: 1.4rem; }
  #notes .note-featured h3 { max-width: 28ch; }
}