/* Moved from websites/templates/websites/website_competitor_list.html (redesign checklist: local CSS out of the templates).
   Loaded only by that page, at the place its <style> stood. */

.num { text-align: right; white-space: nowrap; }
.cmp-list td, .cmp-list th { vertical-align: top; }
.cmp-list .cmp-domain { font-weight: 600; overflow-wrap: anywhere; }
.cmp-list .cmp-visit { margin-left: var(--space-1); text-decoration: none; }
/* The four scored dimensions read as one block, apart from the size
   figures on either side of them. */
.cmp-list .dim { background: var(--color-neutral-100, #f6f7f9); }
.cmp-unscored td { opacity: 0.75; }
/* How the domain was found, when it was not the standard collection —
   small and grey, a footnote to the name rather than a figure. */
.cmp-origin { font-size: 0.85em; color: var(--color-text-muted, #667); overflow-wrap: anywhere; }
/* The "Add a competitor" form in the page menu: the field and its button
   on one line, the field narrow enough for a domain. */
.page-menu .cmp-add-form { display: flex; align-items: center; gap: var(--space-1); }
.page-menu .cmp-add-form input[type=text] { width: 14rem; max-width: 50vw; margin: 0; }
.cmp-add-label { font-weight: 800; white-space: nowrap; }