.reading{--ink:#132c38;--blue:#07566a;--accent:#d5f06a;--line:#dce4e6;--paper:#f5f8f9;color:var(--ink);background:#fff;font-family:Arial,sans-serif;font-size:16px;line-height:1.6}.reading *{box-sizing:border-box}.reading h1,.reading h2,.reading h3,.reading h4{color:var(--ink);letter-spacing:-.025em;line-height:1.2}.reading h1{margin:.6em 0;font-size:clamp(2rem,3.5vw,3.6rem);font-weight:500}.reading h2{font-size:2rem}.reading h3{font-size:1.25rem}.reading a{color:inherit;text-decoration:none}.reading a:hover{text-decoration:underline}.reading button,.reading .r-button{background:var(--blue);border:1px solid var(--blue);color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:13px 22px;font-size:1rem;font-weight:600;display:inline-flex}.reading button:disabled{opacity:.5;cursor:not-allowed}.reading .secondary{color:var(--blue);background:#fff}.reading input,.reading select{font:inherit;width:100%;color:var(--ink);background:#fff;border:1px solid #899ca4;border-radius:7px;padding:11px}.reading label{margin:12px 0;display:block}.reading input[type=checkbox],.reading input[type=radio]{width:20px;height:20px;accent-color:var(--blue);flex-shrink:0}.reading :focus-visible{outline-offset:4px;outline:3px solid #a6541b}.r-shell{grid-template-columns:248px minmax(0,1fr);max-width:1700px;min-height:85vh;margin:auto;display:grid}.r-sidebar{border-right:1px solid var(--line);background:var(--paper);flex-direction:column;gap:12px;padding:34px 24px;display:flex}.r-wordmark{align-items:center;gap:12px;margin-bottom:30px;font-size:1.6rem;display:flex}.r-wordmark>span{background:var(--blue);color:var(--accent);border-radius:12px;padding:8px 16px;font-size:2.5rem;line-height:1}.r-wordmark small{letter-spacing:.1em;font-size:.65rem;display:block}.r-sidebar>a:not(.r-wordmark){border-radius:8px;align-items:center;gap:12px;padding:12px;font-size:.9rem;display:flex}.r-sidebar .active{color:var(--blue);background:#dfebee;font-weight:700}.r-sidebar-bottom{margin-top:auto;padding-top:100px}.r-sidebar-bottom>p{font-size:1.4rem;line-height:1.4}.r-sidebar-bottom small,.r-sidebar-bottom>a{margin:14px 0;font-size:.85rem;display:block}.r-main{min-width:0;padding:0 44px 45px}.r-top{border-bottom:1px solid var(--line);letter-spacing:.045em;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;padding:23px 0;font-size:.78rem;display:flex}.r-top a{letter-spacing:0;align-items:center;gap:8px;font-size:.9rem;display:flex}.r-label{letter-spacing:.12em;text-transform:uppercase;color:#476672;font-size:.75rem;font-weight:700}.r-welcome{grid-template-columns:1.15fr 1fr;align-items:center;gap:45px;padding:5px 0 36px;display:grid}.r-welcome p{color:#47616b;max-width:580px}.r-welcome h1 em{color:var(--blue);font-style:normal}.r-actions{flex-wrap:wrap;align-items:center;gap:18px;margin:28px 0;display:flex}.r-letter-scene{background:var(--blue);color:#fff;text-align:center;border-radius:20px;min-height:310px;padding:30px 22px;box-shadow:12px 12px #e9f1f3}.r-letter-scene>.r-label{color:#d8eced}.r-letter-scene>div{justify-content:space-around;align-items:center;margin:24px 0;font-family:Traditional Arabic,Noto Naskh Arabic,serif;font-size:5rem;line-height:1.8;display:flex}.r-letter-scene>div span:nth-child(2){color:var(--accent)}.r-letter-scene small{font:1rem/1 Arial,sans-serif;display:block}.r-letter-scene>p{color:#d8eced;margin:24px 0 0;font-size:.85rem}.r-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:16px 0 45px;padding:24px 0;display:grid}.r-stats>div{border-right:1px solid var(--line);padding:0 20px}.r-stats>div:first-child{padding-left:0}.r-stats>div:last-child{border:0}.r-stats b{font-size:1.8rem;font-weight:500;display:block}.r-stats span{color:#47616b;font-size:.82rem}.r-enroll{background:#eff5f6;border-radius:16px;grid-template-columns:1fr 1fr;gap:50px;margin:30px 0 55px;padding:32px;display:grid}.r-enroll h2{font-size:1.7rem}.r-check{flex-wrap:wrap;align-items:start;gap:8px;font-size:.85rem;display:flex!important}.r-code{border:1px dashed var(--blue);margin-bottom:20px;padding:16px}.r-code p{margin:0}.r-section-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.r-section-heading h2{margin:10px 0}.r-section-heading>span{color:#47616b;font-size:.85rem}.r-phase{margin:36px 0}.r-phase>h3{align-items:center;gap:12px;display:flex}.r-phase>h3>span{background:var(--ink);color:#fff;border-radius:50%;padding:7px 10px;font-size:.85rem}.r-lesson-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.r-lesson{border:1px solid var(--line);border-radius:12px;flex-direction:column;padding:22px;transition:transform .15s,box-shadow .15s;display:flex}.r-lesson:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 6px 20px #102f3710;text-decoration:none!important}.r-lesson.complete{background:#f3f8df}.r-lesson>.r-label{justify-content:space-between;display:flex}.r-lesson h4{margin:18px 0 8px;font-size:1.15rem}.r-lesson p{color:#47616b;margin:0 0 22px;font-size:.9rem}.r-lesson-footer{margin-top:auto;font-size:.8rem}.r-exam-tag{color:var(--blue);margin-top:8px;font-size:.75rem}.r-final{background:var(--ink);border-radius:12px;align-items:center;gap:20px;padding:28px;display:flex;color:#fff!important}.r-final h3{color:#fff;margin:0 0 8px}.r-final p{margin:0;font-size:.9rem}.r-final>svg:last-child{margin-left:auto}.r-teaching{background:var(--paper);border-radius:12px;padding:20px 25px}.r-teaching p{gap:18px;display:flex}.r-teaching b{color:var(--blue)}.r-card-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0;display:grid}.r-study-card{border:1px solid var(--line);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:24px;display:flex}.r-arabic{font-size:2rem;letter-spacing:0!important;font-family:Traditional Arabic,Noto Naskh Arabic,Geeza Pro,serif!important;line-height:2!important}.r-study-card>div.r-arabic{overflow-wrap:anywhere;max-width:100%;font-size:3.5rem}.r-study-card p{margin:0}.r-study-card small{color:#47616b;font-size:.85rem}.r-forms{border-top:1px solid var(--line);justify-content:space-around;width:100%;padding-top:15px;display:flex}.r-forms small{font-size:.75rem;display:block}.reading .r-icon{color:var(--blue);background:#fff;min-height:40px;padding:8px}.r-practice-links{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.r-practice-links>a{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:22px}.r-practice-links span{color:var(--blue);font-weight:700}.r-practice-links p{font-size:.85rem}.r-question{border:1px solid var(--line);border-radius:14px;margin:30px 0;padding:25px}.r-question legend{max-width:100%;padding:0 10px;font-weight:600}.r-question legend>span{color:var(--blue);margin-right:10px}.r-stimulus{text-align:center;margin-bottom:20px;font-size:3.8rem}.r-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.r-options label{border:1px solid var(--line);cursor:pointer;border-radius:9px;align-items:center;gap:14px;margin:0;padding:15px;display:flex}.r-options label.selected{border-color:var(--blue);background:#e5f0f3}.r-tiles{border:1px dashed #899ca4;flex-wrap:wrap;gap:10px;min-height:70px;margin:18px 0;padding:12px;display:flex}.r-tiles button{color:var(--ink);background:#fff;padding:10px 18px;font:2rem Traditional Arabic,serif}.r-progress{background:var(--line);border-radius:3px;height:6px}.r-progress>span{background:var(--blue);height:100%;display:block}.r-callout{background:#e9f2f4;border-radius:12px;margin:25px 0;padding:24px}.r-error{color:#803420;background:#fff0ed;border-radius:10px;margin:20px 0;padding:18px}.r-feedback{background:#fff7ed;border-left:4px solid #bc6e38;margin:14px 0;padding:12px 20px}.r-feedback.correct{border-color:var(--blue);background:#eff6f7}.r-result h1>span{font-size:1.4rem}.r-history{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:18px;padding:15px 0;display:flex}.r-course-footer{border-top:1px solid var(--line);color:#47616b;margin-top:55px;padding-top:22px;font-size:.82rem}.r-course-footer a{text-decoration:underline}.reading .r-link{color:var(--blue);background:0 0;border:none;min-height:30px;padding:5px 10px;font-size:.85rem}.r-login{max-width:720px;margin:auto;padding:40px 20px}.r-table-wrap{margin:25px 0;overflow:auto}.reading table{border-collapse:collapse;width:100%;font-size:.85rem}.reading th,.reading td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);min-width:100px;padding:14px}.reading th{background:var(--paper)}.reading details{border-bottom:1px solid var(--line);padding:20px 0}.reading summary{cursor:pointer;font-weight:700}@media (max-width:1150px){.r-shell{grid-template-columns:210px minmax(0,1fr)}.r-main{padding:0 26px 35px}.r-welcome{grid-template-columns:1fr;gap:20px}.r-letter-scene{min-height:240px}.r-letter-scene>div{margin:10px 0}.r-lesson-grid,.r-card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.r-shell{display:block}.r-sidebar{border-right:none;border-bottom:1px solid var(--line);flex-flow:wrap;gap:5px;padding:18px}.r-wordmark{margin:0 20px 0 0;font-size:1.2rem}.r-wordmark>span{font-size:1.7rem}.r-sidebar>.r-label,.r-sidebar-bottom{display:none}.r-sidebar>a:not(.r-wordmark){padding:8px;font-size:.8rem}.r-main{padding:0 18px 30px}.r-top{margin-bottom:26px;font-size:.65rem}.r-welcome{padding-top:0}.r-stats{grid-template-columns:1fr 1fr;gap:20px}.r-stats>div:nth-child(3){padding-left:0}.r-stats>div:nth-child(2){border:none}.r-enroll{grid-template-columns:1fr;gap:18px;padding:22px}.r-section-heading{display:block}.r-lesson-grid,.r-card-grid,.r-practice-links,.r-options{grid-template-columns:1fr}.r-question{padding:18px 12px}.r-stimulus{font-size:3rem}.r-final{align-items:start}.r-final>svg{flex-shrink:0}.r-study-card>div.r-arabic{font-size:3rem}}@media (prefers-reduced-motion:reduce){.r-lesson{transition:none}.r-lesson:hover{transform:none}}.reading{z-index:1;position:relative}.reading .r-arabic,.r-letter-scene>div,.r-tiles button{font-family:A180Arabic,Traditional Arabic,serif!important}.r-sidebar .r-arabic{font-size:1.7rem}.r-demo-card{background:#eaf0ff;border:1px solid #c9d8fc;border-radius:20px;align-items:center;gap:2rem;margin:1.5rem 0 2rem;padding:1.75rem;display:flex}.r-demo-card h2{margin:.5rem 0;font-size:1.5rem}.r-demo-card p{max-width:680px}.r-demo-card button{flex-shrink:0}@media (max-width:760px){.r-demo-card{display:block}.r-demo-card button{margin-top:1rem}}