.notes-intro{align-items:center;aspect-ratio:16/9;background-image:linear-gradient(90deg,rgba(17,16,15,.82),rgba(17,16,15,.42)),url(/assets/img/notes.webp);background-position:50%;background-size:cover;color:var(--white);display:flex;min-height:36rem;padding:0;text-align:center}.notes-intro__inner{max-width:56rem;padding-block:clamp(6rem,12vw,10rem)}.notes-intro h1{margin-bottom:1.5rem}.notes-intro h1,.notes-intro h1 em{color:var(--white)}.notes-intro__copy{color:hsla(0,0%,100%,.88);font-size:1.1rem;margin-inline:auto;max-width:46rem}.notes-intro__copy p:last-child{margin-bottom:0}.notes-list{background:#ebe8e2}.content-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.note-detail h1,.note-detail__inner{max-width:42rem}.note-detail__banner{aspect-ratio:16/9;border-radius:.5rem;margin:1.5rem 0 2rem;object-fit:cover;width:100%}.note-detail__content{font-size:1.1rem}.note-detail__content h2,.note-detail__content h3,.note-detail__content h4{margin-top:2.5rem}.note-detail__content pre{background:#171717;border-radius:.5rem;color:#fff;font-family:monospace;overflow:auto;padding:1rem}.note-detail__content a{text-decoration:underline}.note-detail__tags{margin-top:2rem}.note-detail .text-link{margin-bottom:1.5rem}.related-notes{background:#ebe8e2}.related-notes h2{margin-bottom:2rem}@media(max-width:1023px){.notes-intro{aspect-ratio:1/1;min-height:0}.content-grid{grid-template-columns:1fr}.content-card{margin-inline:auto;max-width:42rem;width:100%}.content-card__body{align-items:center;text-align:center}.content-card__meta{text-align:center}.content-card .tag-list{justify-content:center}.content-card .button{align-self:center}.notes-intro__copy{max-width:40rem}}@media(max-width:600px){.content-card__body{padding:1.25rem}.notes-intro__copy{font-size:1rem}.note-detail{text-align:center}.note-detail__content{text-align:left}.note-detail__banner{margin-top:1.5rem}.related-notes{text-align:center}.related-notes .content-card{text-align:left}}[data-theme=dark] .notes-list,[data-theme=dark] .related-notes{background:#242321}@media(max-width:1023px){.notes-intro{aspect-ratio:auto;min-height:133.3333333333vw}}