/* Extracted from pages/trademarks.html */
.mark-table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.mark-table th, .mark-table td {
    text-align: left; padding: 0.6rem 0.75rem;
    border-bottom: 1px solid var(--border); font-size: 0.9rem;
}
.mark-table th { color: var(--accent); font-weight: 600; }
.mark-table td { color: var(--text-dim); }
.usage-card {
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: 8px; padding: 1.5rem; margin: 1.5rem 0;
}
.do-dont { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin: 1.5rem 0; }
.do-card, .dont-card {
    background: var(--bg-card); border-radius: 8px; padding: 1.25rem;
}
.do-card { border: 1px solid var(--green); }
.dont-card { border: 1px solid var(--red); }
.do-card h3 { color: var(--green); margin-bottom: 0.75rem; }
.dont-card h3 { color: var(--red); margin-bottom: 0.75rem; }
.do-card li, .dont-card li {
    color: var(--text-dim); font-size: 0.9rem; line-height: 1.8; margin-bottom: 0.25rem;
}
@media (max-width: 768px) {
    .do-dont { grid-template-columns: 1fr; }
}