*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7faf9;color:#24384a;font:17px/1.65 system-ui,sans-serif}a{color:#057d83}button,input,select{font:inherit}button,.button{border:0;border-radius:10px;padding:10px 16px;background:#057d83;color:white;cursor:pointer;text-decoration:none;display:inline-block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ed9c29;outline-offset:3px}.secondary{background:#e6efef;color:#122d49}header{background:#fff;padding:12px max(20px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}header img{width:180px}main{max-width:1120px;margin:auto;padding:24px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;padding:32px 0}.hero img{width:100%;max-height:620px;object-fit:cover;border-radius:24px}h1{font-size:clamp(2.5rem,5vw,4.2rem);line-height:1.07;color:#122d49;letter-spacing:-.035em}h2,h3{line-height:1.25;color:#122d49}.eyebrow{color:#057d83;font-size:13px;letter-spacing:.12em;font-weight:800}.arabic{direction:rtl;text-align:right;font-family:Tahoma,Arial,sans-serif;font-size:1.08em;color:#057d83}.lead{font-size:1.2rem}.actions{display:flex;gap:10px;flex-wrap:wrap}.panel,.lesson,.review{background:white;border:1px solid #dce6e5;border-radius:18px;padding:24px;margin:20px 0}.toolbar{position:sticky;top:0;z-index:2;background:#f7faf9ed;backdrop-filter:blur(8px);padding:15px 0;border-bottom:1px solid #dce6e5;display:flex;gap:15px;flex-wrap:wrap;align-items:center}.toolbar input{padding:10px;border-radius:10px;border:1px solid #aebfbe;flex:1;min-width:200px}progress{accent-color:#057d83;max-width:100%}summary{cursor:pointer;font-weight:750;font-size:1.18rem;color:#122d49}summary small{font-weight:500;font-size:.9rem}audio{width:100%;margin:14px 0}.dialogue{background:#eaf5f4;border-left:4px solid #057d83;padding:14px 20px;border-radius:8px}.dialogue p{margin:8px 0}.vocab{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.word{padding:8px 12px;background:#f5f7f8;border-radius:9px;display:flex;justify-content:space-between;gap:10px}.callout{border-left:4px solid #f5ab3d;padding:8px 18px;background:#fffbef}.check{background:#f4f7fa;padding:18px;border-radius:12px}.check button{margin:10px 0}.answer[hidden]{display:none}.completed{margin-top:20px;padding-top:12px;border-top:1px solid #dce6e5}footer{background:#122d49;color:#fff;padding:32px;text-align:center}footer a{color:#b9eee7}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}table{border-collapse:collapse;width:100%}td,th{padding:10px;text-align:left;border-bottom:1px solid #dce6e5}#empty{padding:25px} .skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;background:white;padding:10px;z-index:5}@media(max-width:720px){.hero,.grid{grid-template-columns:1fr}.hero{padding-top:5px}.hero img{max-height:440px}.vocab{grid-template-columns:1fr}.panel,.lesson,.review{padding:18px}main{padding:16px}header img{width:135px}header a{font-size:.85rem}}@media print{.toolbar,audio,button,.hero img,.completed,header,.actions{display:none}details{display:block}body{font-size:11pt}.lesson{break-inside:avoid} .answer{display:block!important}}
:root{--navy:#122d49;--gold:#f5ab3d;--teal:#057d83}body{background:#f6f3eb}.hero h1{font-weight:900;max-width:650px}.hero img{box-shadow:12px 12px 0 #f5ab3d;border:3px solid #122d49;border-radius:12px;object-position:center}.hero .eyebrow{display:inline-block;background:#122d49;color:#fff;padding:6px 12px;transform:rotate(-2deg)}.belonging-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#122d49;color:white;border-radius:16px;margin:25px 0 40px;overflow:hidden}.belonging-strip div{padding:22px;border-right:1px solid #ffffff30}.belonging-strip strong{display:block;font-size:1.5rem;color:#ffd38b}.belonging-strip span{display:block;font-size:.88rem}.section-top{max-width:780px;padding:40px 0 15px}.section-top h2{font-size:clamp(2.5rem,6vw,4rem);margin:10px 0;letter-spacing:-.04em}.scene-links{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.scene-links a{background:white;border:1px solid #c5d5d2;border-radius:50px;padding:8px 14px;font-size:.85rem;text-decoration:none}.teen-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.teen-card{background:#fff;border:2px solid #122d49;border-radius:14px;padding:26px;box-shadow:5px 5px 0 #e3ddcb;scroll-margin-top:110px}.teen-card:nth-child(3n+2){border-top:9px solid #f5ab3d}.teen-card:nth-child(3n){border-top:9px solid #057d83}.scene-number{font-size:.75rem;font-weight:850;letter-spacing:.08em;color:#057d83}.teen-card h3{font-size:1.65rem;margin:12px 0}.teen-card h4{font-size:1.1rem;margin-bottom:6px}.teen-card details{margin:16px 0}.teen-card .dialogue{padding:14px}.teen-card summary{font-size:1rem}.teen-card select{max-width:100%;padding:7px;border:1px solid #b9c9c9;border-radius:6px}.choice{display:block;background:#f4f6f6;border:1px solid #b7c8c7;color:#122d49;text-align:left;width:100%;margin:8px 0;padding:14px;line-height:1.4}.choice span{font-weight:900;color:#057d83;margin-right:8px}.choice[aria-pressed=true]{background:#122d49;color:white;border-color:#122d49}.choice[aria-pressed=true] span{color:#ffd38b}.scene-feedback:not(:empty){background:#eaf5f4;border-left:4px solid #057d83;padding:15px;margin:14px 0}.phrase{border-top:2px dashed #e2c998;margin-top:20px;padding-top:16px;font-size:.93rem}.journal{background:repeating-linear-gradient(white,white 31px,#057d8310 32px);border-left:8px solid #f5ab3d;margin-top:40px}.journal textarea{display:block;width:100%;font:inherit;border:1px solid #b2c7c7;border-radius:10px;padding:14px;background:#fffef8;margin-top:10px;resize:vertical}.journal button{margin-bottom:12px}.journal #note-status{display:block;font-size:.9rem;color:#057d83}.lesson{scroll-margin-top:110px}.lesson summary{line-height:1.5}.lesson:has(input:checked){border-left:6px solid #057d83}a:focus-visible,textarea:focus-visible{outline:3px solid #f5ab3d;outline-offset:4px}@media(max-width:760px){.teen-grid{grid-template-columns:1fr}.belonging-strip{grid-template-columns:1fr 1fr}.belonging-strip div{padding:16px}.teen-card{padding:20px}.hero img{max-height:580px;box-shadow:6px 6px 0 #f5ab3d}.toolbar{position:relative}.hero{gap:22px}}@media print{.teen-grid{display:block}.teen-card{break-inside:avoid}.choices,.journal textarea{display:none}}