/* art-check.css - the developer art status table */
.art-layout { display: grid; grid-template-columns: 320px 1fr; gap: 18px; align-items: start; }
.art-layout canvas { background: linear-gradient(#7bbcf0, #b3ddf5 60%, #c19a62 60%); border-radius: 3px; margin-bottom: 10px; }
.art-layout .small { font-size: .9rem; }
.art-table-wrap { overflow-x: auto; }
.art-table { border-collapse: collapse; width: 100%; font-size: .9rem; }
.art-table th { text-align: left; font-family: var(--serif-sc); font-weight: normal; color: var(--gold); border-bottom: 1px solid var(--stone-3); padding: 6px; }
.art-table td { padding: 5px 6px; border-bottom: 1px solid #2c3446; vertical-align: top; }
.art-table code { font-size: .85rem; color: var(--limewash); }
.art-table tr.loaded td:last-child { color: #8fd17a; }
.art-table tr.missing td:last-child { color: var(--limewash-dim); }
@media (max-width: 800px) { .art-layout { grid-template-columns: 1fr; } }