/* «المعرفة» (board B12) — component rules only, on the «مِحْوَر» tokens and classes of lifeos.css (W0).
   Long mixed Arabic/Latin text wraps; nothing overflows at 360/375/390. */
.w4a-knowledge { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.w4a-knowledge :is(.ci-page-message, .ci-kn-ops, .ci-kn-new-host):empty { display: none; }
.w4a-knowledge .ci-kn-ops { display: flex; flex-direction: column; gap: 8px; }
.ci-kn-split { grid-template-columns: 400px minmax(0, 1fr); align-items: start; }
.ci-kn-list { gap: 14px; }
.ci-kn-search { display: flex; flex-direction: column; gap: 10px; }
.ci-kn-search .search { max-width: none; background: var(--surface); }
.ci-kn-search .search input { min-height: 38px; }
.ci-kn-search .search .btn { flex: none; }
.w4a-knowledge .ci-fold > summary, .ci-kn-saved > summary { display: flex; align-items: center; gap: 6px; min-block-size: 40px; color: var(--ink-2); font-size: 13.5px; font-weight: 500; cursor: pointer; list-style: none; }
.w4a-knowledge .ci-fold > summary::-webkit-details-marker, .ci-kn-saved > summary::-webkit-details-marker { display: none; }
.ci-kn-type { cursor: pointer; }
.ci-kn-type input { inline-size: 14px; block-size: 14px; margin: 0; accent-color: var(--accent); }
.ci-kn-type:has(input:checked) { background: var(--accent-soft); color: var(--accent-soft-ink); border-color: transparent; }
.ci-kn-kinds .badge { margin-inline-start: 6px; }
.ci-kn-kinds .chip.sel .badge { background: color-mix(in srgb, var(--on-accent) 22%, transparent); color: var(--on-accent); }
.w4a-knowledge .ci-check-row { display: flex; align-items: center; gap: 10px; min-block-size: 40px; cursor: pointer; font-size: 14px; color: var(--ink-2); }
.w4a-knowledge .ci-check-row input { inline-size: 20px; block-size: 20px; flex: none; accent-color: var(--accent); }
.ci-kn-results { display: flex; flex-direction: column; gap: 12px; }
.ci-kn-row { align-items: flex-start; }
.ci-kn-icon { color: var(--ink-3); margin-block-start: 2px; flex: none; }
.ci-kn-title { color: var(--ink); font-weight: 500; overflow-wrap: anywhere; }
a.ci-kn-title:hover { text-decoration: underline; text-underline-offset: 3px; }
.ci-kn-saved { gap: 8px; }
.ci-kn-saved .inline-form .field { flex: 1 1 160px; }

/* detail column */
.ci-kn-detail { min-width: 0; }
.ci-kn-h { font-size: 30px; overflow-wrap: anywhere; }
.ci-kn-original { border-color: var(--line-2); }
.ci-kn-quote { margin: 0; padding-inline-start: 14px; border-inline-start: 3px solid var(--line-2); font-size: 22px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; max-block-size: 28rem; overflow: auto; }
.ci-kn-layer .list { border-block-start: 0; }
.ci-kn-layer .row { padding-block: 8px; }
.ci-kn-layer .t { font-size: 14.5px; }
.ci-kn-guide p { overflow-wrap: anywhere; }
.ci-kn-pick:empty { display: none; }
.ci-kn-foot { align-items: start; }
.w4a-knowledge .ci-field-error { color: var(--danger-ink); }
.w4a-knowledge .ci-field-error:empty { display: none; }
.lo[data-theme="dark"] .w4a-knowledge .ci-field-error { color: var(--danger); }
.w4a-knowledge .ci-form-footer { border-block-start: 1px solid var(--line); padding-block-start: 14px; }
.w4a-knowledge .ci-save-feedback { display: flex; flex-direction: column; gap: 10px; }
.w4a-knowledge .ci-save-status { white-space: normal; }

@media (max-width: 1023px) {
  .ci-kn-split { grid-template-columns: minmax(0, 1fr); }
  .ci-kn-split.has-detail > .ci-kn-detail-host { order: -1; }
}
/* Phone widths (360–390): 44px touch targets and 16px fields. */
@media (max-width: 600px) {
  .w4a-knowledge { gap: 20px; }
  .w4a-knowledge :is(.btn, .btn-sm, .chip-btn, summary) { min-block-size: 44px; }
  .w4a-knowledge .btn-icon.btn-sm { inline-size: 44px; }
  .w4a-knowledge :is(.input, .select, .textarea) { font-size: 16px; min-block-size: 44px; }
  .ci-kn-h { font-size: 26px; }
  .ci-kn-quote { font-size: 19px; }
}