/* Responsive canvas for desktop, wide displays and mobile. */
main{max-width:none;min-width:0}
.about-layout,.experience-layout,.an-recent{max-width:none}
.an-home-grid{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}
.an-home-grid>section{min-width:0}
main>section{min-width:0}
.an-editor{margin-inline:auto}
.an-note-reader{width:100%;margin-inline:auto}
main:has(.an-note-reader:not([hidden]))>section{max-width:1120px;margin-inline:auto}
main:has(.an-note-reader:not([hidden])) .an-note-reader{max-width:none}
@media(min-width:1440px){
 main{padding-inline:clamp(40px,3.2vw,112px)}
 .an-home-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(36px,3vw,84px);align-items:start}
 .an-home-grid .an-recent{margin-top:0}
 .an-home-grid .an-recent>h2{min-height:52px;display:flex;align-items:center;border-bottom:1px solid #ffffff10;margin-bottom:6px}
 .an-home-grid:has(.an-recent[hidden]){grid-template-columns:minmax(0,1fr)}
 [data-page=useful] #an-resource-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,3vw,72px)}
 .resource-row{grid-template-columns:40px minmax(0,1fr)}
 .an-note-reader{max-width:1120px}
 .an-note-reader .an-cover{max-height:640px}
}
@media(min-width:1600px){
 #an-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,3vw,72px);align-items:start}
 #an-list>.repo-card{grid-template-columns:minmax(0,1fr) minmax(180px,38%);gap:24px;height:100%;min-width:0;align-items:center}
 #an-list>.repo-card.no-cover{grid-template-columns:minmax(0,1fr)}
 #an-list>.an-note-empty{grid-column:1/-1}
 .repo-description{max-width:68ch}
 .lab-grid{gap:36px clamp(32px,3vw,72px)}
 .lab-image{aspect-ratio:2}
}
@media(min-width:1800px){
 .experience-layout .stack-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(24px,2.3vw,64px)}
 .stack-group{grid-template-columns:28px minmax(0,1fr);gap:12px}
 .about-columns{gap:clamp(28px,2.5vw,60px)}
 .timeline-item{grid-template-columns:180px minmax(0,1fr)}
 .timeline-item .details{max-width:85ch}
}