/* page-articles.css
   Generated by scripts/tayfak-extract-css.py from the archived Astro build. Do not edit: the next
   run overwrites this file. Hand-written additions live in article-compat.css.

   Every rule is scoped to body.p-articles. That prefix stands in for the [data-astro-cid-*]
   attribute Astro used, which carried real specificity weight; removing it silently demotes
   every rule here. See functions.php. */
.p-articles .head{margin-block-end:clamp(1.75rem,4vw,2.75rem)}
.p-articles .cards{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
@media(min-width:44em){.p-articles .cards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:68em){.p-articles .cards{grid-template-columns:repeat(3,1fr)}}
.p-articles .card{position:relative;display:grid;align-content:start;gap:.4rem;block-size:100%;padding:1.4rem 1.5rem 1.75rem;background:var(--paper);border:1px solid var(--hairline);border-radius:var(--r-md);color:var(--ink);text-decoration:none;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.p-articles .card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:transparent}
.p-articles .card__band{position:absolute;inset-inline:0;inset-block-end:0;block-size:4px;background:var(--spectrum);transform:scaleX(0);transform-origin:inline-start;transition:transform .24s ease}
.p-articles .card:hover .card__band,.p-articles .card:focus-visible .card__band{transform:scaleX(1)}
.p-articles .card__meta{font-family:var(--display);font-size:.74rem;font-weight:600;letter-spacing:.04em;color:var(--turquoise-deep)}
.p-articles .card__title{font-family:var(--display);font-size:1.14rem;line-height:1.4;letter-spacing:-.01em}
.p-articles .card__tag{font-size:.92rem;color:var(--graphite);line-height:1.65}