html[data-public] .article-card{--card-ease:cubic-bezier(.16,1,.3,1);border:1px solid var(--color-border);background:var(--color-surface);min-width:0;height:100%;color:var(--color-text);isolation:isolate;transition:transform .5s var(--card-ease), box-shadow .5s ease, border-color .2s ease;border-radius:26px;flex-direction:column;text-decoration:none;display:flex}html[data-public] .article-card:focus-visible{outline:3px solid var(--color-primary);outline-offset:5px}html[data-public] .article-card .article-card-copy{flex-direction:column;flex:1;min-width:0;padding:28px;display:flex}html[data-public] .article-card .article-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;margin-bottom:20px;display:flex}html[data-public] .article-card .category-badge{min-width:0;color:var(--color-text-muted);align-items:center;gap:7px;font-size:.86rem;font-weight:700;line-height:1.7;display:inline-flex}html[data-public] .article-card .category-badge-dot{background:var(--card-cat-color);border-radius:50%;flex-shrink:0;width:6px;height:6px}html[data-public] .article-card .status-badge{color:var(--color-text-muted);align-items:center;gap:5px;font-size:.78rem;font-weight:600;line-height:1.8;display:inline-flex}html[data-public] .article-card .status-badge svg{flex-shrink:0}html[data-public] .article-card .status-badge.verified svg{color:var(--color-primary)}html[data-public] .article-card .status-badge.warn{color:var(--color-warning)}html[data-public] .article-card .article-card-title{color:var(--color-text);overflow-wrap:anywhere;text-wrap:pretty;margin:0 0 12px;font-size:1.3rem;font-weight:700;line-height:1.65}html[data-public] .article-card .article-card-summary{color:var(--color-text-muted);overflow-wrap:anywhere;margin:0 0 24px;font-size:.97rem;line-height:1.85}html[data-public] .article-card .article-card-meta{border-top:1px solid var(--color-border);color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:auto;padding-top:20px;font-size:.84rem;line-height:1.7;display:flex}html[data-public] .article-card .meta-item{align-items:center;gap:6px;display:inline-flex}html[data-public] .article-card .meta-item svg{flex-shrink:0}html[data-public] .article-card.article-card-feature{background:0 0;border:0;border-radius:28px}html[data-public] .article-card.article-card-feature .article-card-copy{padding:24px 4px 4px}html[data-public] .article-card.article-card-feature .article-card-title{font-size:1.4rem}html[data-public] .article-card.article-card-feature .article-card-header{margin-bottom:12px}html[data-public] .article-card .article-card-art{background:var(--card-paper);min-height:240px;color:var(--color-text);isolation:isolate;transition:transform .6s var(--card-ease);border-radius:28px;place-items:center;display:grid;position:relative}html[data-public] .article-card .article-art-icon{background:color-mix(in srgb, var(--color-surface) 65%, transparent);width:128px;height:128px;color:var(--color-text);transition:transform .6s var(--card-ease);border-radius:36px;place-items:center;display:grid;transform:rotate(-5deg)}@media (hover:hover) and (pointer:fine){html[data-public] .article-card:hover{border-color:color-mix(in srgb, var(--color-primary) 35%, var(--color-border));transform:translateY(-4px);box-shadow:0 24px 50px -32px #16171d42}html[data-public] .article-card.article-card-feature:hover{box-shadow:none}html[data-public] .article-card.article-card-feature:hover .article-art-icon{transform:rotate(0)}}@media (width<=560px){html[data-public] .article-card .article-card-copy{padding:24px}html[data-public] .article-card .article-card-title{font-size:1.24rem}html[data-public] .article-card .article-card-art{min-height:220px}}@media (prefers-reduced-motion:reduce){html[data-public] .article-card,html[data-public] .article-card .article-card-art,html[data-public] .article-card .article-art-icon{transition:none}html[data-public] .article-card:hover,html[data-public] .article-card .article-art-icon,html[data-public] .article-card.article-card-feature:hover .article-art-icon{transform:none}}
