.mocj{--mocj-ink:#14143f;--mocj-accent:#080854;--mocj-border:#d9dce5;color:var(--mocj-ink);font-size:1rem;line-height:1.65;overflow-wrap:anywhere;text-align:left}
.mocj,.mocj *{box-sizing:border-box}
.mocj .mocj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1.5rem}
.mocj .mocj-card{display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem;border:1px solid var(--mocj-border);border-radius:12px;background:#fff;box-shadow:0 3px 14px #0808540b}
.mocj .mocj-card h3{font-size:1.3rem;line-height:1.35;color:var(--mocj-ink);margin:0 0 1rem;padding:0}
.mocj .mocj-card p{margin:0 0 1rem;padding:0}
.mocj a{color:var(--mocj-accent);text-decoration:underline;text-underline-offset:.18em}
.mocj a.mocj-button{display:inline-block;min-height:44px;padding:.75rem 1.1rem;color:#fff;background:var(--mocj-accent);border:2px solid var(--mocj-accent);border-radius:6px;text-decoration:none;font-weight:600;line-height:1.4}
.mocj .mocj-card a.mocj-button{margin-top:auto}
.mocj a.mocj-button:hover{background:#24246c;color:#fff}
.mocj a:focus-visible{outline:3px solid #995900;outline-offset:4px}
.mocj.mocj-detail{width:min(100% - 2rem,960px);margin:2rem auto 4rem;padding:clamp(1rem,4vw,2.5rem);background:#fff;border:1px solid var(--mocj-border);border-radius:12px}
.mocj.mocj-detail h1{font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.2;color:var(--mocj-ink);margin:1.5rem 0;padding:0}
.mocj .mocj-description h2,.mocj .mocj-description h3,.mocj .mocj-description h4{color:var(--mocj-ink);font-size:1.35rem;line-height:1.4;margin:1.8rem 0 .75rem;padding:0}
.mocj .mocj-description p{margin:0 0 1rem;padding:0}
.mocj .mocj-description ul,.mocj .mocj-description ol{padding:0 0 0 1.5rem;margin:0 0 1.25rem;list-style-position:outside}
.mocj .mocj-description ul{list-style-type:disc}
.mocj .mocj-description li{margin:.4rem 0}
.mocj .mocj-meta{font-weight:600}
.mocj .mocj-sr{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:480px){.mocj a.mocj-button{width:100%;text-align:center}.mocj.mocj-detail{width:calc(100% - 1rem);padding:1rem}}

.mocj img.mocj-card-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:6px;margin:0 0 1.25rem}
.mocj img.mocj-hero{display:block;width:100%;height:auto;max-width:100%;border-radius:8px;margin:1.25rem 0}