.mks-21c-search{
    --mks-accent: #9b3f4b;
	--mks-border:#d8dbe2;
	--mks-muted:#6b7280;
	--mks-bg:var(--fcom-primary-bg);
	--mks-soft:#f7f8fa;
	max-width:980px
}
.mks-21c-search__bar{position:relative}
.mks-21c-search__input{width:100%;min-height:54px;padding:0 52px 0 18px;border:1px solid var(--mks-border);border-radius:12px;background:var(--mks-bg);font:inherit;font-size:17px;box-sizing:border-box;color:var(--fcom-primary-text)}
.mks-21c-search__input:focus{outline: 2px solid rgba(154, 119, 44, 0.22);    outline-offset: 1px; border-color: var(--mks-border);}
.mks-21c-search__clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:50%;background:transparent;font-size:26px;cursor:pointer}
.mks-21c-search__status{margin:10px 2px 16px;color:var(--mks-muted);font-size:14px}
.mks-21c-search__results{display:grid;gap:14px}
.mks-21c-search__result{padding:20px;border:1px solid var(--mks-border);border-radius:14px;background:var(--mks-bg);box-shadow:0 4px 18px rgba(0,0,0,.035)}
.mks-21c-search__meta{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.mks-21c-search__meta span{color:var(--mks-accent);}
.mks-21c-search__badge{padding:4px 8px;border-radius:999px;text-transform:none;letter-spacing:0}
.mks-21c-search__badge.is-public{background:#e8f7ee;color:#166534}
.mks-21c-search__badge.is-course{background:#f1f2f5;color:#525866}
.mks-21c-search__result h3{margin:0 0 5px;font-size:20px;line-height:1.3}
.mks-21c-search__chapter-title{margin:0 0 12px;color:var(--mks-muted);font-weight:600}
.mks-21c-search__excerpt{margin:0 0 12px;line-height:1.65}
.mks-21c-search__hint{margin:0;color:var(--mks-muted);font-size:14px}
.mks-21c-search__action{display:inline-block;margin-top:14px;padding:10px 14px;border-radius:9px;background:currentColor;text-decoration:none}
.mks-21c-search__action::first-line{color:#fff}
.mks-21c-search mark{padding:0 .08em;background:#fff1a8;color:inherit}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){
  .mks-21c-search__result{padding:16px}
  .mks-21c-search__meta{align-items:flex-start;flex-wrap:wrap}
}