.card{background-color:var(--color-bg);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-sm);transition:all .3s ease}.card-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-xxs)}.card-title{color:var(--color-text);margin-bottom:0;margin-right:var(--spacing-md);overflow-wrap:break-word;min-width:0}.card-subtitle{font-weight:400;margin-top:var(--spacing-xxs);margin-bottom:var(--spacing-xs)}.card-lede,.card-subtitle{font-size:.8rem;line-height:1.45;color:var(--color-text-secondary)}.card-lede{margin:0 0 var(--spacing-xxs)}.card-header-meta{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.card-attention{justify-content:center;color:var(--color-warning-700);cursor:help}.card-attention,.card-header-meta>.tooltip-wrapper{display:flex;align-items:center}.card-children{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%;height:100%}@media (min-width:480px){.card{padding:var(--spacing-xs)}}@media (min-width:768px){.card{padding:var(--spacing-md)}}@media (min-width:1024px){.card{padding:var(--spacing-md)}}@media (min-width:1280px){.card{padding:var(--spacing-md)}}@media (min-width:1536px){.card{padding:var(--spacing-md)}}