.system-card{gap:var(--space-5);padding-block:var(--space-8);padding-inline:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:grid}.system-card-head{justify-items:center;gap:var(--space-3);text-align:center;display:grid}.system-card-head h1{font-size:var(--text-3xl);line-height:var(--leading-tight);margin:0}.system-card-head p{color:var(--fg-muted);max-inline-size:34rem;margin:0}.system-card-art{border-radius:var(--petal-lg);background:var(--brand-soft);block-size:5rem;inline-size:5rem;color:var(--brand-strong);place-items:center;display:grid;position:relative}.system-card-art[data-tone=warning]{background:var(--tone-warning-soft);color:var(--tone-warning-fg)}.system-card-art[data-tone=danger]{background:var(--tone-danger-soft);color:var(--tone-danger-fg)}.system-card-art svg{block-size:2.25rem;inline-size:2.25rem}.system-card-actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.system-card-section{gap:var(--space-3);border-block-start:1px solid var(--border-subtle);padding-block-start:var(--space-5);display:grid}.system-card-section h2{font-size:var(--text-lg);margin:0}.system-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.system-list li{align-items:center;gap:var(--space-2);display:flex}.system-list li svg{color:var(--fg-subtle);flex:none}.system-kinds{gap:var(--space-2);flex-wrap:wrap;padding-block-start:var(--space-3);display:flex}@media (max-width:767px){.system-card{padding-block:var(--space-6);padding-inline:var(--space-4)}.system-card-actions>*{flex:100%}}