:root{--mj-accent:#111;--mj-muted:#f6f7f9;--mj-card:#fff;--mj-border:#e6e8ec}
.mj-container{max-width:1200px;margin:0 auto;padding:32px 20px}
.mj-hero{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.08)}
.mj-hero img{width:100%;height:380px;object-fit:cover;display:block}
.mj-hero .mj-hero-text{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.5));color:#fff;padding:24px}
.mj-hero h1{font-size:clamp(28px,4vw,46px);margin:0 0 10px}
.mj-dual{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}
.mj-card{background:var(--mj-card);border:1px solid var(--mj-border);border-radius:16px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.05)}
.mj-card .mj-body{padding:16px 18px}
.mj-card img{width:100%;display:block}
.mj-btn{display:inline-block;padding:10px 14px;border-radius:12px;border:1px solid var(--mj-border);text-decoration:none;color:#111}
.mj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mj-ann{position:relative;border-radius:20px;overflow:hidden;margin:28px 0}
.mj-ann .bg{height:260px;background-size:cover;background-position:center;filter:brightness(.85)}
.mj-ann .inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:white;padding:20px}
.mj-issues .mj-card img{height:230px;object-fit:cover}
.mj-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mj-quick a{display:block;text-align:center;padding:16px;background:var(--mj-muted);border-radius:14px;border:1px solid var(--mj-border);text-decoration:none;color:#111}
@media (max-width: 980px){.mj-dual{grid-template-columns:1fr}.mj-grid{grid-template-columns:1fr 1fr}.mj-quick{grid-template-columns:1fr 1fr}}
@media (max-width: 640px){.mj-grid{grid-template-columns:1fr}}