:root{
  --sc:#441752; --ink:#1f1f1f; --mut:#6e647b; --fx:#F6F1FB; --bd:#E7DDF1;
  --r:16px; --shadow:0 1px 2px rgba(0,0,0,.05), 0 10px 24px rgba(0,0,0,.08);
}
.ms{font-family:Rubik,system-ui,sans-serif;color:var(--ink);max-width:1200px;margin:0 auto;padding:20px}
/* Hero */
.ms-hero{border:1px solid var(--bd);border-radius:var(--r);padding:28px;background:linear-gradient(180deg,#faf7ff 0,#fff 60%);box-shadow:var(--shadow);text-align:center}
.ms-hero__title{margin:10px 0 6px;font-size:clamp(24px,3.6vw,36px);color:var(--sc);font-weight:800}
.ms-hero__sub{margin:0 auto 16px;max-width:760px;color:#3b2d4b}
/* Controls */
.ms-bar{display:grid;grid-template-columns:1fr auto;gap:12px;margin:14px 0}
@media (max-width:860px){.ms-bar{grid-template-columns:1fr}}
.ms-search{position:relative}
.ms-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:#7c6a91}
.ms-search input{width:100%;padding:12px 40px 12px 38px;border:1px solid var(--bd);border-radius:12px;outline:none}
.ms-search input:focus{border-color:#d7c8ef;box-shadow:0 0 0 4px #f3ecff}
.ms-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;width:28px;height:28px;border-radius:8px;color:#8a8197;cursor:pointer}
.ms-clear:hover{background:#f4eefb}
.ms-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.chip{padding:8px 12px;border-radius:999px;border:1px solid var(--bd);background:var(--fx);color:var(--sc);font-weight:800;cursor:pointer}
.chip.is-active{background:#efe6fb;border-color:#dfd2f2}
/* Featured */
.ms-feature{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin:6px 0 16px}
@media (max-width:980px){.ms-feature{grid-template-columns:1fr}}
.ms-feature__card{background:#fff;border:1px solid var(--bd);border-radius:var(--r);min-height:140px;box-shadow:var(--shadow);display:flex}
.ms-feature__body{padding:18px}
.ms-feature__body h3{margin:6px 0;color:var(--sc);font-size:22px}
.ms-feature__body p{margin:0 0 12px;color:#3e334f}
/* Grid */
.ms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:980px){.ms-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.ms-grid{grid-template-columns:1fr}}
.ms-card{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}
.ms-card__badge{align-self:flex-start;background:var(--fx);border:1px solid var(--bd);color:var(--sc);padding:4px 8px;border-radius:999px;font-weight:800;font-size:.8rem}
.ms-card__title{margin:0;color:var(--sc);font-weight:800;font-size:1.15rem}
.ms-card__desc{margin:0;color:#3e334f}
.ms-card__meta{margin-top:2px}
.tiny{font-size:.8rem;color:var(--mut)}
.ms-card__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:800;letter-spacing:.2px;border:1px solid var(--bd)}
.btn--filled,.btn--filled:link,.btn--filled:visited{background:var(--sc);color:#fff!important;border-color:var(--sc)}
.btn--tonal{background:var(--fx);color:var(--sc)}
.btn--ghost{background:transparent;color:var(--sc)}
.btn:hover{opacity:.95}
.btn:focus{outline:3px solid #e9ddf7;outline-offset:2px}
/* Tags */
.tag{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--bd);font-weight:800;font-size:.8rem}
.tag--portal{background:#f2ebff;color:var(--sc)}
.tag--event{background:#fff3e6;color:#8a4600;border-color:#ffd7a6}
/* Footer note */
.ms-note{margin:16px 6px 6px;color:#6a6078}
.ms-note a{color:var(--sc);text-decoration:none;border-bottom:1px solid #e2d3f2}
.ms-note a:hover{opacity:.9}