.mroks{--mroks-border:#d8dee5;--mroks-accent:#1769aa;max-width:960px;margin:2rem auto}.mroks h2{margin-bottom:1rem}.mroks-main{display:flex;gap:.65rem}.mroks-main input{flex:1;min-width:0;font-size:1.05rem;padding:.9rem 1rem;border:1px solid var(--mroks-border);border-radius:6px}.mroks button,.mroks-main button{padding:.8rem 1.2rem;border:0;border-radius:6px;background:var(--mroks-accent);color:#fff;cursor:pointer}.mroks details{margin-top:1rem;border:1px solid var(--mroks-border);border-radius:6px;padding:.8rem 1rem}.mroks summary{cursor:pointer;font-weight:600}.mroks-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem}.mroks-filters label{display:flex;flex-direction:column;gap:.35rem;font-weight:600}.mroks-filters select,.mroks-filters input{width:100%;padding:.65rem;border:1px solid var(--mroks-border);border-radius:4px}.mroks-status{margin:1.4rem 0;font-weight:600}.mroks-result{padding:1.4rem 0;border-bottom:1px solid var(--mroks-border)}.mroks-result h3{margin:0 0 .45rem;font-size:1.35rem;overflow-wrap:anywhere}.mroks-meta,.mroks-tags{font-size:.92rem;color:#56616b}.mroks-read{font-weight:600}.mroks mark{background:#fff1a8;padding:0 .08em}.mroks-pagination{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.5rem}.mroks-pagination button{min-width:2.5rem;padding:.55rem}.mroks-pagination button[disabled]{background:#59636d;cursor:default}@media(max-width:760px){.mroks-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.mroks-main{flex-direction:column}.mroks-main button{width:100%}.mroks-filters{grid-template-columns:1fr}.mroks{margin:1rem 0}}