/* Colours and fonts come from the theme, apart from the tags. */
.neutine { margin-bottom: 1.5em; }
.neutine-grid { display: grid; gap: 1em; grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr)); }
.neutine-card { border: 1px solid rgba(128, 128, 128, 0.35); margin-bottom: 1em; min-width: 0; overflow-wrap: anywhere; padding: 1em; }
.neutine-grid .neutine-card { margin-bottom: 0; }
.neutine-card h3 { margin: 0 0 0.4em; }
.neutine-meta { margin: 0 0 0.5em; }
.neutine-logo { display: block; height: 80px; margin-bottom: 0.6em; object-fit: contain; width: 80px; }
.neutine-text { white-space: pre-line; }
.neutine-links a { margin-right: 0.8em; }
.neutine-muted { opacity: 0.7; }
.neutine-online strong { font-size: 1.6em; }
.neutine-list { list-style: none; margin: 0; padding: 0; }
.neutine-list li { display: flex; gap: 1em; justify-content: space-between; padding: 0.2em 0; }
.neutine-table { border-collapse: collapse; width: 100%; }
.neutine-table th, .neutine-table td { padding: 0.35em 0.5em; text-align: left; }
.neutine-tag { display: inline-block; font-size: 0.85em; padding: 0.05em 0.5em; }
.neutine-tag--blue { background: #bbd4ea; color: #0c2d4a; }
.neutine-tag--green { background: #cce2d8; color: #005a30; }
.neutine-tag--red { background: #f4cdc6; color: #2a0b06; }
.neutine-tag--yellow { background: #fff7bf; color: #594d00; }
.neutine-tag--orange { background: #fcd6c3; color: #6e3619; }
.neutine-tag--purple { background: #dbd5e9; color: #3d2375; }
.neutine-tag--grey { background: #e5e6e7; color: #0b0c0c; }
.neutine-filter__link { text-decoration: none; }
.neutine-filter__link[aria-current] .neutine-tag { outline: 2px solid currentColor; outline-offset: 1px; }