:root{--card-radius: var(--ui-radius-lg, 18px)}.card{--card-accent: var(--section-accent, var(--theme-accent, #9b87f5));display:flex;flex-direction:column;gap:.75rem;padding:clamp(1.25rem,2.5vw,1.75rem);border:1px solid var(--ui-border, rgba(148, 163, 184, .3));border-radius:var(--card-radius);background:var(--ui-surface, #fff);color:var(--ui-text, #0f172a);box-shadow:var(--ui-shadow-1, 0 2px 8px rgba(15, 23, 42, .06));transition:transform var(--ui-transition, .16s ease),box-shadow var(--ui-transition, .16s ease),border-color var(--ui-transition, .16s ease)}.card:is(:hover,:focus-visible,:focus-within){transform:translateY(-1px);border-color:var(--ui-border-strong, rgba(148, 163, 184, .5));box-shadow:var(--ui-shadow-2, 0 8px 24px rgba(15, 23, 42, .08))}.card:focus-visible{outline:2px solid color-mix(in srgb,var(--card-accent) 55%,transparent);outline-offset:3px}.card p{color:var(--ui-text-muted, #64748b);font-size:.98rem;line-height:1.6}.card p{margin:0}.article-card{--article-accent: #a95332;position:relative;display:flex;flex-direction:column;min-height:100%;overflow:hidden;border:1px solid var(--ui-border, rgba(15, 23, 42, .1));border-radius:var(--ui-radius-lg, 18px);background:var(--ui-surface, #fff);box-shadow:var(--ui-shadow-1, 0 2px 8px rgba(15, 23, 42, .06));transition:transform var(--ui-transition, .16s ease),box-shadow var(--ui-transition, .16s ease),border-color var(--ui-transition, .16s ease)}.article-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--article-accent)}.article-card:is(:hover,:focus-within){transform:translateY(-1px);border-color:color-mix(in srgb,var(--article-accent) 24%,var(--ui-border));box-shadow:var(--ui-shadow-2, 0 8px 24px rgba(15, 23, 42, .08))}.article-card__media{position:relative;width:100%;aspect-ratio:16 / 9;margin:0;flex-shrink:0;overflow:hidden;background:var(--ui-surface-subtle, #faf7f2)}.article-card__media picture,.article-card__media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.article-card__body{display:flex;flex:1;flex-direction:column;gap:.7rem;padding:.9rem .9rem 1rem}.article-card__header{min-height:1rem;display:flex;align-items:center;justify-content:flex-end}.article-card__meta{margin:0;color:var(--ui-text-soft, #8a8f9c);font-size:.76rem;font-weight:600}.article-card__title{margin:0;color:var(--ui-text, #0f172a);font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.22}.article-card__title a{color:inherit;text-decoration:none}.article-card__title a:is(:hover,:focus-visible){color:color-mix(in srgb,var(--article-accent) 60%,var(--ui-text))}.article-card__summary{margin:0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;color:var(--ui-text-muted, #64748b);font-size:.92rem;line-height:1.5}.article-card__links{margin-top:auto;display:grid;gap:.7rem}.article-card__chips{display:flex;flex-wrap:wrap;gap:.4rem}.article-card__chips .chip{padding:.28rem .7rem;font-size:.76rem}.article-card__cta{margin:0}.article-card__cta a{display:inline-flex;align-items:center;gap:.35rem;color:color-mix(in srgb,var(--article-accent) 78%,var(--ui-text));font-size:.88rem;font-weight:800;text-decoration:none}.article-card__cta a:after{content:"\2192";transition:transform var(--ui-transition, .16s ease)}.article-card:is(:hover,:focus-within) .article-card__cta a:after{transform:translate(3px)}@media(max-width:600px){.card{padding:1.2rem}.article-card__body{padding:1rem}}
