.article-icon{width:20px;height:20px;flex:none;vertical-align:middle}
.article-label,.article-heading,.budget-legend-category{display:flex;align-items:center;gap:8px}
.article-label{width:fit-content}.article-heading{min-width:0;overflow-wrap:anywhere}
.article-symbol{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;color:var(--article-color);background:color-mix(in srgb,var(--article-color) 12%,transparent);flex:none}
.article-symbol .article-icon{width:24px;height:24px}
.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}
.article-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line,#ddd);border-radius:14px;text-decoration:none;color:inherit}
.article-card:hover{background:color-mix(in srgb,currentColor 4%,transparent)}
.article-card>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.article-card small{margin-top:4px}
.article-editor{max-width:640px}.article-editor input:not([type=hidden]),.article-editor select{width:100%}.article-editor input[type=color]{width:100px;min-height:44px;padding:4px}.article-editor label{display:block;margin-bottom:8px}
.article-icon-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:12px;color:var(--muted,#73736b)}
.article-icon-choices>span{display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center}.article-icon-choices small{font-size:12px}
@media(max-width:600px){.article-heading{font-size:1.35rem}.article-card{padding:12px}.article-symbol{width:38px;height:38px}}