/* TIL's list pages: only what design.css does not already give (spec §10).
   The filter bar, year groups, cards and thumbnails are the design system's
   listing components; this file places them. No inline style anywhere: the
   screens' CSP allows only style-src 'self'. */
.til-head{padding-block:clamp(16px,5vw,48px) 28px}
.til-head .status{margin-top:18px}
.til-found{margin-top:1.2rem}
.til-found:empty{margin:0}
/* .post and .year set a display, which would beat the hidden attribute
   search.js uses to filter. */
.til-card[hidden],.til-year[hidden]{display:none}
/* A card screenshot fills the thumbnail from the top, like the page it shows. */
.thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.til-empty{margin-top:2.4rem}
.til-notice{padding-block:clamp(32px,8vw,96px)}