.card-art{position:relative;display:flex;flex-direction:column;min-width:0}
.card-art .capa{aspect-ratio:3/2;margin-bottom:1rem}
.card-art .ca-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem;position:relative;z-index:2;pointer-events:none}
.card-art .ca-meta .tag{pointer-events:auto}
.card-art .ca-meta time{font:400 .8125rem/1.2 var(--f-micro);color:var(--cinza);white-space:nowrap}
.card-art .ca-t{margin:0 0 .65rem;font:700 clamp(1.65rem,2.1vw,2.2rem)/1.02 var(--f-nome);letter-spacing:-.005em;text-wrap:balance}
.card-art .ca-link{text-decoration:none;text-decoration-thickness:.1rem;text-underline-offset:.18em}
.card-art .ca-link::after{content:"";position:absolute;inset:0;z-index:1}
.card-art .ca-link:hover,.card-art .ca-link:focus-visible{text-decoration:underline}
.card-art .ca-link:focus-visible{outline:none}
.card-art:has(.ca-link:focus-visible) .capa{outline:2px solid var(--tinta);outline-offset:3px}
.card-art .ca-r{margin:0 0 1.1rem;font:400 1rem/1.5 var(--f-texto);color:var(--cinza);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card-art .by{position:relative;z-index:2;margin-top:auto;align-self:flex-start}

.grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2.5rem,4.5vw,4.25rem) clamp(1.25rem,2.5vw,2.5rem);margin:0;padding:0;list-style:none}
.grade:empty{display:none}
@media (max-width:1024px){.grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.grade{grid-template-columns:1fr}}