/* The original explanation combines both outcomes and appears before a search. */
.knowledge-tool-page[data-tool="fci"] .knowledge-tool-page__header h1 {
  font-family: var(--ctr-font);
  font-size: var(--ctr-home-card-heading-size-dark, 22px);
  font-weight: 900;
  letter-spacing: -.035em;
  line-height: 1.2;
}

html[data-theme="light"] .knowledge-tool-page[data-tool="fci"] .knowledge-tool-page__header h1 {
  font-size: var(--ctr-home-card-heading-size-light, 22px);
}

.knowledge-tool-page[data-tool="fci"] .knowledge-tool-page__header > div[hidden] {
  display: none;
}

.knowledge-tool-page[data-tool="fci"] .fci-check-form > div:first-of-type {
  width: min(100%, 21.5rem);
  grid-template-columns: minmax(0, 1fr) auto;
}

:root:not([data-theme="light"]) .knowledge-tool-page[data-tool="fci"] .fci-check-form input[name="kennel_name"] {
  border: 1px solid var(--ctr-border);
  background: var(--ctr-surface-raised);
  color: var(--ctr-text);
}

:root:not([data-theme="light"]) .knowledge-tool-page[data-tool="fci"] .fci-check-form input[name="kennel_name"]::placeholder {
  color: var(--ctr-text-soft);
}

.knowledge-tool-page[data-tool="fci"] .knowledge-note,
.knowledge-tool-page[data-tool="fci"] .fci-check-result:empty {
	display: none !important;
}

.knowledge-tool-page[data-tool="fci"] .fci-check-form > .ctr-fci-explanation[hidden] {
	display: none !important;
}

.knowledge-tool-page[data-tool="fci"] .fci-check-result.is-matched {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 4.75rem;
	padding-left: 5rem;
	border-left-color: #4f9a6c;
	font-weight: 700;
}

.knowledge-tool-page[data-tool="fci"] .fci-check-result.is-matched::before {
	content: "✓";
	position: absolute;
	left: 1.05rem;
	top: 50%;
	transform: translateY(-50%);
	color: #4f9a6c;
	font-family: Arial, sans-serif;
	font-size: 3.35rem;
	font-weight: 900;
	line-height: 1;
}

:root:not([data-theme="dark"]) .knowledge-tool-page[data-tool="fci"] .fci-check-result.is-matched,
:root:not([data-theme="dark"]) .knowledge-tool-page[data-tool="fci"] .ctr-fci-explanation[data-outcome="matched"] {
	border-left-color: #185633;
}

:root:not([data-theme="dark"]) .knowledge-tool-page[data-tool="fci"] .fci-check-result.is-matched::before {
	color: #185633;
}

.knowledge-tool-page[data-tool="fci"] .fci-check-form > .ctr-fci-explanation:not([hidden]) {
	display: grid;
	grid-template-columns: 16.5rem minmax(0, 1fr);
	align-items: start;
	column-gap: 1rem;
	margin: -1.25rem 0 1.25rem;
	border-left: 4px solid var(--ctr-purple);
	background: var(--ctr-surface-soft);
	padding: 0.15rem 1.15rem 1rem;
}

.knowledge-tool-page[data-tool="fci"] .ctr-fci-explanation[data-outcome="matched"] {
	border-left-color: #4f9a6c;
}

.knowledge-tool-page[data-tool="fci"] .ctr-fci-explanation strong {
	display: block;
	grid-area: heading;
	align-self: center;
	justify-self: center;
	margin: 0;
	text-align: center;
}

.knowledge-tool-page[data-tool="fci"] .ctr-fci-explanation p {
	grid-area: meaning;
	margin: 0;
	text-align: justify;
	text-align-last: left;
	hyphens: none;
}

@media (max-width: 720px) {
	.knowledge-tool-page[data-tool="fci"] .fci-check-form > .ctr-fci-explanation:not([hidden]) {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 0.35rem;
	}
}

/* The ZKwP badge green is #009846. Treat both result states as one continuous notice. */
.knowledge-tool-page[data-tool="fci"] .knowledge-workbench.ctr-fci-found {
  background: color-mix(in srgb, #009846 13%, var(--ctr-surface-soft));
}
.knowledge-tool-page[data-tool="fci"] .knowledge-workbench.ctr-fci-not-found {
  background: color-mix(in srgb, #efbf40 19%, var(--ctr-surface-soft));
}
.knowledge-tool-page[data-tool="fci"] .fci-check-result:is(.is-matched, .is-warning, .is-zkwp) {
  display: flex;
  position: relative;
  align-items: center;
  min-height: 5rem;
  margin-bottom: 0;
  border-left-width: 6px;
  padding-left: 5.6rem;
  color: var(--ctr-text);
  font-weight: 750;
  text-align: justify;
  text-align-last: left;
}
.knowledge-tool-page[data-tool="fci"] .fci-check-result:is(.is-matched, .is-zkwp),
.knowledge-tool-page[data-tool="fci"] .ctr-fci-explanation:is([data-outcome="matched"], [data-outcome="zkwp"]) {
  border-left-color: #009846;
  background: color-mix(in srgb, #009846 22%, var(--ctr-surface-soft));
}
.knowledge-tool-page[data-tool="fci"] .fci-check-result:is(.is-matched, .is-zkwp)::before {
  content: "";
  position: absolute;
  left: 1.2rem;
  top: 50%;
  width: 3.4rem;
  height: 3.4rem;
  transform: translateY(-50%);
  background: #009846;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cpath d='M7 28 21 42 49 11' fill='none' stroke='black' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cpath d='M7 28 21 42 49 11' fill='none' stroke='black' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.knowledge-tool-page[data-tool="fci"] .fci-check-result.is-warning,
.knowledge-tool-page[data-tool="fci"] .ctr-fci-explanation[data-outcome="missing"] {
  border-left-color: #d7a21b;
  background: color-mix(in srgb, #efbf40 27%, var(--ctr-surface-soft));
}
.knowledge-tool-page[data-tool="fci"] .fci-check-result.is-warning::before {
  content: "";
  position: absolute;
  left: 1.1rem;
  top: 50%;
  width: 3.55rem;
  height: 3.55rem;
  transform: translateY(-50%);
  background: url("warning-triangle.svg") center / contain no-repeat;
  clip-path: none;
  -webkit-mask: none;
  mask: none;
  filter: drop-shadow(0 1px 1px rgb(54 34 48 / 17%));
}
.knowledge-tool-page[data-tool="fci"] .fci-check-result.is-warning::after {
  content: none;
}
.knowledge-tool-page[data-tool="fci"] .fci-check-form > .ctr-fci-explanation:not([hidden]) {
  grid-template-columns: minmax(16rem, 20rem) minmax(0, 1fr);
  grid-template-areas: "heading meaning" "heading source";
  align-items: center;
  margin: 0 0 1.25rem;
  border-left-width: 6px;
  border-top: 1px solid var(--ctr-border-soft);
  padding: .9rem 1.15rem 1rem;
  color: var(--ctr-text);
}
.knowledge-tool-page[data-tool="fci"] .ctr-fci-explanation strong { color: var(--ctr-heading); }
@media (max-width: 720px) {
  .knowledge-tool-page[data-tool="fci"] .fci-check-form > .ctr-fci-explanation:not([hidden]) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "heading" "meaning" "source";
  }
}
/* Override the old generic explanation background and border at equal specificity. */
.knowledge-tool-page[data-tool="fci"] .fci-check-form > .ctr-fci-explanation:is([data-outcome="matched"], [data-outcome="zkwp"]):not([hidden]) {
  border-left-color: #009846;
  background: color-mix(in srgb, #009846 22%, var(--ctr-surface-soft));
}
.knowledge-tool-page[data-tool="fci"] .fci-check-form > .ctr-fci-explanation[data-outcome="missing"]:not([hidden]) {
  border-left-color: #d7a21b;
  background: color-mix(in srgb, #efbf40 27%, var(--ctr-surface-soft));
}
.knowledge-tool-page[data-tool="fci"] .fci-check-form > .ctr-fci-explanation:is([data-outcome="checking"], [data-outcome="unavailable"]):not([hidden]) {
  border-left-color: #d7a21b;
  background: color-mix(in srgb, #efbf40 27%, var(--ctr-surface-soft));
}
.knowledge-tool-page[data-tool="fci"] .ctr-fci-official-link:not([hidden]) {
  display: inline-block;
  grid-area: source;
  justify-self: start;
  margin-top: .5rem;
  color: var(--ctr-heading);
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: .18em;
}

/* Distinguish a confirmed missing name from a connection failure. */
html[data-theme] body #main article.knowledge-tool-page[data-tool="fci"] form.fci-check-form .fci-check-result.is-warning:is(.is-missing,.is-unavailable) {
  position:relative!important; min-height:80px!important; padding-left:76px!important;
}
html[data-theme] body #main article.knowledge-tool-page[data-tool="fci"] form.fci-check-form .fci-check-result.is-warning:is(.is-missing,.is-unavailable)::before {
  content:""!important; display:block!important; position:absolute!important;
  left:0!important; top:50%!important; width:60px!important; height:60px!important;
  transform:translateY(-50%)!important; border:0!important; border-radius:0!important;
  background-color:transparent!important; background-position:center!important;
  background-size:contain!important; background-repeat:no-repeat!important;
  -webkit-mask:none!important; mask:none!important; clip-path:none!important; filter:none!important;
}
html[data-theme] body #main article.knowledge-tool-page[data-tool="fci"] form.fci-check-form .fci-check-result.is-warning.is-missing::before { background-image:url("https://czarnyterier.org/wp-content/uploads/2026/10/Blyszczacy-czerwony-znak-zakazu-3D-150x150.png")!important; }
html[data-theme] body #main article.knowledge-tool-page[data-tool="fci"] form.fci-check-form .fci-check-result.is-warning.is-unavailable::before { background-image:url("https://czarnyterier.org/wp-content/uploads/2026/10/Niepodlaczona-wtyczka-i-gniazdko-150x150.png")!important; }
html[data-theme] body #main article.knowledge-tool-page[data-tool="fci"] form.fci-check-form .fci-check-result.is-secondary-checking::before { content:none!important; display:none!important; }