/* === shared-utils - utility classes === */
.util-dn { display:none }
.util-mint { color:var(--accent) }
.util-gray { color:var(--gray) }
.util-gray-light { color:var(--gray-light) }
.util-white { color:var(--white) }
.util-warm { color:var(--accent-warm) }
.util-red { color:var(--accent-red) }
.util-cream { color:var(--cream) }
.util-tac { text-align:center }
.util-tar { text-align:right }
.util-meta { font-size:0.78rem;color:var(--gray);margin-bottom:0.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
.util-input-style { width:100%;padding:0.45rem 0.75rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--cream);font-size:0.85rem }
.util-mb-1-5 { margin-bottom:1.5rem }
.util-mb-1 { margin-bottom:1rem }
.util-top-border { margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border) }
.util-sm-gray { font-size:0.78rem;color:var(--gray) }
.util-bg-mint { background:var(--accent-soft) }
.util-bg-warm { background:rgba(166,130,74,0.15) }
.util-mb-0 { margin-bottom:0 }
.util-flex-1 { flex:1 }
.util-cursor { cursor:pointer }
.util-mint-bold { color:var(--accent);font-weight:600; }
.util-gray-sm { color:var(--gray);font-size:0.8rem }
.util-gray-f85 { color:var(--gray);font-size:0.85rem; }
.util-error-red { color:#C0392B }
.util-gray-plain { color:var(--gray); }
.util-gray-f78 { color:var(--gray);font-size:0.78rem; }
.util-muted-link { color:var(--gray-light);text-decoration:none; }
.util-sm-gray-light { font-size:0.75rem;color:var(--gray-light) }
.util-gray-light-f82 { color:var(--gray-light);font-size:0.82rem }
.util-f85-gray { font-size:0.85rem;color:var(--gray) }
.util-mint-plain { color: var(--accent); }
.util-mt-150-muted { margin-top:1.5rem;font-size:0.78rem;color:var(--gray-light); }