.mjn{--navy:#071a38;--gold:#d4af37;--white:#fff;--soft:#fbfaf6;--muted:#657084;font-family:inherit;padding:28px 0 18px;color:var(--navy)}
.mjn-head{text-align:center;margin-bottom:24px}.mjn-head h2{font-size:clamp(25px,2.2vw,36px);line-height:1.15;margin:0 0 8px;font-weight:800;color:var(--navy)}.mjn-head h2:after{content:"";display:block;width:64px;height:3px;background:var(--gold);margin:11px auto 0;border-radius:5px}.mjn-head p{margin:10px 0 0;color:var(--muted);font-size:16px}
.mjn-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0 auto 28px}.mjn-tab{appearance:none;border:1px solid #e7dfc4;background:#f5f4f0;color:var(--navy);border-radius:999px;padding:11px 22px;min-height:44px;font:700 15px/1.1 inherit;cursor:pointer;transition:.2s ease}.mjn-tab:hover{background:var(--gold);border-color:var(--gold);color:var(--navy);transform:translateY(-1px)}.mjn-tab.active{background:var(--navy);border-color:var(--gold);color:#fff;box-shadow:inset 0 -3px 0 var(--gold)}
.mjn-results{transition:opacity .18s ease}.mjn-results.loading{opacity:.45;pointer-events:none}.mjn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 22px}.mjn-card{min-width:0;min-height:104px;display:grid;grid-template-columns:92px minmax(0,1fr) 22px;align-items:center;gap:15px;padding:12px 14px;background:#fff;border:1px solid #eadca6;border-radius:16px;text-decoration:none;color:var(--navy);box-shadow:0 7px 20px rgba(7,26,56,.055);transition:.22s ease}.mjn-card:hover{border-color:var(--gold);box-shadow:0 10px 25px rgba(7,26,56,.11);transform:translateY(-2px)}.mjn-image{width:92px;height:76px;border-radius:10px;overflow:hidden;background:var(--soft);display:flex;align-items:center;justify-content:center}.mjn-image img{width:100%;height:100%;object-fit:cover;display:block}.mjn-placeholder{font-size:12px;font-weight:800;color:var(--gold)}.mjn-title{font-size:16px;line-height:1.35;font-weight:750;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mjn-arrow{font-size:21px;color:var(--gold);font-weight:800;transition:.2s ease}.mjn-card:hover .mjn-arrow{transform:translateX(3px)}
.mjn-pages{display:flex;justify-content:center;gap:8px;margin-top:28px;flex-wrap:wrap}.mjn-page{width:44px;height:44px;border:1px solid #e1d7b4;border-radius:10px;background:#fff;color:var(--navy);font:800 15px/1 inherit;cursor:pointer}.mjn-page:hover{background:var(--gold);border-color:var(--gold)}.mjn-page.active{background:var(--navy);border-color:var(--gold);color:#fff}.mjn-empty{text-align:center;padding:35px;border:1px dashed #dfd3a9;border-radius:14px;color:var(--muted)}
@media(max-width:1024px){.mjn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mjn-tab{padding:10px 17px}}
@media(max-width:620px){.mjn{padding-top:20px}.mjn-head{margin-bottom:18px}.mjn-head p{font-size:14px}.mjn-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:0 2px 8px;margin-bottom:18px;scrollbar-width:none}.mjn-tabs::-webkit-scrollbar{display:none}.mjn-tab{flex:0 0 auto;padding:10px 16px}.mjn-grid{grid-template-columns:1fr;gap:12px}.mjn-card{grid-template-columns:78px minmax(0,1fr) 18px;min-height:92px;padding:10px 12px;gap:12px}.mjn-image{width:78px;height:66px}.mjn-title{font-size:15px}.mjn-pages{margin-top:20px}}