.article-card{--ac-bg: var(--bg-soft);--ac-text: var(--text-primary);--ac-text-soft: var(--text-body);--ac-muted: var(--text-muted);--ac-accent: var(--accent);--ac-border: var(--border-hairline);--ac-arrow-bg: var(--bg-page);--ac-arrow-text: var(--text-primary);--ac-thumb-bg: var(--color-cream-100);position:relative;display:flex;flex-direction:column;background:var(--ac-bg);color:var(--ac-text);border:1px solid var(--ac-border);border-radius:20px;overflow:hidden;text-decoration:none;isolation:isolate;transform:translateZ(0);backface-visibility:hidden;will-change:transform;transition:transform var(--duration-base) var(--ease-out-quart),box-shadow var(--duration-base) var(--ease-out-quart),border-color var(--duration-base) var(--ease-out-quart)}.article-card:hover{transform:translate3d(0,-3px,0);box-shadow:0 24px 48px -28px color-mix(in oklab,var(--color-ink-950) 24%,transparent)}.article-card--dark{--ac-bg: var(--color-ink-950);--ac-text: var(--color-cream-50);--ac-text-soft: color-mix(in oklab, var(--color-cream-50) 75%, transparent);--ac-muted: color-mix(in oklab, var(--color-cream-50) 55%, transparent);--ac-accent: var(--color-chartreuse-500);--ac-border: color-mix(in oklab, var(--color-cream-50) 12%, transparent);--ac-arrow-bg: color-mix(in oklab, var(--color-cream-50) 10%, transparent);--ac-arrow-text: var(--color-cream-50);--ac-thumb-bg: var(--color-charcoal-900)}.article-card--accent{--ac-bg: var(--color-chartreuse-500);--ac-text: var(--color-ink-950);--ac-text-soft: color-mix(in oklab, var(--color-ink-950) 78%, transparent);--ac-muted: color-mix(in oklab, var(--color-ink-950) 60%, transparent);--ac-accent: var(--color-ink-950);--ac-border: color-mix(in oklab, var(--color-ink-950) 16%, transparent);--ac-arrow-bg: color-mix(in oklab, var(--color-ink-950) 12%, transparent);--ac-arrow-text: var(--color-ink-950);--ac-thumb-bg: color-mix(in oklab, var(--color-ink-950) 10%, var(--color-chartreuse-500))}.article-card--gradient{background:linear-gradient(135deg,var(--color-ink-950) 0%,var(--color-charcoal-900) 55%,color-mix(in oklab,var(--color-chartreuse-500) 38%,var(--color-charcoal-900)) 100%);--ac-text: var(--color-cream-50);--ac-text-soft: color-mix(in oklab, var(--color-cream-50) 78%, transparent);--ac-muted: color-mix(in oklab, var(--color-cream-50) 55%, transparent);--ac-accent: var(--color-chartreuse-500);--ac-border: color-mix(in oklab, var(--color-chartreuse-500) 22%, transparent);--ac-arrow-bg: color-mix(in oklab, var(--color-cream-50) 10%, transparent);--ac-arrow-text: var(--color-cream-50);--ac-thumb-bg: var(--color-charcoal-900)}.article-card__media{position:relative;overflow:hidden;background:var(--ac-thumb-bg)}.article-card--hero .article-card__media{aspect-ratio:16 / 9}.article-card--standard .article-card__media{aspect-ratio:16 / 10}.article-card__series-tag{position:absolute;top:14px;inset-inline-start:14px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:var(--color-chartreuse-500);color:var(--color-ink-950);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.5625rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;z-index:2}html[lang=ar] .article-card__series-tag{font-family:var(--font-arabic);font-size:.75rem;letter-spacing:0;text-transform:none;font-weight:700}.article-card__series-dot{width:5px;height:5px;border-radius:50%;background:var(--color-ink-950)}.article-card__body{display:flex;flex-direction:column;gap:8px;padding:clamp(16px,1.8vw,22px);flex:1}.article-card--hero .article-card__body{padding:clamp(24px,3vw,36px);gap:12px}.article-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-family:var(--font-mono);font-size:.625rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ac-muted)}html[lang=ar] .article-card__meta{font-family:var(--font-arabic);font-size:.75rem;letter-spacing:0;text-transform:none}.article-card__category{color:var(--ac-accent)}.article-card__sep{color:var(--ac-muted)}.article-card__title{font-family:var(--font-display);font-size:clamp(1.0625rem,1.4vw,1.25rem);font-weight:700;line-height:1.2;letter-spacing:-.015em;color:var(--ac-text);margin:0;text-wrap:balance}.article-card--hero .article-card__title{font-size:clamp(1.625rem,3vw,2.5rem);line-height:1.05;letter-spacing:-.025em}html[lang=ar] .article-card__title{font-family:var(--font-arabic);font-weight:700;line-height:1.35;letter-spacing:0}html[lang=ar] .article-card--hero .article-card__title{line-height:1.2}.article-card__excerpt{font-family:var(--font-body);font-size:.875rem;line-height:1.55;color:var(--ac-text-soft);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card--hero .article-card__excerpt{font-size:clamp(.9375rem,1.05vw,1rem);-webkit-line-clamp:3;line-clamp:3}html[lang=ar] .article-card__excerpt{font-family:var(--font-arabic);line-height:1.85}.article-card__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}.article-card__readtime{font-family:var(--font-mono);font-size:.625rem;font-weight:600;letter-spacing:.06em;color:var(--ac-muted);direction:ltr;unicode-bidi:isolate}html[lang=ar] .article-card__readtime{font-family:var(--font-arabic);font-size:.75rem;letter-spacing:0}.article-card__arrow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--ac-arrow-bg);color:var(--ac-arrow-text);flex-shrink:0;transition:transform var(--duration-base) var(--ease-out-quart)}.article-card--hero .article-card__arrow{width:36px;height:36px}html[dir=rtl] .article-card__arrow svg{transform:scaleX(-1)}.article-card:hover .article-card__arrow{transform:translate3d(2px,-2px,0)}html[dir=rtl] .article-card:hover .article-card__arrow{transform:translate3d(-2px,-2px,0)}.article-thumb{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;color:inherit}.article-thumb__art{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.article-thumb__mark{position:absolute;top:clamp(12px,1.6vw,18px);inset-inline-start:clamp(12px,1.6vw,18px);z-index:2;display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:4px 8px;background:color-mix(in oklab,currentColor 6%,transparent);border:1px solid color-mix(in oklab,currentColor 20%,transparent);border-radius:4px;direction:ltr;unicode-bidi:isolate}.article-card--hero .article-thumb__mark{font-size:.8125rem;padding:6px 10px;letter-spacing:.2em}.article-row{display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:baseline;gap:clamp(12px,1.6vw,24px);padding:clamp(14px,1.6vw,18px) clamp(8px,1vw,16px);border-bottom:1px solid var(--border-hairline);text-decoration:none;color:inherit;position:relative;transition:background var(--duration-base) var(--ease-out-quart)}.article-row:hover{background:var(--bg-soft)}.article-row:last-child{border-bottom:none}.article-row__date{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.04em;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:9ch;direction:ltr;unicode-bidi:isolate}html[lang=ar] .article-row__date{font-family:var(--font-arabic);font-size:.875rem;letter-spacing:0}.article-row__category{font-family:var(--font-mono);font-size:.625rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);white-space:nowrap;min-width:14ch}html[lang=ar] .article-row__category{font-family:var(--font-arabic);font-size:.8125rem;letter-spacing:0;text-transform:none;font-weight:700;min-width:16ch}.article-row__title{font-family:var(--font-display);font-size:clamp(.9375rem,1.2vw,1.0625rem);font-weight:700;letter-spacing:-.01em;color:var(--text-primary);line-height:1.35;transition:color var(--duration-base) var(--ease-out-quart)}html[lang=ar] .article-row__title{font-family:var(--font-arabic);font-weight:700;letter-spacing:0;line-height:1.5}.article-row:hover .article-row__title{color:var(--accent-text)}html[data-theme=dark] .article-row:hover .article-row__title{color:var(--color-chartreuse-500)}.article-row__readtime{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap;direction:ltr;unicode-bidi:isolate}html[lang=ar] .article-row__readtime{font-family:var(--font-arabic);font-size:.8125rem;letter-spacing:0}.article-row__arrow{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-muted);transition:color var(--duration-base) var(--ease-out-quart),transform var(--duration-base) var(--ease-out-quart)}html[dir=rtl] .article-row__arrow svg{transform:scaleX(-1)}.article-row:hover .article-row__arrow{color:var(--accent-text);transform:translate3d(2px,-2px,0)}html[dir=rtl] .article-row:hover .article-row__arrow{transform:translate3d(-2px,-2px,0)}@media(max-width:720px){.article-row{grid-template-columns:auto 1fr;grid-template-areas:"date category" "title title" "readtime arrow";gap:4px 12px}.article-row__date{grid-area:date;min-width:0}.article-row__category{grid-area:category;justify-self:end;min-width:0}.article-row__title{grid-area:title;margin-top:4px}.article-row__readtime{grid-area:readtime}.article-row__arrow{grid-area:arrow;justify-self:end}}@media(prefers-reduced-motion:reduce){.article-card,.article-card__arrow,.article-row,.article-row__arrow{transition:none}.article-card:hover,.article-card:hover .article-card__arrow,.article-row:hover .article-row__arrow{transform:none}}