/* Arbor Academy: compact mobile + tablet layer (Nov 2026). Desktop (1200px+) is not touched.
Loaded after base/extra/extra2. Same content and markup; only presentation changes. */
html,body{overflow-x:clip}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.marq>div{animation:none!important}}

/* ---------- Laptop 961–1599: header must fit (Login + Book Free Demo were cut off on 1280–1440 screens) ---------- */
header .more .dd a.m-lap{display:none}
@media (min-width:961px){
 header .wrap{max-width:min(1440px,calc(100% - 40px))!important}
 header nav.menu{gap:16px!important}
 header nav.menu>a[href="batches.html"],header nav.menu>a[href="skill-test.html"],header nav.menu>a[href="contact.html"]{display:none!important}
 header .more .dd a.m-lap{display:block}
 header .act{gap:10px!important}
}
@media (min-width:961px) and (max-width:1499px){header .citybtn .ct{display:none}}
@media (min-width:961px) and (max-width:1365px){
 header nav.menu>a,header nav.menu>div>button{font-size:14px!important}
 header .logo img{width:170px!important;height:auto!important}
 header .act .btn{padding:9px 14px!important;font-size:14px!important}
}
@media (min-width:961px) and (max-width:1199px){
 header nav.menu{display:none!important}
 header .burger{display:inline-flex!important;width:auto!important}
 header .act{margin-left:auto!important}
}

/* ---------- Mobile below 768px ---------- */
@media (max-width:767px){
 body{font-size:15px}
 .strip{display:none}
 .season .wrap{padding-top:6px!important;padding-bottom:6px!important;font-size:12.5px;gap:8px}
 .season .wrap>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 section.sec,section.proj,section.logos{padding-top:34px!important;padding-bottom:34px!important}
 .sec-h{margin-bottom:16px!important}
 .sec-h h2,section h2{font-size:24px!important;line-height:1.22!important}
 .sec-h p{font-size:14.5px}
 .eyebrow{font-size:11px!important;padding:4px 10px!important}

 /* hero: headline, two actions, proof */
 .hero{padding-top:18px!important;padding-bottom:22px!important}
 .hero .hgrid{gap:18px!important;grid-template-columns:minmax(0,1fr)!important;display:grid!important}
 .hero .hgrid>*,.wrap>*{min-width:0}
 .wrap{max-width:100%;box-sizing:border-box}
 .hero .cbk form{display:flex;gap:8px;min-width:0}.hero .cbk form input{flex:1;min-width:0}
 .hero h1{font-size:28px!important;line-height:1.18!important;margin:10px 0 10px!important;overflow-wrap:anywhere}
 .hero .pap{margin:0 0 10px!important;transform:scale(.92);transform-origin:left center}
 .hero p.sub{font-size:15px!important;line-height:1.5!important;margin:0 0 14px!important}
 .hero .ctas{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin:0 0 12px!important}
 .hero .ctas .btn{width:100%;justify-content:center;min-height:48px;padding:10px 8px!important;font-size:14.5px}
 .hero .cbk{font-size:13.5px;margin-top:4px!important}
 .hero .trust{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px!important;margin-top:14px!important;padding:12px!important}
 .hero .trust>div{padding:0!important;border:0!important;min-width:0}
 .hero .trust b{font-size:19px!important;display:block;line-height:1.2}
 .hero .trust span{font-size:11px!important;line-height:1.3;display:block}
 .m-finder-btn{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border:1px solid #CFE6D3;border-radius:14px;background:#fff;font:600 15px/1.3 inherit;color:#423F3E;cursor:pointer;min-height:52px;text-align:left}
 .m-finder-btn small{display:block;font-weight:400;color:#57524F;font-size:12.5px}
 .m-finder-btn i{font-style:normal;color:#357D40;font-size:18px;transition:transform .2s}
 .m-finder-btn[aria-expanded="true"] i{transform:rotate(180deg)}
 .hero .form.m-collapsed>form,.hero .form.m-collapsed>.finding,.hero .form.m-collapsed>.result{display:none!important}
 .hero .form.m-collapsed{padding:0!important;box-shadow:none!important;background:none!important;border:0!important}

 /* course cards: swipe carousel with controls */
 .cgrid.compact{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;padding:2px 2px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .cgrid.compact::-webkit-scrollbar{display:none}
 .cgrid.compact>.cc{flex:0 0 84%!important;scroll-snap-align:start;max-width:84%}
 .cgrid.compact .cc>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .m-car{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:6px}
 .m-car button.m-arr{width:44px;height:44px;border-radius:50%;border:1px solid #CFE6D3;background:#fff;color:#357D40;font-size:20px;line-height:1;cursor:pointer}
 .m-car button.m-arr:disabled{opacity:.35;cursor:default}
 .m-dots{display:flex;gap:6px}.m-dots i{width:8px;height:8px;border-radius:50%;background:#CFE6D3;display:block}.m-dots i.on{background:#357D40;width:20px;border-radius:4px}
 .m-count{font-size:12.5px;color:#57524F;min-width:52px;text-align:center}

 /* placement journey: compact list, expandable */
 .journey .jmini{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
 .journey .jmini>div{display:grid!important;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:left!important;padding:8px 10px!important;background:rgba(255,255,255,.08);border-radius:12px}
 .journey .jmini>div .n{grid-row:1/3;width:34px!important;height:34px!important;font-size:14px!important;margin:0!important}
 .journey .jmini>div b{font-size:15px}
 .journey .jmini>div span:not(.n){font-size:13px;opacity:.9}
 .journey .jmini.m-short>div:nth-child(n+4){display:none!important}
 .m-more{display:block;margin:10px auto 0;background:none;border:1px solid rgba(255,255,255,.6);color:#fff;border-radius:999px;padding:10px 18px;font:600 14px inherit;cursor:pointer;min-height:44px}
 .m-more.dark{border-color:#CFE6D3;color:#357D40}

 /* alumni stories: swipe row */
 .place .scgrid,.sec .scgrid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;scrollbar-width:none;padding-bottom:6px}
 .place .scgrid::-webkit-scrollbar{display:none}
 .place .scgrid>*,.sec .scgrid>*{flex:0 0 62%;scroll-snap-align:start}

 /* founder: short preview */
 .founder{gap:14px!important}
 .founder blockquote.m-clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

 /* upcoming batches: compact cards instead of a wide table */
 .batch .tbl{overflow:visible!important;border:0!important;background:none!important}
 .batch .tbl table,.batch .tbl tbody{display:block;width:100%}
 .batch .tbl thead{display:none}
 .batch .tbl tr{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;background:#fff;border:1px solid #E2E8E6;border-radius:14px;padding:12px 14px;margin-bottom:10px}
 .batch .tbl td{display:block;padding:0!important;border:0!important;font-size:13.5px;text-align:left!important}
 .batch .tbl td:first-child{grid-column:1/-1;font-size:15px;font-weight:700;color:#423F3E}
 .batch .tbl td:last-child{grid-column:1/-1}
 .batch .tbl td[data-l]::before{content:attr(data-l);display:block;font-size:11px;color:#7A8583;text-transform:uppercase;letter-spacing:.4px}

 /* start options: swipe row */
 .intent3{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;scrollbar-width:none;padding-bottom:6px}
 .intent3::-webkit-scrollbar{display:none}
 .intent3>.i3{flex:0 0 78%;scroll-snap-align:start;padding:16px!important}

 /* footer: accordions */
 footer .fgrid{gap:0!important}
 footer .fgrid>div{border-bottom:1px solid rgba(255,255,255,.12);padding:0!important}
 footer .fgrid>div:first-child{padding-bottom:16px!important}
 footer .fgrid h5{margin:0!important;padding:14px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:48px}
 footer .fgrid h5::after{content:"+";font-size:20px;font-weight:400}
 footer .fgrid>div.m-open h5::after{content:"\2212"}
 footer .fgrid>div.m-acc:not(.m-open)>*:not(h5){display:none!important}
 footer .fgrid>div.m-acc>*:not(h5){padding-bottom:12px}

 /* bottom action bar + AI button */
 .mbar.m-bar{display:grid!important;grid-template-columns:52px 52px 1fr 1.35fr;padding-bottom:env(safe-area-inset-bottom)}
 .mbar.m-bar a{min-height:52px;display:flex!important;align-items:center;justify-content:center;font-size:13.5px;font-weight:600;padding:0 6px!important;text-align:center;line-height:1.2;white-space:nowrap}
 .mbar.m-bar a.m-ic{font-size:20px;border-right:1px solid #E2E8E6}
 .mbar.m-bar a.m-courses{color:#357D40;background:#F1F8F2}
 body{padding-bottom:calc(56px + env(safe-area-inset-bottom))!important}
 .aib.m-ai{bottom:calc(66px + env(safe-area-inset-bottom))!important;right:12px!important;width:48px!important;height:48px!important;min-width:0!important;padding:0!important;border-radius:50%!important;display:flex!important;align-items:center;justify-content:center;font-size:20px!important}

 /* touch targets */
 .btn{min-height:46px}
 input,select,textarea{font-size:16px!important;min-height:46px}
 .tabs .tab,.chipsel button{min-height:42px}
 /* refinements */
 .season .wrap{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center}
 .season .wrap>a{white-space:nowrap;font-size:12.5px}
 .batch .tbl tr{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:auto!important;box-sizing:border-box;gap:6px 10px!important}
 .batch .tbl td{width:auto!important;min-width:0}
 .batch .tbl td:first-child,.batch .tbl td:last-child{grid-column:1/-1!important}
 .batch .tbl td:last-child .btn{width:100%;justify-content:center}
 .mbar.m-bar{grid-template-columns:48px 48px minmax(0,1fr) minmax(0,1.3fr)!important}
 .mbar.m-bar a{white-space:normal!important;font-size:13px!important}
 .mbar.m-bar a.m-ic{font-size:20px!important}
 .batch .tbl,.batch .tbl table{min-width:0!important;width:100%!important;max-width:100%!important}
 .batch .tbl tbody{width:100%!important}
 .batch .tbl tr{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:359px){.hero h1{font-size:25px!important}.hero .ctas{grid-template-columns:1fr}}
/* Homepage FAQ (all widths) */
.hfaq{max-width:820px;margin:0 auto;display:grid;gap:10px}
.hfaq details{background:#fff;border:1px solid #E2E8E6;border-radius:14px;padding:0 18px}
.hfaq summary{cursor:pointer;list-style:none;padding:16px 28px 16px 0;font-weight:600;color:#423F3E;position:relative;min-height:24px}
.hfaq summary::-webkit-details-marker{display:none}
.hfaq summary::after{content:"+";position:absolute;right:0;top:12px;font-size:22px;color:#357D40;font-weight:400}
.hfaq details[open] summary::after{content:"\2212"}
.hfaq summary:focus-visible{outline:2px solid #1A7399;outline-offset:2px;border-radius:6px}
.hfaq p{margin:0 0 16px;color:#57524F;line-height:1.6}
.hfaq a{color:#1A7399;font-weight:600}
@media (max-width:767px){
 .hero .ctas a[href="skill-test.html"]{order:-1;background:#357D40!important;color:#fff!important;border-color:#357D40!important}
 .hero .ctas a[href="courses.html"]{background:#fff!important;color:#357D40!important;border:1.5px solid #357D40!important}
 .mbar.m-bar a.m-ic[aria-label^="WhatsApp"]{background:#25D366;color:#fff;border-right:0}
 .hfaq details{padding:0 14px}.hfaq summary{font-size:15px;padding:14px 26px 14px 0}
}
/* staging sample testimonials */
.smp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.smp-t{position:relative;margin:0;background:#fff;border:1px solid #E2E8E6;border-radius:16px;padding:18px}
.smp-t{padding-top:34px!important}.smp-t .scsample{position:absolute;top:10px;left:18px;right:auto}
.smp-h{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.smp-h i{font-style:normal;width:46px;height:46px;border-radius:12px;background:#F1F8F2;color:#357D40;display:grid;place-items:center;font-weight:700}
.smp-h b{display:block;color:#423F3E}.smp-h small{display:block;color:#57524F}.smp-h em{font-style:normal;font-weight:700;color:#357D40;font-size:13px}
.smp-t blockquote{margin:0;color:#57524F;font-style:italic;line-height:1.55}
.smp-logos{margin:16px 0 0;text-align:center;color:#57524F;font-size:14px}.smp-logos b{color:#423F3E}
/* demo-inspired mobile refinements (8 Nov) */
@media (max-width:767px){
 .journey .jmini.m-swipe{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px!important;scrollbar-width:none;padding:2px 2px 8px}
 .journey .jmini.m-swipe::-webkit-scrollbar{display:none}
 .journey .jmini.m-swipe>div{flex:0 0 62%!important;scroll-snap-align:start;display:block!important;text-align:left!important;padding:14px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.18);border-radius:16px}
 .journey .jmini.m-swipe>div .n{display:grid!important;place-items:center;margin:0 0 8px!important}
 .journey .jmini.m-swipe>div b{display:block;font-size:15px}
 .journey .jmini.m-swipe>div span:not(.n){display:block;font-size:13px}
 .m-hint{text-align:center;color:rgba(255,255,255,.85);font-size:13px;margin:6px 0 0}
 .mbar.m-bar{grid-template-columns:52px minmax(0,1fr) minmax(0,1.4fr)!important;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid #E2E8E6}
 .mbar.m-bar a{border-radius:12px;min-height:46px!important}
 .mbar.m-bar a.m-ic{border:1px solid #E2E8E6!important;background:#fff}
 .mbar.m-bar a.m-wa{background:#25D366!important;color:#fff!important;font-weight:700}
 .mbar.m-bar a.e{font-weight:700}
 body{padding-bottom:calc(68px + env(safe-area-inset-bottom))!important}
 .aib.m-ai{bottom:calc(76px + env(safe-area-inset-bottom))!important}
 .cc,.i3,.scc,.batch .tbl tr,.hfaq details{border-radius:18px!important}
}
/* Course topic pills (homepage) */
.tpills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 16px;padding:2px 0 4px;justify-content:center;flex-wrap:wrap}
.tpills::-webkit-scrollbar{display:none}
.tpills button{flex:none;border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:8px 15px;font:600 13px/1.2 inherit;color:#475569;cursor:pointer;min-height:38px}
.tpills button.on{background:#423F3E;border-color:#423F3E;color:#fff}
.tpills button:focus-visible{outline:2px solid #28B0E1;outline-offset:2px}
@media (max-width:767px){.tpills{flex-wrap:nowrap;justify-content:flex-start;margin:0 -16px 14px;padding:2px 16px 4px}}
/* AI illustrations */
.phero-art{display:none}
@media (min-width:768px){.phero .wrap.has-art{padding-right:min(360px,34%)}.phero-art{display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:min(330px,32%);height:auto;mix-blend-mode:multiply;pointer-events:none}}
.pj .pv{position:relative;overflow:hidden}.pj .pv small{position:relative;z-index:1}.pj .pv .pj-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}
.i3img{width:96px;height:96px;object-fit:contain;display:block;margin:0 auto 8px;border-radius:50%}

/* ===== Mobile conversion layer v2 (9 Nov 2026): brand colours, 48px bottom bar, header call icon ===== */
:root{--ab-green:#6FBB78;--ab-cyan:#28B0E1;--ab-dark:#423F3E;--ab-white:#FFFFFF}
header .m-call{display:none}
@media (max-width:767px){
  html,body{max-width:100%;overflow-x:clip}
  header .m-call{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:6px;flex:0 0 44px;border-radius:50%;border:1.5px solid var(--ab-green);background:var(--ab-white);color:var(--ab-green);text-decoration:none}
  header .m-call svg{width:20px;height:20px}
  .mbar[data-spec]{position:fixed!important;bottom:0!important;left:0!important;right:0;width:100%!important;z-index:9999!important;display:flex!important;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))!important;margin:0!important;background:var(--ab-white)!important;box-shadow:0 -6px 18px rgba(66,63,62,.14);box-sizing:border-box;border-top:0}
  .mbar[data-spec] a{flex:1 1 0!important;min-width:0;min-height:48px!important;display:flex!important;align-items:center;justify-content:center;gap:6px;padding:0 6px!important;border-radius:12px;font-size:14px!important;font-weight:700!important;line-height:1.1;text-decoration:none!important;white-space:nowrap;border:0;-webkit-tap-highlight-color:transparent}
  .mbar[data-spec] a.c{background:var(--ab-white)!important;color:var(--ab-dark)!important;border:1.5px solid var(--ab-green)!important}
  .mbar[data-spec] a.w{background:var(--ab-cyan)!important;color:var(--ab-white)!important}
  .mbar[data-spec] a.e{background:var(--ab-green)!important;color:var(--ab-white)!important}
  .mbar[data-spec] a:active{transform:translateY(1px)}
  .mbar[data-spec] svg{width:18px;height:18px;flex:0 0 18px}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}
}
@media (max-width:359px){ .mbar[data-spec] a{font-size:13px!important;gap:4px} .mbar[data-spec] a svg{display:none} }
@media (min-width:768px){ .mbar[data-spec]{display:none!important} }

/* v2.1: make room for the header call icon; keep floating AI button above the bar */
@media (max-width:767px){
  header .wrap>.act{flex:1 1 auto;min-width:0;justify-content:flex-end}
  header .act .citybtn{min-width:0;max-width:100%;overflow:hidden}
  header .act .citybtn .ct{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  header .m-call{width:40px;height:40px;flex:0 0 40px;margin:0 4px 0 6px}
  .aib{bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}
}
@media (max-width:420px){ header .act .citybtn .ct{display:none} header .act .citybtn{padding-left:10px;padding-right:10px} }
/* v2.2: course filter pills = one swipeable row on mobile */
@media (max-width:767px){
  .tabs,.tpills{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;padding-bottom:4px;max-width:100%}
  .tabs::-webkit-scrollbar,.tpills::-webkit-scrollbar{display:none}
  .tabs>*,.tpills>*{flex:0 0 auto!important;scroll-snap-align:start;white-space:nowrap}
}
/* v2.3: Apply Now lands below the sticky header */
@media (max-width:767px){ #enquire,[data-render="enquiry"],[data-render="finder"]{scroll-margin-top:72px} }

/* ===== Mobile layer v3 (9 Nov 2026): compact cards, type scale, accordions, compact footer ===== */
.m3{display:none}
@media (max-width:767px){
  html,body{overflow-x:clip}
  /* Type scale */
  html body h1,html body .hero h1,html body .phero h1{font-size:clamp(1.4rem,5vw,1.75rem)!important;line-height:1.2!important}
  html body h2,html body .sec-h h2,html body [class] h2{font-size:clamp(1.2rem,4.5vw,1.5rem)!important;line-height:1.25!important}
  /* Filter pills: one swipeable row */
  .tabs,.tpills{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px}
  .tabs::-webkit-scrollbar,.tpills::-webkit-scrollbar{display:none}
  .tabs>*,.tpills>*{flex:0 0 auto;white-space:nowrap}

  /* Compact course card */
  .cc[data-m3]{padding:14px!important;display:flex;flex-direction:column;gap:0}
  .cc[data-m3] .ic{width:40px!important;height:40px!important;margin:0 0 6px!important}
  .cc[data-m3] .ic img{width:40px!important;height:40px!important;object-fit:contain}
  .cc[data-m3] .tag{font-size:11px!important}
  .cc[data-m3] .type{font-size:11px!important;margin:0 0 2px!important}
  .cc[data-m3] h3{font-size:17px!important;font-weight:700!important;line-height:1.25!important;margin:0 0 8px!important}
  .cc[data-m3] > p,.cc[data-m3] .meta,.cc[data-m3] .rm,.cc[data-m3] .foot{display:none!important}
  .cc[data-m3].m3-open > p{display:block!important;font-size:14px;margin:10px 0 6px}
  .cc[data-m3].m3-open .rm{display:block!important;margin:6px 0}
  .cc[data-m3].m3-open .foot{display:flex!important;margin-top:8px}
  .cc[data-m3].m3-open .foot .acts{display:none!important}
  .m3{display:flex;flex-direction:column;gap:8px;order:0}
  .m3-pap{align-self:flex-start;background:rgba(111,187,120,.14);color:#2f7a3a;border:1px solid rgba(111,187,120,.45);border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:700}
  .m3-meta{align-self:flex-start;background:rgba(40,176,225,.10);color:#1b6f8f;border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:600}
  .m3-tags{display:flex;flex-wrap:wrap;gap:6px}
  .m3-tags span{background:#f3f4f3;color:#423F3E;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600}
  .m3-acts{display:grid;grid-template-columns:1.1fr 1fr 1.1fr;gap:6px;margin-top:4px}
  .m3-acts>*{min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:12.5px;font-weight:700;text-decoration:none;padding:0 4px;border:0;cursor:pointer;font-family:inherit;white-space:nowrap}
  .m3-tog{background:#fff;color:#423F3E;border:1.5px solid #6FBB78!important}
  .m3-wa{background:#28B0E1;color:#fff!important}
  .m3-view{background:#6FBB78;color:#fff!important}

  /* Show-more lists (curriculum, course lists, branch facts) */
  .m3-clamp:not(.m3-all)>.m3-more{display:none!important}
  .m3-showall{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:8px 0 12px;border:1.5px solid #6FBB78;border-radius:10px;background:#fff;color:#423F3E;font:700 14px/1 inherit;font-family:inherit;cursor:pointer}

  /* Accordions (branch cards, footer columns) */
  .m3-acc-h{position:relative;cursor:pointer;padding-right:28px!important;-webkit-tap-highlight-color:transparent}
  .m3-chev{position:absolute;right:6px;top:50%;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg);transition:transform .2s;pointer-events:none}
  .m3-acc-open>.m3-acc-h>.m3-chev{transform:translateY(-30%) rotate(-135deg)}
  .m3-fcol>.m3-acc-h::after,.m3-fcol>.m3-acc-h::before{display:none!important}
  .m3-bc:not(.m3-acc-open)>:not(.m3-acc-h):not(.brate):not(.pin){display:none!important}
  .m3-bc{padding-top:12px!important;padding-bottom:12px!important}
  .m3-bc .pin{display:none!important}
  .m3-bc .m3-acc-h{min-height:28px;display:flex;align-items:center}
  footer .fgrid{gap:0!important}
  .m3-fcol{border-bottom:1px solid rgba(255,255,255,.12);padding:0!important;margin:0!important}
  .m3-fcol>.m3-acc-h{margin:0!important;padding:14px 28px 14px 0!important;min-height:48px;display:flex;align-items:center}
  .m3-fcol:not(.m3-acc-open)>:not(.m3-acc-h){display:none!important}
  .m3-fcol.m3-acc-open>ul{padding-bottom:12px}

  /* One primary form: hide the hero quick call-back strip on phones (sticky bar covers Call / Apply) */
  .cbk form{display:none!important}
}

/* ===== Mobile layer v4 (9 Nov 2026): homepage batch strip (mobile only; desktop untouched) ===== */
.m4-wrap{display:none}
@media (max-width:767px){
  body.m4-home section.sec.batch{display:none!important}
  .m4-wrap{display:block;padding:8px 16px 20px;box-sizing:border-box}
  .m4-batch{display:grid;grid-template-columns:1fr auto;column-gap:10px;row-gap:2px;align-items:center;min-height:48px;padding:12px 16px;box-sizing:border-box;
    background:#f8fbf9;border:1px solid rgba(111,187,120,.35);border-radius:12px;color:#423F3E;text-decoration:none;-webkit-tap-highlight-color:transparent}
  .m4-batch .m4-h{grid-column:1 / -1;font-size:14px;font-weight:700;line-height:1.3;color:#423F3E}
  .m4-batch .m4-c{min-width:0;font-size:12.5px;line-height:1.35;color:#423F3E}
  .m4-batch .m4-dot{display:none}
  .m4-batch .m4-cta{font-size:13px;font-weight:700;color:#3f8f4a;white-space:nowrap}
  .m4-batch:active{background:#eef6f0}
}

/* ===== Mobile layer v5 (9 Nov 2026): course finder options as a 2-column tile grid (mobile only) ===== */
@media (max-width:767px){
  .finderform .chipsel{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;flex-wrap:initial}
  .finderform .chipsel>button{display:flex!important;align-items:center;justify-content:center;width:100%;min-width:0;min-height:48px;margin:0!important;
    padding:6px 10px!important;border-radius:10px!important;box-sizing:border-box;text-align:center;white-space:normal;line-height:1.25;
    font-size:13px!important;font-weight:600!important;background:#FFFFFF!important;background-image:none!important;border:1.5px solid #e2e8f0!important;color:#423F3E!important;box-shadow:none!important}
  .finderform .chipsel>button.on,.finderform .chipsel>button[aria-pressed="true"]{background:rgba(111,187,120,.14)!important;background-image:none!important;border:1.5px solid #6FBB78!important;color:#2f7a3a!important;font-weight:700!important}
  .finderform .chipsel>button:focus-visible{outline:2px solid #28B0E1;outline-offset:2px}
}

/* ===== Mobile layer v6 (9 Nov 2026): 3-step Smart Course Finder (mobile only) ===== */
.sf{display:none}
@media (max-width:767px){
  .sf-on .sf{display:block}
  .sf-on .finderform{display:none!important}
  .sf-on.sf-lead .sf{display:none}
  .sf-on.sf-lead .finderform{display:block!important}
  .sf{padding:4px 0 2px;color:#423F3E}
  .sf-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}
  .sf-step{flex:0 0 auto;font-size:12px;font-weight:700;color:#2f7a3a;letter-spacing:.2px}
  .sf-bar{flex:1 1 auto;height:6px;border-radius:99px;background:#e9efeb;overflow:hidden}
  .sf-bar i{display:block;height:100%;background:#6FBB78;border-radius:99px;transition:width .3s ease}
  .sf-pane{animation:sfIn .22s ease both}
  @keyframes sfIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
  @media (prefers-reduced-motion:reduce){.sf-pane{animation:none}.sf-bar i{transition:none}}
  .sf h3{font-size:18px;font-weight:700;line-height:1.3;margin:0 0 12px;color:#423F3E;outline:none}
  .sf-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:216px;align-content:start}
  .sf-o{display:flex;align-items:center;justify-content:center;min-height:48px;padding:6px 10px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;
    color:#423F3E;font-size:13px;font-weight:600;line-height:1.25;font-family:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .sf-o.on{background:rgba(111,187,120,.14);border-color:#6FBB78;color:#2f7a3a;font-weight:700}
  .sf-o:focus-visible,.sf button:focus-visible,.sf a:focus-visible{outline:2px solid #28B0E1;outline-offset:2px}
  .sf-pane:not(.sf-all) .sf-more:not(.on){display:none}
  .sf-vm{display:block;margin:10px auto 0;background:none;border:0;color:#2f7a3a;font-size:13px;font-weight:700;font-family:inherit;text-decoration:underline;cursor:pointer;min-height:36px}
  .sf-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}
  .sf-next,.sf-cta{min-height:48px;padding:0 20px;border:0;border-radius:10px;background:#6FBB78;color:#fff;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer}
  .sf-next{flex:1 1 auto;max-width:62%}
  .sf-next:disabled{background:#cfe3d3;color:#fff;cursor:not-allowed}
  .sf-back,.sf-restart{min-height:44px;padding:0 6px;border:0;background:none;color:#423F3E;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}
  .sf-sum{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
  .sf-sum span{background:#f3f6f4;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:600;color:#423F3E}
  .sf-rc{position:relative;display:flex;flex-direction:column;gap:3px;padding:12px 14px;margin:0 0 8px;border:1.5px solid #e2e8f0;border-radius:12px;background:#fff;text-decoration:none!important;color:#423F3E}
  .sf-rc:first-of-type{border-color:#6FBB78;background:#f8fbf9}
  .sf-rc b{font-size:15.5px;font-weight:700;line-height:1.3}
  .sf-rc:first-of-type b{padding-right:84px}
  .sf-best{position:absolute;top:10px;right:10px;background:#6FBB78;color:#fff;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}
  .sf-m,.sf-f{font-size:12.5px;color:#5d5a59}
  .sf-f{color:#2f7a3a;font-weight:600}
  .sf-go{font-size:13px;font-weight:700;color:#1b6f8f;margin-top:2px}
  .sf-cta{display:block;width:100%;margin-top:6px}
  .sf-note{font-size:12px;color:#6b6766;margin:8px 0 0;text-align:center}
}

/* ===== Mobile layer v7 (9 Nov 2026): homepage-concept styling merged into the live site (mobile only) ===== */
@media (max-width:767px){
  /* Header: "Pay After Placement" as a deep-green badge under the official logo */
  header .logo .tagl{display:inline-block!important;margin-top:1px;padding:1px 7px;border-radius:999px;background:#0a805a;color:#fff!important;font-size:9.5px!important;font-weight:800!important;letter-spacing:.8px;text-transform:uppercase;line-height:1.35;white-space:nowrap}
  /* Sticky bar: WhatsApp brand green, deep-green Apply Now (Call keeps its green outline) */
  .mbar[data-spec] a.w{background:#25D366!important;color:#fff!important}
  .mbar[data-spec] a.w:active{background:#128C7E!important}
  .mbar[data-spec] a.e{background:#0a805a!important;color:#fff!important}
  /* Batch alert card */
  .m7-batch{display:flex!important;flex-direction:column;align-items:flex-start;gap:8px;padding:18px!important;border:1px solid #e2ece7!important;border-left:6px solid #6FBB78!important;border-radius:16px!important;
    background:linear-gradient(105deg,#fff 0%,#fff 60%,rgba(111,187,120,.08) 100%)!important;box-shadow:0 12px 32px rgba(66,63,62,.08)}
  .m7-live{display:inline-flex;align-items:center;gap:8px;height:26px;padding:0 11px;border-radius:999px;background:rgba(111,187,120,.16);color:#0a805a;font-size:10.5px;font-weight:850;letter-spacing:.8px}
  .m7-live i{position:relative;width:9px;height:9px;border-radius:50%;background:#6FBB78}
  .m7-live i::after{content:"";position:absolute;inset:0;border-radius:50%;background:#6FBB78;animation:m7pulse 1.6s ease-out infinite}
  @keyframes m7pulse{0%{transform:scale(1);opacity:.75}100%{transform:scale(2.8);opacity:0}}
  .m7-h{font-size:18px;font-weight:700;line-height:1.3;color:#423F3E}
  .m7-br{display:flex;flex-wrap:wrap;gap:6px}
  .m7-br span{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 10px;border-radius:999px;background:#f7faf8;border:1px solid #e2ece7;font-size:12.5px;font-weight:650;color:#423F3E}
  .m7-br svg{width:13px;height:13px;flex:0 0 13px;color:#0a805a}
  .m7-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:4px;border-radius:12px;background:#423F3E;color:#fff;font-size:15px;font-weight:750}
  /* Quick Career Finder entry card */
  .m7-finder{display:flex!important;align-items:center;gap:14px;width:100%;min-height:72px;padding:14px 16px!important;border-radius:16px!important;text-align:left;
    background:linear-gradient(110deg,rgba(111,187,120,.12),rgba(40,176,225,.08))!important;border:1px solid rgba(111,187,120,.4)!important;box-shadow:0 14px 34px rgba(111,187,120,.22)!important}
  .m7-finder .m7-ico{flex:0 0 46px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:24px;font-style:normal;background:#fff;box-shadow:0 6px 16px rgba(10,128,90,.12)}
  .m7-finder span{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
  .m7-finder span b{font-size:16px;font-weight:700;color:#423F3E}
  .m7-finder span small{font-size:12.5px;color:#5d6b66}
  .m7-finder i{flex:0 0 auto;color:#0a805a;font-style:normal}
  @media (prefers-reduced-motion:reduce){.m7-live i::after{animation:none}}
}

/* ===== Mobile layer v8 (9 Nov 2026): floating-element cleanup + keyboard-aware sticky bar (mobile only) ===== */
@media (max-width:767px){
  .aib{transition:opacity .2s ease,transform .2s ease}
  html.m8-hide-ai .aib,html.m8-kb .aib{opacity:0!important;transform:scale(.8)!important;pointer-events:none!important}
  html.m8-kb .mbar{display:none!important}
  html.m8-kb body{padding-bottom:0!important}
}

/* ===== Mobile layer v8.1 (9 Nov 2026): keep rows the page hides itself hidden; pills start aligned with the content ===== */
@media (max-width:767px){
  .tabs[style*="display: none"],.tabs[style*="display:none"]{display:none!important}
  .tpills{scroll-padding-inline:16px}
}