/* ISM Class lesson search: the box, its status line, match highlights,
   and the lesson status pills both pages show. Shared by
   ism-class/subject.html and ism-class/index.html with
   assets/js/ism-search.js. */
.status-pill{font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .6rem;border-radius:99px;white-space:nowrap;}
.status-not_started{background:var(--navy3);color:var(--muted);}
.status-in_progress{background:#e8620a22;color:var(--orange);}
.status-submitted{background:#1c4f8a22;color:#60a5fa;}
.status-reviewed{background:#16803c22;color:#4ade80;}
.status-returned{background:#b92b1a22;color:#f87171;}

.lesson-search{margin-bottom:1rem;}
.lesson-search[hidden]{display:none;}
.lesson-search-input{width:100%;min-height:44px;padding:.65rem .9rem .65rem 2.4rem;font-size:1rem;color:var(--white);background:var(--navy2);
  border:1.5px solid var(--border);border-radius:var(--r);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a9bb5' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:.85rem center;}
.lesson-search-input:focus{outline:none;border-color:var(--gold);}
.lesson-search-input::placeholder{color:var(--muted);}
.lesson-search-status{font-size:.78rem;color:var(--muted);margin-top:.45rem;min-height:1em;}
.lesson-search-status:empty{display:none;}
.search-empty .btn-clear{margin-top:.8rem;}
.is-filtered-out{display:none !important;}
mark.search-hit{background:#c9a84c40;color:inherit;border-radius:3px;padding:0 .1em;}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}