:root{
 --ma-teal:#16b8c5;--ma-teal-dark:#0698a7;--ma-orange:#f59d18;--ma-navy:#0d2638;
 --ma-ink:#102433;--ma-muted:#687783;--ma-line:#dde7eb;--ma-soft:#f5fafb;--ma-white:#fff;
 --ma-green:#1ea672;--ma-radius:22px;--ma-shadow:0 20px 55px rgba(13,38,56,.10)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ma-ink);background:#fff;line-height:1.65}
img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}.ma-container{width:min(1180px,calc(100% - 40px));margin:auto}
.ma-site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(13,38,56,.08)}
.ma-nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.ma-brand{display:flex;align-items:center;min-width:205px}.ma-brand img,.custom-logo{width:auto;max-width:250px;max-height:60px;object-fit:contain}
.ma-nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:700}.ma-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:24px}
.ma-nav a:hover{color:var(--ma-teal-dark)}.ma-nav .ma-nav-cta>a{padding:12px 18px;border-radius:12px;background:var(--ma-navy);color:#fff}
.ma-menu-toggle{display:none;border:0;background:transparent;width:42px;height:42px}.ma-menu-toggle span{display:block;height:2px;background:var(--ma-navy);margin:6px}
.ma-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--ma-teal-dark);margin-bottom:16px}
h1,h2,h3,h4,h5{font-family:Manrope,Inter,sans-serif;line-height:1.08;margin:0;color:var(--ma-ink)}
h1{font-size:clamp(44px,5vw,72px);letter-spacing:-.05em}h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.04em}h3{font-size:22px}
p{color:var(--ma-muted)}.ma-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:13px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:.2s}
.ma-btn:hover{transform:translateY(-2px)}.ma-btn-primary{background:linear-gradient(135deg,var(--ma-teal),var(--ma-teal-dark));color:#fff;box-shadow:0 12px 26px rgba(22,184,197,.25)}
.ma-btn-dark{background:var(--ma-navy);color:#fff}.ma-btn-light{background:#fff;border-color:var(--ma-line)}.ma-btn-block{width:100%}
.ma-tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef8f9;border:1px solid #d6eff1;color:var(--ma-teal-dark);font-size:11px;font-weight:800}
.ma-hero{padding:72px 0 64px;background:radial-gradient(circle at 85% 20%,rgba(22,184,197,.16),transparent 28%),linear-gradient(180deg,#f7fcfd,#fff)}
.ma-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:64px;align-items:center;min-height:570px}.ma-hero p{font-size:18px;max-width:660px;margin:22px 0 28px}
.ma-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.ma-hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;padding-top:24px;border-top:1px solid var(--ma-line)}
.ma-hero-proof strong,.ma-hero-proof span{display:block}.ma-hero-proof span{font-size:12px;color:var(--ma-muted)}
.ma-hero-art{position:relative;min-height:470px}.ma-code-card{position:absolute;left:8px;right:44px;top:34px;background:#0c2435;color:#eafcff;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(13,38,56,.22)}
.ma-code-head{padding:14px 18px;background:#081c2a;border-bottom:1px solid rgba(255,255,255,.08);font-size:11px;color:#8db0bf}.ma-code-card pre{padding:30px;margin:0;font:600 14px/1.85 ui-monospace,monospace;white-space:pre-wrap}
.ma-code-card .c1{color:#ffcb6b}.ma-code-card .c2{color:#8ee6bf}.ma-code-card .c3{color:#83d7ff}
.ma-float-chip{position:absolute;background:#fff;border-radius:999px;padding:11px 14px;font-size:12px;font-weight:800;box-shadow:var(--ma-shadow)}.ma-chip1{right:0;top:4px}.ma-chip2{left:-15px;top:265px}.ma-chip3{right:12px;top:315px}
.ma-path-card{position:absolute;right:20px;bottom:6px;width:235px;background:#fff;border:1px solid var(--ma-line);border-radius:18px;padding:18px;box-shadow:var(--ma-shadow)}.ma-path-card small{display:block;color:var(--ma-muted);font-weight:800;margin-bottom:10px}
.ma-meter{height:7px;background:#e8eff1;border-radius:8px;margin:10px 0;overflow:hidden}.ma-meter i{display:block;height:100%;background:var(--ma-teal);width:78%}
.ma-ticker{border-block:1px solid var(--ma-line)}.ma-ticker-inner{display:flex;gap:18px;justify-content:space-between;padding:17px 0;overflow:auto;white-space:nowrap;font-size:12px;font-weight:800}.ma-ticker b{color:var(--ma-orange)}
.ma-section{padding:92px 0}.ma-section.ma-soft{background:var(--ma-soft)}.ma-section-head{display:grid;grid-template-columns:1.1fr .8fr;gap:55px;align-items:end;margin-bottom:38px}.ma-section-head p{margin:0}
.ma-course-grid,.ma-program-grid,.ma-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ma-course-card,.ma-program-card,.ma-post-card{border:1px solid var(--ma-line);border-radius:22px;padding:24px;background:#fff;display:flex;flex-direction:column;min-height:330px;transition:.22s;position:relative}
.ma-course-card:hover,.ma-program-card:hover,.ma-post-card:hover{transform:translateY(-5px);box-shadow:var(--ma-shadow)}
.ma-course-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#eaf9fa;color:var(--ma-teal-dark);font-weight:900;margin-bottom:20px}
.ma-course-card p,.ma-program-card p,.ma-post-card p{font-size:14px}.ma-course-meta{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 16px}.ma-course-meta span{font-size:11px;font-weight:800;color:#536672}
.ma-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.ma-tags span{font-size:10px;padding:5px 8px;border-radius:999px;background:#f3f7f8;border:1px solid var(--ma-line)}
.ma-more{margin-top:auto;color:var(--ma-teal-dark);font-size:13px;font-weight:900}.ma-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}
.ma-check-list{list-style:none;padding:0;display:grid;gap:12px}.ma-check-list li{display:flex;gap:10px;font-weight:700;font-size:14px}.ma-check-list b{color:var(--ma-green)}
.ma-board{background:#fff;border:1px solid var(--ma-line);border-radius:24px;padding:22px;box-shadow:var(--ma-shadow)}.ma-board-row{display:grid;grid-template-columns:50px 1fr 28px;gap:14px;align-items:center;padding:18px 8px;border-top:1px solid var(--ma-line)}.ma-board-row:first-child{border-top:0}
.ma-board-row .num{width:40px;height:40px;border-radius:12px;background:#eaf9fa;color:var(--ma-teal-dark);display:grid;place-items:center;font-size:12px}
.ma-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ma-project-card{border:1px solid var(--ma-line);border-radius:22px;padding:24px;background:#fff}.ma-project-visual{height:170px;border-radius:18px;background:linear-gradient(135deg,#e9f9fa,#e6eef4);display:grid;place-items:center;font-size:42px;margin-bottom:18px}
.ma-activity-shell{background:linear-gradient(135deg,#0d2638,#0f3b47);border-radius:30px;padding:54px;color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:44px}.ma-activity-shell h2{color:#fff}.ma-activity-shell p{color:#bfd0d8}
.ma-activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ma-activity-card{padding:18px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.ma-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ma-why-card{border:1px solid var(--ma-line);border-radius:22px;padding:24px;background:#fff}
.ma-pathway{background:#eef7f8;border:1px solid #dcebee;border-radius:28px;padding:40px;display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;align-items:center}.ma-path-links{display:grid;gap:10px}.ma-path-links a{display:flex;justify-content:space-between;background:#fff;border:1px solid var(--ma-line);padding:14px 16px;border-radius:13px;font-weight:800;font-size:13px}
.ma-contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.ma-lead-form{background:#fff;border:1px solid var(--ma-line);border-radius:22px;padding:24px;box-shadow:var(--ma-shadow)}
.ma-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ma-lead-form label{display:block;margin-bottom:14px}.ma-lead-form label span{display:block;font-size:11px;font-weight:900;margin-bottom:7px}.ma-lead-form input,.ma-lead-form textarea,.ma-lead-form select{width:100%;padding:13px 14px;border:1px solid #d7e2e6;border-radius:11px;background:#fbfdfd}
.ma-page-hero{padding:58px 0 36px;background:linear-gradient(180deg,#f7fcfd,#fff);border-bottom:1px solid var(--ma-line)}.ma-breadcrumb{font-size:12px;color:#74838e;margin-bottom:14px}.ma-breadcrumb a{color:var(--ma-teal-dark);font-weight:800}.ma-page-hero p{max-width:760px;font-size:17px}
.ma-catalog-layout{display:grid;grid-template-columns:270px 1fr;gap:30px;align-items:start}.ma-filters{position:sticky;top:104px;border:1px solid var(--ma-line);border-radius:18px;padding:20px;background:#fff}.ma-filter-group{padding:16px 0;border-top:1px solid var(--ma-line)}.ma-filter-group label{display:flex;gap:9px;align-items:center;font-size:13px;color:#50626d;margin:9px 0}
.ma-catalog-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.ma-catalog-top input,.ma-catalog-top select{padding:12px 14px;border:1px solid var(--ma-line);border-radius:12px;background:#fff}.ma-catalog-top input{flex:1;width:100%}.ma-catalog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.ma-pagination{display:flex;gap:8px;justify-content:center;margin-top:32px}.ma-pagination .page-numbers{min-width:38px;height:38px;padding:0 10px;display:grid;place-items:center;border:1px solid var(--ma-line);border-radius:10px;font-weight:800}.ma-pagination .current{background:var(--ma-navy);color:#fff}
.ma-detail-hero{padding:46px 0;background:linear-gradient(180deg,#f5fbfc,#fff)}.ma-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:start}.ma-detail-title p{font-size:18px;margin:18px 0}
.ma-summary-card{background:#fff;border:1px solid var(--ma-line);border-radius:22px;padding:24px;box-shadow:var(--ma-shadow)}.ma-price{font-size:30px;font-weight:900;color:var(--ma-navy)}.ma-price small{font-size:13px;color:var(--ma-muted);font-weight:700}
.ma-summary-list{display:grid;gap:12px;margin:18px 0 22px}.ma-summary-item{display:flex;justify-content:space-between;gap:14px;font-size:13px;border-bottom:1px solid var(--ma-line);padding-bottom:10px}.ma-summary-item span{color:var(--ma-muted)}
.ma-detail-layout{display:grid;grid-template-columns:1fr 320px;gap:36px;align-items:start}.ma-content-card{border:1px solid var(--ma-line);border-radius:20px;padding:26px;background:#fff;margin-bottom:20px}.ma-content-card h3{margin-bottom:16px}
.ma-outcome-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ma-outcome{display:flex;gap:10px;font-size:13px;padding:12px;background:#f8fbfc;border-radius:12px}.ma-outcome b{color:var(--ma-green)}
.ma-curriculum{border:1px solid var(--ma-line);border-radius:14px;overflow:hidden}.ma-module{border-top:1px solid var(--ma-line)}.ma-module:first-child{border-top:0}.ma-module summary{cursor:pointer;padding:16px 18px;display:flex;justify-content:space-between;gap:10px;font-weight:800;background:#fbfdfd}.ma-module-body{padding:12px 18px 18px;font-size:13px;color:#566873}.ma-lesson{display:flex;justify-content:space-between;padding:9px 0;border-top:1px dashed #dde7eb}.ma-lesson:first-child{border-top:0}
.ma-sidebar-card{position:sticky;top:104px;border:1px solid var(--ma-line);border-radius:18px;padding:20px;background:#fff}.ma-sidebar-card ul{padding-left:18px;color:#5f707b;font-size:13px}
.ma-faq details{border-top:1px solid var(--ma-line);padding:14px 0}.ma-faq details:first-child{border-top:0}.ma-faq summary{font-weight:800;cursor:pointer}
.ma-program-card{min-height:250px}.ma-program-card .ma-course-icon{margin-bottom:15px}.ma-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ma-timeline-step{padding:20px;border:1px solid var(--ma-line);border-radius:18px;background:#fff}.ma-timeline-step b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf9fa;color:var(--ma-teal-dark);font-size:12px;margin-bottom:14px}
.ma-feature-band{background:var(--ma-navy);color:#fff;border-radius:28px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:32px}.ma-feature-band h2,.ma-feature-band h3{color:#fff}.ma-feature-band p{color:#bdd0da}.ma-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.ma-info-card{border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:22px;background:rgba(255,255,255,.06)}
.ma-post-card{padding:0;overflow:hidden}.ma-post-card .ma-post-thumb{aspect-ratio:16/9;background:#eaf4f6;overflow:hidden}.ma-post-card .ma-post-thumb img{width:100%;height:100%;object-fit:cover}.ma-post-body{padding:22px;display:flex;flex-direction:column;flex:1}.ma-post-meta{font-size:11px;color:#73838e;font-weight:700;margin-bottom:10px}
.ma-single-post{max-width:840px;margin:auto}.ma-single-post .entry-content{font-size:17px}.ma-single-post .entry-content h2,.ma-single-post .entry-content h3{margin-top:34px}.ma-single-post .entry-content img{border-radius:18px}.ma-single-post .entry-content a{color:var(--ma-teal-dark);text-decoration:underline}
.ma-generic-sections{display:grid;gap:22px}.ma-generic-section{border:1px solid var(--ma-line);border-radius:22px;padding:28px;background:#fff}.ma-generic-section .ma-section-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.ma-generic-section .ma-mini-card{background:var(--ma-soft);border-radius:14px;padding:18px}
.ma-site-footer{background:#081b29;color:#fff;padding:54px 0 22px}.ma-footer-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px}.ma-footer-brand img{max-width:250px;max-height:70px}.ma-footer-brand p{color:#9eb2bd;font-size:13px}.ma-footer-col{display:flex;flex-direction:column;gap:9px}.ma-footer-col a{font-size:13px;color:#a7bac4}.ma-footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;color:#78909c;font-size:11px}
@media(max-width:980px){
 .ma-nav{position:absolute;top:82px;left:20px;right:20px;background:#fff;border:1px solid var(--ma-line);border-radius:18px;padding:18px;box-shadow:var(--ma-shadow);display:none}.ma-nav.open{display:block}.ma-nav ul{flex-direction:column;align-items:stretch}.ma-menu-toggle{display:block}
 .ma-hero-grid,.ma-split,.ma-section-head,.ma-activity-shell,.ma-pathway,.ma-contact-grid,.ma-detail-grid,.ma-feature-band{grid-template-columns:1fr}
 .ma-course-grid,.ma-project-grid,.ma-program-grid,.ma-post-grid{grid-template-columns:repeat(2,1fr)}.ma-why-grid{grid-template-columns:repeat(2,1fr)}
 .ma-catalog-layout,.ma-detail-layout{grid-template-columns:1fr}.ma-filters,.ma-sidebar-card{position:static}.ma-timeline{grid-template-columns:repeat(2,1fr)}
 .ma-footer-top{grid-template-columns:1.5fr 1fr 1fr}.ma-footer-col:last-child{grid-column:2}
}
@media(max-width:680px){
 .ma-container{width:min(100% - 28px,1180px)}.ma-nav-wrap{height:72px}.ma-nav{top:72px}.ma-brand img,.custom-logo{max-width:190px;max-height:52px}
 .ma-hero{padding:40px 0}.ma-hero-grid{gap:28px}.ma-hero-actions .ma-btn{width:100%}.ma-hero-proof{grid-template-columns:1fr}.ma-hero-art{min-height:390px}
 .ma-code-card{left:0;right:8px}.ma-code-card pre{font-size:12px;padding:22px}.ma-chip2{left:5px;top:235px}.ma-chip3{top:282px}.ma-path-card{display:none}
 .ma-section{padding:66px 0}.ma-course-grid,.ma-project-grid,.ma-why-grid,.ma-activity-grid,.ma-catalog-grid,.ma-program-grid,.ma-post-grid,.ma-outcome-grid,.ma-timeline,.ma-info-grid,.ma-generic-section .ma-section-cards{grid-template-columns:1fr}
 .ma-form-grid{grid-template-columns:1fr}.ma-footer-top{grid-template-columns:1fr 1fr}.ma-footer-brand{grid-column:1/-1}.ma-footer-col:last-child{grid-column:auto}.ma-footer-bottom{flex-direction:column;gap:8px}
 .ma-catalog-top{flex-direction:column;align-items:stretch}
}


/* Global enquiry modal + WhatsApp/contact actions */
body.ma-modal-open{overflow:hidden}
.ma-floating-actions{position:fixed;right:22px;bottom:22px;z-index:120;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.ma-float-enquiry,.ma-float-whatsapp{appearance:none;border:0;display:flex;align-items:center;gap:10px;min-height:50px;padding:0 16px;border-radius:999px;font-weight:800;box-shadow:0 14px 34px rgba(13,38,56,.2);cursor:pointer;transition:.2s;text-decoration:none}
.ma-float-enquiry{background:var(--ma-navy);color:#fff}.ma-float-whatsapp{background:#25d366;color:#fff}
.ma-float-enquiry:hover,.ma-float-whatsapp:hover{transform:translateY(-2px)}
.ma-float-icon,.ma-wa-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.15);font-size:13px}
.ma-wa-icon{font-weight:900}
.ma-enquiry-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:24px}
.ma-enquiry-modal.is-open{display:flex}
.ma-enquiry-backdrop{position:absolute;inset:0;background:rgba(7,25,37,.68);backdrop-filter:blur(5px)}
.ma-enquiry-dialog{position:relative;z-index:2;width:min(980px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fff;border-radius:28px;box-shadow:0 35px 90px rgba(0,0,0,.25)}
.ma-enquiry-close{position:absolute;right:16px;top:14px;z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid var(--ma-line);background:#fff;color:var(--ma-navy);font-size:27px;line-height:1;cursor:pointer}
.ma-enquiry-layout{display:grid;grid-template-columns:.85fr 1.15fr}
.ma-enquiry-side{padding:46px;background:linear-gradient(150deg,#0d2638,#0c3b47);color:#fff;min-height:100%}
.ma-enquiry-side h2{color:#fff;font-size:clamp(30px,4vw,44px)}.ma-enquiry-side p{color:#bdd0d8}
.ma-enquiry-benefits{display:grid;gap:10px;margin:26px 0;font-size:14px;font-weight:700}
.ma-modal-whatsapp{display:inline-flex;padding:12px 16px;border-radius:12px;background:#25d366;color:#fff;font-weight:800}
.ma-enquiry-form-wrap{padding:34px}.ma-enquiry-form-wrap .ma-lead-form{box-shadow:none;border:0;padding:0}
.ma-enquiry-form-wrap .ma-lead-form h3{margin-bottom:18px}
.ma-enquiry-form-wrap input,.ma-enquiry-form-wrap select,.ma-enquiry-form-wrap textarea{background:#fff}
.ma-enquiry-trigger{cursor:pointer}
.ma-whatsapp-inline{border-color:#b9eccc!important;color:#13793d!important}
@media(max-width:760px){
 .ma-enquiry-modal{padding:10px;align-items:flex-end}
 .ma-enquiry-dialog{border-radius:22px 22px 0 0;max-height:94vh;width:100%}
 .ma-enquiry-layout{grid-template-columns:1fr}
 .ma-enquiry-side{padding:28px 24px 22px}
 .ma-enquiry-side h2{font-size:30px}
 .ma-enquiry-benefits{grid-template-columns:1fr 1fr;gap:7px;margin:18px 0}
 .ma-enquiry-form-wrap{padding:24px}
 .ma-floating-actions{right:12px;bottom:12px}
 .ma-float-label{display:none}
 .ma-float-enquiry,.ma-float-whatsapp{width:52px;height:52px;min-height:52px;padding:0;justify-content:center}
 .ma-float-icon,.ma-wa-icon{background:transparent;width:auto;height:auto;font-size:16px}
}
@media(max-width:420px){
 .ma-enquiry-benefits{grid-template-columns:1fr}
 .ma-enquiry-side{padding:24px 20px 18px}.ma-enquiry-form-wrap{padding:20px}
}


/* Enquiry + WhatsApp paired actions */
.ma-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.ma-contact-actions .ma-btn{width:100%}
.ma-btn-whatsapp{background:#25d366;color:#fff;border-color:#25d366}
.ma-btn-whatsapp:hover{background:#1fb85a;color:#fff}
@media(max-width:520px){
 .ma-contact-actions{grid-template-columns:1fr}
}


/* V5: cleaner course listing cards */
.ma-catalog-grid .ma-course-card,
.ma-course-grid .ma-course-card{
  min-height:100%;
  padding:26px;
  border-radius:22px;
}
.ma-course-card h3{
  margin-top:14px;
  font-size:23px;
  line-height:1.18;
}
.ma-course-card .ma-tag{
  align-self:flex-start;
  margin-bottom:0;
}
.ma-course-card p{
  margin-top:14px;
  margin-bottom:14px;
  min-height:48px;
}
.ma-course-card .ma-course-meta{
  margin-top:6px;
  margin-bottom:14px;
}
.ma-course-card .ma-tags{
  margin-bottom:18px;
}
.ma-course-card-footer{
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid var(--ma-line);
}
.ma-course-view-btn{
  width:100%;
  justify-content:space-between;
  padding:13px 16px;
  border-radius:12px;
  font-size:14px;
  box-shadow:none;
}
.ma-course-view-btn:hover{
  background:var(--ma-teal-dark);
  color:#fff;
}
.ma-catalog-grid{
  align-items:stretch;
}
.ma-catalog-grid .ma-course-card{
  display:flex;
}
.ma-catalog-grid .ma-course-card .ma-course-icon{
  margin-bottom:0;
}
@media(max-width:680px){
  .ma-catalog-grid .ma-course-card,
  .ma-course-grid .ma-course-card{
    padding:20px;
  }
  .ma-course-card h3{
    font-size:21px;
  }
}


/* V6: course detail sidebar CTA refinement */
.ma-sidebar-card .ma-contact-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:18px;
}
.ma-sidebar-card .ma-contact-actions .ma-btn{
  width:100%;
  min-height:48px;
  padding:13px 16px;
  border-radius:12px;
  line-height:1.2;
  white-space:nowrap;
}
.ma-sidebar-card .ma-contact-actions .ma-btn-primary{
  background:linear-gradient(135deg,var(--ma-teal),var(--ma-teal-dark));
}
.ma-sidebar-card .ma-contact-actions .ma-btn-whatsapp{
  background:#25d366;
  border-color:#25d366;
  color:#fff;
}
.ma-sidebar-card{
  padding:22px;
}
.ma-sidebar-card h3{
  margin-bottom:14px;
}
.ma-sidebar-card ul{
  margin:14px 0 18px;
  padding-left:20px;
}
.ma-sidebar-card li{
  margin:7px 0;
  line-height:1.45;
}
.ma-sidebar-card .ma-tag{
  margin-bottom:14px;
}

/* Keep top summary actions side-by-side on desktop, stacked on small screens */
.ma-summary-card .ma-contact-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}
.ma-summary-card .ma-contact-actions .ma-btn{
  min-height:52px;
  padding:14px 16px;
  white-space:nowrap;
}
@media(max-width:760px){
  .ma-summary-card .ma-contact-actions{
    grid-template-columns:1fr;
  }
  .ma-sidebar-card .ma-contact-actions{
    flex-direction:column;
  }
}


/* V7: consistent strong CTA buttons for internships, projects and school activities */
.ma-program-grid{
  align-items:stretch;
}
.ma-program-grid .ma-program-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:26px;
}
.ma-program-card h3{
  margin-top:10px;
  font-size:23px;
  line-height:1.2;
}
.ma-program-card p{
  margin-top:14px;
  margin-bottom:14px;
}
.ma-program-card .ma-course-meta{
  margin-bottom:14px;
}
.ma-program-card-footer{
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid var(--ma-line);
}
.ma-program-view-btn{
  width:100%;
  justify-content:space-between;
  min-height:48px;
  padding:13px 16px;
  border-radius:12px;
  font-size:14px;
  box-shadow:none;
}
.ma-program-view-btn:hover{
  background:var(--ma-teal-dark);
  color:#fff;
}
.ma-project-card .ma-program-card-footer{
  margin-top:18px;
}
@media(max-width:680px){
  .ma-program-grid .ma-program-card{
    padding:20px;
  }
  .ma-program-card h3{
    font-size:21px;
  }
}


/* V8: footer logo visibility and brand treatment */
.ma-footer-logo-plate{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  background:#fff;
  border-radius:14px;
  padding:10px 14px;
  margin-bottom:16px;
  box-shadow:0 10px 28px rgba(0,0,0,.14);
  max-width:290px;
}
.ma-footer-logo-plate .ma-brand{
  min-width:0;
  display:flex;
  align-items:center;
}
.ma-footer-logo-plate .ma-brand img,
.ma-footer-logo-plate .custom-logo{
  display:block;
  width:auto;
  max-width:245px;
  max-height:62px;
  object-fit:contain;
}
.ma-footer-brand p{
  max-width:340px;
  margin:0;
  color:#a9bbc4;
}
@media(max-width:680px){
  .ma-footer-logo-plate{
    max-width:250px;
    padding:9px 12px;
  }
  .ma-footer-logo-plate .ma-brand img,
  .ma-footer-logo-plate .custom-logo{
    max-width:215px;
    max-height:56px;
  }
}


/* V9 responsive filter experience */
.ma-mobile-filter-bar{display:none}
@media(max-width:980px){
  .ma-catalog-layout{display:block}
  .ma-mobile-filter-bar{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    margin-bottom:16px;position:sticky;top:82px;z-index:40;background:#fff;
    padding:10px 0;border-bottom:1px solid var(--ma-line)
  }
  .ma-filter-toggle{
    border:1px solid var(--ma-line);background:var(--ma-navy);color:#fff;
    min-height:46px;padding:0 16px;border-radius:12px;font-weight:800;
    display:inline-flex;align-items:center;gap:10px
  }
  .ma-mobile-result-note{font-size:12px;color:var(--ma-muted)}
  .ma-filters{
    display:none;position:fixed;inset:0 0 0 auto;width:min(380px,92vw);height:100vh;
    z-index:180;overflow:auto;border-radius:0;padding:28px 22px;background:#fff;
    box-shadow:-20px 0 55px rgba(13,38,56,.18)
  }
  .ma-filters.is-open{display:block}
  .ma-filters::before{
    content:"Filter Courses";display:block;font-family:Manrope,Inter,sans-serif;
    font-size:25px;font-weight:800;margin-bottom:18px;color:var(--ma-navy)
  }
  .ma-filter-overlay{
    display:none;position:fixed;inset:0;background:rgba(7,25,37,.55);z-index:170
  }
  .ma-filter-overlay.is-open{display:block}
}
@media(max-width:680px){
  .ma-mobile-filter-bar{top:72px}
  .ma-mobile-result-note{display:none}
}

/* Contact page */
.ma-contact-info-cards{display:grid;gap:12px;margin:26px 0}
.ma-info-contact{border:1px solid var(--ma-line);border-radius:15px;padding:16px;background:var(--ma-soft)}
.ma-info-contact strong,.ma-info-contact span,.ma-info-contact a{display:block}
.ma-info-contact strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.ma-info-contact a{color:var(--ma-teal-dark);font-weight:800}

/* Legal pages */
.ma-legal-layout{display:grid;grid-template-columns:250px 1fr;gap:48px;align-items:start}
.ma-legal-nav{position:sticky;top:110px;border:1px solid var(--ma-line);border-radius:18px;padding:20px;background:#fff}
.ma-legal-nav nav{display:grid;gap:8px;margin-top:12px}
.ma-legal-nav a{font-size:13px;color:var(--ma-muted);padding:7px 0}
.ma-legal-nav a:hover{color:var(--ma-teal-dark)}
.ma-legal-content{max-width:820px}
.ma-policy-section{padding:0 0 36px;margin-bottom:34px;border-bottom:1px solid var(--ma-line);scroll-margin-top:110px}
.ma-policy-section:last-child{border-bottom:0}
.ma-policy-section h2{font-size:30px;margin-bottom:16px}
.ma-policy-section p,.ma-policy-section li{color:var(--ma-muted)}
@media(max-width:900px){.ma-legal-layout{grid-template-columns:1fr}.ma-legal-nav{position:static}.ma-legal-nav nav{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ma-legal-nav nav{grid-template-columns:1fr}}

/* Cookie bar */
.ma-cookie-bar{position:fixed;left:18px;right:18px;bottom:18px;z-index:250}
.ma-cookie-bar[hidden]{display:none!important}
.ma-cookie-inner{
  width:min(1120px,100%);margin:auto;background:#fff;border:1px solid var(--ma-line);
  border-radius:20px;box-shadow:0 24px 70px rgba(13,38,56,.22);
  padding:20px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center
}
.ma-cookie-copy strong{display:block;font-size:18px;margin-bottom:4px}.ma-cookie-copy p{margin:0;font-size:13px}
.ma-cookie-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ma-cookie-link{font-size:13px;font-weight:800;color:var(--ma-teal-dark);padding:10px}
@media(max-width:760px){
 .ma-cookie-bar{left:10px;right:10px;bottom:10px}
 .ma-cookie-inner{grid-template-columns:1fr;gap:14px;padding:17px}
 .ma-cookie-actions{display:grid;grid-template-columns:1fr 1fr}
 .ma-cookie-link{grid-column:1/-1;text-align:center}
 .ma-cookie-actions .ma-btn{width:100%}
}

/* Footer legal links */
.ma-footer-legal{display:flex;gap:16px;flex-wrap:wrap}
.ma-footer-legal a{color:#78909c}
.ma-footer-legal a:hover{color:#fff}


/* V11: course filter results */
.ma-course-card[hidden]{display:none!important}
.ma-course-results-bar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:0 0 18px;padding:10px 2px;color:var(--ma-muted);font-size:13px
}
.ma-clear-filters{
  border:0;background:transparent;color:var(--ma-teal-dark);font-weight:800;
  cursor:pointer;padding:6px 0
}
.ma-clear-filters:hover{text-decoration:underline}
.ma-no-results{
  text-align:center;border:1px dashed var(--ma-line);border-radius:20px;
  padding:48px 24px;background:var(--ma-soft);margin-top:18px
}
.ma-no-results .ma-course-icon{margin:0 auto 16px}
.ma-no-results h3{margin-bottom:8px}
.ma-no-results p{margin:0 0 18px}
@media(max-width:680px){
  .ma-course-results-bar{padding:6px 0 12px}
}


/* V12 project catalog */
.ma-project-filterbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}
.ma-project-filter{border:1px solid var(--ma-line);background:#fff;color:var(--ma-ink);padding:9px 13px;border-radius:999px;font-size:12px;font-weight:800;cursor:pointer}
.ma-project-filter.is-active{background:var(--ma-navy);color:#fff;border-color:var(--ma-navy)}
.ma-project-count{font-size:13px;color:var(--ma-muted);margin-bottom:20px}
.ma-project-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ma-project-catalog-card{border:1px solid var(--ma-line);border-radius:22px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:.2s}
.ma-project-catalog-card:hover{transform:translateY(-4px);box-shadow:var(--ma-shadow)}
.ma-project-image{display:block;aspect-ratio:16/9;background:var(--ma-soft);overflow:hidden}
.ma-project-image img{width:100%;height:100%;object-fit:cover}
.ma-project-card-body{padding:22px;display:flex;flex-direction:column;flex:1}
.ma-project-meta-row{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;color:var(--ma-muted);margin-bottom:12px}
.ma-project-card-body h3{font-size:21px;margin-bottom:10px}.ma-project-card-body p{font-size:13px;margin:0 0 15px}
.ma-project-quick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.ma-project-quick span{font-size:10px;font-weight:800;padding:6px 8px;border-radius:999px;background:#f4f8f9;color:#536672}
.ma-project-detail-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.ma-project-detail-image img{border-radius:24px;border:1px solid var(--ma-line);box-shadow:var(--ma-shadow)}
.ma-project-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}
.ma-project-specs span{border:1px solid var(--ma-line);border-radius:14px;padding:12px;background:#fff;font-size:12px;color:var(--ma-muted)}
.ma-project-specs b{display:block;color:var(--ma-ink);font-size:11px;margin-bottom:4px}
.ma-component-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.ma-component-item{padding:12px 14px;border-radius:12px;background:var(--ma-soft);font-size:13px;display:flex;gap:9px}.ma-component-item span{color:var(--ma-green);font-weight:900}
.ma-build-steps{display:grid;gap:12px}.ma-build-step{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:14px;border:1px solid var(--ma-line);border-radius:14px}.ma-build-step>b{width:38px;height:38px;border-radius:10px;background:#eaf9fa;color:var(--ma-teal-dark);display:grid;place-items:center;font-size:11px}.ma-build-step h4{margin-bottom:4px}.ma-build-step p{margin:0;font-size:13px}
.ma-safety-note{border-color:#ffe0a3;background:#fffaf0}
@media(max-width:980px){
 .ma-project-catalog{grid-template-columns:repeat(2,1fr)}
 .ma-project-detail-hero{grid-template-columns:1fr}
 .ma-project-specs{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
 .ma-project-catalog{grid-template-columns:1fr}
 .ma-project-filterbar{overflow:auto;flex-wrap:nowrap;padding-bottom:5px}.ma-project-filter{white-space:nowrap}
 .ma-component-grid,.ma-project-specs{grid-template-columns:1fr}
}


/* V13 student-project catalog redesign */
.ma-project-catalog-section{padding-top:48px}
.ma-project-toolbar{
  display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;
  margin-bottom:12px
}
.ma-project-search-wrap input,.ma-project-toolbar select{
  width:100%;height:50px;border:1px solid var(--ma-line);border-radius:13px;background:#fff;
  padding:0 15px;color:var(--ma-ink)
}
.ma-project-toolbar select{min-width:190px}
.ma-project-filter-toggle{
  display:none;height:50px;padding:0 16px;border:1px solid var(--ma-line);border-radius:13px;
  background:var(--ma-navy);color:#fff;font-weight:800;cursor:pointer
}
.ma-project-results-line{display:flex;justify-content:space-between;align-items:center;min-height:32px;margin-bottom:16px;font-size:13px}
.ma-project-results-line strong{color:var(--ma-muted)}
.ma-project-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}
.ma-project-filters{
  position:sticky;top:104px;border:1px solid var(--ma-line);border-radius:20px;background:#fff;padding:20px
}
.ma-project-filter-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:8px}
.ma-project-filter-head .ma-eyebrow{margin-bottom:5px}
.ma-project-filter-head h3{font-size:20px}
.ma-project-filter-close{display:none;border:0;background:transparent;font-size:28px;cursor:pointer;color:var(--ma-navy)}
.ma-project-filter-group{padding:18px 0;border-top:1px solid var(--ma-line)}
.ma-project-filter-group>strong{display:block;margin-bottom:10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.ma-filter-check{display:flex;gap:9px;align-items:flex-start;margin:9px 0;font-size:13px;color:#526673;cursor:pointer}
.ma-filter-check input{margin-top:3px;accent-color:var(--ma-teal-dark)}
.ma-project-category-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.ma-project-chip{
  border:1px solid var(--ma-line);background:#fff;border-radius:999px;padding:8px 12px;font-size:11px;
  font-weight:800;color:#526673;cursor:pointer
}
.ma-project-chip.is-active{background:var(--ma-navy);color:#fff;border-color:var(--ma-navy)}
.ma-project-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ma-project-catalog-card{
  border:1px solid var(--ma-line);border-radius:20px;overflow:hidden;background:#fff;display:flex;
  flex-direction:column;transition:.2s;min-width:0
}
.ma-project-catalog-card:hover{transform:translateY(-4px);box-shadow:var(--ma-shadow)}
.ma-project-image{aspect-ratio:16/9;background:var(--ma-soft);overflow:hidden}
.ma-project-image img{width:100%;height:100%;object-fit:cover}
.ma-project-card-body{padding:20px;display:flex;flex-direction:column;flex:1;min-width:0}
.ma-project-meta-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}
.ma-project-meta-row .ma-tag{max-width:58%;white-space:normal}
.ma-project-level-badge{font-size:10px;color:var(--ma-muted);font-weight:800;text-align:right}
.ma-project-card-body h3{font-size:20px;line-height:1.2;margin-bottom:10px}
.ma-project-card-body p{font-size:13px;line-height:1.55;margin:0 0 14px}
.ma-project-quick{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.ma-project-quick span{font-size:10px;font-weight:800;padding:6px 8px;background:#f3f7f8;border-radius:999px;color:#536672}
.ma-project-components-preview{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:2px}
.ma-project-components-preview span{font-size:9px;padding:5px 7px;background:#fff;border:1px solid var(--ma-line);border-radius:999px;color:#667985}
.ma-project-card-body .ma-program-card-footer{margin-top:auto}
.ma-project-filter-overlay{display:none}
@media(max-width:1180px){
  .ma-project-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .ma-project-toolbar{grid-template-columns:minmax(0,1fr) auto}
  .ma-project-toolbar select{grid-column:1/-1}
  .ma-project-filter-toggle{display:inline-flex;align-items:center;gap:8px}
  .ma-project-layout{grid-template-columns:1fr}
  .ma-project-filters{
    display:none;position:fixed;top:0;right:0;bottom:0;width:min(380px,92vw);z-index:221;
    border-radius:0;overflow:auto;padding:24px;box-shadow:-20px 0 60px rgba(13,38,56,.22)
  }
  .ma-project-filters.is-open{display:block}
  .ma-project-filter-close{display:block}
  .ma-project-filter-overlay{position:fixed;inset:0;background:rgba(7,25,37,.58);z-index:220}
  .ma-project-filter-overlay.is-open{display:block}
  .ma-project-category-chips{overflow:auto;flex-wrap:nowrap;padding-bottom:5px}
  .ma-project-chip{white-space:nowrap}
}
@media(max-width:680px){
  .ma-project-toolbar{grid-template-columns:1fr auto}
  .ma-project-search-wrap{min-width:0}
  .ma-project-toolbar select{grid-column:1/-1}
  .ma-project-catalog{grid-template-columns:1fr}
  .ma-project-page-hero h1{font-size:42px}
}


/* ============================================================
   V14 - PROJECT CATALOG RESPONSIVE + CARD DESIGN FIX
   ============================================================ */

/* Prevent grid children/content from forcing horizontal overflow */
.ma-project-layout,
.ma-project-main,
.ma-project-catalog,
.ma-project-catalog-card,
.ma-project-card-body,
.ma-project-toolbar,
.ma-project-search-wrap{
  min-width:0;
}

.ma-project-catalog-section{
  overflow:hidden;
}

/* Desktop catalog geometry */
.ma-project-layout{
  grid-template-columns:250px minmax(0,1fr);
  gap:24px;
}

.ma-project-catalog{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  width:100%;
}

/* Card design */
.ma-project-catalog-card{
  width:100%;
  min-width:0;
  height:100%;
  border:1px solid #dce7eb;
  border-radius:20px;
  background:#fff;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  box-shadow:0 1px 0 rgba(13,38,56,.02);
}

.ma-project-catalog-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 44px rgba(13,38,56,.10);
}

.ma-project-image{
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#f4fafb;
  flex:0 0 auto;
}

.ma-project-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.ma-project-card-body{
  padding:18px;
  display:flex;
  flex-direction:column;
  flex:1;
  min-width:0;
}

.ma-project-meta-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:10px;
}

.ma-project-meta-row .ma-tag{
  max-width:100%;
  white-space:normal;
  line-height:1.25;
}

.ma-project-level-badge{
  font-size:10px;
  line-height:1.35;
  color:var(--ma-muted);
  font-weight:800;
  text-align:left;
}

.ma-project-card-body h3{
  font-size:20px;
  line-height:1.22;
  margin:0 0 10px;
  overflow-wrap:anywhere;
}

.ma-project-card-body p{
  font-size:13px;
  line-height:1.55;
  margin:0 0 14px;
  min-height:0;
}

.ma-project-quick{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0 0 12px;
}

.ma-project-quick span{
  max-width:100%;
  white-space:normal;
  line-height:1.25;
  font-size:10px;
  padding:6px 8px;
  border-radius:999px;
  background:#f3f7f8;
  color:#536672;
  font-weight:800;
}

.ma-project-components-preview{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0 0 14px;
}

.ma-project-components-preview span{
  max-width:100%;
  overflow-wrap:anywhere;
  font-size:9px;
  line-height:1.25;
  padding:5px 7px;
  border:1px solid var(--ma-line);
  border-radius:999px;
  background:#fff;
  color:#667985;
}

.ma-project-card-body .ma-program-card-footer{
  margin-top:auto;
  padding-top:14px;
}

.ma-project-card-body .ma-program-view-btn{
  width:100%;
  min-height:46px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  white-space:nowrap;
}

/* Filter panel polish */
.ma-project-filters{
  width:100%;
  max-width:100%;
}

.ma-project-filter-group{
  min-width:0;
}

.ma-filter-check span{
  min-width:0;
  overflow-wrap:anywhere;
}

/* Toolbar never overflows */
.ma-project-toolbar{
  grid-template-columns:minmax(0,1fr) 170px;
  gap:12px;
}

.ma-project-filter-toggle{
  display:none;
}

.ma-project-toolbar select{
  min-width:0;
  width:100%;
}

/* Medium desktop / laptop */
@media (max-width:1200px){
  .ma-project-layout{
    grid-template-columns:230px minmax(0,1fr);
    gap:20px;
  }

  .ma-project-catalog{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Tablet: filters become drawer, two cards */
@media (max-width:980px){
  .ma-project-toolbar{
    grid-template-columns:minmax(0,1fr) 120px 170px;
    gap:10px;
  }

  .ma-project-filter-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-width:0;
  }

  .ma-project-layout{
    grid-template-columns:1fr;
    gap:0;
  }

  .ma-project-filters{
    display:block;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    width:min(390px,92vw);
    max-width:none;
    height:100dvh;
    z-index:221;
    overflow-y:auto;
    overflow-x:hidden;
    border:0;
    border-left:1px solid var(--ma-line);
    border-radius:0;
    padding:24px 20px 32px;
    background:#fff;
    box-shadow:-24px 0 60px rgba(13,38,56,.20);
    transform:translateX(105%);
    visibility:hidden;
    transition:transform .25s ease, visibility .25s ease;
  }

  .ma-project-filters.is-open{
    transform:translateX(0);
    visibility:visible;
  }

  .ma-project-filter-close{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    flex:0 0 40px;
    border:1px solid var(--ma-line);
    border-radius:50%;
    background:#fff;
    font-size:25px;
    line-height:1;
  }

  .ma-project-filter-overlay{
    display:block;
    position:fixed;
    inset:0;
    z-index:220;
    background:rgba(7,25,37,.58);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.2s ease;
  }

  .ma-project-filter-overlay.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .ma-project-category-chips{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    gap:8px;
    padding:0 0 8px;
    margin-right:-14px;
    scrollbar-width:none;
  }

  .ma-project-category-chips::-webkit-scrollbar{
    display:none;
  }

  .ma-project-chip{
    flex:0 0 auto;
    white-space:nowrap;
  }

  .ma-project-catalog{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
  }
}

/* Mobile */
@media (max-width:700px){
  .ma-project-catalog-section{
    padding-top:34px;
  }

  .ma-project-toolbar{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .ma-project-search-wrap{
    grid-column:1/-1;
  }

  .ma-project-filter-toggle{
    grid-column:1;
    width:100%;
  }

  .ma-project-toolbar select{
    grid-column:2;
    width:100%;
    min-width:0;
  }

  .ma-project-search-wrap input,
  .ma-project-filter-toggle,
  .ma-project-toolbar select{
    height:48px;
  }

  .ma-project-results-line{
    margin:10px 0 14px;
  }

  .ma-project-catalog{
    grid-template-columns:1fr;
    gap:14px;
  }

  .ma-project-catalog-card{
    border-radius:18px;
  }

  .ma-project-image{
    aspect-ratio:16/8.5;
  }

  .ma-project-card-body{
    padding:16px;
  }

  .ma-project-card-body h3{
    font-size:20px;
  }

  .ma-project-card-body p{
    font-size:13px;
  }

  .ma-project-meta-row{
    align-items:flex-start;
  }

  .ma-project-level-badge{
    width:100%;
  }

  .ma-project-components-preview{
    margin-bottom:10px;
  }

  .ma-project-card-body .ma-program-card-footer{
    padding-top:12px;
  }

  .ma-project-card-body .ma-program-view-btn{
    min-height:48px;
  }
}

/* Small phones */
@media (max-width:430px){
  .ma-project-page-hero h1{
    font-size:38px;
  }

  .ma-project-page-hero p{
    font-size:15px;
  }

  .ma-project-toolbar{
    grid-template-columns:1fr;
  }

  .ma-project-search-wrap,
  .ma-project-filter-toggle,
  .ma-project-toolbar select{
    grid-column:1;
  }

  .ma-project-toolbar select,
  .ma-project-filter-toggle{
    width:100%;
  }

  .ma-project-filters{
    width:100vw;
    padding:22px 18px 30px;
  }

  .ma-project-image{
    aspect-ratio:16/9;
  }

  .ma-project-card-body{
    padding:15px;
  }

  .ma-project-quick span,
  .ma-project-components-preview span{
    border-radius:10px;
  }
}


/* ============================================================
   V16 - COURSE FINDER / PROJECT-FILTER STYLE
   ============================================================ */
.ma-course-catalog-section{padding-top:48px;overflow:hidden}

.ma-course-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 190px;
  gap:12px;
  align-items:center;
  margin-bottom:12px
}

.ma-course-search-wrap,
.ma-course-main,
.ma-course-layout,
.ma-catalog-grid,
.ma-course-card{min-width:0}

.ma-course-search-wrap input,
.ma-course-toolbar select{
  width:100%;
  height:50px;
  border:1px solid var(--ma-line);
  border-radius:13px;
  background:#fff;
  padding:0 15px;
  color:var(--ma-ink)
}

.ma-course-filter-toggle{
  display:none;
  height:50px;
  padding:0 16px;
  border:1px solid var(--ma-line);
  border-radius:13px;
  background:var(--ma-navy);
  color:#fff;
  font-weight:800;
  cursor:pointer
}

.ma-course-results-line{
  min-height:32px;
  margin-bottom:16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  font-size:13px
}
.ma-course-results-line strong{color:var(--ma-muted)}

.ma-course-layout{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:28px;
  align-items:start
}

.ma-course-filters{
  position:sticky;
  top:104px;
  width:100%;
  border:1px solid var(--ma-line);
  border-radius:20px;
  background:#fff;
  padding:20px
}

.ma-course-filter-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  padding-bottom:8px
}
.ma-course-filter-head .ma-eyebrow{margin-bottom:5px}
.ma-course-filter-head h3{font-size:20px}
.ma-course-filter-close{
  display:none;
  border:0;
  background:transparent;
  color:var(--ma-navy);
  font-size:28px;
  cursor:pointer
}

.ma-course-filter-group{
  padding:18px 0;
  border-top:1px solid var(--ma-line)
}
.ma-course-filter-group>strong{
  display:block;
  margin-bottom:10px;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em
}

.ma-course-category-chips{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:18px
}
.ma-course-chip{
  flex:0 0 auto;
  border:1px solid var(--ma-line);
  background:#fff;
  color:#526673;
  padding:8px 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  cursor:pointer
}
.ma-course-chip.is-active{
  background:var(--ma-navy);
  color:#fff;
  border-color:var(--ma-navy)
}

.ma-course-main .ma-catalog-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:stretch
}

.ma-course-main .ma-course-card{
  min-height:100%;
  width:100%;
  padding:24px;
  display:flex;
  flex-direction:column
}

.ma-course-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  min-height:54px
}
.ma-course-card-top .ma-course-icon{margin-bottom:0}
.ma-course-card-top .ma-tag{
  margin:0;
  max-width:55%;
  text-align:center
}

.ma-course-main .ma-course-card h3{
  margin-top:16px;
  font-size:23px;
  line-height:1.18
}
.ma-course-main .ma-course-card p{
  min-height:0;
  line-height:1.55
}
.ma-course-main .ma-course-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:8px 0 14px
}
.ma-course-main .ma-course-meta span{
  background:#f3f7f8;
  border-radius:999px;
  padding:6px 8px;
  line-height:1.2
}
.ma-course-main .ma-tags{
  margin-bottom:14px
}
.ma-course-main .ma-course-card-footer{
  margin-top:auto
}

.ma-course-filter-overlay{display:none}

@media(max-width:1100px){
  .ma-course-layout{grid-template-columns:230px minmax(0,1fr);gap:20px}
}

/* Tablet */
@media(max-width:980px){
  .ma-course-toolbar{
    grid-template-columns:minmax(0,1fr) 120px 170px;
    gap:10px
  }

  .ma-course-filter-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px
  }

  .ma-course-layout{
    display:block
  }

  .ma-course-filters{
    display:block;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    width:min(390px,92vw);
    max-width:none;
    height:100dvh;
    z-index:221;
    overflow-y:auto;
    overflow-x:hidden;
    border:0;
    border-left:1px solid var(--ma-line);
    border-radius:0;
    padding:24px 20px 32px;
    box-shadow:-24px 0 60px rgba(13,38,56,.20);
    transform:translateX(105%);
    visibility:hidden;
    transition:transform .25s ease,visibility .25s ease
  }

  .ma-course-filters.is-open{
    transform:translateX(0);
    visibility:visible
  }

  .ma-course-filter-close{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    flex:0 0 40px;
    border:1px solid var(--ma-line);
    border-radius:50%;
    background:#fff;
    font-size:25px;
    line-height:1
  }

  .ma-course-filter-overlay{
    display:block;
    position:fixed;
    inset:0;
    z-index:220;
    background:rgba(7,25,37,.58);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.2s ease
  }

  .ma-course-filter-overlay.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto
  }

  .ma-course-category-chips{
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    padding-bottom:7px;
    margin-right:-14px;
    scrollbar-width:none
  }
  .ma-course-category-chips::-webkit-scrollbar{display:none}
  .ma-course-chip{white-space:nowrap}

  .ma-course-main .ma-catalog-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}

/* Mobile */
@media(max-width:700px){
  .ma-course-catalog-section{padding-top:34px}

  .ma-course-toolbar{
    grid-template-columns:1fr 1fr;
    gap:10px
  }
  .ma-course-search-wrap{grid-column:1/-1}
  .ma-course-filter-toggle{grid-column:1;width:100%}
  .ma-course-toolbar select{grid-column:2;width:100%;min-width:0}

  .ma-course-search-wrap input,
  .ma-course-filter-toggle,
  .ma-course-toolbar select{height:48px}

  .ma-course-results-line{margin:10px 0 14px}

  .ma-course-main .ma-catalog-grid{
    grid-template-columns:1fr;
    gap:14px
  }

  .ma-course-main .ma-course-card{
    padding:18px;
    border-radius:18px
  }

  .ma-course-main .ma-course-card h3{
    font-size:21px
  }

  .ma-course-card-top{
    min-height:auto
  }
}

/* Small phones */
@media(max-width:430px){
  .ma-course-page-hero h1{font-size:38px}
  .ma-course-page-hero p{font-size:15px}

  .ma-course-toolbar{
    grid-template-columns:1fr
  }
  .ma-course-search-wrap,
  .ma-course-filter-toggle,
  .ma-course-toolbar select{grid-column:1}

  .ma-course-filters{
    width:100vw;
    padding:22px 18px 30px
  }

  .ma-course-card-top{
    flex-direction:column
  }
  .ma-course-card-top .ma-tag{
    max-width:100%
  }
}


/* V18 project visual reliability */
.ma-project-image{
  position:relative;
  background:linear-gradient(135deg,#f1fafb,#eef4f7);
}
.ma-project-image img,
.ma-project-detail-image img{
  opacity:1;
  visibility:visible;
  object-fit:cover;
}

/* V19 BLOG CATALOG / CATEGORY / PAGINATION REDESIGN */
.ma-blog-catalog-section{padding-top:46px}
.ma-blog-toolbar{display:flex;justify-content:flex-end;margin-bottom:16px}
.ma-blog-search{display:grid;grid-template-columns:minmax(0,520px) auto;gap:10px;width:100%;justify-content:end}
.ma-blog-search input{width:100%;height:50px;border:1px solid var(--ma-line);border-radius:13px;padding:0 15px;background:#fff;color:var(--ma-ink)}
.ma-blog-search .ma-btn{height:50px}
.ma-blog-category-strip{display:flex;gap:8px;flex-wrap:wrap;padding:4px 0 22px;margin-bottom:24px;border-bottom:1px solid var(--ma-line)}
.ma-blog-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--ma-line);border-radius:999px;padding:9px 12px;background:#fff;color:#526673;font-size:11px;font-weight:800;transition:.18s}
.ma-blog-chip span{min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#f1f6f7;font-size:9px}
.ma-blog-chip:hover,.ma-blog-chip.is-active{background:var(--ma-navy);border-color:var(--ma-navy);color:#fff}
.ma-blog-chip.is-active span{background:rgba(255,255,255,.15)}
.ma-blog-results-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}
.ma-blog-results-head .ma-eyebrow{margin-bottom:5px}
.ma-blog-results-head h2{font-size:30px;margin:0}
.ma-blog-result-count{font-size:12px;font-weight:800;color:var(--ma-muted);white-space:nowrap}
.ma-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.ma-blog-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--ma-line);border-radius:20px;overflow:hidden;background:#fff;transition:.2s}
.ma-blog-card:hover{transform:translateY(-4px);box-shadow:var(--ma-shadow)}
.ma-blog-card-media{display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#edf9fa,#f4f7fa)}
.ma-blog-card-media img{width:100%;height:100%;display:block;object-fit:cover}
.ma-blog-placeholder{width:100%;height:100%;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;background:radial-gradient(circle at 85% 18%,rgba(22,184,197,.20),transparent 32%),linear-gradient(135deg,#f1fafb,#f8fbfc)}
.ma-blog-placeholder span{width:54px;height:54px;border-radius:15px;background:var(--ma-teal);display:grid;place-items:center;color:#fff;font-weight:900;font-size:18px;margin-bottom:auto}
.ma-blog-placeholder small{font-size:12px;font-weight:900;color:var(--ma-navy);text-transform:uppercase;letter-spacing:.05em}
.ma-blog-card-body{padding:20px;display:flex;flex-direction:column;flex:1}
.ma-blog-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.ma-blog-card-meta>span{font-size:10px;color:var(--ma-muted);font-weight:700;white-space:nowrap}
.ma-blog-category-badge{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 8px;border-radius:999px;background:#eaf9fa;color:var(--ma-teal-dark);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}
.ma-blog-card h3{font-size:20px;line-height:1.23;margin:0 0 10px;overflow-wrap:anywhere}
.ma-blog-card p{font-size:13px;line-height:1.55;margin:0 0 18px;color:var(--ma-muted)}
.ma-blog-card-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--ma-line)}
.ma-blog-read{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:900;color:var(--ma-teal-dark)}
.ma-blog-pagination{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:38px}
.ma-blog-pagination .page-numbers{min-width:40px;height:40px;padding:0 12px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ma-line);border-radius:10px;background:#fff;color:var(--ma-ink);font-size:12px;font-weight:900}
.ma-blog-pagination .page-numbers.current{background:var(--ma-navy);border-color:var(--ma-navy);color:#fff}
.ma-blog-pagination .page-numbers.prev,.ma-blog-pagination .page-numbers.next{min-width:auto}
.ma-blog-empty{text-align:center;padding:60px 20px;border:1px dashed var(--ma-line);border-radius:20px;background:var(--ma-soft)}
@media(max-width:980px){
.ma-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ma-blog-category-strip{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:14px}
.ma-blog-category-strip::-webkit-scrollbar{display:none}.ma-blog-chip{flex:0 0 auto;white-space:nowrap}}
@media(max-width:680px){
.ma-blog-catalog-section{padding-top:34px}.ma-blog-search{grid-template-columns:1fr}.ma-blog-search .ma-btn{width:100%}
.ma-blog-results-head{align-items:flex-start;flex-direction:column;gap:8px}.ma-blog-results-head h2{font-size:25px}
.ma-blog-grid{grid-template-columns:1fr;gap:14px}.ma-blog-card-body{padding:17px}.ma-blog-card h3{font-size:19px}
.ma-blog-pagination{gap:6px;margin-top:28px}.ma-blog-pagination .page-numbers{min-width:38px;height:38px;padding:0 10px}}


/* V20 BLOG ARTICLE / COURSE CROSS-SELL / PREV-NEXT REDESIGN */
.ma-blog-single-narrow{max-width:900px}
.ma-blog-single-wide{max-width:1180px}
.ma-blog-single-hero{padding:64px 0 48px;background:radial-gradient(circle at 88% 20%,rgba(22,184,197,.10),transparent 26%),linear-gradient(180deg,#f8fcfd,#fff);border-bottom:1px solid var(--ma-line)}
.ma-blog-single-hero .ma-breadcrumb{margin-bottom:28px;white-space:normal;line-height:1.6}
.ma-blog-single-category{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#eaf9fa;color:var(--ma-teal-dark);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin-bottom:18px}
.ma-blog-single-hero h1{max-width:860px;font-size:clamp(42px,5.6vw,72px);line-height:1.02;letter-spacing:-.045em;margin:0 0 20px}
.ma-blog-single-excerpt{max-width:760px;font-size:19px;line-height:1.65;color:var(--ma-muted);margin:0 0 22px}
.ma-blog-single-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;color:var(--ma-muted);font-size:12px;font-weight:700}
.ma-blog-single-meta span{display:inline-flex;align-items:center;gap:7px}
.ma-blog-single-meta span:not(:last-child)::after{content:"";width:4px;height:4px;border-radius:50%;background:#b8c7cd;margin-left:10px}
.ma-blog-featured-wrap{padding:34px 0 0}
.ma-blog-featured-image{overflow:hidden;border:1px solid var(--ma-line);border-radius:24px;background:var(--ma-soft);box-shadow:0 24px 70px rgba(13,38,56,.10)}
.ma-blog-featured-image img{display:block;width:100%;height:auto;max-height:680px;object-fit:cover}
.ma-blog-article-section{padding:54px 0 64px}
.ma-blog-article-layout{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:60px;align-items:start;justify-content:center}
.ma-blog-article{min-width:0}
.ma-blog-entry-content{font-size:17px;line-height:1.85;color:#314654}
.ma-blog-entry-content>*:first-child{margin-top:0}
.ma-blog-entry-content p{margin:0 0 1.45em}
.ma-blog-entry-content h2,.ma-blog-entry-content h3,.ma-blog-entry-content h4{color:var(--ma-navy);letter-spacing:-.02em;scroll-margin-top:110px}
.ma-blog-entry-content h2{font-size:34px;line-height:1.18;margin:1.9em 0 .65em}
.ma-blog-entry-content h3{font-size:26px;line-height:1.25;margin:1.7em 0 .6em}
.ma-blog-entry-content h4{font-size:20px;margin:1.5em 0 .5em}
.ma-blog-entry-content ul,.ma-blog-entry-content ol{padding-left:1.35em;margin:0 0 1.5em}
.ma-blog-entry-content li{margin:.45em 0}
.ma-blog-entry-content a{color:var(--ma-teal-dark);text-decoration:underline;text-underline-offset:3px}
.ma-blog-entry-content img{max-width:100%;height:auto;border-radius:16px;margin:10px 0 22px}
.ma-blog-entry-content blockquote{margin:28px 0;padding:20px 24px;border-left:4px solid var(--ma-teal);background:#f4fbfc;border-radius:0 16px 16px 0;color:#425965}
.ma-blog-entry-content table{width:100%;display:block;overflow-x:auto;border-collapse:collapse;margin:24px 0}
.ma-blog-entry-content th,.ma-blog-entry-content td{border:1px solid var(--ma-line);padding:12px;min-width:130px;text-align:left}
.ma-blog-entry-content th{background:var(--ma-soft)}
.ma-blog-tags{margin-top:38px;padding-top:22px;border-top:1px solid var(--ma-line)}
.ma-blog-tags>strong{display:block;margin-bottom:10px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.ma-blog-tags>div{display:flex;gap:7px;flex-wrap:wrap}
.ma-blog-tags a{padding:7px 9px;border:1px solid var(--ma-line);border-radius:999px;color:#5a6d78;font-size:11px;font-weight:800}
.ma-blog-side{position:sticky;top:110px;display:grid;gap:16px}
.ma-blog-side-card{padding:22px;border:1px solid var(--ma-line);border-radius:20px;background:#fff}
.ma-blog-side-card h3{font-size:22px;line-height:1.22;margin-bottom:9px}
.ma-blog-side-card p{font-size:13px;line-height:1.55;margin-bottom:16px}
.ma-blog-side-card .ma-btn+.ma-btn{margin-top:9px}
.ma-blog-course-crosssell{background:#f6fafb;border-top:1px solid var(--ma-line);border-bottom:1px solid var(--ma-line)}
.ma-blog-crosssell-head{align-items:end}
.ma-blog-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ma-blog-course-card{min-width:0;display:flex;flex-direction:column;padding:24px;border:1px solid var(--ma-line);border-radius:20px;background:#fff;transition:.2s}
.ma-blog-course-card:hover{transform:translateY(-4px);box-shadow:var(--ma-shadow)}
.ma-blog-course-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-height:54px}
.ma-blog-course-card-top .ma-course-icon{margin:0}
.ma-blog-course-card h3{font-size:22px;line-height:1.2;margin:16px 0 9px}
.ma-blog-course-card p{font-size:13px;line-height:1.55;margin:0 0 14px}
.ma-blog-course-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.ma-blog-course-meta span{padding:6px 8px;border-radius:999px;background:#f2f7f8;color:#526673;font-size:10px;font-weight:800}
.ma-blog-course-footer{margin-top:auto;padding-top:16px}
.ma-blog-post-nav-section{padding:54px 0;background:#fff}
.ma-blog-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ma-blog-nav-card{min-width:0;min-height:155px;padding:22px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--ma-line);border-radius:20px;background:#fff;transition:.2s}
.ma-blog-nav-card:hover{transform:translateY(-3px);border-color:#b9dfe3;box-shadow:0 16px 40px rgba(13,38,56,.08)}
.ma-blog-nav-next{text-align:right;align-items:flex-end}
.ma-blog-nav-label{color:var(--ma-teal-dark);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:9px}
.ma-blog-nav-card strong{max-width:420px;color:var(--ma-navy);font-size:19px;line-height:1.28}
.ma-blog-nav-card small{color:var(--ma-muted);font-size:10px;margin-top:8px}
.ma-blog-nav-card.is-disabled{opacity:.55;pointer-events:none}
.ma-blog-related-section{border-top:1px solid var(--ma-line)}
@media(max-width:1050px){.ma-blog-article-layout{grid-template-columns:minmax(0,1fr) 270px;gap:36px}}
@media(max-width:900px){
.ma-blog-article-layout{grid-template-columns:1fr;max-width:820px}
.ma-blog-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
.ma-blog-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
.ma-blog-single-hero{padding:42px 0 34px}.ma-blog-single-hero .ma-breadcrumb{margin-bottom:20px}.ma-blog-single-hero h1{font-size:40px}
.ma-blog-single-excerpt{font-size:16px}.ma-blog-single-meta{gap:7px 12px;font-size:11px}.ma-blog-single-meta span:not(:last-child)::after{display:none}
.ma-blog-featured-wrap{padding-top:18px}.ma-blog-featured-image{border-radius:16px}
.ma-blog-article-section{padding:36px 0 44px}.ma-blog-entry-content{font-size:16px;line-height:1.75}.ma-blog-entry-content h2{font-size:28px}.ma-blog-entry-content h3{font-size:23px}
.ma-blog-entry-content blockquote{padding:17px 18px}.ma-blog-side{grid-template-columns:1fr}.ma-blog-course-grid{grid-template-columns:1fr}
.ma-blog-post-nav{grid-template-columns:1fr}.ma-blog-nav-next{text-align:left;align-items:flex-start}.ma-blog-nav-card{min-height:130px}.ma-blog-crosssell-head{align-items:flex-start}
}
@media(max-width:430px){.ma-blog-single-hero h1{font-size:35px}.ma-blog-side-card,.ma-blog-course-card{padding:18px}}


/* ============================================================
   V22 FOOTER EXPANSION / SUPPORT / CROSS-NAVIGATION
   ============================================================ */
.ma-footer{
  background:#071f2d;
  color:#b4c4cc;
  padding-top:54px
}
.ma-footer-main{
  display:grid;
  grid-template-columns:1.4fr repeat(4,minmax(0,1fr));
  gap:42px;
  align-items:start
}
.ma-footer-brand{min-width:0}
.ma-footer-brand p{
  max-width:350px;
  margin:0 0 18px;
  color:#a9bbc4;
  line-height:1.6
}
.ma-footer-col h4{
  margin:4px 0 14px;
  color:#fff;
  font-size:15px
}
.ma-footer-col{
  display:flex;
  flex-direction:column;
  gap:10px
}
.ma-footer-col a{
  color:#a9bbc4;
  font-size:13px;
  line-height:1.4;
  transition:.18s
}
.ma-footer-col a:hover{color:#fff}

.ma-footer-contact-mini{
  display:grid;
  gap:8px;
  margin:18px 0
}
.ma-footer-contact-mini a{
  display:block;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  background:rgba(255,255,255,.03)
}
.ma-footer-contact-mini span{
  display:block;
  color:#6f8c99;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.07em;
  margin-bottom:3px
}
.ma-footer-contact-mini strong{
  color:#fff;
  font-size:12px;
  line-height:1.35
}

.ma-footer-cta{
  display:flex;
  flex-wrap:wrap;
  gap:8px
}
.ma-footer-cta .ma-btn{
  min-height:42px;
  padding:10px 13px;
  font-size:11px
}

.ma-footer-mid{
  margin-top:42px;
  padding:22px 0;
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px
}
.ma-footer-mid>div:first-child{
  display:flex;
  flex-direction:column;
  gap:3px
}
.ma-footer-mid strong{
  color:#fff;
  font-size:14px
}
.ma-footer-mid span{
  font-size:12px;
  color:#8299a4
}
.ma-footer-mid-links{
  display:flex;
  flex-wrap:wrap;
  gap:16px
}
.ma-footer-mid-links a{
  color:#a9bbc4;
  font-size:12px;
  font-weight:700
}
.ma-footer-mid-links a:hover{color:#fff}

.ma-footer-bottom{
  padding:20px 0 24px
}

@media(max-width:1180px){
  .ma-footer-main{
    grid-template-columns:1.35fr repeat(2,minmax(0,1fr));
    gap:34px
  }
}

@media(max-width:760px){
  .ma-footer{
    padding-top:42px
  }
  .ma-footer-main{
    grid-template-columns:1fr 1fr;
    gap:28px 22px
  }
  .ma-footer-brand{
    grid-column:1/-1
  }
  .ma-footer-mid{
    align-items:flex-start;
    flex-direction:column
  }
}

@media(max-width:520px){
  .ma-footer-main{
    grid-template-columns:1fr;
  }
  .ma-footer-brand{
    grid-column:auto
  }
  .ma-footer-col{
    padding-top:4px
  }
  .ma-footer-cta{
    display:grid;
    grid-template-columns:1fr 1fr
  }
  .ma-footer-cta .ma-btn{
    width:100%
  }
  .ma-footer-mid-links{
    display:grid;
    grid-template-columns:1fr;
    gap:9px
  }
  .ma-footer-bottom{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px
  }
}


/* ============================================================
   V23 FOOTER + FLOATING ACTION FIX
   ============================================================ */

/* Keep quick-contact buttons out of normal document flow. */
.ma-floating-actions{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:160;
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:flex-end;
  pointer-events:none;
}
.ma-floating-actions .ma-float-enquiry,
.ma-floating-actions .ma-float-whatsapp{
  pointer-events:auto;
}

/* Consistent floating button sizing and labels. */
.ma-floating-actions .ma-float-enquiry,
.ma-floating-actions .ma-float-whatsapp{
  min-width:132px;
  justify-content:flex-start;
}
.ma-floating-actions .ma-float-icon,
.ma-floating-actions .ma-wa-icon{
  flex:0 0 28px;
}

/* Footer should end cleanly with no accidental white strip. */
.ma-footer{
  width:100%;
  margin:0;
  padding-bottom:0;
}
.ma-footer-bottom{
  margin-top:0;
  border-top:0;
  padding:20px 0 24px;
}

/* Slightly tighter, more balanced footer at desktop widths. */
.ma-footer-main{
  grid-template-columns:minmax(250px,1.35fr) repeat(4,minmax(145px,1fr));
  gap:34px;
}
.ma-footer-logo-plate{
  max-width:275px;
}
.ma-footer-logo-plate .ma-brand img,
.ma-footer-logo-plate .custom-logo{
  max-width:235px;
}

/* Keep middle utility strip visually connected to footer content. */
.ma-footer-mid{
  margin-top:34px;
}

/* Tablet: keep footer from appearing collapsed or over-spread. */
@media(max-width:1180px){
  .ma-footer-main{
    grid-template-columns:1.2fr repeat(2,minmax(0,1fr));
    gap:30px 28px;
  }
  .ma-footer-brand{
    grid-row:span 2;
  }
}

/* Mobile floating controls become compact circular buttons. */
@media(max-width:760px){
  .ma-floating-actions{
    right:12px;
    bottom:12px;
    gap:8px;
  }
  .ma-floating-actions .ma-float-enquiry,
  .ma-floating-actions .ma-float-whatsapp{
    min-width:52px;
    width:52px;
    height:52px;
    min-height:52px;
    padding:0;
    justify-content:center;
  }
  .ma-floating-actions .ma-float-label{
    display:none;
  }
}

@media(max-width:520px){
  .ma-footer-main{
    gap:24px;
  }
}


/* ============================================================
   V24 FINAL FLOATING CONTACT + ENQUIRY MODAL RESTORE
   ============================================================ */

/* The floating controls must NEVER participate in document flow. */
html body .ma-floating-actions{
  position:fixed !important;
  right:22px !important;
  bottom:22px !important;
  left:auto !important;
  top:auto !important;
  width:auto !important;
  max-width:none !important;
  height:auto !important;
  z-index:999 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  justify-content:flex-end !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
  pointer-events:none !important;
}

/* Restore the original pill-style Enquire and WhatsApp buttons. */
html body .ma-floating-actions > .ma-float-enquiry,
html body .ma-floating-actions > .ma-float-whatsapp{
  position:relative !important;
  inset:auto !important;
  display:inline-flex !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  height:50px !important;
  min-height:50px !important;
  max-height:50px !important;
  padding:0 16px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:999px !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  white-space:nowrap !important;
  flex:none !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:800 !important;
  text-decoration:none !important;
  box-shadow:0 14px 34px rgba(13,38,56,.20) !important;
  cursor:pointer !important;
  pointer-events:auto !important;
}

html body .ma-floating-actions > .ma-float-enquiry{
  background:var(--ma-navy) !important;
  color:#fff !important;
}

html body .ma-floating-actions > .ma-float-whatsapp{
  background:#25d366 !important;
  color:#fff !important;
}

html body .ma-floating-actions > .ma-float-enquiry:hover,
html body .ma-floating-actions > .ma-float-whatsapp:hover{
  transform:translateY(-2px) !important;
}

html body .ma-floating-actions .ma-float-icon,
html body .ma-floating-actions .ma-wa-icon{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  flex:0 0 28px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.15) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:900 !important;
}

html body .ma-floating-actions .ma-float-label{
  display:inline !important;
  width:auto !important;
  overflow:visible !important;
}

/* Restore the previous two-panel enquiry dialog design. */
html body .ma-enquiry-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:1000 !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  padding:24px !important;
}

html body .ma-enquiry-modal.is-open{
  display:flex !important;
}

html body .ma-enquiry-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(7,25,37,.68) !important;
  backdrop-filter:blur(5px) !important;
}

html body .ma-enquiry-dialog{
  position:relative !important;
  z-index:2 !important;
  width:min(980px,100%) !important;
  max-width:980px !important;
  max-height:calc(100vh - 48px) !important;
  overflow:auto !important;
  padding:0 !important;
  background:#fff !important;
  border-radius:28px !important;
  box-shadow:0 35px 90px rgba(0,0,0,.25) !important;
}

html body .ma-enquiry-layout{
  display:grid !important;
  grid-template-columns:.85fr 1.15fr !important;
  width:100% !important;
}

html body .ma-enquiry-side{
  display:block !important;
  padding:46px !important;
  background:linear-gradient(150deg,#0d2638,#0c3b47) !important;
  color:#fff !important;
  min-height:100% !important;
}

html body .ma-enquiry-side .ma-eyebrow{
  color:#20c0cc !important;
}

html body .ma-enquiry-side h2{
  color:#fff !important;
  font-size:clamp(30px,4vw,44px) !important;
  line-height:1.08 !important;
  margin:12px 0 16px !important;
}

html body .ma-enquiry-side p{
  color:#bdd0d8 !important;
  line-height:1.6 !important;
}

html body .ma-enquiry-benefits{
  display:grid !important;
  gap:10px !important;
  margin:26px 0 !important;
  font-size:14px !important;
  font-weight:700 !important;
}

html body .ma-modal-whatsapp{
  display:inline-flex !important;
  width:auto !important;
  padding:12px 16px !important;
  border-radius:12px !important;
  background:#25d366 !important;
  color:#fff !important;
  font-weight:800 !important;
}

html body .ma-enquiry-form-wrap{
  padding:34px !important;
  background:#fff !important;
}

html body .ma-enquiry-form-wrap .ma-lead-form{
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
}

html body .ma-enquiry-form-wrap .ma-lead-form h3{
  margin-bottom:18px !important;
}

/* Do not allow global form/button/footer selectors to distort modal fields. */
html body .ma-enquiry-form-wrap input,
html body .ma-enquiry-form-wrap select,
html body .ma-enquiry-form-wrap textarea{
  width:100% !important;
  max-width:100% !important;
  background:#fff !important;
  box-sizing:border-box !important;
}

html body .ma-enquiry-close{
  position:absolute !important;
  right:16px !important;
  top:14px !important;
  z-index:4 !important;
  width:42px !important;
  height:42px !important;
  padding:0 !important;
  border-radius:50% !important;
  border:1px solid var(--ma-line) !important;
  background:#fff !important;
  color:var(--ma-navy) !important;
  font-size:27px !important;
  line-height:1 !important;
}

/* Footer remains self-contained and ends with dark background. */
html body .ma-footer{
  position:relative !important;
  z-index:1 !important;
  overflow:visible !important;
  margin-bottom:0 !important;
}

/* Original compact mobile behaviour. */
@media(max-width:760px){
  html body .ma-floating-actions{
    right:12px !important;
    bottom:12px !important;
    gap:8px !important;
  }

  html body .ma-floating-actions > .ma-float-enquiry,
  html body .ma-floating-actions > .ma-float-whatsapp{
    width:52px !important;
    min-width:52px !important;
    max-width:52px !important;
    height:52px !important;
    min-height:52px !important;
    max-height:52px !important;
    padding:0 !important;
    justify-content:center !important;
  }

  html body .ma-floating-actions .ma-float-label{
    display:none !important;
  }

  html body .ma-floating-actions .ma-float-icon,
  html body .ma-floating-actions .ma-wa-icon{
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    flex:none !important;
    background:transparent !important;
    font-size:16px !important;
  }

  html body .ma-enquiry-modal{
    padding:10px !important;
    align-items:flex-end !important;
  }

  html body .ma-enquiry-dialog{
    width:100% !important;
    max-width:100% !important;
    max-height:94vh !important;
    border-radius:22px 22px 0 0 !important;
  }

  html body .ma-enquiry-layout{
    grid-template-columns:1fr !important;
  }

  html body .ma-enquiry-side{
    padding:28px 24px 22px !important;
  }

  html body .ma-enquiry-side h2{
    font-size:30px !important;
  }

  html body .ma-enquiry-benefits{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    margin:18px 0 !important;
  }

  html body .ma-enquiry-form-wrap{
    padding:24px !important;
  }
}

@media(max-width:420px){
  html body .ma-enquiry-benefits{
    grid-template-columns:1fr !important;
  }
  html body .ma-enquiry-side{
    padding:24px 20px 18px !important;
  }
  html body .ma-enquiry-form-wrap{
    padding:20px !important;
  }
}

.ma-internship-catalog-section{padding-top:46px;overflow:hidden}.ma-internship-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto 190px;gap:12px;margin-bottom:12px}.ma-internship-search-wrap input,.ma-internship-toolbar select{width:100%;height:50px;border:1px solid var(--ma-line);border-radius:13px;background:#fff;padding:0 15px}.ma-internship-filter-toggle{display:none;height:50px;padding:0 16px;border:1px solid var(--ma-line);border-radius:13px;background:var(--ma-navy);color:#fff;font-weight:800}.ma-internship-results-line{display:flex;justify-content:space-between;align-items:center;min-height:32px;margin-bottom:16px;font-size:13px}.ma-internship-results-line strong{color:var(--ma-muted)}.ma-internship-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}.ma-internship-filters{position:sticky;top:104px;border:1px solid var(--ma-line);border-radius:20px;background:#fff;padding:20px}.ma-internship-filter-head{display:flex;justify-content:space-between}.ma-internship-filter-close{display:none}.ma-internship-filter-group{padding:18px 0;border-top:1px solid var(--ma-line)}.ma-internship-filter-group>strong{display:block;margin-bottom:10px;font-size:12px;text-transform:uppercase}.ma-internship-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.ma-internship-chip{border:1px solid var(--ma-line);background:#fff;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800}.ma-internship-chip.is-active{background:var(--ma-navy);color:#fff}.ma-internship-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ma-internship-card{display:flex;flex-direction:column;padding:21px;border:1px solid var(--ma-line);border-radius:20px;background:#fff}.ma-internship-card-top{display:flex;justify-content:space-between;gap:8px}.ma-internship-featured{padding:6px 8px;border-radius:999px;background:#fff3c9;font-size:9px;font-weight:900}.ma-internship-card h3{font-size:20px;line-height:1.2;margin:15px 0 9px}.ma-internship-card p{font-size:13px;line-height:1.55}.ma-internship-meta{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.ma-internship-meta span{font-size:9px;padding:6px 8px;border-radius:999px;background:#f3f7f8;font-weight:800}.ma-internship-card .ma-program-card-footer{margin-top:auto}.ma-internship-filter-overlay{display:none}.ma-internship-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:start}@media(max-width:1180px){.ma-internship-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.ma-internship-toolbar{grid-template-columns:minmax(0,1fr) 120px 170px}.ma-internship-filter-toggle{display:inline-flex;align-items:center;justify-content:center}.ma-internship-layout{display:block}.ma-internship-filters{position:fixed;top:0;right:0;bottom:0;width:min(390px,92vw);height:100dvh;z-index:221;overflow:auto;border-radius:0;transform:translateX(105%);visibility:hidden;transition:.25s}.ma-internship-filters.is-open{transform:translateX(0);visibility:visible}.ma-internship-filter-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--ma-line);border-radius:50%}.ma-internship-filter-overlay{display:block;position:fixed;inset:0;z-index:220;background:rgba(7,25,37,.58);opacity:0;visibility:hidden;pointer-events:none}.ma-internship-filter-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.ma-internship-chips{flex-wrap:nowrap;overflow-x:auto}.ma-internship-detail-hero{grid-template-columns:1fr}}@media(max-width:700px){.ma-internship-toolbar{grid-template-columns:1fr 1fr}.ma-internship-search-wrap{grid-column:1/-1}.ma-internship-grid{grid-template-columns:1fr}}@media(max-width:430px){.ma-internship-toolbar{grid-template-columns:1fr}.ma-internship-search-wrap,.ma-internship-toolbar select,.ma-internship-filter-toggle{grid-column:1}.ma-internship-filters{width:100vw}}


/* V27 internship pagination */
.ma-internship-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin-top:34px;
}
.ma-internship-pagination[hidden]{display:none!important}
.ma-internship-page-btn,
.ma-internship-page-dots{
  min-width:40px;
  height:40px;
  padding:0 12px;
  border:1px solid var(--ma-line);
  border-radius:10px;
  background:#fff;
  color:var(--ma-ink);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:900;
}
.ma-internship-page-btn{
  cursor:pointer;
  transition:.18s;
}
.ma-internship-page-btn:hover{
  border-color:var(--ma-teal);
  color:var(--ma-teal-dark);
}
.ma-internship-page-btn.is-active{
  background:var(--ma-navy);
  border-color:var(--ma-navy);
  color:#fff;
}
.ma-internship-page-btn.is-nav{
  min-width:auto;
}
.ma-internship-page-dots{
  border-color:transparent;
  background:transparent;
}
@media(max-width:680px){
  .ma-internship-pagination{
    gap:6px;
    margin-top:26px;
  }
  .ma-internship-page-btn,
  .ma-internship-page-dots{
    min-width:38px;
    height:38px;
    padding:0 10px;
  }
  .ma-internship-page-btn.is-nav{
    font-size:11px;
  }
}


/* V28 native WordPress internship pagination */
.ma-internship-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin-top:34px;
}
.ma-internship-pagination .page-numbers{
  min-width:40px;
  height:40px;
  padding:0 12px;
  border:1px solid var(--ma-line);
  border-radius:10px;
  background:#fff;
  color:var(--ma-ink);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:900;
  text-decoration:none;
}
.ma-internship-pagination .page-numbers.current{
  background:var(--ma-navy);
  border-color:var(--ma-navy);
  color:#fff;
}
.ma-internship-pagination a.page-numbers:hover{
  border-color:var(--ma-teal);
  color:var(--ma-teal-dark);
}
.ma-internship-pagination .prev,
.ma-internship-pagination .next{
  min-width:auto;
}
.ma-internship-filter-actions{
  display:grid;
  gap:8px;
  padding-top:8px;
}
.ma-internship-filter-actions .ma-btn{
  width:100%;
}
@media(max-width:680px){
  .ma-internship-pagination{
    gap:6px;
    margin-top:26px;
  }
  .ma-internship-pagination .page-numbers{
    min-width:38px;
    height:38px;
    padding:0 10px;
  }
}


/* V29 native WordPress Project pagination */
.ma-project-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin-top:34px;
}
.ma-project-pagination .page-numbers{
  min-width:40px;
  height:40px;
  padding:0 12px;
  border:1px solid var(--ma-line);
  border-radius:10px;
  background:#fff;
  color:var(--ma-ink);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:900;
  text-decoration:none;
}
.ma-project-pagination .page-numbers.current{
  background:var(--ma-navy);
  border-color:var(--ma-navy);
  color:#fff;
}
.ma-project-pagination a.page-numbers:hover{
  border-color:var(--ma-teal);
  color:var(--ma-teal-dark);
}
.ma-project-pagination .prev,
.ma-project-pagination .next{
  min-width:auto;
}
.ma-project-filter-actions{
  display:grid;
  gap:8px;
  padding-top:8px;
}
.ma-project-filter-actions .ma-btn{
  width:100%;
}
@media(max-width:680px){
  .ma-project-pagination{
    gap:6px;
    margin-top:26px;
  }
  .ma-project-pagination .page-numbers{
    min-width:38px;
    height:38px;
    padding:0 10px;
  }
}


/* V30 School Activities catalog and detail styling */
.ma-activity-page-hero{
  background:linear-gradient(135deg,#ecfeff 0%,#f8fafc 48%,#eef2ff 100%);
}
.ma-activity-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:12px;
  align-items:center;
  margin-bottom:18px;
}
.ma-activity-search-wrap input{
  width:100%;
  min-height:54px;
  border:1px solid var(--ma-line);
  border-radius:16px;
  padding:0 16px;
  font-size:15px;
  background:#fff;
}
.ma-activity-filter-toggle{
  min-height:54px;
  border:1px solid var(--ma-line);
  border-radius:16px;
  padding:0 18px;
  background:#fff;
  font-weight:800;
  cursor:pointer;
}
.ma-activity-toolbar select{
  min-height:54px;
  border:1px solid var(--ma-line);
  border-radius:16px;
  padding:0 16px;
  background:#fff;
  font-weight:700;
}
.ma-activity-results-line{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.ma-activity-layout{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:24px;
  align-items:start;
}
.ma-activity-filters{
  background:#fff;
  border:1px solid var(--ma-line);
  border-radius:22px;
  padding:20px;
  position:sticky;
  top:90px;
}
.ma-activity-filter-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
}
.ma-activity-filter-head h3{
  margin:6px 0 0;
}
.ma-activity-filter-close{
  display:none;
  width:38px;
  height:38px;
  border:none;
  border-radius:999px;
  background:#eef2ff;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.ma-activity-filter-group{
  display:grid;
  gap:10px;
  padding:16px 0;
  border-top:1px solid var(--ma-line);
}
.ma-activity-filter-group:first-of-type{
  border-top:none;
  padding-top:0;
}
.ma-activity-filter-actions{
  display:grid;
  gap:8px;
  padding-top:6px;
}
.ma-activity-main{
  min-width:0;
}
.ma-activity-topic-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:18px;
}
.ma-activity-chip{
  padding:10px 14px;
  border:1px solid var(--ma-line);
  border-radius:999px;
  color:var(--ma-ink);
  text-decoration:none;
  font-weight:700;
  background:#fff;
}
.ma-activity-chip.is-active,
.ma-activity-chip:hover{
  background:#0f172a;
  border-color:#0f172a;
  color:#fff;
}
.ma-activity-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.ma-activity-card{
  background:#fff;
  border:1px solid var(--ma-line);
  border-radius:24px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  box-shadow:0 14px 34px rgba(15,23,42,.05);
}
.ma-activity-image{
  display:block;
  aspect-ratio: 16/10;
  overflow:hidden;
  background:#f8fafc;
}
.ma-activity-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.ma-activity-card-body{
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:12px;
  height:100%;
}
.ma-activity-meta-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.ma-activity-age-badge{
  display:inline-flex;
  align-items:center;
  padding:8px 11px;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  font-size:12px;
  font-weight:800;
}
.ma-activity-card h3{
  font-size:21px;
  line-height:1.3;
  margin:0;
}
.ma-activity-card h3 a{
  color:inherit;
  text-decoration:none;
}
.ma-activity-card p{
  margin:0;
  color:#475569;
}
.ma-activity-quick{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.ma-activity-quick span,
.ma-activity-material-preview span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#f8fafc;
  color:#334155;
  border-radius:999px;
  padding:9px 12px;
  font-size:12px;
  font-weight:700;
}
.ma-activity-material-preview{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.ma-activity-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin-top:34px;
}
.ma-activity-pagination .page-numbers{
  min-width:40px;
  height:40px;
  padding:0 12px;
  border:1px solid var(--ma-line);
  border-radius:10px;
  background:#fff;
  color:var(--ma-ink);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:900;
  text-decoration:none;
}
.ma-activity-pagination .page-numbers.current{
  background:var(--ma-navy);
  border-color:var(--ma-navy);
  color:#fff;
}
.ma-activity-pagination a.page-numbers:hover{
  border-color:var(--ma-teal);
  color:var(--ma-teal-dark);
}
.ma-activity-filter-overlay{
  display:none;
}
.ma-activity-hero-image-card img{
  width:100%;
  border-radius:18px;
  display:block;
}
.ma-material-tag-list{
  gap:10px;
}
.ma-material-tag-list span{
  background:#f8fafc;
}
.ma-tag-soft{
  background:#eef2ff;
  color:#334155;
}
.ma-detail-hero-badges{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:18px 0 8px;
}

@media (max-width: 1140px){
  .ma-activity-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ma-activity-layout{
    grid-template-columns:280px minmax(0,1fr);
  }
}
@media (max-width: 980px){
  .ma-activity-layout{
    grid-template-columns:1fr;
  }
  .ma-activity-filters{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    width:min(88vw,380px);
    max-width:100%;
    z-index:60;
    border-radius:24px 0 0 24px;
    transform:translateX(104%);
    transition:transform .25s ease;
    overflow:auto;
    padding-bottom:26px;
  }
  .ma-activity-filters.is-open{
    transform:translateX(0);
  }
  .ma-activity-filter-close{
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  .ma-activity-filter-overlay{
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.42);
    z-index:50;
  }
  .ma-activity-filter-overlay.is-open{
    display:block;
  }
}
@media (max-width: 760px){
  .ma-activity-toolbar{
    grid-template-columns:1fr;
  }
  .ma-activity-grid{
    grid-template-columns:1fr;
  }
  .ma-activity-card h3{
    font-size:20px;
  }
  .ma-activity-pagination{
    gap:6px;
    margin-top:26px;
  }
  .ma-activity-pagination .page-numbers{
    min-width:38px;
    height:38px;
    padding:0 10px;
  }
}


/* V31 School Activities - top filter redesign */
.ma-activity-filter-panel{
  margin-bottom:28px;
  padding:22px;
  border:1px solid var(--ma-line);
  border-radius:24px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  box-shadow:0 12px 34px rgba(15,23,42,.04);
}
.ma-activity-filter-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:18px;
}
.ma-activity-filter-panel-head h2{
  margin:6px 0 0;
  font-size:24px;
}
.ma-activity-top-filters{
  display:grid;
  grid-template-columns:minmax(260px,1.5fr) repeat(4,minmax(145px,1fr)) auto;
  gap:12px;
  align-items:end;
}
.ma-activity-top-filters label{
  display:block;
  margin-bottom:7px;
  font-size:11px;
  font-weight:800;
  color:#475569;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.ma-activity-top-filters input,
.ma-activity-top-filters select{
  width:100%;
  min-height:50px;
  border:1px solid var(--ma-line);
  border-radius:14px;
  background:#fff;
  padding:0 14px;
  font-size:14px;
  box-sizing:border-box;
}
.ma-activity-top-filter-action .ma-btn{
  min-height:50px;
  padding:0 18px;
  white-space:nowrap;
}
.ma-activity-age-chips{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid var(--ma-line);
}
.ma-activity-grid-wide{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.ma-activity-grid-wide .ma-activity-card{
  min-height:100%;
}
.ma-activity-grid-wide .ma-activity-image{
  aspect-ratio:16/9;
}
.ma-activity-grid-wide .ma-activity-card-body{
  padding:20px;
}
.ma-activity-grid-wide .ma-program-card-footer{
  margin-top:auto;
}
.ma-activity-results-line{
  margin-bottom:18px;
}

@media(max-width:1280px){
  .ma-activity-top-filters{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .ma-activity-top-search{
    grid-column:span 2;
  }
  .ma-activity-top-filter-action{
    display:flex;
    flex-direction:column;
  }
}
@media(max-width:980px){
  .ma-activity-top-filters{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ma-activity-top-search{
    grid-column:1/-1;
  }
  .ma-activity-filter-panel-head{
    flex-direction:column;
  }
}
@media(max-width:760px){
  .ma-activity-filter-panel{
    padding:16px;
    border-radius:18px;
  }
  .ma-activity-top-filters{
    grid-template-columns:1fr;
  }
  .ma-activity-top-search{
    grid-column:auto;
  }
  .ma-activity-top-filter-action .ma-btn{
    width:100%;
  }
  .ma-activity-age-chips{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:4px;
    scrollbar-width:none;
  }
  .ma-activity-age-chips .ma-activity-chip{
    flex:0 0 auto;
  }
  .ma-activity-grid-wide{
    grid-template-columns:1fr;
  }
}


/* ============================================================
   V32 CONSISTENT RESPONSIVE FILTER SYSTEM
   Projects + School Activities
   ============================================================ */

/* Shared mobile/tablet overlay */
.ma-project-filter-overlay,
.ma-activity-filter-overlay{
  display:none;
}

/* Desktop activity filter button stays hidden */
.ma-activity-filter-toggle{
  display:none;
}

/* Activity responsive wrapper is transparent on desktop */
.ma-activity-responsive-filters{
  display:block;
}
.ma-activity-responsive-head{
  display:none;
}

/* Projects: stronger responsive drawer behavior */
@media(max-width:980px){
  .ma-project-filter-toggle,
  .ma-activity-filter-toggle{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:50px;
    padding:0 16px;
    border:1px solid var(--ma-line);
    border-radius:14px;
    background:var(--ma-navy);
    color:#fff;
    font-weight:800;
    cursor:pointer;
  }

  .ma-project-filters,
  .ma-activity-responsive-filters{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;
    width:min(400px,92vw) !important;
    height:100dvh !important;
    max-height:100dvh !important;
    overflow-y:auto !important;
    z-index:1002 !important;
    background:#fff !important;
    border:0 !important;
    border-radius:24px 0 0 24px !important;
    padding:22px !important;
    margin:0 !important;
    box-shadow:-20px 0 50px rgba(15,23,42,.18) !important;
    transform:translateX(104%) !important;
    visibility:hidden !important;
    transition:transform .24s ease, visibility .24s ease !important;
  }

  .ma-project-filters.is-open,
  .ma-activity-responsive-filters.is-open{
    transform:translateX(0) !important;
    visibility:visible !important;
  }

  .ma-project-filter-head,
  .ma-activity-responsive-head{
    display:flex !important;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:16px;
    position:sticky;
    top:-22px;
    padding:22px 0 14px;
    background:#fff;
    z-index:2;
  }

  .ma-project-filter-close,
  .ma-activity-filter-close{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    border:1px solid var(--ma-line) !important;
    border-radius:999px !important;
    background:#fff !important;
    color:var(--ma-navy) !important;
    font-size:26px !important;
    line-height:1 !important;
    cursor:pointer !important;
  }

  .ma-project-filter-overlay,
  .ma-activity-filter-overlay{
    position:fixed !important;
    inset:0 !important;
    z-index:1001 !important;
    background:rgba(7,25,37,.56) !important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    display:block !important;
    transition:.2s ease;
  }

  .ma-project-filter-overlay.is-open,
  .ma-activity-filter-overlay.is-open{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  /* Activity top panel stays clean: only button visible; fields move into drawer */
  .ma-activity-filter-panel{
    padding:18px !important;
  }
  .ma-activity-filter-panel-head{
    align-items:center !important;
    margin-bottom:0 !important;
  }
  .ma-activity-filter-panel-head .ma-clear-filters{
    margin-left:auto;
  }
  .ma-activity-responsive-filters .ma-activity-top-filters{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .ma-activity-responsive-filters .ma-activity-top-search{
    grid-column:auto !important;
  }
  .ma-activity-responsive-filters .ma-activity-top-filter-action{
    display:block !important;
  }
  .ma-activity-responsive-filters .ma-activity-top-filter-action .ma-btn{
    width:100% !important;
  }
  .ma-activity-responsive-filters .ma-activity-age-chips{
    margin-top:18px !important;
    padding-top:18px !important;
    flex-wrap:wrap !important;
    overflow:visible !important;
  }

  /* Project toolbar and filter button */
  .ma-project-toolbar{
    grid-template-columns:minmax(0,1fr) auto 170px !important;
  }

  .ma-project-filter-actions{
    position:sticky;
    bottom:-22px;
    background:#fff;
    padding:14px 0 22px !important;
    margin-top:8px;
  }
}

/* Small screens: consistent 1-column toolbar */
@media(max-width:700px){
  .ma-project-toolbar,
  .ma-activity-filter-panel-head{
    width:100%;
  }

  .ma-project-toolbar{
    grid-template-columns:1fr 1fr !important;
  }
  .ma-project-search-wrap{
    grid-column:1/-1 !important;
  }
  .ma-project-filter-toggle{
    grid-column:1 !important;
  }
  .ma-project-toolbar select{
    grid-column:2 !important;
  }

  .ma-activity-filter-panel-head{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:12px !important;
  }
  .ma-activity-filter-panel-head > div{
    min-width:0;
  }
  .ma-activity-filter-panel-head .ma-clear-filters{
    grid-column:1/-1;
    margin-left:0 !important;
  }
}

/* Very small screens: full-width drawers */
@media(max-width:520px){
  .ma-project-filters,
  .ma-activity-responsive-filters{
    width:100vw !important;
    border-radius:0 !important;
  }

  .ma-project-toolbar{
    grid-template-columns:1fr !important;
  }
  .ma-project-search-wrap,
  .ma-project-filter-toggle,
  .ma-project-toolbar select{
    grid-column:1 !important;
  }

  .ma-activity-filter-panel-head{
    grid-template-columns:1fr !important;
  }
  .ma-activity-filter-toggle{
    width:100% !important;
  }
}


/* V33 definitive Student Projects responsive filter fix */
@media(max-width:980px){
  html body .ma-project-filters{
    display:block !important;
    transform:translateX(104%) !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  html body .ma-project-filters.is-open{
    display:block !important;
    transform:translateX(0) !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  html body .ma-project-filter-overlay{
    display:block !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  html body .ma-project-filter-overlay.is-open{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  html body .ma-project-filter-toggle{
    display:inline-flex !important;
  }
}


/* ============================================================
   V34 HOMEPAGE SCHOOL ACTIVITIES REDESIGN
   Fully scoped to avoid archive .ma-activity-card conflicts
   ============================================================ */
.ma-home-activities-section{
  padding-top:22px;
  padding-bottom:72px;
}

.ma-home-activity-shell{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 14%, rgba(21,184,190,.18), transparent 27%),
    radial-gradient(circle at 14% 82%, rgba(255,148,24,.13), transparent 28%),
    linear-gradient(135deg,#0b2638 0%,#0d3342 52%,#0c3d46 100%);
  border-radius:32px;
  padding:46px;
  display:grid;
  grid-template-columns:minmax(280px,.78fr) minmax(0,1.32fr);
  gap:40px;
  align-items:center;
  box-shadow:0 24px 70px rgba(13,38,56,.16);
}

.ma-home-activity-intro{
  position:relative;
  z-index:1;
}

.ma-home-activity-intro .ma-eyebrow{
  color:#7ee4e6;
}

.ma-home-activity-intro h2{
  color:#fff;
  font-size:clamp(38px,4.2vw,58px);
  line-height:1.02;
  margin:12px 0 18px;
}

.ma-home-activity-intro > p{
  color:#c4d6dc;
  font-size:16px;
  line-height:1.7;
  margin:0 0 22px;
  max-width:520px;
}

.ma-home-activity-points{
  display:grid;
  gap:9px;
  margin-bottom:26px;
}

.ma-home-activity-points span{
  color:#f1f7f9;
  font-size:13px;
  font-weight:700;
}

.ma-home-activity-showcase{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.ma-home-activity-card{
  min-width:0;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(255,255,255,.24);
  border-radius:20px;
  box-shadow:0 14px 36px rgba(1,15,24,.20);
  transition:transform .2s ease, box-shadow .2s ease;
}

.ma-home-activity-card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 44px rgba(1,15,24,.26);
}

.ma-home-activity-image{
  display:block;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#eef7f8;
}

.ma-home-activity-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .3s ease;
}

.ma-home-activity-card:hover .ma-home-activity-image img{
  transform:scale(1.035);
}

.ma-home-activity-image-fallback{
  aspect-ratio:16/10;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#d9fbfb,#e8eef7);
  color:#0d3342;
  font-weight:900;
  font-size:30px;
}

.ma-home-activity-card-body{
  padding:15px 16px 16px;
}

.ma-home-activity-badges{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  flex-wrap:wrap;
  margin-bottom:10px;
}

.ma-home-activity-topic,
.ma-home-activity-age{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:6px 9px;
  border-radius:999px;
  font-size:9px;
  line-height:1.2;
  font-weight:900;
}

.ma-home-activity-topic{
  color:#087d82;
  background:#e8fbfb;
}

.ma-home-activity-age{
  color:#34465a;
  background:#f1f5f9;
}

.ma-home-activity-card h3{
  margin:0 0 10px;
  font-size:16px;
  line-height:1.3;
  color:#102b3b !important;
}

.ma-home-activity-card h3 a{
  color:#102b3b !important;
  text-decoration:none;
}

.ma-home-activity-card h3 a:hover{
  color:#0a8e94 !important;
}

.ma-home-activity-meta{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}

.ma-home-activity-meta span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 9px;
  border-radius:999px;
  background:#f7fafc;
  color:#536674 !important;
  font-size:9px;
  line-height:1.2;
  font-weight:800;
}

@media(max-width:1100px){
  .ma-home-activity-shell{
    grid-template-columns:1fr;
  }

  .ma-home-activity-intro{
    max-width:720px;
  }
}

@media(max-width:820px){
  .ma-home-activity-shell{
    padding:28px;
    border-radius:25px;
  }

  .ma-home-activity-showcase{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:560px){
  .ma-home-activities-section{
    padding-bottom:48px;
  }

  .ma-home-activity-shell{
    padding:22px;
    border-radius:22px;
  }

  .ma-home-activity-intro h2{
    font-size:36px;
  }

  .ma-home-activity-showcase{
    grid-template-columns:1fr;
  }

  .ma-home-activity-image{
    aspect-ratio:16/9;
  }

  .ma-home-activity-card-body{
    padding:16px;
  }

  .ma-home-activity-card h3{
    font-size:18px;
  }
}