.article-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));grid-auto-flow:row;gap:1.5rem;width:min(100% - 2rem,1180px);margin:1.5rem auto;display:grid}.article-card{--article-card-pad:1rem;min-inline-size:0;padding:var(--article-card-pad);background:var(--paper-sheet);border:1px solid var(--paper-line);border-block-start:3px solid var(--paper-blue);box-shadow:var(--paper-shadow);isolation:isolate;content-visibility:auto;contain-intrinsic-size:auto 27rem;grid-template-rows:auto auto 1fr auto;grid-template-areas:"media""title""summary""meta";gap:.85rem;transition:transform .42s cubic-bezier(.2,.9,.25,1.25),box-shadow .42s,border-block-start-color .3s;display:grid;position:relative}.article-card,.article-card:hover{color:var(--paper-ink);text-decoration:none}.article-card:is(:hover,:focus-visible){box-shadow:var(--paper-shadow-raised);border-block-start-color:var(--paper-accent);transform:translateY(-6px)}.article-card__media img{transition:scale .7s cubic-bezier(.2,.8,.2,1)}.article-card:is(:hover,:focus-visible) .article-card__media img{scale:1.06}.article-card .post-title{text-underline-offset:.18em;text-decoration:underline 2px #0000;transition:text-decoration-color .3s 80ms}.article-card:is(:hover,:focus-visible) .post-title{text-decoration-color:var(--paper-accent)}.article-card>p,.article-card__meta{transition:translate .42s cubic-bezier(.2,.9,.25,1.25)}.article-card:is(:hover,:focus-visible) .article-card__meta,.article-card:is(:hover,:focus-visible)>p{translate:0 4px}.article-card:focus-visible{outline:2px solid var(--paper-accent);outline-offset:4px}.article-card.draft{border-style:dashed}.article-card .post-title{font-family:var(--paper-serif,Georgia,serif);letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:pretty;grid-area:title;margin:0;font-size:calc(clamp(1.45rem,2.5vw,1.9rem));font-weight:550;line-height:1.15}.article-card>p{color:var(--paper-muted);grid-area:summary;margin:0;padding:0;font-size:.98rem;line-height:1.6}.article-card__media{aspect-ratio:1.8;background:var(--paper-desk);grid-area:media;width:100%;display:block;overflow:hidden}.article-card__media img{object-fit:cover;filter:none;opacity:1;width:100%;height:100%;display:block;transform:none}.article-card__meta{color:var(--paper-muted);flex-wrap:wrap;grid-area:meta;align-items:center;gap:.5rem .8rem;margin-block-start:.5rem;font-size:.75rem;line-height:1.5;display:flex}.article-card__category{border:1px solid var(--paper-line);background:var(--paper-desk);color:var(--paper-ink);padding:.2rem .5rem}.article-card__category-label{display:none}.article-card.category-quiz{border-block-start-color:var(--paper-accent)}.article-list--bento{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense}.article-list--bento>.article-card--wide{grid-template:"media title""media summary"1fr"media meta"/1.15fr 1fr;grid-column:span 2;gap:.85rem 1.5rem}.article-list--bento>.article-card--wide .article-card__media{aspect-ratio:auto;block-size:100%;min-block-size:14rem}.article-list--bento>.article-card--wide .post-title{font-size:calc(clamp(1.7rem,2.6vw,2.3rem))}.article-list--bento>.article-card:first-child{grid-template:"title media""summary media"1fr"meta media"/1fr 1.1fr;grid-column:1/-1;gap:1rem 2rem;padding:1.5rem}.article-list--bento>.article-card:first-child .post-title{font-size:calc(clamp(2rem,3.3vw,3rem))}.article-list--bento>.article-card:first-child .article-card__media{aspect-ratio:auto;min-block-size:20rem}.article-list-loader{background:var(--paper-sheet);border:1px solid var(--paper-line);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:.75rem;inline-size:100%;padding:1.5rem;display:flex}.article-list-loader__button{border:1px solid var(--paper-blue);background:var(--paper-blue);min-block-size:44px;min-inline-size:12rem;color:var(--paper-on-blue,#fff);cursor:pointer;font:inherit;padding:.75rem 1.25rem}.article-list-loader__button:focus-visible{outline:2px solid var(--paper-accent);outline-offset:4px}.article-list-loader__button:disabled{cursor:wait;opacity:.7}.article-list-loader__loading{display:none}.article-list-loader.htmx-request{pointer-events:none}.article-list-loader.htmx-request .article-list-loader__idle{display:none}.article-list-loader.htmx-request .article-list-loader__loading{display:inline}.article-list-end,.article-list-loader__error{color:var(--paper-muted);text-align:center;font-size:.9rem}.article-list-end{grid-column:1/-1;padding-block:1.5rem}@media (width<=900px){.article-list--bento{grid-template-columns:repeat(2,minmax(0,1fr))}.article-list--bento>.article-card--wide{grid-template:"media""title""summary"1fr"meta"/1fr;grid-column:auto;gap:.85rem}.article-list--bento>.article-card--wide .article-card__media{aspect-ratio:1.8;block-size:auto;min-block-size:0}.article-list--bento>.article-card--wide .post-title{font-size:calc(clamp(1.45rem,2.5vw,1.9rem))}}@media (width<=600px){.article-list,.article-list--bento{grid-template-columns:minmax(0,1fr);gap:1.25rem}.article-list--bento>.article-card:first-child{grid-template-columns:1fr;grid-template-areas:"media""title""summary""meta";gap:.85rem;padding:1rem}.article-list--bento>.article-card:first-child .article-card__media{aspect-ratio:1.8;min-block-size:0}.article-list--bento>.article-card:first-child .post-title{font-size:1.9rem}}@media (prefers-reduced-motion:reduce){.article-card,.article-card .post-title,.article-card>p,.article-card__media img,.article-card__meta{transition:none}.article-card:is(:hover,:focus-visible) .article-card__meta,.article-card:is(:hover,:focus-visible)>p{translate:none}.article-card:is(:hover,:focus-visible){transform:none}.article-card:is(:hover,:focus-visible) .article-card__media img{scale:none}}