/* ---- feed (base + phone twin) ---- the profile = stats, New post = feature, the posts = list (today: one 36rem column). Any column arrangement widens the page
   (the posts keep a reading width). Desktop only. statcol / statright = the profile as a side column; sbs = New post beside the posts under the profile;
   featcol = New post as a sticky left column; heads = the title beside the profile; trio = the rail header + the profile column; dock = post | posts | profile. */
@media (min-width:960px){
html[data-app-kit=feed]:is([data-l-app=statcol],[data-l-app=statright],[data-l-app=sbs],[data-l-app=featcol],[data-l-app=dock]) .work{max-width:1040px}
html[data-app-kit=feed][data-l-app=trio] .work{max-width:none}
html[data-app-kit=feed][data-l-app=heads] [data-main] > :is([data-sec=feature],[data-sec=list]){max-width:40rem}
html[data-app-kit=feed][data-l-app=heads] .top{padding-block-end:var(--s-5)}
html[data-app-kit=feed]:is([data-l-app=statcol],[data-l-app=statright],[data-l-app=trio],[data-l-app=dock]) .who{flex-direction:column;align-items:flex-start}
html[data-app-kit=feed]:is([data-l-app=statcol],[data-l-app=statright],[data-l-app=trio],[data-l-app=dock]) [data-main] > [data-sec=stats]{padding:var(--s-5);border:1px solid var(--line);border-radius:var(--r-card,10px);background:var(--surface)}
html[data-app-kit=feed][data-l-app=sbs] [data-main]{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
html[data-app-kit=feed][data-l-app=sbs] [data-main] > [data-sec=feature]{position:sticky;top:16px;align-self:start}
html[data-app-kit=feed][data-l-app=featcol] [data-main]{grid-template-columns:300px minmax(0,1fr)}
}