﻿.lab-section{background:#f0eddf}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.word-player,.quiz-player{padding:32px;border-radius:18px;background:#fffdf6;border:1px solid #dddccc;min-height:400px}.activity-label{font-size:9px;letter-spacing:1.6px;color:#7d886d;font-weight:700}.word-tabs{display:flex;gap:7px;margin:24px 0}.word-tabs button,.scenario-tabs button{border:1px solid #d6dccb;border-radius:25px;background:transparent;color:var(--green);padding:10px 17px;font-size:11px}.word-tabs .chosen,.scenario-tabs [aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}#wordDisplay{text-align:center;padding:10px 0 20px}#wordDisplay .arabic-display{display:block;font:66px Georgia,serif;color:var(--green);line-height:1.6}#wordDisplay strong{display:block;font-size:18px;font-weight:500}#wordDisplay p{margin:6px 0;font-size:12px}.word-controls{display:flex;justify-content:space-between;gap:10px}.word-controls button{border:1px solid #d4dcc9;background:#edf0e5;color:var(--green);border-radius:7px;padding:12px;font-size:11px}#audioStatus{display:block;font-size:9px;color:#87917c;line-height:1.6;margin-top:14px}.quiz-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#7f8d72;margin:26px 0 12px}.quiz-track{height:4px;border-radius:5px;background:#e5e8db;overflow:hidden}#quizBar{background:#9cb481;height:100%;transition:width .4s}#quizContent h3{font-size:23px;font-weight:500;margin:25px 0 20px}.quiz-answers{display:grid;gap:9px}.quiz-answers button{background:transparent;border:1px solid #dce1d2;border-radius:7px;padding:12px;text-align:left;color:var(--ink);font-size:12px;transition:background .2s}.quiz-answers button:disabled{cursor:default;opacity:1}.quiz-answers .correct{background:#e0ecd6;border-color:#91b774}.quiz-answers .incorrect{background:#f8e6da;border-color:#d1ad96}#quizFeedback{font-size:12px;min-height:22px;line-height:1.6}.quiz-score{font:65px Georgia,serif;color:var(--green);margin:20px 0}.pathfinder{display:grid;grid-template-columns:1fr 1.3fr;gap:75px;background:#f0f2e8;border:1px solid #e1e5d6;border-radius:20px;padding:45px}.pathfinder>div>p{font-size:13px;max-width:290px}.goal-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.goal-options button{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:17px;background:#fffdf8;border:1px solid #d9e0cf;border-radius:8px;color:var(--green);font-size:12px;line-height:1.6}.goal-options [aria-pressed=true]{background:var(--green);border-color:var(--green);color:white}.goal-result{padding:22px;margin-top:15px;border-radius:9px;background:#fffdf8;border-left:3px solid #c1a268}.goal-result small{font-size:8px;letter-spacing:1.5px;color:#899277}.goal-result h3{font-size:19px;font-weight:500;margin:9px 0}.goal-result p{font-size:11px;margin:8px 0 16px}.scenarios{background:#e7ecdf}.center>p{font-size:13px}.scenario-tabs{display:flex;justify-content:center;gap:10px;margin:28px 0}.conversation{max-width:680px;margin:auto;min-height:280px;background:#fafbf5;border:1px solid #dbe1d1;border-radius:18px;padding:27px;display:grid;gap:15px}.dialogue-line{display:flex;align-items:start;gap:12px}.dialogue-line:nth-child(even){flex-direction:row-reverse}.dialogue-avatar{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;background:#e4ead8;color:#637657;font-size:11px;border-radius:50%}.dialogue-line>div{background:#e9efdf;padding:14px 20px;border-radius:0 12px 12px 12px;max-width:85%}.dialogue-line:nth-child(even)>div{background:#f0e9db;border-radius:12px 0 12px 12px}.dialogue-line strong{display:block;font:25px Georgia,serif;color:var(--green)}.dialogue-line small{display:block;margin-top:7px;color:#79836d;font-size:10px}.scene-note{text-align:center;font-size:9px;margin-top:18px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.resource-card{text-align:left;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fffdf8;padding:0 24px 24px;color:var(--ink);transition:transform .25s,box-shadow .25s}.resource-card:hover{transform:translateY(-7px);box-shadow:0 15px 30px #243b2110}.resource-symbol{display:block;background:#e6ead9;margin:0 -24px 25px;padding:22px;text-align:center;font:75px Georgia,serif;color:#71865b}.resource-card:nth-child(2) .resource-symbol{background:#eee5d5;color:#a48853}.resource-card:nth-child(3) .resource-symbol{background:#e0e8e4;color:#648174}.resource-card>small{font-size:8px;letter-spacing:1.3px;color:#889179}.resource-card h3{font-size:20px;font-weight:500;line-height:1.45}.resource-card p{font-size:12px;line-height:1.8}.resource-card .text-link{margin-top:15px}.invitation{background:var(--green);color:white;padding:50px 0}.invitation>.container{display:flex;align-items:center;gap:35px}.invitation-star{font-size:75px;color:#d4b278}.invitation h2{margin:13px 0;color:white}.invitation h2 em{color:#e0bb77}.invitation .eyebrow{color:#bdcbb1}.invitation p{font-size:12px;color:#bfceb8;margin-bottom:0}.invitation .button{margin-left:auto;flex-shrink:0}.reading-body h3{font-size:18px;margin-top:25px}.reading-body p{font-size:13px}.reading-body .arabic-reading{font-size:24px;color:var(--green)}.reading-progress{position:fixed;top:0;left:0;height:3px;background:#d9ae66;z-index:100;width:0;pointer-events:none}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal-ready.is-visible{opacity:1;transform:none}.hero-visual .arabic-bubble{animation:floatBubble 7s ease-in-out infinite}.hero-visual .floating-note{animation:floatNote 8s ease-in-out infinite}.sparkle{animation:rotateStar 18s linear infinite}.button{position:relative;overflow:hidden}.button:after{content:'';position:absolute;top:-50%;bottom:-50%;width:25%;left:-60%;background:linear-gradient(90deg,transparent,#ffffff25,transparent);transform:skewX(-20deg);transition:left .7s}.button:hover:after{left:130%}.activity-swap{animation:swapIn .35s ease}.nav a.active{color:#2d805a}.chat-launch:hover{transform:translateY(-3px)}@keyframes floatBubble{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-10px) rotate(-4deg)}}@keyframes floatNote{0%,100%{transform:translateY(0)}50%{transform:translateY(9px)}}@keyframes rotateStar{to{transform:rotate(375deg)}}@keyframes swapIn{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1000px){.nav nav{gap:16px;font-size:11px}.pathfinder{gap:30px;padding:30px}.goal-options{grid-template-columns:1fr}}@media(max-width:760px){.lab-grid,.pathfinder{grid-template-columns:1fr}.resource-grid{grid-template-columns:1fr}.resource-card{display:grid;grid-template-columns:95px 1fr;column-gap:20px;padding:20px}.resource-symbol{grid-row:1/5;margin:-20px 0 -20px -20px;display:grid;place-items:center;font-size:65px;padding:12px}.resource-card h3{font-size:18px;margin:12px 0}.resource-card p{margin:0}.resource-card .text-link{margin-top:12px}.word-player,.quiz-player{min-height:380px}.goal-options{grid-template-columns:1fr 1fr}.invitation>.container{flex-wrap:wrap;gap:20px}.invitation-star{font-size:55px}.invitation .button{margin-left:0}.scenario-tabs{flex-wrap:wrap}.conversation{padding:20px}.pathfinder{padding:27px}.resource-section .section-head{margin-bottom:30px}}@media(max-width:430px){.goal-options{grid-template-columns:1fr}.word-player,.quiz-player{padding:24px}.quiz-top{letter-spacing:0}.word-tabs button{padding:9px 13px}.invitation-star{display:none}.resource-card{grid-template-columns:70px 1fr;column-gap:15px}.resource-card>small{font-size:7px}.scenario-tabs button{font-size:10px;padding:9px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}
