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

.wnk-page {
    --wnk-ink: var(--color-text, var(--navy));
    --wnk-muted: var(--color-neutral-600, var(--color-neutral-600));
    --wnk-line: var(--color-neutral-300, var(--color-neutral-300));
    --wnk-paper: var(--color-neutral-100, var(--color-neutral-100));
    --wnk-bad: var(--color-accent, var(--coral-text));
    --wnk-good: var(--color-success-text, var(--mint-text));
    --wnk-good-bg: var(--color-success-bg, var(--mint-bg)); }
.wnk-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2) var(--space-3); }
.wnk-summary { font-size: 15px; margin: var(--space-2) 0; }
.wnk-small { font-size: 12px; color: var(--wnk-muted); margin: 4px 0 0; }
.wnk-alert { border-left: 4px solid var(--wnk-bad); background: var(--wnk-paper); padding: var(--space-2) var(--space-3);
    margin: 0 0 var(--space-3); border-radius: 0 6px 6px 0; }
.wnk-alert--info { border-left-color: var(--wnk-line); }
.wnk-alert ul { margin: 4px 0 0; padding-left: 1.2em; }
.wnk-actions { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; margin: var(--space-2) 0; }
.wnk-actions form { margin: 0; }
.wnk-group { border-top: 1px solid var(--wnk-line); padding: var(--space-3) 0 var(--space-2); }
.wnk-group:first-of-type { border-top: 0; }
.wnk-group-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2); justify-content: space-between; }
.wnk-group-head h3 { margin: 0; font-size: 1rem; }
.wnk-count { font-size: 12px; color: var(--wnk-muted); font-weight: 400; }
.wnk-reason { font-size: 13px; color: var(--wnk-muted); margin: 2px 0 var(--space-2); }
.wnk-rows { list-style: none; margin: 0; padding: 0; }
.wnk-row { display: grid; grid-template-columns: minmax(8rem, 14rem) minmax(0, 1fr) auto; gap: 4px var(--space-3);
    align-items: baseline; padding: 6px 0; border-bottom: 1px solid var(--wnk-paper); }
.wnk-text { font-weight: 600; overflow-wrap: anywhere; }
.wnk-match { font-size: 11px; color: var(--wnk-muted); font-weight: 400; }
.wnk-evidence { font-size: 13px; overflow-wrap: anywhere; }
.wnk-evidence small { display: block; font-size: 12px; color: var(--wnk-muted); }
.wnk-row form { margin: 0; display: inline-flex; gap: 4px; }
.wnk-row .btn, .wnk-group-head .btn { padding: 2px 10px; font-size: 12px; }
.wnk-add { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: flex-end; }
.wnk-add label { display: flex; flex-direction: column; font-size: 12px; gap: 2px; }
.wnk-add input[type=text] { min-width: 18rem; }
.wnk-add select { width: auto; }
.wnk-add--sentence { align-items: center; }
.wnk-theme { border-top: 1px solid var(--rule); padding: var(--space-2) 0; }
.wnk-theme__line { cursor: pointer; display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: baseline; }
.wnk-theme__words { color: var(--slate-text); font-size: 13px; }
.wnk-theme[open] .wnk-theme__words { display: none; }
.wnk-add--sentence label { display: inline; font-size: inherit; color: var(--navy); }
.wnk-left-out { columns: 2 20rem; column-gap: var(--space-4); font-size: 13px; padding-left: 1.1em; }
.wnk-left-out li { break-inside: avoid; }
.wnk-dialog { max-width: 42rem; width: calc(100% - 32px); border: 1px solid var(--wnk-line); border-radius: 10px;
    padding: var(--space-4); color: var(--wnk-ink); background: var(--color-bg, var(--ground)); }
.wnk-dialog::backdrop { background: rgb(0 0 0 / .35); }
.wnk-dialog h2 { margin-top: 0; }
.wnk-dialog ol { padding-left: 1.4em; }
.wnk-dialog .wnk-buttons { display: flex; gap: var(--space-2); justify-content: flex-end; flex-wrap: wrap; }
@media (max-width: 720px) {
  .wnk-row { grid-template-columns: minmax(0, 1fr); }
  .wnk-add input[type=text] { min-width: 0; width: 100%; }
}