/* Mahara wa Shahada — public course pages (2026-10-24) */
.mws-ci{--mws-blue:#1f3c88;--mws-purple:#5b2a86;--mws-gold:#c9a227;--mws-ink:#1d2433;--mws-muted:#4a5468;max-width:1080px;margin:0 auto 32px;color:var(--mws-ink);line-height:1.8;font-size:1.02rem}
.mws-ci *{box-sizing:border-box}
.mws-ci-h1{font-size:clamp(1.35rem,4.2vw,2rem);line-height:1.45;margin:.2em 0 .3em;color:var(--mws-blue);font-weight:800;overflow-wrap:anywhere}
.mws-ci-lead{color:var(--mws-muted);margin:0 0 18px}
.mws-ci-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:center;background:linear-gradient(135deg,#f6f3fb,#eef3fc);border:1px solid #e3dcef;border-top:4px solid var(--mws-gold);border-radius:18px;padding:22px;margin:8px 0 22px}
.mws-ci-img img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;display:block;box-shadow:0 6px 20px rgba(31,60,136,.14)}
.mws-ci-catlink{display:inline-block;font-size:.88rem;font-weight:700;color:var(--mws-purple);background:#fff;border:1px solid #e3dcef;border-radius:999px;padding:2px 12px;text-decoration:none}
.mws-ci-en{color:var(--mws-muted);margin:0 0 14px;font-size:.95rem;text-align:right}
.mws-ci-btn{display:inline-block;background:linear-gradient(90deg,var(--mws-blue),var(--mws-purple));color:#fff!important;font-weight:800;font-size:1.05rem;padding:11px 28px;border-radius:999px;text-decoration:none!important;box-shadow:0 4px 14px rgba(91,42,134,.28);min-height:44px}
.mws-ci-btn:hover,.mws-ci-btn:focus{filter:brightness(1.08)}
.mws-ci-btn:focus-visible{outline:3px solid var(--mws-gold);outline-offset:3px}
.mws-ci-note{font-size:.88rem;color:var(--mws-muted);margin:10px 0 0}
.mws-ci-sec{background:#fff;border:1px solid #e7e9f1;border-radius:14px;padding:18px 20px;margin:0 0 16px}
.mws-ci-sec h2{font-size:1.18rem;color:var(--mws-purple);margin:0 0 10px;font-weight:800;padding-inline-start:12px;border-inline-start:4px solid var(--mws-gold)}
.mws-ci-summary p:last-child{margin-bottom:0}
.mws-ci-summary img{max-width:100%;height:auto}
.mws-ci-parts,.mws-ci-steps,.mws-ci-cert{margin:0;padding-inline-start:1.4em}
.mws-ci-parts li,.mws-ci-steps li,.mws-ci-cert li{margin:0 0 6px}
.mws-ci-tag{display:inline-block;font-size:.78rem;font-weight:700;border-radius:6px;padding:0 8px;background:#eef3fc;color:var(--mws-blue);margin-inline-end:4px}
.mws-ci-t-quiz{background:#f6f3fb;color:var(--mws-purple)}
.mws-ci-t-coursecertificate,.mws-ci-t-customcert{background:#fbf5e3;color:#7a5d00}
.mws-ci-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center;margin:22px 0 6px}
.mws-ci-more{font-weight:700;color:var(--mws-blue)}
.mws-ci-catnav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.mws-ci-catnav a{background:#f6f3fb;border:1px solid #e3dcef;border-radius:999px;padding:4px 12px;font-size:.9rem;font-weight:700;color:var(--mws-purple);text-decoration:none}
.mws-ci-catsec{margin:0 0 26px;scroll-margin-top:80px}
.mws-ci-catsec h2{font-size:1.25rem;color:var(--mws-blue);font-weight:800;border-bottom:2px solid var(--mws-gold);padding-bottom:6px}
.mws-ci-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.mws-ci-grid a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #e7e9f1;border-radius:12px;overflow:hidden;text-decoration:none;color:var(--mws-ink);transition:box-shadow .2s}
.mws-ci-grid a:hover,.mws-ci-grid a:focus{box-shadow:0 6px 18px rgba(31,60,136,.15)}
.mws-ci-grid img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.mws-ci-cname{font-weight:800;color:var(--mws-blue);padding:10px 12px 2px;line-height:1.5}
.mws-ci-cdesc{font-size:.88rem;color:var(--mws-muted);padding:0 12px 12px;line-height:1.6}
@media (max-width:767px){.mws-ci-hero{grid-template-columns:minmax(0,1fr);padding:14px;gap:14px}.mws-ci-head{text-align:center}.mws-ci-en{text-align:center}.mws-ci-sec{padding:14px}.mws-ci-btn{width:100%;text-align:center}.mws-ci-grid{grid-template-columns:minmax(0,1fr)}.mws-ci{font-size:1rem}}

/* ten-language additions (2026-10-24) */
.mws-ci-langbar{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:.86rem;margin:4px 0 14px;color:#4a5468}
.mws-ci-langbar a,.mws-ci-langbar .is-current{padding:2px 10px;border:1px solid #e3dcef;border-radius:999px;text-decoration:none;color:#5b2a86;background:#fff}
.mws-ci-langbar .is-current{background:#5b2a86;color:#fff;border-color:#5b2a86;font-weight:700}
.mws-ci-langlbl{font-weight:700}
.mws-ci-clang{display:inline-block;margin:0 0 12px;padding:4px 12px;border-radius:999px;background:#fbf5e3;color:#6b5200;font-weight:700;font-size:.92rem;border:1px solid #efdca3}
.mws-ci-clang-foot{display:block;width:fit-content;margin:6px auto 0}
.mws-ci-langnote{padding:10px 14px;border:1px solid #e3dcef;border-inline-start:4px solid #c9a227;border-radius:12px;background:#faf8fd;font-size:.93rem;line-height:1.7}
.mws-ci-stale{border-inline-start-color:#c0392b}
.mws-ci-search{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.mws-ci-search input[type=search]{flex:1 1 220px;min-height:44px;padding:8px 14px;border:1px solid #cfd5e3;border-radius:999px;font:inherit}
.mws-ci-search button{min-height:44px;padding:8px 22px;border:0;border-radius:999px;background:linear-gradient(90deg,#1f3c88,#5b2a86);color:#fff;font-weight:700}
.mws-ci-results{font-weight:700;margin:0 0 14px}
.mws-ci .mws-ci-en{text-align:start}
.mws-ci[dir=ltr] .mws-ci-h1{letter-spacing:0}
.mws-ci .mws-ci-h1,.mws-ci .mws-ci-cname,.mws-ci .mws-ci-cdesc{overflow-wrap:anywhere}
.mws-ci[lang^=zh],.mws-ci[lang=ja]{line-break:strict}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:767px){.mws-ci-head .mws-ci-clang{margin-inline:auto}.mws-ci-langbar{font-size:.82rem}}