.noon-lesson{position:relative;z-index:1;max-width:1040px;margin:auto;padding:40px 24px;color:var(--c-ink);margin-top: 55px}
.noon-heading{text-align:center;margin:0 auto 32px;max-width:740px}
.noon-heading h1{font-size:clamp(1.8rem,4vw,2.65rem);font-weight:800;line-height:1.6;margin:20px 0 12px}
.noon-heading p{font-size:1.08rem;line-height:1.9}
.noon-lesson a{color:#0A3D35;text-underline-offset:5px}
.noon-nav,.noon-rule-nav{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:24px 0}
.noon-nav a,.noon-rule-button{min-height:48px;border:1px solid var(--c-line-soft);border-radius:var(--r-tile);background:#fff;padding:10px 22px;font:inherit;font-weight:700;color:#1B332E;text-decoration:none;cursor:pointer}
.noon-nav a:hover,.noon-rule-button:hover{background:#F6F1E4}
.noon-rule-button[aria-pressed=true]{background:#0E6B5C;color:#fff;border-color:#0E6B5C}
.noon-paper{background:#fff;border:1px solid var(--c-line-soft);border-radius:var(--r-tile);padding:32px;margin:24px 0;scroll-margin-top:90px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.noon-paper h2{font-size:1.5rem;font-weight:800;margin:0 0 16px}
.noon-paper h3{font-size:1.2rem;font-weight:800;margin:12px 0}
.noon-paper p{line-height:1.9}
.noon-concepts{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.noon-concepts article{text-align:center;padding:12px}
.noon-symbol{font-family:'Amiri Quran','Amiri',serif;font-size:3.5rem;line-height:1.9;color:#0A3D35}
.noon-steps{display:flex;gap:32px;padding-inline-start:24px;margin:24px 0;font-weight:700;line-height:1.9}
.noon-steps li{flex:1;padding-inline-start:4px}
.noon-note,.noon-teacher-note{font-size:.92rem;line-height:1.9;color:var(--c-ink-muted);margin:24px 0 0}
.noon-teacher-note{padding:0 16px;color:#1B332E}
.noon-rule-overview{padding:4px 0 20px;border-bottom:1px solid var(--c-line-soft)}
.noon-letters{font-family:'Amiri Quran','Amiri',serif;font-size:1.6rem;line-height:2;color:#0A3D35}
.noon-example-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.noon-example{min-width:0;padding:20px;border:1px solid var(--c-line-soft);border-radius:var(--r-tile);background:#fff}
.noon-example-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.9rem;font-weight:700}
.noon-example-top span{color:var(--c-ink-muted)}
.noon-phrase,.noon-verse{font-family:'Amiri Quran','Amiri',serif!important;font-weight:400!important;letter-spacing:normal!important;line-height:2.35!important;overflow-wrap:break-word}
.noon-phrase{font-size:1.7rem;text-align:center;margin:14px 0}
.noon-verse{font-size:1.55rem;text-align:start;margin:20px 0 8px;user-select:text}
.noon-lesson mark,.noon-game-context mark{color:#1B332E;background:var(--c-line-soft);border-radius:var(--r-cell);padding:2px 0;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.noon-reason{font-size:1rem;margin-bottom:12px}
.noon-verse-details summary{cursor:pointer;color:#0A3D35;min-height:44px;padding:10px 0;font-weight:700}
.noon-source{display:inline-block;margin-top:12px;font-size:.9rem}
.noon-example-more{text-align:center;font-weight:700;color:var(--c-ink-muted);margin:20px 0 0}
.noon-games-paper{margin-bottom:32px}
.tj-game-form{margin:0}
.tj-game-card-button{width:100%;border:0;font:inherit;cursor:pointer}
.tj-game-card-button:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 26px 60px rgba(23, 132, 116, .35)}
.tj-game-card-button:hover::before{transform:scaleX(1)}
.tj-game-card-button:hover::after{transform:translate(-50%,-50%) scale(1)}
.tj-game-card-button:hover .tj-game-icon{transform:rotate(360deg) scale(1.1)}
.noon-game-context{background:#fff;border:1px solid var(--c-line-soft);border-radius:var(--r-tile);padding:20px;width:100%;max-width:720px;color:var(--c-ink);user-select:text}
.noon-game-context .noon-verse-details{max-height:40vh;overflow:auto}
.noon-feedback{max-width:720px;width:100%;background:#F6F1E4;border-radius:var(--r-tile);padding:20px;color:#1B332E;line-height:1.9}
.noon-next{display:block;margin:16px auto 0;background:linear-gradient(135deg,#0E6B5C,var(--c-orange));color:#fff;border:0;border-radius:var(--r-block);padding:12px 28px;min-height:48px;font:inherit;font-weight:700;cursor:pointer}
.noon-next:disabled{opacity:.6;cursor:wait}
.noon-save-status{font-size:.85rem;margin-top:8px;color:var(--c-ink-muted)}
.noon-save-status.is-error{color:var(--c-wrong)}
.noon-lesson :focus-visible,.game-viewport :focus-visible{outline:3px solid var(--c-orange);outline-offset:4px}
.noon-lesson ::selection{background:var(--c-hint-100);color:#1B332E}
[data-noon-panel][hidden],.noon-feedback[hidden],.noon-next[hidden]{display:none!important}
@media(max-width:600px){.noon-lesson{padding:24px 14px}.noon-paper{padding:22px 18px}.noon-concepts,.noon-example-list{grid-template-columns:1fr;gap:12px}.noon-concepts article+article{border-top:1px solid var(--c-line-soft)}.noon-steps{display:block}.noon-steps li{margin:12px 0}.noon-nav a,.noon-rule-button{padding:10px 14px}.noon-phrase{font-size:1.75rem}.noon-verse{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){.noon-lesson *,.game-viewport *{animation:none!important;transition:none!important}}
.noon-full-verse summary{cursor:pointer;min-height:44px;padding:10px 0;color:#0A3D35;font-weight:700}
.jl-example .noon-verse{font-size:1.35rem;margin:10px 0 4px}