/* The two approved 390px mobile compositions. Desktop is deliberately untouched. */
.mobile-hub-header,.mobile-greeting,.mobile-welcome,.mobile-mode-tabs,.mobile-shortcuts,.mobile-see-all,.mobile-course-meta,.mobile-course-link,.mobile-bottom-nav,.mobile-filter-button,.mobile-theme-settings,.mobile-teacher-note{display:none}
.mobile-cover-art{display:contents}
@font-face{font-family:TIHand;src:url('/assets/mobile/fonts/allura-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:TIHeading;src:url('/assets/mobile/fonts/lora-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:TIMobile;src:url('/assets/mobile/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:TIMobile;src:url('/assets/mobile/fonts/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:TIMobile;src:url('/assets/mobile/fonts/manrope-800.ttf') format('truetype');font-weight:800;font-display:swap}
@media(max-width:900px){
 html:has(body.mobile-learning-ready){scrollbar-width:none}
 html:has(body.mobile-learning-ready)::-webkit-scrollbar{display:none;width:0}
 body.mobile-learning-ready{--m-bg:#002f27;--m-ink:#f6edd0;--m-muted:#b7ccbf;--m-mint:#9ef6d6;--m-gold:#e5cc84;--m-card:#033b30;--m-line:#146852;--m-serif:TIHeading,Georgia,serif;--m-sans:TIMobile,'Segoe UI',Arial,sans-serif;background:var(--m-bg);color:var(--m-ink);font-family:var(--m-sans);padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));overflow-x:clip}
 html[data-mobile-theme=light] body.mobile-learning-ready{--m-bg:#faf7eb;--m-ink:#052f2a;--m-muted:#636b68;--m-mint:#07614c;--m-gold:#c6a54c;--m-card:#fffdf7;--m-line:#e6e1d1}
 body.mobile-learning-ready *{box-sizing:border-box}
 body.mobile-learning-ready [hidden]{display:none!important}
 body.mobile-learning-ready>.workspace-content{margin-left:0;background:transparent;min-height:100dvh}
 body.mobile-learning-ready .workspace-topbar{display:none}
 body.mobile-learning-ready .workspace-main{padding:0 14px 28px;max-width:620px;margin:0 auto;display:flex;flex-direction:column}
 body.mobile-learning-ready .mobile-hub-header{display:flex;order:0;align-items:center;justify-content:space-between;height:82px;min-height:82px;padding:17px 6px 13px;gap:12px}
 .mobile-hub-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--m-ink);min-width:0}
 .mobile-hub-brand>img{display:block;width:54px;height:54px;object-fit:contain}
 .mobile-hub-brand>span{font:700 20px/.98 Georgia,serif;letter-spacing:2.8px}
 .mobile-hub-brand>span>span{display:block;margin-top:3px}
 .mobile-account-button{display:flex;align-items:center;justify-content:center;flex:none;height:44px;width:44px;padding:9px;border:1.5px solid #e2c377;border-radius:50%;color:#f4e6b8;background:linear-gradient(135deg,#0d5843,#003a2d);box-shadow:inset 0 0 0 1px #f7e6ac66,inset 0 2px 4px #98d0b32b,0 1px 0 #6f552b;cursor:pointer}
 .mobile-account-button svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
 body.mobile-learning-ready .browse-heading{display:block;order:1;margin:4px 6px 10px;gap:0}
 body.mobile-learning-ready .browse-heading h1{font:700 44px/1.04 var(--m-serif);letter-spacing:-1.1px;color:var(--m-ink);margin:0;white-space:nowrap}
 body.mobile-learning-ready .browse-heading>div>p:not(.mobile-greeting),body.mobile-learning-ready #browseResults{display:none}
 body.mobile-learning-ready .mobile-greeting{display:block;margin:0;font:400 18px/25px var(--m-sans);color:#c1d1c2;letter-spacing:-.2px}
 body.mobile-learning-ready #teacherWelcome{display:none!important}
 body.mobile-learning-ready .mobile-welcome{position:relative;display:block;order:2;isolation:isolate;height:124px;min-height:124px;flex:none;margin:0 0 10px;border:1px solid #bca85e;border-bottom-color:#166b4d;border-radius:11px;background:#002e26 url('/assets/mobile/welcome-dark.webp') center/cover;overflow:hidden}
 .mobile-welcome-copy{position:relative;z-index:1;padding:19px 15px 13px}
 .mobile-welcome-copy>h2{display:none}
 .mobile-welcome-quote{margin:0;font:700 24px/1.13 Georgia,serif;letter-spacing:-.6px;color:#fff8e8;white-space:nowrap}
 .mobile-welcome-quote>span{display:block}
 .mobile-welcome-quote>span+span{font-size:18px;color:#e1ce91;letter-spacing:-.4px}
 .mobile-welcome .mobile-signature{font:400 26px/1.15 TIHand,'Segoe Script',cursive;color:#edd68e;margin:8px 0 0;letter-spacing:.1px}
 .mobile-portrait{display:none}
 body.mobile-learning-ready .browse-toolbar{display:flex;flex-direction:column;align-items:stretch;order:3;margin:0;gap:0;min-width:0}
 body.mobile-learning-ready .browse-search{display:flex;flex:none;width:100%;min-width:0;height:49px;gap:10px;padding:0 14px;border:1px solid #e1c382;border-radius:11px;background:linear-gradient(110deg,#003a30f2,#0a3e32d9);box-shadow:inset 0 0 0 1px #bfe7d135;position:relative;margin:0 0 11px}
 body.mobile-learning-ready .browse-search>svg{height:23px;width:23px;stroke:#f3e7c0;stroke-width:1.9}
 body.mobile-learning-ready .browse-search input{font:400 14px/1.4 var(--m-sans);color:#e5f5e8;padding:10px 0;min-width:0;outline-offset:0}
 body.mobile-learning-ready .browse-search input::placeholder{color:#becdbb;opacity:1}
 body.mobile-learning-ready .browse-search:focus-within{outline:2px solid #a1efd0;outline-offset:3px}
 body.mobile-learning-ready #clearBrowseSearch{color:var(--m-ink);min-width:25px;min-height:35px;padding:0;flex:none}
 body.mobile-learning-ready .mobile-filter-button{display:flex;justify-content:center;align-items:center;flex:none;width:32px;height:42px;padding:4px 0;border:0;background:none;color:#9de8cf;box-shadow:none;cursor:pointer}
 .mobile-filter-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
 body.mobile-learning-ready .browse-filters{display:none}
 body.mobile-learning-ready .mobile-mode-tabs{display:flex;min-width:0;width:100%;height:47px;gap:0;margin:0 0 13px;border:1px solid #126248;border-radius:12px;background:#00382f;box-shadow:inset 0 1px 1px #71b69c38}
 .mobile-mode-tabs>button{position:relative;display:flex;flex:1;gap:9px;align-items:center;justify-content:center;min-width:0;border:0;border-right:1px solid #26725c77;background:none;color:#f0edd9;font:600 14px/1.3 var(--m-sans);padding:9px 6px;cursor:pointer;border-radius:11px}
 .mobile-mode-tabs>button:last-child{border-right:0}
 .mobile-mode-tabs svg{width:23px;height:23px;fill:none;stroke:#f7e9b6;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;flex:none}
 .mobile-mode-tabs>button[aria-pressed=true]{border:1.5px solid #f0d084;background:radial-gradient(ellipse at center top,#bb91408c,transparent 85%),linear-gradient(#725e23,#3d2e08);box-shadow:inset 0 0 0 2px #715b24,inset 0 0 0 3px #d4b2648c,inset 0 -4px 7px #0008,0 0 7px #eac76555,0 2px 0 #67470f}
 body.mobile-learning-ready .mobile-shortcuts{display:none;order:4}
 body.mobile-learning-ready #courseSection{order:5}
 body.mobile-learning-ready #studioSection{order:6;margin-top:25px}
 body.mobile-learning-ready #arenaSection{order:7;margin-top:25px}
 body.mobile-learning-ready #percuma{order:8;margin-top:25px}
 body.mobile-learning-ready #empty{order:9;background:var(--m-card);color:var(--m-ink);border-color:var(--m-line)}
 body.mobile-learning-ready #bacaversePromo{order:10;margin:28px 0 14px}
 body.mobile-learning-ready #newsletterSignup{order:11;margin:22px 0}
 body.mobile-learning-ready .mobile-teacher-note{display:block;order:12;font:400 13px/1.8 var(--m-sans);color:var(--m-muted);padding:21px 6px 0;border-top:1px solid var(--m-line)}
 body.mobile-learning-ready .mobile-teacher-note .teacher-ai-note{border-color:var(--m-line)}
 body.mobile-learning-ready .mobile-teacher-note .teacher-ai-note :is(p,strong){color:inherit}
 body.mobile-learning-ready .mobile-teacher-note .teacher-ai-motto{font-size:17px}
 body.mobile-learning-ready .browse-section-title{border:0;background:none;border-radius:0;box-shadow:none!important;padding:0;display:flex;justify-content:space-between;align-items:center;min-height:32px;margin:0 0 6px;gap:8px}
 body.mobile-learning-ready .browse-section-title h2{font:700 25px/1.15 var(--m-serif);color:var(--m-ink);letter-spacing:-.4px;margin:0}
 body.mobile-learning-ready #resultsCount{display:none}
 body.mobile-learning-ready .mobile-see-all{display:flex;align-items:center;gap:7px;color:#b9ead5;text-decoration:none;font:600 12px/1.2 var(--m-sans);white-space:nowrap;min-height:32px}
 .mobile-see-all svg{width:12px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
 body.mobile-learning-ready #courseGrid{display:flex;flex-direction:column;gap:9px}
 body.mobile-learning-ready .course-card{display:block;position:relative;flex:none;border:1px solid #10684f;border-radius:10px;background:linear-gradient(105deg,#033e32ee,#002c25f5)!important;box-shadow:none!important;margin:0;padding:0;overflow:hidden}
 body.mobile-learning-ready .course-card::before{display:none}
 body.mobile-learning-ready .course-card .course-cover{display:block;height:92px;min-height:0;aspect-ratio:auto;background:none;position:relative;border-radius:0;overflow:hidden}
 body.mobile-learning-ready .course-card .course-cover::before,body.mobile-learning-ready .course-card .course-cover::after{display:none}
 body.mobile-learning-ready .course-card .course-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;transform:none;border-radius:0}
 body.mobile-learning-ready .course-badge{display:none}
 body.mobile-learning-ready .course-card .course-card-body{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 92px;grid-template-rows:auto auto;align-content:center;align-items:center;gap:3px 8px;min-height:60px;padding:8px 11px 8px 12px}
 body.mobile-learning-ready .course-card-body>.eyebrow,body.mobile-learning-ready .course-card-body>p,body.mobile-learning-ready .course-card-meta,body.mobile-learning-ready .course-card-actions{display:none}
 body.mobile-learning-ready .course-card h3{grid-column:1;grid-row:1;font:700 15px/1.16 Georgia,serif;letter-spacing:-.25px;margin:0;color:var(--m-ink);text-shadow:none}
 body.mobile-learning-ready .course-card h3 a{color:inherit;text-decoration:none}
 body.mobile-learning-ready .mobile-course-meta{grid-column:1;grid-row:2;display:flex;align-items:center;gap:7px;flex-wrap:nowrap;min-width:0;white-space:nowrap;font:400 11.7px/1.4 var(--m-sans);color:#b2c8ba}
 .mobile-course-meta>svg{height:14px;width:14px;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;fill:none;flex:none}
 .mobile-meta-divider{display:block;height:14px;width:1px;background:#7aa08e;opacity:.7;flex:none}
 .mobile-course-price{display:inline-flex;padding:2px 8px;border:1px solid #a98a3c;border-radius:6px;background:#5e531d;color:#fff1c2;font:600 11.6px/1.25 var(--m-sans)}
 .mobile-course-price.is-free{border-color:#12694f;background:#07694e;color:#a9f3d6}
 body.mobile-learning-ready .mobile-course-link{grid-column:2;grid-row:1/span 2;display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;width:92px;padding:7px 9px;border:2px solid #e7c77b;border-radius:17px;color:#f6edcd;text-decoration:none;background:linear-gradient(#0e6045,#003c2e);box-shadow:inset 0 0 0 1px #785d24,inset 0 0 0 2px #d6b365,inset 0 3px 3px #b9e2a24a,inset 0 -3px 4px #001f1be6,0 2px 0 #77602d;font:600 14px/1.2 var(--m-sans);text-shadow:none}
 .mobile-course-link svg{width:14px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 body.mobile-learning-ready .mobile-bottom-nav{position:fixed;z-index:35;left:0;right:0;bottom:0;display:flex;align-items:stretch;min-height:64px;padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px));border-top:1.5px solid #e7c66d;background:#00372deF;box-shadow:0 -1px 0 #775821,0 -5px 20px #001c2440;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
 .mobile-bottom-nav>a,.mobile-bottom-nav>button{position:relative;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:0;min-height:49px;border:0;background:none;color:#eee6c5;text-decoration:none;font:400 12px/1.3 var(--m-sans);box-shadow:none;border-radius:0;padding:0;cursor:pointer}
 .mobile-bottom-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
 .mobile-bottom-nav [aria-current]{color:#9df5d4;font-weight:600}
 .mobile-bottom-nav [data-mobile-nav=semua][aria-current] svg{fill:currentColor;stroke:currentColor;stroke-width:1.2;filter:drop-shadow(0 0 6px #5beab649)}
 body.mobile-learning-ready.workspace-menu-open .mobile-bottom-nav{visibility:hidden;pointer-events:none}
 body.mobile-learning-ready .workspace-footer,body.mobile-learning-ready>.policy-site-footer{margin-left:0;color:var(--m-muted);background:var(--m-bg);border-color:var(--m-line)}
 body.mobile-learning-ready>.policy-site-footer a,body.mobile-learning-ready .workspace-footer a{color:var(--m-muted)}
 body.mobile-learning-ready .toast{bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:70}
 body.mobile-learning-ready .ti-atmosphere{background:var(--m-bg) url('/assets/mobile/dark-background.webp') center top/100% auto no-repeat}
 body.mobile-learning-ready .ti-atmosphere::before{inset:0;background:inherit;animation:mobile-botanical-breathe 16s ease-in-out infinite alternate!important}
 html:is(.ti-effects-off,.ti-effects-paused) body.mobile-learning-ready .ti-atmosphere::before{animation-play-state:paused!important}
 body.mobile-learning-ready .ti-atmosphere .ti-aurora{opacity:.25;filter:none;background:radial-gradient(ellipse,#0adf9752,transparent 70%)}
 body.mobile-learning-ready .ti-atmosphere .ti-aurora.second{background:radial-gradient(ellipse,#c9a3432e,transparent 70%)}
 body.mobile-learning-ready .ti-atmosphere .ti-orbit{opacity:.14;border-color:#6ac49c;box-shadow:none}
 body.mobile-learning-ready .ti-atmosphere .ti-stream{border-width:1px;box-shadow:0 -4px 14px #65cc8d36;border-color:#b1d99c66}
 body.mobile-learning-ready .ti-atmosphere .ti-particle{width:2px;height:2px;box-shadow:0 0 7px #e7ca7b6e}
 body.mobile-learning-ready .ti-controls{flex-wrap:wrap;gap:8px;margin:14px 0 0}
 body.mobile-learning-ready .ti-control span{font-size:11px}
 body.mobile-learning-ready .ti-control span::after{display:none}
 body.mobile-learning-ready .mobile-theme-settings{display:block;border-top:1px solid #bfe0b245;margin:18px 11px 8px;padding-top:16px}
 .mobile-theme-settings h2{font:600 13px/1.4 'Segoe UI',Arial,sans-serif;color:#e6ebcb;margin:0 0 12px}
 .mobile-theme-settings [role=group]{display:flex;gap:10px}
 .mobile-theme-settings [data-mobile-theme]{flex:1;min-height:44px;border:1px solid #7f9d6f;border-radius:10px;background:#144f3c;color:#fff7d9;font:600 13px 'Segoe UI',Arial,sans-serif;padding:9px;cursor:pointer}
 .mobile-theme-settings [data-mobile-theme][aria-pressed=true]{background:linear-gradient(#d9bc70,#8f6b28);border-color:#efd58f;color:#072f26;box-shadow:inset 0 1px #fff0bc,0 3px #4d3716}
 .mobile-filter-dialog{width:calc(100% - 36px);max-width:400px;padding:25px 22px;border:1px solid #d9bf76;border-radius:18px;background:#083e31;color:#fff0cc;box-shadow:0 20px 70px #001d19b3}
 .mobile-filter-dialog::backdrop{background:#001d1ac9;backdrop-filter:blur(5px)}
 .mobile-filter-dialog h2{font:700 26px Georgia,serif;margin:0 0 20px}
 .mobile-filter-dialog>div{display:grid;gap:11px;grid-template-columns:1fr 1fr}
 .mobile-filter-dialog [data-mobile-filter]{min-height:47px;padding:12px;border:1px solid #618b6b;border-radius:10px;background:#0b5b42;color:#f4edcf;font:600 13px 'Segoe UI',Arial,sans-serif;cursor:pointer}
 .mobile-filter-close{position:absolute;right:12px;top:10px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#faedc9;background:none;border:0;cursor:pointer}
 .mobile-filter-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
 body.mobile-learning-ready :is(.mobile-bottom-nav a,.mobile-bottom-nav button,.mobile-hub-header a,.mobile-hub-header button,.mobile-course-link,.mobile-shortcuts a,.mobile-mode-tabs button,.mobile-theme-settings button):focus-visible{outline:2px solid #b1f4d1;outline-offset:3px}
 body.mobile-learning-ready :is(.mobile-course-link,.mobile-mode-tabs button,.mobile-shortcuts a):active{transform:translateY(2px)}
 body.mobile-learning-ready:is([data-mobile-view=teroka],[data-mobile-view=simpanan]) .course-card-actions{display:flex;position:absolute;right:8px;top:8px;border:0;padding:0;background:none}
 body.mobile-learning-ready:is([data-mobile-view=teroka],[data-mobile-view=simpanan]) .course-card-actions .cta{display:none}
 body.mobile-learning-ready:is([data-mobile-view=teroka],[data-mobile-view=simpanan]) .save-module{width:37px;height:37px;border-radius:50%;border:1px solid #dbcd91;background:#003c32ed;color:#fff0c6;display:flex;align-items:center;justify-content:center}
 body.mobile-learning-ready .resource-copy p,body.mobile-learning-ready #empty :is(h3,p){color:var(--m-muted)}
 body.mobile-learning-ready .free-resource{background:var(--m-card)!important;border-color:var(--m-line);box-shadow:none!important}
 body.mobile-learning-ready .resource-copy h3,body.mobile-learning-ready .free-hub-heading h2{color:var(--m-ink)}
 body.mobile-learning-ready .free-hub-heading{background:var(--m-card);border-color:var(--m-line);box-shadow:none}
 body.mobile-learning-ready .free-hub-heading :is(p,.eyebrow){color:var(--m-muted)}
 body.mobile-learning-ready .empty .teroka-button{margin-top:10px}
 /* Light mode has the second approved architecture, not a recolored dark layout. */
 html[data-mobile-theme=light] body.mobile-learning-ready .mobile-hub-header{height:72px;min-height:72px;padding:12px 4px 8px}
 html[data-mobile-theme=light] .mobile-hub-brand>span{font:800 16px/1.02 var(--m-sans);letter-spacing:1.5px}
 html[data-mobile-theme=light] .mobile-hub-brand>img{width:55px;height:55px}
 html[data-mobile-theme=light] .mobile-hub-brand{gap:10px}
 html[data-mobile-theme=light] body.mobile-learning-ready .browse-heading{margin:8px 4px 13px}
 html[data-mobile-theme=light] body.mobile-learning-ready .browse-heading h1{font-size:42px;line-height:1.06;letter-spacing:-1px}
 html[data-mobile-theme=light] body.mobile-learning-ready .mobile-greeting{display:none}
 html[data-mobile-theme=light] body.mobile-learning-ready .mobile-welcome{height:130px;min-height:130px;margin:0 0 14px;border:1px solid #edf2d9;border-radius:16px;background:linear-gradient(105deg,#f5f6dce8,#fbf6e4 56%,#b6cba3);box-shadow:inset 0 1px 0 #fffff3,0 5px 7px #716e2827;overflow:hidden}
 html[data-mobile-theme=light] .mobile-welcome-copy{padding:20px 14px 10px}
 html[data-mobile-theme=light] .mobile-welcome-copy>h2{display:block;font:700 22px/1.15 Georgia,serif;letter-spacing:-.65px;margin:0 0 7px;color:#07342c;white-space:nowrap}
 html[data-mobile-theme=light] .mobile-welcome-quote,html[data-mobile-theme=light] .mobile-welcome-quote>span+span{font:400 13px/1.5 Georgia,serif;letter-spacing:-.35px;color:#0c3b2e}
 html[data-mobile-theme=light] .mobile-welcome-quote>span{display:inline}
 html[data-mobile-theme=light] .mobile-welcome .mobile-signature{font:400 28px/1.1 TIHand,'Segoe Script',cursive;color:#0a3d31;margin-top:9px;letter-spacing:-.1px;width:205px;border-bottom:1px solid #bba245;transform:rotate(-2deg)}
 html[data-mobile-theme=light] .mobile-portrait{display:block;position:absolute;z-index:0;right:0;bottom:0;width:150px;height:130px;overflow:hidden;border-radius:0 16px 16px 0}
 html[data-mobile-theme=light] .mobile-portrait img{position:absolute;display:block;width:153px;max-width:none;height:191px;object-fit:contain;right:-1px;bottom:-61px}
 html[data-mobile-theme=light] body.mobile-learning-ready .browse-search{height:42px;margin:0;border:1px solid #dbd9cb;border-radius:18px;background:#fffdf8d9;box-shadow:0 2px 5px #4d502a26;padding:0 14px;gap:10px}
 html[data-mobile-theme=light] body.mobile-learning-ready .browse-search input{color:#163f33;font-size:14px;padding-block:8px}
 html[data-mobile-theme=light] body.mobile-learning-ready .browse-search input::placeholder{color:#6b7070}
 html[data-mobile-theme=light] body.mobile-learning-ready .browse-search>svg{stroke:#002b2b;width:22px;height:22px;stroke-width:2}
 html[data-mobile-theme=light] body.mobile-learning-ready .mobile-filter-button,html[data-mobile-theme=light] body.mobile-learning-ready .mobile-mode-tabs{display:none}
 html[data-mobile-theme=light] body.mobile-learning-ready .mobile-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:11px 12px;margin:14px 0 22px}
 .mobile-shortcuts>a{display:flex;align-items:center;gap:11px;height:65px;min-width:0;position:relative;padding:10px 12px 10px 15px;border:1.5px solid #d9bd60;border-radius:15px;background:linear-gradient(145deg,#00956f,#005543 65%,#003e31);color:#ffffee;box-shadow:inset 0 0 0 1px #f1db8a,inset 0 0 0 3px #116e51,inset 0 2px 5px #c3fff366,inset 0 -4px 6px #002d2be0,0 3px 0 #867b3c,0 6px 8px #695c2c40;text-decoration:none;font:600 14px/1.1 var(--m-sans);letter-spacing:-.25px}
 .mobile-shortcut-icon{display:flex;align-items:center;justify-content:center;width:39px;height:42px;color:#f1daa0;flex:none}
 .mobile-shortcut-icon svg{width:36px;height:36px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 2px 0 #00392c)}
 .mobile-shortcuts>a>svg{position:absolute;right:10px;top:22px;width:11px;height:20px;fill:none;stroke:#e8fff4;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
 html[data-mobile-theme=light] body.mobile-learning-ready .browse-section-title{margin-bottom:8px;min-height:32px}
 html[data-mobile-theme=light] body.mobile-learning-ready .browse-section-title h2{font-size:24px;letter-spacing:-.7px;white-space:nowrap}
 html[data-mobile-theme=light] body.mobile-learning-ready .mobile-see-all{font-size:12px;color:#005642;gap:6px}
 html[data-mobile-theme=light] body.mobile-learning-ready #courseGrid{gap:10px}
 html[data-mobile-theme=light] body.mobile-learning-ready .course-card{display:grid;grid-template-columns:44% minmax(0,1fr);gap:0;padding:8px;border:0;border-radius:15px;background:#fffdf7e8!important;box-shadow:0 4px 10px #57512a17!important;min-height:112px;overflow:visible}
 html[data-mobile-theme=light] body.mobile-learning-ready .course-card .course-cover{height:96px;width:calc(100% - 8px);border-radius:11px}
 html[data-mobile-theme=light] body.mobile-learning-ready .course-card .course-cover img{border-radius:11px}
 html[data-mobile-theme=light] body.mobile-learning-ready .course-card .course-card-body{display:block;min-height:96px;padding:5px 20px 2px 6px}
 html[data-mobile-theme=light] body.mobile-learning-ready .course-card h3{font:600 15.5px/1.16 var(--m-sans);letter-spacing:-.35px;margin:1px 0 4px;color:#092e2b}
 html[data-mobile-theme=light] body.mobile-learning-ready .mobile-course-meta{display:flex;align-items:start;flex-wrap:wrap;gap:6px;font:400 13px/1.3 var(--m-sans);color:#747b77}
 html[data-mobile-theme=light] .mobile-course-meta>svg,html[data-mobile-theme=light] .mobile-meta-divider{display:none}
 html[data-mobile-theme=light] .mobile-course-meta>span:first-of-type{width:100%}
 html[data-mobile-theme=light] .mobile-course-price{border:0;border-radius:10px;padding:4px 11px;background:#ffe4a1;color:#342d0b;font:800 12px/1.1 var(--m-sans)}
 html[data-mobile-theme=light] .mobile-course-price.is-free{background:#d8f2e3;color:#003e33}
 html[data-mobile-theme=light] body.mobile-learning-ready .mobile-course-link{position:absolute;right:-2px;top:28px;min-height:44px;width:20px;padding:0;background:none;border:0;box-shadow:none;color:#062d2c}
 html[data-mobile-theme=light] .mobile-course-link>span{display:none}
 html[data-mobile-theme=light] .mobile-course-link svg{width:12px;height:20px;stroke-width:2.3}
 html[data-mobile-theme=light] body.mobile-learning-ready .mobile-bottom-nav{background:#fffdf4f5;border-color:#d5d7c6;box-shadow:0 -2px 4px #5c5f2920}
 html[data-mobile-theme=light] .mobile-bottom-nav>a,html[data-mobile-theme=light] .mobile-bottom-nav>button{color:#747d7b}
 html[data-mobile-theme=light] .mobile-bottom-nav [aria-current]{color:#00624e}
 html[data-mobile-theme=light] .mobile-bottom-nav [aria-current]::after{content:'';position:absolute;bottom:-4px;width:62px;height:3px;border-radius:3px;background:#007861}
 html[data-mobile-theme=light] .mobile-bottom-nav [data-mobile-nav=semua][aria-current] svg{filter:none}
 html[data-mobile-theme=light] body.mobile-learning-ready .ti-atmosphere{background-image:url('/assets/mobile/light-background.webp')}
 html[data-mobile-theme=light] body.mobile-learning-ready .ti-atmosphere .ti-aurora{opacity:.2;background:radial-gradient(ellipse,#a8d0a229,transparent 70%)}
 html[data-mobile-theme=light] body.mobile-learning-ready .ti-atmosphere .ti-stream{border-color:#b5af5745;box-shadow:none}
 html[data-mobile-theme=light] body.mobile-learning-ready .ti-atmosphere .ti-particle{background:#aa8b2c;box-shadow:0 0 5px #b3a44480}
 @keyframes mobile-botanical-breathe{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.025) translate3d(.2%,.4%,0)}}
 @media(prefers-reduced-motion:reduce){html:not(.ti-motion-on) body.mobile-learning-ready .ti-atmosphere::before{animation:none!important}body.mobile-learning-ready :is(.mobile-course-link,.mobile-mode-tabs button,.mobile-shortcuts a){transition:none}}
 @media(max-width:370px){
  body.mobile-learning-ready .workspace-main{padding-inline:12px}
  body.mobile-learning-ready .browse-heading h1{font-size:34px}
  body.mobile-learning-ready .mobile-welcome{background-size:100% 100%}
  .mobile-welcome-quote{font-size:21px}.mobile-welcome-quote>span+span{font-size:16px}
  .mobile-welcome .mobile-signature{font-size:22px}
  body.mobile-learning-ready .course-card .course-card-body{grid-template-columns:minmax(0,1fr) 77px;gap:3px 4px;padding-inline:9px}
  body.mobile-learning-ready .mobile-course-link{width:77px;font-size:12px}
  body.mobile-learning-ready .course-card h3{font-size:14px}
  body.mobile-learning-ready .mobile-course-meta{font-size:10.5px;gap:4px}
  .mobile-course-price{font-size:10px;padding-inline:5px}
  html[data-mobile-theme=light] body.mobile-learning-ready .browse-heading h1{font-size:33px}
  html[data-mobile-theme=light] .mobile-welcome-copy>h2{font-size:18px;white-space:normal;max-width:185px;margin-bottom:5px}
  html[data-mobile-theme=light] .mobile-welcome-quote,html[data-mobile-theme=light] .mobile-welcome-quote>span+span{font-size:11.4px;white-space:normal;max-width:178px}
  html[data-mobile-theme=light] .mobile-welcome-copy{padding:14px 0 8px 11px}
  html[data-mobile-theme=light] .mobile-portrait{right:-8px}
  html[data-mobile-theme=light] .mobile-welcome .mobile-signature{font-size:22px;width:175px;margin-top:4px}
  .mobile-shortcuts>a{gap:6px;padding-left:10px;font-size:12px}.mobile-shortcut-icon{width:31px}.mobile-shortcut-icon svg{width:30px;height:30px}
  html[data-mobile-theme=light] body.mobile-learning-ready .browse-section-title h2{font-size:21px}
  html[data-mobile-theme=light] body.mobile-learning-ready .mobile-see-all{font-size:10.5px;gap:2px}
  html[data-mobile-theme=light] body.mobile-learning-ready .course-card h3{font-size:13.5px}
  html[data-mobile-theme=light] body.mobile-learning-ready .mobile-course-link{width:18px}
 }
}