.fala{--purple:#6430a4;--ink:#2c1843;max-width:1240px;margin:24px auto;background:#f8f5ff;color:var(--ink);padding:24px;border-radius:28px;font:16px/1.7 system-ui,sans-serif;box-sizing:border-box}.fala *{box-sizing:border-box}.fala button,.fala select,.fala input{font:inherit}.fala button{cursor:pointer;background:var(--purple);color:white;border:0;border-radius:12px;padding:11px 18px;min-height:46px}.fala button:hover{filter:brightness(1.1)}.fala button:disabled{opacity:.5;cursor:default}.fala :focus-visible{outline:3px solid #df9e12;outline-offset:3px}.fala-head{display:flex;gap:15px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.fala-head a{color:var(--purple);font-weight:700}.fala-head span{margin-left:auto;letter-spacing:2px;font-size:12px}.fala-hero{background:linear-gradient(120deg,#492481,#8747c6);color:white;border-radius:24px;padding:35px;display:flex;align-items:center;gap:25px}.fala h1{font-size:clamp(27px,4vw,46px);line-height:1.3;color:inherit;margin:12px 0}.fala h2{font-size:23px;color:inherit}.fala-hero button{background:#ffdb78;color:#39204f;font-weight:750}.fala-orb{flex:0 0 190px;text-align:center;font-size:72px;font-weight:800;background:#ffffff19;border:1px solid #ffffff30;border-radius:28px;padding:15px}.fala-orb small{display:block;font-size:14px}.fala-stats{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;margin:22px 0 10px}.fala-stats b{font-size:23px;color:var(--purple)}.fala progress{width:100%;height:12px;accent-color:var(--purple)}.fala-goal{font-size:13px;color:#645673}.fala-layout{display:grid;grid-template-columns:260px 1fr;gap:24px;margin-top:24px}.fala aside,.fala main{background:white;border:1px solid #e9dff4;border-radius:20px;padding:22px;min-width:0}.fala label{display:block}.fala select,.fala input{width:100%;padding:12px;border:1px solid #c9b9dd;border-radius:10px;background:white;color:var(--ink);margin:8px 0 15px}.fala-map{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-height:420px;overflow:auto;padding:5px}.fala-map button{padding:5px;min-height:38px;border-radius:9px;background:#f1eafa;color:#563282}.fala-map button.active{outline:2px solid var(--purple);outline-offset:0}.fala-map button.done{background:#d5f5e7;color:#155e43}.fala-lessonhead small{color:#795a94}.fala-lessonhead h2{margin:8px 0 20px}.fala-tabs{display:flex;gap:7px;flex-wrap:wrap;border-bottom:1px solid #eee;padding-bottom:15px}.fala-tabs button{background:#f0e9f8;color:#543275;padding:9px 13px}.fala-tabs button[aria-pressed=true]{background:var(--purple);color:white}.fala-content{padding:18px 0;min-height:360px}.fala-content>button{margin:6px 6px 6px 0}.fala-word{padding:28px 15px;text-align:center;background:linear-gradient(135deg,#f5eaff,#fff6db);border-radius:20px;margin:15px 0}.fala-word span{font-size:clamp(30px,4vw,52px);line-height:1.5;overflow-wrap:anywhere;font-weight:700}.fala-word p{font-size:21px}.fala-copy{text-align:center;font-size:36px;color:#6d419b}.fala canvas{display:block;width:100%;height:180px;border:2px dashed #cbb7e1;border-radius:12px;touch-action:none;background:repeating-linear-gradient(white,white 43px,#eee 44px)}.fala-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.fala-options button{background:#f3edf9;color:#442963;border:2px solid #e4d8ee}.fala-options button.right{background:#d5f5e7;border-color:#248557;opacity:1}.fala audio{width:100%;margin:20px 0}.fala footer{display:flex;justify-content:space-between;gap:10px}.fala-status{color:#57416d;min-height:27px}.fala-feedback{font-weight:700}@media(max-width:760px){.fala{padding:12px;margin:10px auto;border-radius:16px}.fala-hero{padding:24px}.fala-orb{display:none}.fala-layout{grid-template-columns:1fr;gap:12px}.fala aside{padding:15px}.fala aside h2{margin:0 0 8px}.fala-map{grid-template-columns:repeat(10,1fr);max-height:115px;gap:4px}.fala-map button{min-width:0;font-size:12px;padding:3px}.fala main{padding:16px}.fala-options{grid-template-columns:1fr}.fala-stats{gap:10px;font-size:13px}.fala-stats b{font-size:19px}.fala-head span{font-size:10px;letter-spacing:1px}.fala-tabs button{flex:1;padding:8px;font-size:14px}.fala-word{padding:20px 10px}}
/* 1.1: wide learning canvas, compact banner and illustrated activity cards. */
body.fala-learning-page .entry-title,body.fala-learning-page .page-title,body.fala-learning-page .entry-header,body.fala-learning-page .page-header,body.fala-learning-page .wp-block-post-title,body.fala-learning-page .breadcrumbs,body.fala-learning-page .breadcrumb{display:none!important}
body.fala-learning-page .fala-page-container{max-width:none!important;width:100%!important;min-width:0;float:none!important;box-sizing:border-box}
body.fala-learning-page .entry-content,body.fala-learning-page .site-main{padding-top:0!important;margin-top:0!important}
body.fala-learning-page .fala{width:100%!important;max-width:1200px!important;margin:14px auto!important;padding:20px!important;background:linear-gradient(145deg,#faf5ff,#eff9ff 55%,#fff9ec);border:1px solid #e8dafa;box-shadow:0 15px 45px #6037a015}
.fala-head{margin-bottom:12px;min-height:32px}.fala-head a{background:#fff;border:1px solid #ded0f1;padding:3px 13px;border-radius:20px;text-decoration:none}.fala-head a:hover{background:#ede2ff}.fala-hero{height:50px;min-height:50px;padding:0 14px;border-radius:13px;gap:14px;background:linear-gradient(100deg,#51208b,#8642cb 65%,#bd4eb5);box-shadow:0 6px 15px #7c3aed22}.fala-banner-title{display:flex;align-items:center;gap:9px;min-width:0}.fala-hero h1{font-size:17px!important;line-height:1.3!important;margin:0!important;font-weight:750}.fala-banner-meta{margin-left:auto;white-space:nowrap;font-size:12px;color:#ffedb0}.fala-hero button{min-height:32px;padding:4px 12px;font-size:12px;white-space:nowrap;flex-shrink:0}.fala-art{width:64px;height:64px;flex-shrink:0;display:inline-block;vertical-align:middle}.fala-hero .fala-art{width:34px;height:34px}.fala-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 12px}.fala-stats>div{border-radius:14px;padding:14px;background:linear-gradient(125deg,#ede4ff,#faf5ff);border:1px solid #dfcff6;font-size:14px}.fala-stats>div:nth-child(2){background:linear-gradient(125deg,#d9f9f2,#f1fffa);border-color:#afeadd}.fala-stats>div:nth-child(3){background:linear-gradient(125deg,#fff0d3,#fffaef);border-color:#f5dca7}.fala-stats b{display:block;font-size:25px}.fala-stats>div:nth-child(2) b{color:#087f77}.fala-goal{margin:8px 0 12px}.fala-layout{grid-template-columns:280px minmax(0,1fr);gap:20px;margin-top:15px}.fala aside{background:linear-gradient(180deg,#fff,#f5efff);border-color:#dfcdf7;padding:18px}.fala-side-art{display:flex;gap:10px;align-items:center;padding:10px;background:#eee3ff;border-radius:14px;font-size:12px;color:#69418b;margin-bottom:16px}.fala-side-art .fala-art{width:57px;height:57px}.fala aside h2{font-size:19px}.fala-map{grid-template-columns:repeat(6,1fr);max-height:460px;gap:7px}.fala-map button{background:#eae0ff;color:#62349c;box-shadow:0 2px 0 #d8c4ef;transition:transform .15s}.fala-map button:nth-child(3n+2){background:#dff7fc;color:#12677c;box-shadow:0 2px 0 #b6e5f0}.fala-map button:nth-child(3n){background:#fff0cd;color:#7f5416;box-shadow:0 2px 0 #efd798}.fala-map button.done{background:#d5f5e7;color:#155e43}.fala-map button:hover{transform:translateY(-2px)}.fala main{padding:22px;border-color:#e0cff0;box-shadow:0 8px 25px #4a22700a}.fala-lessonhead{position:relative;min-height:70px;padding-right:75px}.fala-lessonhead>.fala-art{position:absolute;right:0;top:0}.fala-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.fala-tabs button{display:flex;justify-content:center;align-items:center;gap:5px;font-size:14px;background:#eee3ff;color:#623393;padding:7px}.fala-tabs .fala-art{width:29px;height:29px}.fala-tabs button:nth-child(2){background:#dbf7ee;color:#096b5c}.fala-tabs button:nth-child(3){background:#ffe2f0;color:#a52d6e}.fala-tabs button:nth-child(4){background:#fff0cb;color:#895709}.fala-tabs button[aria-pressed=true]{color:#fff;background:#6b35af;box-shadow:0 4px 12px #7035b32b}.fala-content{min-height:350px}.fala-content>.fala-art{float:right;width:76px;height:76px;margin:0 0 10px 15px}.fala-word{position:relative;overflow:hidden;border:1px solid #e6d6fb;background:radial-gradient(circle at 0% 0%,#edddff,transparent 50%),radial-gradient(circle at 100% 100%,#fff0bf,transparent 50%),#fffbff;padding:24px 90px}.fala-word>.fala-art{position:absolute;left:15px;top:20px;width:70px;height:70px;transform:rotate(-8deg)}.fala-word span{color:#512286}.fala-word p{margin:10px 0;font-size:21px}.fala-word .fala-pronunciation{font-size:15px;color:#795893;background:#fff9;padding:5px;border-radius:8px}.fala-copy{background:#f1e8ff;border-radius:12px;margin:10px 0}.fala footer{border-top:1px solid #eee4f6;padding-top:14px}.fala-options button{border-radius:15px;box-shadow:0 4px 0 #ded0f0}.fala-options button:nth-child(2n){background:#e9faf5;border-color:#c4ecdf}.fala-content:after{content:'';display:block;clear:both}
@media(max-width:900px){.fala-banner-meta{display:none}.fala-hero button{margin-left:auto}.fala-layout{grid-template-columns:235px minmax(0,1fr)}.fala-tabs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body.fala-learning-page .fala{padding:12px!important;margin:8px auto!important}.fala-hero{height:50px;min-height:50px;padding:0 9px;gap:5px}.fala-hero h1{font-size:12px!important;line-height:1.5!important}.fala-hero .fala-art{width:25px;height:25px}.fala-banner-title{gap:5px}.fala-hero button{font-size:11px;padding:3px 8px}.fala-layout{grid-template-columns:1fr}.fala-side-art{padding:6px;margin-bottom:10px}.fala-side-art .fala-art{width:40px;height:40px}.fala-side-art span br{display:none}.fala-side-art span b{margin-left:8px}.fala-map{grid-template-columns:repeat(10,1fr);max-height:105px}.fala-stats{gap:6px}.fala-stats>div{padding:9px;font-size:11px}.fala-stats b{font-size:21px}.fala main{padding:14px}.fala-word{padding:24px 12px 18px}.fala-word>.fala-art{position:static;display:block;width:52px;height:52px;margin:0 auto 8px;transform:none}.fala-word span{font-size:34px}.fala-tabs{grid-template-columns:repeat(4,1fr);gap:4px}.fala-tabs button{font-size:11px;display:flex;flex-direction:column;gap:0;padding:5px 2px}.fala-tabs .fala-art{width:26px;height:26px}.fala-head span{margin-left:0;font-size:9px}.fala-head{gap:8px}.fala-lessonhead h2{font-size:21px}.fala-content>.fala-art{width:52px;height:52px}.fala-goal{font-size:12px}}
@media(prefers-reduced-motion:reduce){.fala *{transition:none!important}}
/* Direct content template: no theme page title or home-return navigation. */
body.fala-learning-page #fala-learning-content{width:100%;max-width:none;margin:0!important;padding:0 12px!important;min-height:60vh;box-sizing:border-box}
body.fala-learning-page #fala-learning-content>.fala{margin-top:0!important}
body.fala-learning-page .site-content,body.fala-learning-page #content,body.fala-learning-page .content-area{padding-top:0!important;margin-top:0!important}
.fala-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0}.fala-levels button{text-align:left;background:#eee4ff;color:#6536a0;border:2px solid transparent;padding:12px 16px}.fala-levels button:nth-child(2){background:#ddf8ef;color:#087764}.fala-levels button:nth-child(3){background:#fff0cb;color:#8a5907}.fala-levels button[aria-pressed=true]{border-color:currentColor;box-shadow:0 4px 12px #6430a41a}.fala-levels b,.fala-levels small{display:block}.fala-levels small{font-size:12px;font-weight:400}.fala-options button{overflow-wrap:anywhere}.fala-head{gap:8px}.fala-head a{font-size:13px}
@media(max-width:760px){body.fala-learning-page #fala-learning-content{padding:0 5px!important}.fala-levels{gap:5px}.fala-levels button{font-size:11px;padding:8px 6px}.fala-levels small{font-size:10px}.fala-head span{display:none}.fala-head a{font-size:11px;padding:3px 7px}.fala-banner-title h1{overflow-wrap:anywhere}}

.fala-daily{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;background:linear-gradient(110deg,#e3f7ff,#eee4ff);border:1px solid #d1d8f9;border-radius:12px;padding:12px 16px;margin:12px 0;color:#4e3479}.fala-daily span{font-weight:650;font-size:14px}.fala-daily b{margin-left:auto;font-size:15px}.fala-daily small{width:100%;font-size:12px;color:#6b5a80}@media(max-width:760px){.fala-daily{padding:10px}.fala-daily span{font-size:12px}.fala-daily b{font-size:12px}}