/* KI-Erkennung page. Logical properties only, so ar (RTL) mirrors itself. */
.kd-page { max-width: 820px; }
.kd-lead { font-size: 1.08rem; color: var(--muted); margin-block: .4rem 0; }
.kd-warn {
  margin-block: 1.1rem;
  padding: 1rem 1.15rem;
  border: 2px solid var(--warn);
  border-radius: 16px;
  background: var(--warn-bg);
  color: var(--ink);
}
.kd-warn h2 { font-size: 1.05rem; margin: 0 0 .4rem; color: var(--warn); }
.kd-warn ul { margin: 0; padding-inline-start: 1.15rem; }
.kd-warn li + li { margin-block-start: .3rem; }
.kd-section { margin-block: 2rem; }
.kd-section h2 { margin-block-end: .5rem; }
.kd-drop {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .3rem;
  padding: 1.4rem 1rem;
  border: 2px dashed rgba(26, 95, 196, .45);
  border-radius: var(--r);
  background: var(--sheet);
  text-align: center;
  cursor: pointer;
}
.kd-drop:hover, .kd-drop.kd-over { border-color: var(--blue); background: #f1f6ff; }
.kd-drop:focus-within { outline: 2px solid var(--blue); outline-offset: 2px; }
.kd-file { position: absolute; inline-size: 1px; block-size: 1px; opacity: 0; overflow: hidden; }
.kd-pick {
  display: inline-block;
  padding: .55rem 1.2rem;
  border-radius: 999px;
  background: var(--blue);
  color: #fff;
  font-weight: 600;
}
.kd-drop-hint { color: var(--muted); }
.kd-formats, .kd-small { font-size: .86rem; color: var(--muted); }
.kd-local { font-size: .92rem; color: var(--ok); background: var(--ok-bg); border-radius: 12px; padding: .55rem .8rem; }
.kd-status:not(:empty) { margin-block: .8rem; font-weight: 600; }
.kd-card {
  margin-block: 1rem;
  padding: 1rem 1.15rem;
  border: 1px solid var(--line);
  border-inline-start: 6px solid var(--muted);
  border-radius: 16px;
  background: var(--sheet);
  box-shadow: var(--shadow);
}
.kd-card h3 { margin: .2rem 0 .5rem; font-size: 1.15rem; }
.kd-card h4 { margin: .8rem 0 .3rem; font-size: 1rem; }
.kd-found { border-inline-start-color: var(--blue); }
.kd-hint { border-inline-start-color: var(--warn); }
.kd-none { border-inline-start-color: var(--muted); }
.kd-file-line { font-size: .86rem; color: var(--muted); margin: 0; overflow-wrap: anywhere; }
.kd-facts { margin: .3rem 0; padding-inline-start: 1.15rem; overflow-wrap: anywhere; }
.kd-claim { font-weight: 700; color: var(--claim); background: var(--claim-bg); border-radius: 10px; padding: .45rem .7rem; }
.kd-valid { border-radius: 10px; padding: .45rem .7rem; font-size: .95rem; }
.kd-v-ok { color: var(--ok); background: var(--ok-bg); }
.kd-v-mid { color: var(--warn); background: var(--warn-bg); }
.kd-v-bad { color: #9b1c1c; background: #fdecec; }
.kd-remind { font-size: .9rem; font-weight: 600; margin-block: .8rem .2rem; }
.kd-next { font-size: .9rem; margin: 0; }
.kd-guide h3 { margin-block: 1.2rem .3rem; font-size: 1.08rem; }
.kd-guide ul, .kd-section > ul { padding-inline-start: 1.15rem; }
.kd-guide li + li, .kd-section > ul li + li { margin-block-start: .25rem; }
.kd-dets { list-style: none; padding: 0; display: grid; gap: .9rem; }
.kd-det { padding: .9rem 1.05rem; border: 1px solid var(--line); border-radius: 16px; background: var(--sheet); }
.kd-det h3 { margin: 0 0 .4rem; font-size: 1.08rem; }
.kd-det-op { font-weight: 400; font-size: .86rem; color: var(--muted); }
.kd-det dl { display: grid; grid-template-columns: max-content 1fr; gap: .25rem .8rem; margin: 0 0 .5rem; font-size: .95rem; }
.kd-det dt { font-weight: 600; color: var(--muted); }
.kd-det dd { margin: 0; }
.kd-det p { margin: 0; }
.kd-sources { font-size: .86rem; color: var(--muted); }
.kd-sources ul { padding-inline-start: 1.15rem; overflow-wrap: anywhere; }
@media (max-width: 540px) {
  .kd-det dl { grid-template-columns: 1fr; }
  .kd-det dd { margin-block-end: .35rem; }
}