@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/tajawal-400.woff') format('woff')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/tajawal-500.woff') format('woff')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/tajawal-700.woff') format('woff')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:900;font-display:swap;src:url('fonts/tajawal-900.woff') format('woff')}



:root {
--primary: #4361ee;
--secondary: #3a0ca3;
--accent: #f72585;
--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);
--card-bg: rgba(255, 255, 255, 0.95);
--text-color: #1e293b;
}

body {
font-family: 'Tajawal', sans-serif;
background: var(--bg-gradient);
color: var(--text-color);
margin: 0;
padding: 0;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
scroll-behavior: smooth;
}

nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: rgba(15, 23, 42, 0.98);
backdrop-filter: blur(10px);
display: flex;
justify-content: center;
gap: 4px;
padding: 8px 4px;
z-index: 1000;
box-shadow: 0 4px 10px rgba(0,0,0,0.3);
flex-wrap: wrap;
}

nav a {
color: white;
text-decoration: none;
font-weight: 700;
font-size: 0.7em;
padding: 6px 8px;
border-radius: 15px;
transition: background 0.3s ease;
cursor: pointer;
background: rgba(255, 255, 255, 0.05);
}

nav a:hover, nav a.active {
background: var(--primary);
}

.hero {
position: relative;
text-align: center;
padding: 130px 20px 30px 20px;
color: white;
width: 100%;
background: radial-gradient(circle at center, rgba(67, 97, 238, 0.3) 0%, transparent 70%);
}

.hero h1 {
font-size: 1.8em;
margin: 0;
font-weight: 900;
background: linear-gradient(to right, #ffffff, #94a3b8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.hero h2 {
font-size: .92em;
margin: 8px 0 0 0;
font-weight: 500;
color: #cbd5e1;
line-height: 1.6;
}

.container {
max-width: 900px;
width: 90%;
margin: 10px auto 50px auto;
display: flex;
flex-direction: column;
gap: 25px;
}

.section-content {
display: none;
width: 100%;
box-sizing: border-box;
}

.section-content.active-section {
display: flex;
flex-direction: column;
gap: 25px;
}

.section-content.active-section > .card {
width: 100%;
box-sizing: border-box;
}

nav a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
outline: 3px solid #f72585;
outline-offset: 3px;
}

body.modal-open { overflow: hidden; }

.close-modal {
background: transparent;
border: 0;
padding: 0 8px;
}

@media (max-width: 600px) {
nav { padding: 7px 5px; gap: 5px; }
nav a { font-size: 0.75em; padding: 7px 9px; }
.hero { padding-top: 150px; }
.hero h1 { font-size: 1.9em; }
.container { width: 94%; }
.card { padding: 17px; }
.options-group { gap: 10px; }
}

.card {
background: var(--card-bg);
border-radius: 20px;
padding: 25px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
border-right: 8px solid var(--primary);
}

.card.a2 { border-right-color: #f72585; }
.card.b1 { border-right-color: #4cc9f0; }
.card.audio-card { border-right-color: #f77f00; }
.card.alltag-card { border-right-color: #7209b7; }
.card.test-card { border-right-color: #10b981; }
.card.feedback-card { border-right-color: #4361ee; }

.card h3 {
margin-top: 0;
font-size: 1.5em;
color: var(--secondary);
}

.section-showcase {
background: linear-gradient(135deg, rgba(67, 97, 238, 0.08), rgba(247, 37, 133, 0.08));
border: 2px dashed rgba(67, 97, 238, 0.3);
border-radius: 15px;
padding: 15px;
text-align: center;
margin: 15px 0;
}

.section-showcase img {
width: 100%;
max-width: 260px;
border-radius: 50%;
box-shadow: 0 8px 20px rgba(0,0,0,0.15);
border: 4px solid white;
cursor: pointer;
}

.audio-lesson-box {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 15px;
padding: 15px;
margin-bottom: 15px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}

.audio-lesson-box img {
width: 100%;
max-width: 320px;
height: auto;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
cursor: pointer;
border: 2px solid #cbd5e1;
}

.audio-player-container {
width: 100%;
max-width: 350px;
background: white;
padding: 8px;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
display: flex;
justify-content: center;
align-items: center;
}

.audio-frame {
width: 100%;
height: 90px;
border: none;
}

.a1-gallery {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
gap: 12px;
margin: 20px 0;
}

.a1-gallery img {
width: 100%;
height: 130px;
object-fit: cover;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
border: 2px solid #e2e8f0;
cursor: pointer;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.a1-gallery img:hover {
transform: scale(1.03);
box-shadow: 0 6px 15px rgba(67, 97, 238, 0.3);
border-color: var(--primary);
}

.modal {
display: none;
position: fixed;
z-index: 2000;
padding-top: 50px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.9);
text-align: center;
}

.modal-content {
margin: auto;
display: block;
max-width: 90%;
max-height: 82vh;
border-radius: 10px;
box-shadow: 0 0 25px rgba(255, 255, 255, 0.2);
object-fit: contain;
transition: transform .2s ease;
transform-origin: center center;
cursor: zoom-in;
touch-action: pan-x pan-y;
}
.modal-toolbar { position:fixed; bottom:18px; left:50%; transform:translateX(-50%); display:flex; gap:10px; z-index:2002; align-items:center; }
.modal-toolbar button { border:0; border-radius:22px; padding:10px 14px; background:#fff; color:#111827; font-weight:700; cursor:pointer; box-shadow:0 3px 12px #0008; }
.modal-counter { color:#fff; font-weight:700; min-width:64px; text-align:center; }
.modal-nav { position:fixed; top:50%; transform:translateY(-50%); z-index:2002; border:0; border-radius:50%; width:46px; height:46px; font-size:25px; color:#111827; background:#fff; cursor:pointer; }
.modal-prev { right:18px; } .modal-next { left:18px; }
@media(max-width:600px){ .modal{padding-top:55px;} .modal-content{max-width:96%;max-height:78vh;} .modal-nav{width:40px;height:40px;} .modal-prev{right:8px;} .modal-next{left:8px;} }


.close-modal {
position: absolute;
top: 15px;
left: 25px;
color: #f1f1f1;
font-size: 35px;
font-weight: bold;
cursor: pointer;
transition: 0.3s;
}

.close-modal:hover {
color: var(--accent);
}

.welcome-box {
background: linear-gradient(135deg, rgba(67, 97, 238, 0.1), rgba(58, 12, 163, 0.1));
border: 1px solid rgba(67, 97, 238, 0.2);
text-align: right;
direction: rtl;
}

.welcome-box p {
margin: 8px 0;
font-size: 1.02em;
line-height: 1.7;
}

.level-buttons {
display: flex;
gap: 6px;
justify-content: center;
margin-bottom: 20px;
flex-wrap: wrap;
}

.level-btn {
background: #e2e8f0;
color: var(--text-color);
border: none;
padding: 6px 12px;
border-radius: 10px;
font-family: 'Tajawal', sans-serif;
font-weight: 700;
cursor: pointer;
transition: 0.3s;
font-size: 0.85em;
}

.level-btn.active-level, .level-btn:hover {
background: var(--primary);
color: white;
}

.sub-quiz {
display: none;
}

.sub-quiz.active-sub {
display: block;
}

.question-box {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 12px;
margin-bottom: 12px;
}

.question-box h4 {
margin: 0 0 8px 0;
color: var(--secondary);
font-size: 1em;
}

.options-group {
display: flex;
gap: 12px;
flex-wrap: wrap;
}

.options-group label {
cursor: pointer;
font-size: 0.9em;
display: flex;
align-items: center;
gap: 5px;
}

.feedback-form {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 12px;
}

.feedback-form input, .feedback-form textarea {
width: 100%;
padding: 10px;
border: 1px solid #cbd5e1;
border-radius: 10px;
font-family: 'Tajawal', sans-serif;
font-size: 0.95em;
box-sizing: border-box;
}

.feedback-form textarea {
height: 90px;
resize: vertical;
}

.submit-btn {
background: var(--primary);
color: white;
border: none;
padding: 10px 18px;
border-radius: 10px;
font-family: 'Tajawal', sans-serif;
font-weight: 700;
font-size: 1em;
cursor: pointer;
transition: background 0.3s ease;
width: 100%;
margin-top: 15px;
}

.submit-btn:hover {
background: var(--secondary);
}

.footer {
text-align: center;
color: #94a3b8;
margin: 20px 0 40px 0;
font-size: 0.9em;
}

.test-level-tabs,.model-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0;}
.test-level-btn,.model-tab-btn{border:0;border-radius:12px;padding:10px 16px;font-family:'Tajawal',sans-serif;font-weight:800;cursor:pointer;background:#e2e8f0;color:#1e293b;}
.test-level-btn.active,.model-tab-btn.active{background:var(--primary);color:#fff;}
.extra-model-panel{display:none;}
.extra-model-panel.active{display:block;}
.model-context{background:#f8fafc;border-right:4px solid #4361ee;border-radius:10px;padding:12px;margin:12px 0;line-height:1.8;white-space:pre-line;}
.model-writing-speaking{background:#fff7ed;border-right:4px solid #f97316;border-radius:10px;padding:12px;margin:12px 0;line-height:1.8;}


/* تحديات عزوز */
.challenge-card {border-right-color:#f59e0b!important;}
.challenge-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0;}
.challenge-stats>div{background:#f8fafc;border-radius:14px;padding:13px 5px;text-align:center;display:flex;flex-direction:column;gap:4px;}
.challenge-stats span{font-size:1.4em}.challenge-stats strong{font-size:1.35em;color:#4338ca}.challenge-stats small{color:#64748b;font-size:.78em}
.challenge-level-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.challenge-level-btn{flex:1;min-width:95px;border:1px solid #cbd5e1;border-radius:12px;padding:11px 8px;background:#fff;color:#334155;font-family:inherit;font-weight:700;cursor:pointer}.challenge-level-btn.active{background:#4338ca;color:white;border-color:#4338ca}
.daily-challenge-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#eef2ff;border-radius:14px;padding:14px;margin-bottom:12px}.daily-challenge-heading h4{margin:4px 0;color:#312e81}.daily-challenge-heading small{color:#64748b}.daily-challenge-heading>span{white-space:nowrap;background:white;border-radius:20px;padding:6px 10px;font-size:.8em}
.challenge-question{border:1px solid #e2e8f0;border-radius:12px;padding:14px;margin:10px 0;background:#fff}.challenge-question h4{margin:0 0 10px;color:#1e293b}.challenge-options{display:grid;gap:8px}.challenge-options label{display:flex;gap:8px;align-items:center;background:#f8fafc;border-radius:9px;padding:9px;cursor:pointer}.challenge-options input{accent-color:#4338ca}.challenge-feedback{margin:12px 0;font-weight:700;line-height:1.8}.challenge-achievements{margin-top:22px;border-top:1px solid #e2e8f0;padding-top:12px}.challenge-achievement-list{display:flex;flex-wrap:wrap;gap:8px}.achievement-badge{background:#f1f5f9;color:#64748b;border-radius:30px;padding:7px 11px;font-size:.85em}.achievement-badge.unlocked{background:#fef3c7;color:#92400e;font-weight:700}.challenge-reset-btn{margin-top:16px;background:transparent;border:1px solid #cbd5e1;color:#64748b;border-radius:9px;padding:8px 12px;font-family:inherit;cursor:pointer;font-size:.8em}

.vocab-challenge{margin-top:24px;padding-top:20px;border-top:2px dashed #e2e8f0}.vocab-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:#ecfeff;padding:14px;border-radius:14px}.vocab-heading h3{margin:0 0 5px;color:#155e75}.vocab-heading p{margin:0;color:#475569;font-size:.9em}.vocab-heading>span{background:#fff;border-radius:20px;padding:7px 10px;font-size:.8em;font-weight:700;color:#0e7490}.vocab-question{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center;border:1px solid #e2e8f0;border-radius:14px;padding:13px;margin:10px 0;background:#fff}.vocab-picture{height:76px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:12px;font-size:2.6em}.vocab-word{font-size:1.1em;font-weight:900;color:#1e293b;direction:ltr;text-align:right}.vocab-audio{border:0;border-radius:9px;padding:7px 10px;background:#cffafe;color:#155e75;font-family:inherit;font-weight:700;cursor:pointer;margin:7px 0}.vocab-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.vocab-options label{display:flex;align-items:center;gap:6px;background:#f8fafc;border-radius:8px;padding:8px;cursor:pointer}.vocab-options input{accent-color:#0891b2}.vocab-question small{display:block;color:#64748b;margin-top:3px}@media(max-width:420px){.vocab-question{grid-template-columns:58px 1fr;padding:9px;gap:8px}.vocab-picture{height:58px;font-size:2em}.vocab-options{grid-template-columns:1fr}}


/* دروس عزوز الأصلية لمستويي A2 وB1 */
.azouz-lessons{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:22px;text-align:right}
.azouz-lesson{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:16px;box-shadow:0 5px 18px rgba(15,23,42,.06);color:#1e293b}
.azouz-lesson h4{margin:8px 0 10px;color:#4338ca;font-size:1.12rem}
.azouz-lesson .de-example{background:#eef2ff;border-right:4px solid #6366f1;border-radius:9px;padding:10px;margin:9px 0;font-weight:600;direction:ltr;text-align:left}
.azouz-lesson .ar-note{line-height:1.8;color:#475569}
.azouz-lesson .mini-ex{background:#f8fafc;padding:10px;border-radius:10px;margin-top:10px}
.azouz-lesson button{background:#4f46e5;color:white;border:0;border-radius:10px;padding:9px 12px;margin-top:8px;cursor:pointer;font-weight:700}
.azouz-lesson .lesson-art{width:100%;max-width:170px;height:95px;display:block;margin:0 auto}
.azouz-lesson .answer-feedback{font-weight:700;margin-top:8px;min-height:24px}
.azouz-section-intro{line-height:1.9;color:#475569;background:#f8fafc;padding:14px;border-radius:12px;margin-top:16px}



/* قائمة رئيسية أنيقة وحركات هادئة */
.azouz-menu-wrap{position:relative;flex:0 0 auto;z-index:1900}
.azouz-menu-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 14px;border:1px solid #475569;border-radius:13px;background:linear-gradient(135deg,#263755,#17243b);color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #02061726;transition:transform .2s,border-color .2s,box-shadow .2s}
.azouz-menu-trigger:hover{transform:translateY(-1px);border-color:#a5b4fc;box-shadow:0 7px 18px #02061735}
.azouz-menu-trigger .menu-lines{display:grid;gap:4px;width:19px}.azouz-menu-trigger .menu-lines i{height:2px;width:19px;background:#e0e7ff;border-radius:2px;transition:transform .22s,opacity .22s}
.azouz-menu-trigger[aria-expanded="true"] .menu-lines i:first-child{transform:translateY(6px) rotate(45deg)}.azouz-menu-trigger[aria-expanded="true"] .menu-lines i:nth-child(2){opacity:0}.azouz-menu-trigger[aria-expanded="true"] .menu-lines i:last-child{transform:translateY(-6px) rotate(-45deg)}
.azouz-menu-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(330px,calc(100vw - 32px));padding:10px;background:rgba(255,255,255,.97);border:1px solid #dbe4f0;border-radius:19px;box-shadow:0 20px 55px #0f172a30;backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translateY(-7px) scale(.985);transform-origin:top right;transition:opacity .2s,transform .2s,visibility .2s;max-height:min(70vh,540px);overflow:auto}
.azouz-menu-panel.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.azouz-menu-heading{padding:10px 12px 12px;border-bottom:1px solid #e2e8f0;margin-bottom:7px}.azouz-menu-heading strong{display:block;color:#172554;font-size:1.05rem}.azouz-menu-heading small{color:#64748b;line-height:1.6}
.azouz-menu-item{width:100%;display:flex;align-items:center;gap:11px;text-align:right;padding:11px 12px;border:0;border-radius:12px;background:transparent;color:#1e293b;font:inherit;cursor:pointer;transition:background .18s,transform .18s}.azouz-menu-item:hover{background:#eef2ff;transform:translateX(-2px)}.azouz-menu-item .menu-emoji{width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;border-radius:11px;background:#eef2ff;font-size:1.12rem}.azouz-menu-item b{display:block;font-size:.94rem}.azouz-menu-item small{display:block;color:#64748b;font-size:.77rem;margin-top:2px}.azouz-menu-separator{height:1px;background:#e2e8f0;margin:7px 5px}.azouz-menu-foot{padding:10px 12px;color:#64748b;font-size:.75rem;line-height:1.7}
/* لمسات حركة رقيقة لا تشتت المتعلم */
.home-hero-card{isolation:isolate}.home-hero-card:after{content:"";position:absolute;z-index:-1;top:-40%;bottom:-40%;left:-65%;width:35%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.075),transparent);transform:rotate(18deg);animation:azouzSoftShine 12s ease-in-out infinite}
@keyframes azouzSoftShine{0%,68%,100%{left:-65%}82%{left:130%}}
.home-level-card,.home-feature-card,.country-flag-card{animation:azouzCardIn .55s both;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
.home-level-card:nth-child(2),.home-feature-card:nth-child(2){animation-delay:.06s}.home-level-card:nth-child(3),.home-feature-card:nth-child(3){animation-delay:.12s}.home-feature-card:nth-child(4){animation-delay:.18s}
@keyframes azouzCardIn{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.home-action,.home-level-card,.home-feature-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.home-action:focus-visible,.azouz-menu-trigger:focus-visible,.azouz-menu-item:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}
@media(max-width:560px){.azouz-menu-trigger{padding:10px 11px;gap:7px;font-size:.86rem}.azouz-menu-panel{right:12px;left:12px}}
@media(prefers-reduced-motion:reduce){.home-hero-card:after,.home-level-card,.home-feature-card,.country-flag-card{animation:none!important}.azouz-menu-panel,.azouz-menu-trigger,.azouz-menu-trigger .menu-lines i{transition:none!important}}

/* الصفحة الرئيسية الاحترافية — إضافة تصميمية دون حذف محتوى الموقع */
#sec-home{max-width:100%;}
.home-hero-card{position:relative;overflow:hidden;border:1px solid rgba(129,140,248,.28);background:radial-gradient(circle at 8% 0%,rgba(99,102,241,.19),transparent 38%),linear-gradient(145deg,#171d3e,#20265a 65%,#25184b);color:#f8fafc;border-radius:26px;padding:28px 22px;text-align:center;box-shadow:0 18px 45px rgba(4,8,30,.24);}
.home-kicker{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(165,180,252,.35);background:rgba(99,102,241,.15);color:#dbeafe;border-radius:999px;padding:7px 12px;font-size:.85em;font-weight:800;margin-bottom:14px}
.home-hero-card h2{font-size:clamp(1.7rem,5vw,2.5rem);line-height:1.35;margin:4px 0 12px;color:#fff}
.home-hero-card p{max-width:650px;margin:0 auto;color:#dbe4ff;line-height:1.9;font-size:1.02rem}
.home-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:20px}
.home-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border-radius:13px;text-decoration:none;font-weight:900;border:1px solid transparent;cursor:pointer;font-family:inherit;font-size:.98rem}
.home-action.primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:white;box-shadow:0 8px 20px rgba(79,70,229,.28)}
.home-action.secondary{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(203,213,225,.3)}
.home-section-title{margin:26px 0 12px;color:var(--text-color);font-size:1.35rem;font-weight:900}
.home-level-grid,.home-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.home-level-card{display:block;text-decoration:none;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:17px 12px;text-align:center;box-shadow:0 7px 22px rgba(15,23,42,.07);transition:transform .2s,box-shadow .2s}
.home-level-card:hover,.home-feature-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(15,23,42,.12)}
.home-level-mark{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:15px;font-weight:900;font-size:1.15rem;margin-bottom:8px}
.home-level-card h3{margin:3px 0 5px;font-size:1.2rem;color:#312e81}.home-level-card p{margin:0;color:#64748b;font-size:.88rem;line-height:1.6}
.home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-feature-card{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:15px;text-decoration:none;color:#1e293b;box-shadow:0 5px 17px rgba(15,23,42,.05);transition:transform .2s,box-shadow .2s;cursor:pointer}
.home-feature-icon{flex:0 0 42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;background:#eef2ff}
.home-feature-card strong{display:block;margin:0 0 4px;color:#312e81}.home-feature-card small{display:block;color:#64748b;line-height:1.65;font-size:.83rem}
.home-note{margin-top:20px;background:#f8fafc;border:1px solid #e2e8f0;border-right:4px solid #6366f1;border-radius:14px;padding:16px;color:#334155;line-height:1.85}
.home-note h3{margin:0 0 7px;color:#3730a3;font-size:1.05rem}.home-note p{margin:6px 0}
@media(max-width:560px){.home-hero-card{padding:24px 16px;border-radius:21px}.home-level-grid{gap:8px}.home-level-card{padding:13px 6px}.home-level-mark{width:42px;height:42px}.home-level-card p{font-size:.78rem}.home-feature-grid{gap:9px}.home-feature-card{padding:12px 10px;gap:9px}.home-feature-icon{flex-basis:35px;height:35px;font-size:1.1rem}.home-feature-card small{font-size:.78rem}.home-actions .home-action{width:100%}}


/* ترحيب المستويات: عرض خاطف وغير مزعج */
.a1-welcome-overlay{transition:opacity .18s ease,visibility .18s ease}
.a1-welcome-card{max-height:72vh;transition:transform .18s ease}
.a1-welcome-card img{max-height:60vh;object-fit:contain}
/* ترحيب متحرك عند دخول مستوى A1 */
.a1-welcome-overlay{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(7,12,30,.78);backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s ease}
.a1-welcome-overlay.show{opacity:1;visibility:visible}
.a1-welcome-card{width:min(92vw,440px);max-height:82vh;overflow:hidden;background:#fff;border-radius:22px;box-shadow:0 24px 80px #0008;transform:translateY(24px) scale(.94);transition:transform .5s cubic-bezier(.2,.8,.2,1);position:relative;text-align:center}
.a1-welcome-overlay.show .a1-welcome-card{transform:translateY(0) scale(1)}
.a1-welcome-card img{display:block;width:100%;max-height:68vh;object-fit:contain;background:#eef5ff}
.a1-welcome-close{position:absolute;top:9px;left:9px;width:40px;height:40px;border:0;border-radius:50%;background:#111c;color:white;font-size:25px;cursor:pointer;z-index:1}
.a1-welcome-caption{padding:12px 16px 16px;color:#202b54;font-weight:800;font-size:1.05rem}
@media(prefers-reduced-motion:reduce){.a1-welcome-overlay,.a1-welcome-card{transition:none}}


/* تحسين وضوح أزرار الصوت وتلوين أقسام المستويات */
#sec-a1{--level-accent:#2563eb;--level-soft:#eff6ff}
#sec-a2{--level-accent:#0f766e;--level-soft:#ecfdf5}
#sec-b1{--level-accent:#7c3aed;--level-soft:#f5f3ff}
#sec-a1 .azouz-lesson,#sec-a2 .azouz-lesson,#sec-b1 .azouz-lesson{border-top:5px solid var(--level-accent);background:linear-gradient(160deg,#fff 0%,var(--level-soft) 100%)}
#sec-a1 .azouz-lesson h4,#sec-a2 .azouz-lesson h4,#sec-b1 .azouz-lesson h4{color:var(--level-accent)}
#sec-a1 .azouz-lesson button.home-action.secondary,#sec-a2 .azouz-lesson button.home-action.secondary,#sec-b1 .azouz-lesson button.home-action.secondary{background:var(--level-accent)!important;color:#fff!important;border:1px solid var(--level-accent)!important;opacity:1!important;box-shadow:0 4px 12px rgba(15,23,42,.12);text-shadow:none!important}
#sec-a1 .azouz-lesson button.home-action.secondary:hover,#sec-a2 .azouz-lesson button.home-action.secondary:hover,#sec-b1 .azouz-lesson button.home-action.secondary:hover{filter:brightness(.92)}
/* كلمات ألمانية متحركة بخفة في واجهة البداية */

/* كلمات ألمانية متحركة بجانب الصورة الشخصية فقط */
.profile-word-sparkles{position:absolute;top:142px;left:0;right:0;height:145px;pointer-events:none;z-index:1;overflow:visible}
.profile-word-sparkles span{position:absolute;top:var(--word-y,20px);width:clamp(78px,22vw,150px);font-size:clamp(.72rem,2.5vw,.98rem);line-height:1.35;font-weight:900;color:#fef3c7;text-shadow:0 2px 10px rgba(129,140,248,.75);opacity:0;animation:sideWordFloat 7.2s ease-in-out infinite}
.profile-word-sparkles span small{font-size:.82em;color:#bfdbfe}
.profile-word-sparkles span:nth-child(odd){left:max(3px,calc(50% - 225px));text-align:right}
.profile-word-sparkles span:nth-child(even){right:max(3px,calc(50% - 225px));text-align:left;color:#a7f3d0}
.profile-word-sparkles span:nth-child(1){--word-y:0px;animation-delay:0s}
.profile-word-sparkles span:nth-child(2){--word-y:8px;animation-delay:.8s}
.profile-word-sparkles span:nth-child(3){--word-y:45px;animation-delay:1.6s}
.profile-word-sparkles span:nth-child(4){--word-y:48px;animation-delay:2.4s}
.profile-word-sparkles span:nth-child(5){--word-y:88px;animation-delay:3.2s}
.profile-word-sparkles span:nth-child(6){--word-y:90px;animation-delay:4s}
.profile-word-sparkles span:nth-child(7){--word-y:118px;animation-delay:4.8s}
.profile-word-sparkles span:nth-child(8){--word-y:120px;animation-delay:5.6s}
@keyframes sideWordFloat{0%,100%{opacity:0;transform:translateY(8px) scale(.94)}14%,66%{opacity:.95;transform:translateY(0) scale(1)}82%{opacity:0;transform:translateY(-7px) scale(1.03)}}
@media(max-width:560px){.profile-word-sparkles{top:142px}.profile-word-sparkles span{width:clamp(70px,24vw,108px);font-size:clamp(.66rem,2.6vw,.82rem)}.profile-word-sparkles span:nth-child(odd){left:3px}.profile-word-sparkles span:nth-child(even){right:3px}}
@media(prefers-reduced-motion:reduce){.profile-word-sparkles span{animation:none;opacity:.55}}

.home-word-sparkles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.home-word-sparkles span{position:absolute;font-weight:900;white-space:nowrap;opacity:0;animation:wordFloat 8s ease-in-out infinite;color:#dbeafe;text-shadow:0 2px 12px #818cf866;font-size:clamp(.78rem,2.5vw,1.05rem)}
.home-word-sparkles span:nth-child(1){left:5%;top:18%;animation-delay:0s;color:#fde68a}
.home-word-sparkles span:nth-child(2){right:5%;top:30%;animation-delay:1.3s;color:#a7f3d0}
.home-word-sparkles span:nth-child(3){left:8%;bottom:18%;animation-delay:2.5s}
.home-word-sparkles span:nth-child(4){right:7%;bottom:14%;animation-delay:3.6s;color:#fbcfe8}
.home-word-sparkles span:nth-child(5){left:35%;top:7%;animation-delay:4.5s;color:#fde68a}
.home-word-sparkles span:nth-child(6){right:28%;bottom:7%;animation-delay:5.4s;color:#a7f3d0}
.home-hero-card>*:not(.home-word-sparkles){position:relative;z-index:1}
@keyframes wordFloat{0%,100%{opacity:0;transform:translateY(10px) scale(.92)}15%,70%{opacity:.78;transform:translateY(0) scale(1)}85%{opacity:0;transform:translateY(-8px) scale(1.04)}}
@media(prefers-reduced-motion:reduce){.home-word-sparkles span{animation:none;opacity:.35}}


/* إصلاح اتجاه الأسئلة الألمانية والفراغات في اختبارات A1/A2/B1 */
.quiz-question-title[dir="ltr"]{direction:ltr!important;unicode-bidi:isolate;text-align:left!important;line-height:1.65;}
.quiz-question-title[dir="rtl"]{direction:rtl!important;unicode-bidi:isolate;text-align:right!important;line-height:1.65;}
.extra-model-panel .question-box .options-group{direction:ltr;text-align:left;}
.extra-model-panel .question-box .options-group label{direction:ltr;text-align:left;display:flex;align-items:center;gap:8px;}
.extra-model-panel .question-box .options-group input{flex:0 0 auto;}
.b1-extra-block{margin:22px 0;padding:18px;border-radius:20px;background:linear-gradient(140deg,#f5f3ff,#fff);border:1px solid #ddd6fe;}
.b1-extra-block h3{color:#6d28d9;margin-top:0;}
.b1-extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.b1-extra-card{background:#fff;border:1px solid #ddd6fe;border-radius:16px;padding:15px;box-shadow:0 5px 16px #4c1d9510;}
.b1-extra-card h4{color:#6d28d9;margin:8px 0;}
.b1-extra-card .de-example{direction:ltr;text-align:left;unicode-bidi:isolate;background:#ede9fe;border-radius:10px;padding:10px;font-weight:700;}
.b1-extra-card .ar-note{line-height:1.8;}
.b1-email{background:#fff;border:1px solid #c4b5fd;border-radius:14px;padding:14px;margin:12px 0;}
.b1-email pre{white-space:pre-wrap;direction:ltr;text-align:left;font-family:inherit;line-height:1.7;background:#f5f3ff;padding:12px;border-radius:10px;}
@media(max-width:600px){.b1-extra-grid{grid-template-columns:1fr}.b1-extra-block{padding:12px}.b1-extra-card{padding:12px}}


/* B1 quick navigation cards */
.b1-choice-panel{margin:18px 0 24px;padding:22px;border-radius:24px;background:linear-gradient(135deg,#f5f3ff,#eef6ff);border:1px solid #d8d4fe;box-shadow:0 10px 28px rgba(30,41,59,.08);text-align:center}
.b1-choice-panel h3{margin:0 0 8px;color:#4c1d95;font-size:1.35rem}
.b1-choice-panel>p{margin:0 0 18px;color:#475569;line-height:1.7}
.b1-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.b1-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:145px;padding:16px 10px;border:1px solid #d9d6fe;border-radius:18px;background:#fff;color:#312e81;cursor:pointer;font:inherit;box-shadow:0 4px 12px rgba(30,41,59,.06);transition:transform .18s,box-shadow .18s}
.b1-choice:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(76,29,149,.13)}
.b1-choice span{font-size:1.9rem}.b1-choice strong{font-size:1rem}.b1-choice small{font-size:.82rem;color:#64748b;line-height:1.5}
#b1-emails-start,#b1-more-learning{scroll-margin-top:150px}
@media(max-width:600px){.b1-choice-panel{padding:16px 10px}.b1-choice-grid{grid-template-columns:1fr}.b1-choice{min-height:92px;display:grid;grid-template-columns:42px 1fr;text-align:right;justify-content:start;column-gap:10px}.b1-choice span{grid-row:span 2}.b1-choice small{grid-column:2}}



/* اختيار القسم قبل عرض محتوى A2 وB1 */
.level-content-hidden{display:none!important}
.a1-selectable-content[hidden]{display:none!important}
.a1-back-button{display:block;margin:0 0 16px;padding:10px 16px;border:0;border-radius:12px;background:#e2e8f0;color:#1e293b;font:inherit;font-weight:700;cursor:pointer}

.level-content-visible{display:block!important}
.level-choice-panel{margin:18px 0 24px;padding:22px;border-radius:24px;background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:1px solid #c7d2fe;box-shadow:0 10px 28px rgba(30,41,59,.08);text-align:center}
.level-choice-panel h3{margin:0 0 8px;color:#3730a3;font-size:1.3rem}
.level-choice-panel>p{margin:0 0 18px;color:#475569;line-height:1.7}
.level-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.level-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:125px;padding:16px 10px;border:1px solid #c7d2fe;border-radius:18px;background:#fff;color:#312e81;cursor:pointer;font:inherit;box-shadow:0 4px 12px rgba(30,41,59,.06)}
.level-choice span{font-size:1.8rem}.level-choice strong{font-size:1rem}.level-choice small{font-size:.82rem;color:#64748b;line-height:1.5}
/* ترحيب لين ووتين وجود: أصغر وأسرع */
.a1-welcome-card{width:min(78vw,300px)!important;max-height:55vh!important;transition:transform .16s ease!important}
.a1-welcome-card img{max-height:38vh!important;width:auto!important;max-width:100%!important;margin:auto;object-fit:contain}
.a1-welcome-caption{padding:7px 10px 9px!important;font-size:.9rem!important}
.a1-welcome-overlay{transition:opacity .16s ease,visibility .16s ease!important}
@media(max-width:600px){.level-choice-panel{padding:15px 10px}.level-choice-grid{grid-template-columns:1fr}.level-choice{min-height:88px;display:grid;grid-template-columns:38px 1fr;text-align:right;justify-content:start;column-gap:10px}.level-choice span{grid-row:span 2}.level-choice small{grid-column:2}}


.lesson-sentence-audio{display:inline-flex;align-items:center;gap:7px;margin:8px 0;padding:9px 13px;border:0;border-radius:11px;background:linear-gradient(120deg,#dbeafe,#ede9fe);color:#312e81;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 3px 10px rgba(49,46,129,.08)}
.lesson-sentence-audio:hover{filter:brightness(.97);transform:translateY(-1px)}
.lesson-sentence-audio:focus-visible{outline:3px solid #818cf8;outline-offset:2px}
.lesson-audio-status{font-size:.9rem;font-weight:700;color:#475569;margin:4px 0;min-height:1.2em}


/* Azouz complete A2/B1 curriculum */
.azc-course{--azc-accent:#2563eb;--azc-light:#eff6ff;--azc-border:#bfdbfe;margin:22px 0 30px;padding:clamp(12px,2.7vw,24px);border:1px solid var(--azc-border);border-radius:24px;background:linear-gradient(145deg,#f8fbff 0%,#f5f3ff 100%);color:#172033;box-shadow:0 14px 38px rgba(30,41,59,.08);direction:rtl;text-align:right;scroll-margin-top:18px}
.azc-course.azc-b1{--azc-accent:#7c3aed;--azc-light:#f5f3ff;--azc-border:#ddd6fe}
.azc-course *{box-sizing:border-box}
.azc-hero{padding:clamp(18px,3vw,28px);border-radius:20px;background:linear-gradient(120deg,var(--azc-accent),#4338ca);color:#fff;position:relative;overflow:hidden}
.azc-b1 .azc-hero{background:linear-gradient(120deg,#6d28d9,#be185d)}
.azc-hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.09);left:-50px;top:-70px}
.azc-kicker{font-size:.86rem;font-weight:800;letter-spacing:.02em;opacity:.9}
.azc-hero h3{margin:7px 0 9px;color:#fff;font-size:clamp(1.35rem,3vw,2rem);line-height:1.5}
.azc-hero p{margin:0;line-height:1.9;max-width:850px}
.azc-statrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}
.azc-stat{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);border-radius:12px;padding:8px 12px;font-weight:800;font-size:.93rem}
.azc-progress{height:9px;border-radius:99px;background:rgba(255,255,255,.28);overflow:hidden;flex:1;min-width:90px}
.azc-progress span{display:block;height:100%;width:0;background:#bbf7d0;border-radius:99px;transition:width .25s ease}
.azc-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,310px);gap:18px;margin-top:18px;align-items:start}
.azc-main{min-width:0;order:1}.azc-outline{min-width:0;order:2;position:sticky;top:12px;background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:13px;max-height:78vh;overflow:auto}
.azc-outline h4{margin:3px 3px 10px;color:#1e293b;font-size:1.05rem}
.azc-outline small{display:block;color:#64748b;line-height:1.6;margin:0 3px 10px}
.azc-topic-list{display:grid;gap:6px}
.azc-topic{width:100%;display:grid;grid-template-columns:32px 1fr 19px;align-items:center;gap:8px;text-align:right;direction:rtl;padding:9px 10px;border:1px solid #e2e8f0;background:#fff;border-radius:11px;color:#243047;font:inherit;cursor:pointer;line-height:1.55;min-height:46px}
.azc-topic:hover{border-color:var(--azc-accent);background:var(--azc-light)}
.azc-topic[aria-current="step"]{border-color:var(--azc-accent);background:var(--azc-light);box-shadow:inset -3px 0 0 var(--azc-accent);font-weight:800}
.azc-topic-index{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#f1f5f9;color:#475569;font-size:.8rem;font-weight:900}
.azc-topic[aria-current="step"] .azc-topic-index{background:var(--azc-accent);color:#fff}
.azc-topic-check{color:#059669;font-size:1.05rem}
.azc-lesson-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:clamp(15px,2.6vw,25px);box-shadow:0 7px 24px rgba(30,41,59,.05)}
.azc-lesson-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;color:#64748b;font-weight:800;font-size:.87rem}
.azc-pill{display:inline-flex;align-items:center;gap:6px;border-radius:99px;background:var(--azc-light);color:var(--azc-accent);padding:6px 10px;font-weight:900}
.azc-lesson-card h4{font-size:clamp(1.2rem,2.5vw,1.65rem);line-height:1.55;color:#172554;margin:12px 0 8px}
.azc-goal{font-size:1rem;color:#475569;line-height:1.8;margin:0 0 18px}
.azc-block{border-radius:15px;padding:15px;margin:13px 0;line-height:1.9;overflow-wrap:anywhere}
.azc-block h5{font-size:1.03rem;margin:0 0 7px;color:#172033}
.azc-explanation{background:#eff6ff;border-right:5px solid #3b82f6}.azc-formula{background:#f5f3ff;border-right:5px solid #8b5cf6}
.azc-example-area{background:#ecfdf5;border-right:5px solid #10b981}.azc-tip{background:#fffbeb;border-right:5px solid #f59e0b}.azc-common{background:#fff1f2;border-right:5px solid #fb7185}
.azc-formula-text{white-space:pre-line;direction:ltr;text-align:left;font-weight:800;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:rgba(255,255,255,.76);border-radius:10px;padding:12px;line-height:1.9;unicode-bidi:plaintext}
.azc-example{background:#fff;border:1px solid #d1fae5;border-radius:12px;padding:11px 12px;margin:9px 0}
.azc-de{direction:ltr;text-align:left;font-size:1.06rem;line-height:1.75;font-weight:800;color:#064e3b;unicode-bidi:plaintext;overflow-wrap:anywhere}
.azc-ar{font-size:.97rem;color:#334155;line-height:1.75;margin-top:4px}
.azc-audio{display:inline-flex;align-items:center;gap:6px;border:1px solid #a7f3d0;background:#f0fdf4;color:#065f46;border-radius:10px;padding:7px 10px;margin-top:8px;font:inherit;font-size:.88rem;font-weight:800;cursor:pointer}
.azc-audio:hover{background:#d1fae5}.azc-audio-all{border-color:#c4b5fd;background:#f5f3ff;color:#5b21b6;margin:0}
.azc-audio-status{font-size:.85rem;color:#64748b;margin:7px 0 0;min-height:1.3em}
.azc-quiz{margin-top:19px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:15px}
.azc-quiz h5{font-size:1.08rem;margin:0 0 5px;color:#172554}.azc-quiz-intro{font-size:.91rem;line-height:1.7;color:#64748b;margin:0 0 12px}
.azc-q{padding:13px 0;border-top:1px solid #e2e8f0}.azc-q:first-of-type{border-top:0}
.azc-q-title{font-weight:800;line-height:1.8;margin:0 0 8px;color:#1e293b}
.azc-options{display:grid;gap:7px}
.azc-option{display:flex;align-items:flex-start;gap:9px;padding:9px 10px;border:1px solid #e2e8f0;background:#fff;border-radius:10px;cursor:pointer;line-height:1.65}
.azc-option:has(input:checked){border-color:var(--azc-accent);background:var(--azc-light)}
.azc-option input{margin-top:6px;flex:0 0 auto;accent-color:var(--azc-accent)}
.azc-q-feedback{font-weight:700;line-height:1.75;margin:8px 0 0;font-size:.93rem}.azc-good{color:#047857}.azc-bad{color:#b91c1c}.azc-neutral{color:#b45309}
.azc-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}
.azc-btn{border:0;border-radius:11px;background:var(--azc-accent);color:#fff;padding:11px 15px;font:inherit;font-weight:900;cursor:pointer;min-height:44px}
.azc-btn:hover{filter:brightness(.96)}.azc-btn:disabled{opacity:.42;cursor:not-allowed}
.azc-btn-quiet{background:#e2e8f0;color:#1e293b}.azc-btn-green{background:#047857}
.azc-result{margin-top:12px;border-radius:12px;padding:12px;background:#fff;border:1px solid #e2e8f0;font-weight:800;line-height:1.75;display:none}
.azc-result[data-show="yes"]{display:block}.azc-footnote{font-size:.86rem;color:#64748b;line-height:1.7;margin-top:13px}
.azc-select{width:100%;font:inherit;padding:10px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;margin-bottom:10px;display:none}
@media(max-width:790px){.azc-layout{grid-template-columns:1fr}.azc-outline{position:static;order:1;max-height:none}.azc-main{order:2}.azc-topic-list{grid-template-columns:repeat(2,minmax(0,1fr))}.azc-topic{grid-template-columns:28px minmax(0,1fr) 15px;padding:8px 7px;font-size:.88rem}.azc-topic-index{width:25px;height:25px}.azc-select{display:block}.azc-outline h4{margin-top:0}}
@media(max-width:430px){.azc-topic-list{grid-template-columns:1fr 1fr}.azc-lesson-card{padding:12px}.azc-block{padding:12px}.azc-topic{font-size:.82rem;gap:5px}}


/* Fresh, uplifting study palette */
.azc-course{--azc-accent:#2563eb!important;--azc-light:#eff6ff!important;background:linear-gradient(145deg,#f0f9ff 0%,#f5f3ff 42%,#f0fdf4 100%)!important;border:1px solid #dbeafe;border-radius:24px;padding:clamp(12px,2.5vw,24px);box-shadow:0 12px 34px rgba(59,130,246,.09)}
.azc-b1{--azc-accent:#7c3aed!important;--azc-light:#f5f3ff!important;background:linear-gradient(145deg,#faf5ff 0%,#eff6ff 48%,#fff7ed 100%)!important}
.azc-hero{background:linear-gradient(125deg,#2563eb 0%,#7c3aed 58%,#0d9488 100%)!important;border-radius:20px!important;padding:clamp(18px,3vw,28px)!important;box-shadow:0 9px 24px rgba(79,70,229,.18)}
.azc-hero h3,.azc-hero p,.azc-hero .azc-kicker{color:#fff!important}
.azc-stat{background:rgba(255,255,255,.17)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)}
.azc-outline{background:rgba(255,255,255,.94)!important;border-color:#c7d2fe!important;box-shadow:0 8px 24px rgba(99,102,241,.08)}
.azc-topic{background:#fff!important;border-color:#dbeafe!important;transition:background .18s,border-color .18s,transform .18s}
.azc-topic:nth-child(4n+1){border-right:4px solid #60a5fa!important}.azc-topic:nth-child(4n+2){border-right:4px solid #a78bfa!important}.azc-topic:nth-child(4n+3){border-right:4px solid #34d399!important}.azc-topic:nth-child(4n){border-right:4px solid #fbbf24!important}
.azc-topic:hover{background:#f0f9ff!important;transform:translateY(-1px)}
.azc-topic[aria-current="step"]{background:#e0f2fe!important;border-color:#60a5fa!important;box-shadow:inset -4px 0 0 #2563eb,0 4px 12px rgba(37,99,235,.12)!important}
.azc-lesson-card{background:linear-gradient(150deg,#fff 0%,#fbfdff 65%,#f5f3ff 100%)!important;border:1px solid #dbeafe!important;box-shadow:0 10px 28px rgba(30,64,175,.08)!important;scroll-margin-top:18px}
.azc-lesson-card h4{color:#4338ca!important}
.azc-explanation{background:#eff6ff!important;border-right-color:#3b82f6!important}.azc-formula{background:#f5f3ff!important;border-right-color:#8b5cf6!important}.azc-example-area{background:#ecfdf5!important;border-right-color:#10b981!important}.azc-tip{background:#fffbeb!important;border-right-color:#f59e0b!important}.azc-common{background:#fff1f2!important;border-right-color:#fb7185!important}.azc-quiz{background:linear-gradient(145deg,#fff7ed,#fff)!important;border-color:#fed7aa!important}
.azc-topic-jump-highlight{animation:azcJumpGlow 1.8s ease-out}@keyframes azcJumpGlow{0%,35%{box-shadow:0 0 0 4px #fbbf24,0 0 0 9px rgba(251,191,36,.22)}100%{box-shadow:0 7px 24px rgba(30,64,175,.08)}}
@media(max-width:790px){.azc-course{padding:10px!important}.azc-outline{margin-bottom:14px}.azc-topic-list{gap:8px}.azc-topic{min-height:48px}}


/* Azouz kids challenge: bright, friendly and accessible */
.kids-challenge{margin:24px 0 18px;padding:18px;border-radius:22px;background:linear-gradient(135deg,#fff7ed 0%,#fdf2f8 45%,#eff6ff 100%);border:2px solid #fed7aa;box-shadow:0 8px 24px rgba(124,58,237,.08)}
.kids-challenge-hero{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:18px;background:linear-gradient(110deg,#fde68a,#fbcfe8,#bfdbfe);color:#312e81}
.kids-doodles{display:flex;gap:5px;font-size:2.1rem;align-items:center}.kids-challenge-hero h3{margin:0 0 4px;color:#312e81}.kids-challenge-hero p{margin:0;line-height:1.7}
.article-score-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}.article-score-pill{background:#fff;border:1px solid #e9d5ff;color:#6b21a8;border-radius:999px;padding:7px 12px;font-weight:800}
.article-round{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr));gap:12px;margin:15px 0}
.article-word-card{background:#fff;border:2px solid #e9d5ff;border-radius:18px;padding:14px 10px;text-align:center;box-shadow:0 4px 12px rgba(15,23,42,.05)}
.article-word-picture{font-size:3.1rem;line-height:1.35;display:block;margin-bottom:4px}.article-word-de{font-size:1.25rem;font-weight:900;color:#1e293b;direction:ltr;unicode-bidi:isolate}.article-word-ar{color:#64748b;margin:4px 0 10px;font-size:.92rem}
.article-choice-row{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.article-choice{border:2px solid #c4b5fd;background:#f5f3ff;color:#5b21b6;border-radius:12px;padding:9px 13px;font-size:1.05rem;font-weight:900;cursor:pointer;font-family:inherit}.article-choice:focus-visible,.article-choice:hover{outline:3px solid #fde68a;transform:translateY(-1px)}.article-choice.selected{background:#7c3aed;color:#fff;border-color:#7c3aed}
.article-feedback{min-height:56px;padding:12px;border-radius:14px;background:#fff;border:1px dashed #c4b5fd;font-weight:800;line-height:1.8}.article-feedback.good{background:#dcfce7;border-color:#86efac;color:#166534}.article-feedback.bad{background:#fee2e2;border-color:#fca5a5;color:#991b1b}
.kids-praise{display:none;margin:10px auto;text-align:center;font-size:1.35rem;font-weight:900;color:#047857;animation:azouzPop .35s ease-out}.kids-praise.show{display:block}.kids-praise span{display:inline-block;font-size:2rem;margin-inline:6px;animation:azouzBounce .65s infinite alternate}
@keyframes azouzPop{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes azouzBounce{to{transform:translateY(-5px) rotate(7deg)}}
@media(max-width:480px){.kids-challenge{padding:11px}.article-word-card{padding:11px 7px}.article-word-picture{font-size:2.7rem}}


/* قسم الأطفال المستقل */
.kids-zone-shell{max-width:1050px;margin:18px auto 30px;padding:clamp(10px,2vw,22px);border-radius:28px;background:linear-gradient(145deg,#fff7ed 0%,#fdf2f8 34%,#eff6ff 68%,#ecfdf5 100%);border:2px solid #fbcfe8;box-shadow:0 12px 32px rgba(124,58,237,.09)}
.kids-zone-header{position:relative;overflow:hidden;text-align:center;padding:26px 18px;border-radius:22px;background:linear-gradient(120deg,#7c3aed,#db2777 52%,#f97316);color:#fff}
.kids-zone-header h2{color:#fff;margin:8px 0;font-size:clamp(1.5rem,4vw,2.25rem)}
.kids-zone-header p{line-height:1.9;margin:6px auto;max-width:680px}
.kids-zone-kicker{font-weight:900;letter-spacing:.08em;font-size:.78rem;opacity:.95}
.kids-zone-decor{display:flex;justify-content:center;gap:18px;font-size:2rem;margin-bottom:8px}
.kids-zone-names{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:15px}
.kids-zone-names span{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:7px 13px;font-weight:800}
.kids-zone-content{padding:clamp(12px,2vw,22px);margin-top:16px;background:rgba(255,255,255,.82);border:1px solid #e9d5ff;border-radius:22px}
.kids-zone-content>h3{text-align:center;color:#6d28d9;font-size:1.35rem}
.kids-zone-content>p{text-align:center;color:#475569;line-height:1.8}
#sec-kids .kids-challenge{margin-top:18px}
#sec-kids .kids-challenge-hero{background:linear-gradient(120deg,#fce7f3,#ede9fe,#dbeafe)!important;border-radius:18px}
#sec-kids .article-round{background:#fff;border-radius:18px}
#sec-kids .article-game-option,#sec-kids .article-option{min-height:48px;border-radius:14px}
@media(max-width:600px){.kids-zone-shell{border-radius:18px}.kids-zone-header{padding:20px 12px}.kids-zone-decor{font-size:1.6rem;gap:12px}.kids-zone-content{padding:10px}}


/* Challenge expansion: engaging, colorful and mobile-friendly */
.challenge-question{background:linear-gradient(145deg,#fff,#f5f3ff);border:1px solid #ddd6fe;box-shadow:0 5px 16px rgba(99,102,241,.07)}
.challenge-options label{transition:transform .15s ease,background .15s ease;border-radius:12px!important}
.challenge-options label:active{transform:scale(.99)}
.vocab-question{border-radius:16px!important;border-color:#bae6fd!important;background:linear-gradient(135deg,#f0f9ff,#fff)!important}
.kids-zone-shell{background:linear-gradient(135deg,#fff7ed 0%,#fdf2f8 40%,#eff6ff 100%)}
.kids-challenge{border-radius:24px!important;box-shadow:0 12px 32px rgba(124,58,237,.1)}
.article-word-card{animation:azouzPopIn .28s ease-out}
@keyframes azouzPopIn{from{opacity:.4;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.challenge-question,.vocab-question{padding:12px!important}.challenge-options label{padding:11px!important}.article-choice{min-height:48px}}


/* Azouz Kids: five playful learning games */
#kids-articles-panel{display:none}
.kids-game-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:13px;margin:18px 0}
.kids-game-tile{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:17px 12px;border:2px solid #e9d5ff;border-radius:20px;background:linear-gradient(145deg,#fff,#f5f3ff);color:#312e81;cursor:pointer;box-shadow:0 6px 16px rgba(124,58,237,.08);transition:transform .18s,box-shadow .18s}
.kids-game-tile:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(124,58,237,.16)}
.kids-game-tile span{font-size:2.15rem;line-height:1.25}.kids-game-tile strong{font-size:1.08rem}.kids-game-tile small{font-size:.88rem;line-height:1.6;color:#64748b}
.kids-game-tile-article{background:linear-gradient(135deg,#dbeafe,#fce7f3,#dcfce7)}
.kids-mini-game{margin:18px 0;padding:clamp(14px,3vw,24px);border:2px solid #c4b5fd;border-radius:22px;background:linear-gradient(145deg,#fff7ed,#fdf2f8,#eff6ff)}
.kids-mini-game[hidden]{display:none!important}.kids-mini-top{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.kids-mini-card{background:#fff;border:2px solid #e9d5ff;border-radius:20px;padding:18px;text-align:center;margin:14px 0}.kids-mini-emoji{font-size:clamp(3rem,12vw,5rem);display:block;margin:5px}.kids-mini-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px;margin-top:14px}.kids-mini-options button,.kids-letter-btn{border:2px solid #c4b5fd;border-radius:14px;padding:12px;background:#fff;color:#312e81;font-weight:800;font-size:1rem;cursor:pointer;min-height:48px}.kids-mini-options button:disabled{opacity:.75}.kids-mini-options button.correct{background:#dcfce7;border-color:#22c55e}.kids-mini-options button.wrong{background:#fee2e2;border-color:#ef4444}.kids-mini-feedback{min-height:2em;font-weight:900;text-align:center;margin:12px 0;color:#6d28d9}.kids-mini-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.kids-mini-score{background:#fff;border-radius:999px;padding:7px 12px;font-weight:900;color:#6d28d9}.kids-letter-bank,.kids-letter-answer{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:12px 0;min-height:48px}.kids-letter-btn{min-width:43px;padding:10px}.kids-letter-btn.used{opacity:.35;pointer-events:none}.kids-letter-answer{border:2px dashed #c4b5fd;border-radius:14px;padding:8px;background:#fff7ed}
@media(max-width:480px){.kids-game-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kids-game-tile{padding:13px 8px}.kids-game-tile span{font-size:1.8rem}.kids-mini-game{padding:12px}}


/* Azouz streamlined navigation and welcome */
.top-nav{gap:7px;align-items:center;padding:9px 12px;flex-wrap:nowrap;overflow:visible}
.top-nav>a{white-space:nowrap;font-size:.91em;padding:9px 12px}
.more-nav{position:relative}.more-nav>button{border:0;border-radius:12px;background:#334155;color:#fff;padding:10px 14px;font:inherit;cursor:pointer;white-space:nowrap}
.more-nav-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:240px;padding:8px;background:#0f172a;border:1px solid #334155;border-radius:15px;box-shadow:0 14px 35px #0005;z-index:1500}
.more-nav.open .more-nav-menu{display:grid;gap:5px}.more-nav-menu a{display:block;color:#fff;text-decoration:none;padding:10px;border-radius:9px;cursor:pointer}.more-nav-menu a:hover{background:#334155}
.mobile-bottom-nav,.mobile-more-panel{display:none}
.home-actions .primary{font-weight:800}
.language-countries{margin:22px 0;padding:18px;border-radius:22px;background:linear-gradient(135deg,#eff6ff,#fff7ed,#f0fdf4);border:1px solid #dbeafe}
.language-countries h2{margin:0 0 6px;text-align:center;color:#1e3a8a}.language-countries>p{text-align:center;margin:0 0 14px;color:#475569}
.country-flag-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 2px 12px;scrollbar-width:thin}.country-flag-card{flex:0 0 155px;scroll-snap-align:center}
.country-flag-card{background:#ffffffd9;border:1px solid #e2e8f0;border-radius:16px;padding:12px 8px;text-align:center;box-shadow:0 5px 14px #0f172a0a}
.country-flag{font-size:2.4rem;line-height:1.3;display:block}.country-flag-card strong{display:block;color:#0f172a;margin-top:4px}.country-flag-card small{display:block;color:#64748b;margin-top:2px}.country-flag-card p{font-size:.83rem;line-height:1.6;color:#475569;margin:8px 0 0}.country-flag-card{min-height:145px;padding:10px 9px}.country-flag-card p{font-size:.76rem;line-height:1.45}.country-flag{font-size:2rem}
@media(max-width:790px){.country-flag-card{flex-basis:150px;min-height:155px}nav.top-nav{display:none}.hero{padding:20px 12px 12px}.hero h1{font-size:1.45em}.hero h2{font-size:.83em;max-width:520px;margin:5px auto}.profile-word-sparkles{display:block;top:105px;height:130px}.profile-word-sparkles span{width:clamp(78px,25vw,118px);font-size:clamp(.65rem,2.6vw,.82rem)}.profile-word-sparkles span:nth-child(odd){left:2px}.profile-word-sparkles span:nth-child(even){right:2px}.mobile-bottom-nav{display:flex;position:fixed;z-index:2200;bottom:0;left:0;right:0;padding:7px 4px calc(7px + env(safe-area-inset-bottom));background:rgba(15,23,42,.97);backdrop-filter:blur(12px);justify-content:space-around;box-shadow:0 -5px 22px #0003;border-top:1px solid #334155}.mobile-bottom-nav button{border:0;background:transparent;color:#e2e8f0;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:1.15rem;min-width:52px;cursor:pointer}.mobile-bottom-nav button span{font-size:.67rem}.mobile-more-panel{position:fixed;z-index:2199;bottom:76px;right:10px;left:10px;background:#0f172a;border:1px solid #334155;border-radius:18px;padding:10px;box-shadow:0 12px 35px #0005;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mobile-more-panel.show{display:grid}.mobile-level-panel{bottom:78px;left:auto;right:24%;width:min(260px,70vw);grid-template-columns:1fr}.mobile-level-panel button{background:#312e81}.mobile-more-panel button{border:0;background:#1e293b;color:white;padding:12px;border-radius:10px;font:inherit}.container{margin-bottom:100px}.country-flag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.country-flag-grid{grid-template-columns:1fr 1fr}.mobile-bottom-nav button{min-width:45px}}

.azouz-bio-bubble{position:fixed;z-index:2201;left:12px;top:42%;border:2px solid #c7d2fe;background:linear-gradient(145deg,#fff,#eef2ff);border-radius:50%;width:62px;height:62px;box-shadow:0 6px 20px #0003;font-size:1.65rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.azouz-bio-bubble span{position:absolute;top:63px;background:#1e293b;color:white;border-radius:8px;padding:3px 8px;font-size:.7rem;white-space:nowrap}.azouz-bio-card{display:none;position:fixed;z-index:2202;left:12px;top:calc(42% + 72px);width:min(350px,calc(100vw - 30px));max-height:60vh;overflow:auto;background:#fff;color:#172554;border:1px solid #c7d2fe;border-radius:18px;padding:18px;box-shadow:0 14px 45px #0004;line-height:1.8}.azouz-bio-card.open{display:block}.azouz-bio-card h3{margin:0 25px 8px 0;color:#1e3a8a}.azouz-bio-card p{margin:9px 0}.bio-german{direction:ltr;text-align:left;font-size:.98rem}.bio-arabic{color:#475569}
/* Draggable "من أنا؟" bubble */
.azouz-bio-bubble{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;will-change:left,top;}
.azouz-bio-bubble.dragging{cursor:grabbing;box-shadow:0 8px 26px #0005;transform:scale(1.04);}
.azouz-bio-bubble .bio-drag-hint{position:absolute;right:-5px;bottom:-5px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1e3a8a;color:white;border:2px solid white;font-size:11px;line-height:1;}
.bio-question{background:#eef2ff;padding:10px;border-radius:12px;font-weight:800}.bio-question small{font-weight:500}.bio-close{position:absolute;left:9px;top:7px;border:0;background:#e2e8f0;border-radius:50%;width:28px;height:28px;font-size:1.2rem;cursor:pointer}.bio-speak{background:#312e81;color:#fff;border:0;border-radius:10px;padding:9px 12px;font:inherit;cursor:pointer}

.audio-practice-option{border:1px solid #c7d2fe;background:white;color:#312e81;padding:8px 16px;border-radius:9px;font:inherit;cursor:pointer}.audio-practice-feedback{font-weight:800;margin-bottom:0}

/* Organized language and login controls */
.azouz-utility-bar{box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;gap:12px;flex-wrap:nowrap;width:min(100% - 28px,1120px);margin:12px auto 16px;padding:10px 12px;position:relative;z-index:1800;border:1px solid #34456f;border-radius:18px;background:linear-gradient(120deg,rgba(15,23,42,.94),rgba(30,41,59,.9));box-shadow:0 8px 24px #02061745}
.azouz-language-group{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
.azouz-utility-bar #language-label{white-space:nowrap;color:#e2e8f0;font-weight:800}
.azouz-language-select{box-sizing:border-box;min-width:0;width:100%;max-width:260px;border:1px solid #64748b;border-radius:12px;padding:10px 34px 10px 12px;background:#172554;color:#fff;font:inherit;font-size:.92rem;box-shadow:inset 0 1px 0 #ffffff12;cursor:pointer}
.azouz-login-open{flex:0 0 auto;white-space:nowrap;border:1px solid #818cf8;border-radius:12px;padding:10px 16px;background:linear-gradient(120deg,#4f46e5,#7c3aed);color:#fff;font:inherit;font-size:.92rem;box-shadow:0 4px 14px #0002;cursor:pointer;font-weight:800}
.azouz-language-select option{background:#fff;color:#111827}
@media(max-width:560px){.azouz-utility-bar{width:calc(100% - 20px);margin:9px auto 13px;padding:9px;gap:8px;border-radius:15px}.azouz-language-group{gap:5px;flex:1}.azouz-utility-bar #language-label{font-size:.78rem}.azouz-language-select{font-size:.82rem;padding:10px 22px 10px 7px;max-width:none}.azouz-login-open{font-size:.8rem;padding:10px 10px}.azouz-login-open{max-width:46%}}
@media(max-width:360px){.azouz-utility-bar{flex-wrap:wrap}.azouz-language-group{flex-basis:100%}.azouz-login-open{max-width:none;width:100%}}
.azouz-login-modal{display:none;position:fixed;inset:0;background:#020617b8;z-index:5000;align-items:center;justify-content:center;padding:16px}
.azouz-login-modal.open{display:flex}.azouz-login-box{width:min(420px,100%);background:#fff;color:#172554;border-radius:22px;padding:22px;box-shadow:0 20px 60px #0005;position:relative}
.azouz-login-box h2{margin:0 0 8px}.azouz-login-box label{display:block;margin:12px 0 5px;font-weight:700}.azouz-login-box input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit;direction:ltr}.azouz-login-box .login-submit{margin-top:15px;width:100%;padding:12px;border:0;border-radius:11px;background:#4338ca;color:white;font:inherit;font-weight:800;cursor:pointer}.azouz-login-note{font-size:.83rem;line-height:1.6;color:#64748b}.azouz-login-close{position:absolute;left:12px;top:12px;border:0;border-radius:50%;width:32px;height:32px;font-size:20px;cursor:pointer}
.azouz-scroll-cue{position:fixed;right:50%;transform:translateX(50%);bottom:86px;z-index:1700;width:42px;height:42px;border-radius:50%;border:1px solid #a5b4fc;background:linear-gradient(145deg,#fff,#e0e7ff);color:#312e81;font-size:23px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 18px #0003;cursor:pointer;animation:azouz-bob 1.7s infinite}
@keyframes azouz-bob{0%,100%{translate:0 0}50%{translate:0 7px}}
@media(min-width:791px){.azouz-scroll-cue{bottom:24px;right:24px;transform:none}}
@media(prefers-reduced-motion:reduce){.azouz-scroll-cue{animation:none}}


/* ترحيب متعدد اللغات متحرك بجانب الصورة */
.multilingual-greetings{top:112px;height:142px;z-index:2}
.multilingual-greetings span{width:clamp(90px,24vw,160px);padding:3px 7px;border-radius:12px;background:rgba(15,23,42,.28);backdrop-filter:blur(3px)}
.multilingual-greetings span small{display:block;font-weight:600}
@media(max-width:790px){.multilingual-greetings{top:104px;height:125px}.multilingual-greetings span{width:clamp(78px,25vw,116px);padding:2px 4px}}
/* Google translation widget is kept visually hidden; the site's own language selector controls it. */
#google_translate_element{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;left:-10000px!important;top:auto!important}
.goog-te-banner-frame,.skiptranslate iframe{display:none!important}body{top:0!important}.goog-tooltip,.goog-tooltip:hover{display:none!important}



/* محاكي B1 التجريبي — نسخة أولية */
.b1-sim-launch{background:linear-gradient(135deg,#0f766e,#2563eb)!important;color:#fff!important;border:0!important}
.b1-sim-wrap{display:none;margin:18px 0;padding:clamp(14px,3vw,26px);border:1px solid #cbd5e1;border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.10);color:#172033}
.b1-sim-wrap.active{display:block}
.b1-sim-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid #e2e8f0;padding-bottom:14px;margin-bottom:18px}
.b1-sim-timer{font-size:1.2rem;font-weight:800;font-variant-numeric:tabular-nums;background:#0f172a;color:#fff;border-radius:12px;padding:9px 14px;min-width:105px;text-align:center}
.b1-sim-progress{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin:10px 0 18px}.b1-sim-progress span{display:block;height:100%;width:0;background:#0f766e;transition:width .2s}
.b1-sim-section{display:none}.b1-sim-section.active{display:block}
.b1-sim-question{border:1px solid #e2e8f0;border-radius:14px;padding:14px;margin:12px 0;background:#f8fafc}
.b1-sim-question label{display:block;padding:8px 10px;margin:6px 0;border-radius:9px;background:#fff;border:1px solid #e2e8f0;cursor:pointer}
.b1-sim-question input{margin-left:8px}.b1-sim-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.b1-sim-actions button{border:0;border-radius:11px;padding:11px 16px;font-weight:700;cursor:pointer;background:#0f766e;color:#fff}.b1-sim-actions button.secondary{background:#e2e8f0;color:#0f172a}
.b1-sim-note{padding:12px;border-radius:12px;background:#fffbeb;border:1px solid #fde68a;line-height:1.7}
.b1-sim-result{display:none;padding:18px;border-radius:16px;background:#f0fdf4;border:1px solid #bbf7d0}.b1-sim-result.active{display:block}
.b1-sim-result-score{font-size:2rem;font-weight:900;color:#166534}
.b1-sim-wrap textarea{width:100%;min-height:120px;border:1px solid #cbd5e1;border-radius:12px;padding:12px;font:inherit;box-sizing:border-box;direction:auto}
@media print{body.b1-sim-print *{visibility:hidden!important}body.b1-sim-print #b1-sim-result,body.b1-sim-print #b1-sim-result *{visibility:visible!important}body.b1-sim-print #b1-sim-result{display:block!important;position:absolute;inset:0;width:100%;border:0;background:white}}



/* Global responsive layout repair for phones, tablets and desktop */
*,*::before,*::after{box-sizing:border-box}
html{width:100%;max-width:100%;overflow-x:clip;scroll-behavior:smooth}
body{width:100%;max-width:100%;min-width:0;overflow-x:clip;align-items:stretch!important}
body>*{min-width:0;max-width:100%}
img,video,iframe,canvas,svg{max-width:100%}
nav.top-nav{box-sizing:border-box;width:100%;max-width:100%;left:0;right:0;min-width:0}
.azouz-utility-bar{position:relative;z-index:1200;margin:12px auto 0!important;width:calc(100% - 32px)!important;max-width:1120px!important;min-width:0;justify-content:space-between;gap:12px}
.azouz-language-group{flex:1 1 0;min-width:0}
.azouz-language-select{min-width:0;max-width:100%;width:100%}
.azouz-login-open{flex:0 0 auto;max-width:100%}
.hero{width:100%!important;max-width:100%!important;min-width:0;padding-left:clamp(12px,3vw,28px)!important;padding-right:clamp(12px,3vw,28px)!important;overflow:hidden}
.hero h1,.hero h2{max-width:100%;overflow-wrap:anywhere}
.profile-word-sparkles{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;margin:12px auto 14px!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:8px!important;overflow:hidden!important;pointer-events:auto!important;padding:4px 0!important}
.profile-word-sparkles span{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:calc(50% - 8px)!important;min-width:0!important;min-height:0!important;padding:6px 9px!important;margin:0!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;opacity:1!important;animation:azouzWelcomeFloat 4s ease-in-out infinite!important;border:1px solid rgba(129,140,248,.22);border-radius:12px;background:rgba(30,41,59,.52);box-shadow:0 4px 12px rgba(0,0,0,.12);font-size:clamp(.68rem,1.5vw,.9rem)!important;line-height:1.35!important}
.profile-word-sparkles span small{display:block!important;font-size:.82em!important}
@keyframes azouzWelcomeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.container,.section-content,.card,.home-hero-card,.language-countries{width:100%;max-width:100%;min-width:0}
.container{margin-left:auto!important;margin-right:auto!important}
.language-countries{overflow:hidden}
.country-flag-grid{display:flex!important;max-width:100%;min-width:0;overflow-x:auto!important;overscroll-behavior-x:contain}
.country-flag-card{flex:0 0 clamp(145px,24vw,205px);max-width:85vw}
.mobile-bottom-nav{box-sizing:border-box;max-width:100vw;width:100%;left:0;right:0}
@media(min-width:791px){
  .azouz-utility-bar{margin-top:12px!important}
  nav.top-nav{position:sticky!important;top:0!important;flex-wrap:wrap;justify-content:center;padding:8px 12px!important}
  .hero{padding-top:28px!important}
  .profile-word-sparkles{max-width:760px!important}
  .mobile-bottom-nav,.mobile-more-panel{display:none!important}
}
@media(max-width:790px){
  .azouz-utility-bar{align-items:center!important;flex-wrap:nowrap!important;justify-content:space-between!important}
  .azouz-menu-wrap{position:static!important}
  .azouz-menu-panel{position:fixed!important;top:calc(82px + env(safe-area-inset-top))!important;right:12px!important;left:12px!important;width:auto!important;max-width:420px!important;margin-left:auto!important;margin-right:auto!important;max-height:calc(100dvh - 180px)!important;z-index:100000!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  .azouz-menu-trigger .menu-title{display:inline!important}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
  .azouz-utility-bar{width:calc(100% - 24px)!important;margin:10px auto 6px!important;padding:12px!important;gap:10px!important;flex-wrap:wrap!important}
  .azouz-language-group{flex:1 1 auto!important;min-width:0!important;width:auto!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:8px!important}
  .azouz-language-select{width:100%!important;max-width:none!important}
  nav.top-nav{display:none!important}
  .hero{padding-top:18px!important;padding-bottom:18px!important}
  .profile-word-sparkles{top:auto!important}
  .profile-word-sparkles span{max-width:calc(50% - 5px)!important}
  .mobile-bottom-nav{display:flex!important;position:fixed!important;z-index:99990!important;bottom:0!important;left:0!important;right:0!important;padding:7px 4px calc(7px + env(safe-area-inset-bottom))!important}
  .mobile-more-panel{z-index:99991!important}
  .container{width:calc(100% - 24px)!important;margin-left:auto!important;margin-right:auto!important}
}
@media(max-width:380px){
  .azouz-utility-bar{width:calc(100% - 16px)!important;padding:9px!important}
  .profile-word-sparkles span{max-width:100%!important}
  .mobile-bottom-nav button span{font-size:.61rem!important}
}
@media(prefers-reduced-motion:reduce){.profile-word-sparkles span{animation:none!important}html{scroll-behavior:auto}}


.hero .multilingual-greetings{justify-content:center!important;overflow:hidden!important;white-space:normal!important;min-height:42px!important;}
.hero .multilingual-greetings span{display:inline-flex!important;max-width:100%!important;width:auto!important;min-width:0!important;padding:9px 16px!important;margin:0 auto!important;white-space:normal!important;border-radius:999px!important;text-align:center!important;font-size:clamp(.82rem,2.4vw,1rem)!important;font-weight:800!important;line-height:1.5!important;color:#dbeafe!important;background:rgba(30,41,59,.62)!important;border:1px solid rgba(129,140,248,.42)!important;box-shadow:0 4px 16px rgba(0,0,0,.12)!important;}
@keyframes azouzGreetingSwap{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hero .multilingual-greetings span{animation:none!important}}

.azlc-teacher-answer{display:grid;gap:10px;text-align:right;line-height:1.8}.azlc-teacher-step{padding:12px 14px;border:1px solid #dce5f0;border-radius:12px;background:#fff}.azlc-teacher-step>b{display:block;color:#243b68;margin-bottom:5px}.azlc-teacher-step p{margin:4px 0;white-space:pre-line}.azlc-teacher-step .azlc-de-line{direction:ltr;text-align:left;font-size:19px;font-weight:700;color:#087443;background:#f0fdf4;padding:8px;border-radius:8px;overflow-wrap:anywhere}

html.azouz-user-dark body{background:#0b1220!important;color:#e5e7eb!important}html.azouz-user-dark .container,html.azouz-user-dark .section-content:not(#sec-home){color:#e5e7eb}html.azouz-user-dark .home-level-card,html.azouz-user-dark .home-feature-card,html.azouz-user-dark .country-flag-card{background:#172033!important;color:#e5e7eb!important;border-color:#334155!important}html.azouz-user-dark .home-level-card h3,html.azouz-user-dark .home-feature-card strong,html.azouz-user-dark .country-flag-card strong{color:#c7d2fe!important}html.azouz-user-dark .home-level-card p,html.azouz-user-dark .home-feature-card small,html.azouz-user-dark .country-flag-card p,html.azouz-user-dark .country-flag-card small{color:#cbd5e1!important}html.azouz-user-dark .home-section-title{color:#f1f5f9!important}html.azouz-user-dark .home-note{background:#172033!important;color:#e2e8f0!important;border-color:#334155!important}html.azouz-user-dark .home-note h3{color:#c7d2fe!important}


/* V12: تحسينات بصرية محصورة بالواجهة الرئيسية؛ لا تغيّر محتوى الأقسام التعليمية */
#sec-home{padding-bottom:28px}
#sec-home .home-hero-card{border-color:rgba(129,140,248,.38);background:radial-gradient(ellipse at 12% 0%,rgba(34,211,238,.13),transparent 36%),radial-gradient(ellipse at 90% 100%,rgba(168,85,247,.18),transparent 38%),linear-gradient(145deg,#111a31 0%,#1d2450 56%,#251849 100%);box-shadow:0 18px 48px rgba(5,10,30,.25),inset 0 1px 0 rgba(255,255,255,.08)}
#sec-home .home-kicker{background:rgba(15,23,42,.38);border-color:rgba(103,232,249,.35);box-shadow:0 0 24px rgba(34,211,238,.08)}
#sec-home .home-hero-card h2{letter-spacing:-.025em;text-wrap:balance}
#sec-home .home-actions .home-action{min-height:46px;transition:transform .24s ease,box-shadow .24s ease,filter .24s ease}
#sec-home .home-actions .home-action.primary{background:linear-gradient(120deg,#6366f1,#7c3aed 55%,#4f46e5);box-shadow:0 8px 22px rgba(99,102,241,.24)}
#sec-home .home-actions .home-action:hover{transform:translateY(-2px);filter:brightness(1.06)}
#sec-home .home-level-card,#sec-home .home-feature-card{position:relative;overflow:hidden;border-color:#dbe4f0;box-shadow:0 6px 20px rgba(15,23,42,.055)}
#sec-home .home-level-card:before,#sec-home .home-feature-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#22d3ee,#818cf8,#c084fc);opacity:.72}
#sec-home .home-level-card:hover,#sec-home .home-feature-card:hover{border-color:#a5b4fc;box-shadow:0 14px 28px rgba(49,46,129,.12)}
#sec-home .home-level-mark{box-shadow:0 4px 12px rgba(15,23,42,.06)}
#sec-home .home-section-title{display:flex;align-items:center;gap:10px}
#sec-home .home-section-title:after{content:"";height:2px;flex:1;background:linear-gradient(90deg,rgba(129,140,248,0),rgba(129,140,248,.48));border-radius:3px}
#sec-home .language-countries{border-radius:22px;overflow:hidden}
#sec-home .country-flag-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
#sec-home .country-flag-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(15,23,42,.1);border-color:#c7d2fe}
#sec-home .azouz-tool-card{border-radius:18px}
#sec-home .home-note{background:linear-gradient(135deg,#f8fafc,#eef2ff);border-right-color:#6366f1}
/* قائمة الهاتف: تثبيت داخل الشاشة ومنع خروجها خارج الحواف */
.azouz-menu-panel{box-sizing:border-box;z-index:100000}
@media(max-width:790px){.azouz-menu-panel{right:12px!important;left:12px!important;width:auto!important;max-width:420px!important;max-height:calc(100dvh - 170px)!important;top:calc(76px + env(safe-area-inset-top))!important}}
@media(prefers-reduced-motion:reduce){#sec-home .home-actions .home-action,#sec-home .home-level-card,#sec-home .home-feature-card,#sec-home .country-flag-card{transition:none!important;animation:none!important}#sec-home .home-actions .home-action:hover,#sec-home .home-level-card:hover,#sec-home .home-feature-card:hover,#sec-home .country-flag-card:hover{transform:none!important}}



/* AZOUZ V23 — remove pale surfaces across every section */
:root{color-scheme:dark;--az23-bg:#0a0d20;--az23-panel:#151d39;--az23-panel2:#1b2548;--az23-ink:#f4f6ff;--az23-muted:#d2dcf7}
html,body{background:#0a0d20!important;color:var(--az23-ink)!important}
body{background-image:radial-gradient(ellipse at 8% 10%,#5b21b633,transparent 30%),radial-gradient(ellipse at 95% 30%,#07598533,transparent 28%),linear-gradient(145deg,#090c1d,#141a39 55%,#090c1d)!important;background-attachment:fixed!important}
.top-nav,.navbar,.mobile-bottom-nav,.bottom-nav,.nav-bar{background:#090e20!important;color:#f4f6ff!important;border-color:#52639a!important}
#sec-home,#sec-a1,#sec-a2,#sec-b1,#sec-audio,#sec-alltag,#sec-challenge,#sec-test,#sec-kids,#sec-feedback,
.section-content,.container,.section,.panel,.content-panel,.level-choice-panel,.b1-choice-panel,
.azouz-tool-card,.tool-card,.feature-card,.home-feature-card,.home-level-card,.card,.azlc-card,
.question-box,.question-card,.answer-box,.result-box,.feedback-box,.test-container,.quiz-container,
.exercise-container,.lesson-content,.lesson-card,.azouz-lesson,.section-showcase,.audio-lesson-box,
.country-flag-card,.azx-card,.azlc-panel,.azlc-teacher-step,.azt-stat,.azc-stat,.level-choice,.b1-choice{
  background-color:#151d39!important;
  background-image:linear-gradient(145deg,#151d39,#1b2548)!important;
  color:#f4f6ff!important;border-color:#53649a!important;
  box-shadow:0 12px 28px #0004,inset 0 1px #ffffff0a!important;
}
h1,h2,h3,h4,h5,h6,#sec-home p,#sec-a1 p,#sec-a2 p,#sec-b1 p,#sec-audio p,#sec-alltag p,#sec-challenge p,#sec-test p,#sec-kids p,#sec-feedback p,
.section-content p,.section-content li,.section-content label,.section-content small,
.card p,.card li,.card label,.card small,.home-feature-card p,.home-level-card p{
 color:#d2dcf7!important;text-shadow:none!important
}
#sec-home .home-level-card:nth-child(3n+1),#sec-a1 .home-level-card:nth-child(3n+1),#sec-a2 .home-level-card:nth-child(3n+1),#sec-b1 .home-level-card:nth-child(3n+1),
.home-feature-card:nth-child(6n+1),.azouz-tool-card:nth-child(6n+1){
 background:linear-gradient(135deg,#172554,#1d4ed8)!important;border-color:#60a5fa!important
}
.home-feature-card:nth-child(6n+2),.azouz-tool-card:nth-child(6n+2){background:linear-gradient(135deg,#3b0764,#7e22ce)!important;border-color:#d8b4fe!important}
.home-feature-card:nth-child(6n+3),.azouz-tool-card:nth-child(6n+3){background:linear-gradient(135deg,#064e3b,#0f766e)!important;border-color:#6ee7b7!important}
.home-feature-card:nth-child(6n+4),.azouz-tool-card:nth-child(6n+4){background:linear-gradient(135deg,#831843,#be185d)!important;border-color:#f9a8d4!important}
.home-feature-card:nth-child(6n+5),.azouz-tool-card:nth-child(6n+5){background:linear-gradient(135deg,#7c2d12,#c2410c)!important;border-color:#fdba74!important}
.home-feature-card:nth-child(6n),.azouz-tool-card:nth-child(6n){background:linear-gradient(135deg,#1a3d32,#16805b)!important;border-color:#86efac!important}
button,.btn,.button,input[type=button],input[type=submit]{background:linear-gradient(115deg,#2455d6,#6428b8)!important;color:#fff!important;border-color:#91a5ff!important}
input,textarea,select{background:#0b1228!important;color:#f4f6ff!important;border-color:#7182bd!important}
input::placeholder,textarea::placeholder{color:#aebce2!important}
.mobile-bottom-nav button{background:transparent!important;color:#e8edff!important}
#sec-home .home-feature-card,#sec-home .home-level-card,.home-feature-card,.home-level-card,.azouz-tool-card,.card,.azouz-lesson,.section-showcase,.audio-lesson-box{
 position:relative;isolation:isolate;overflow:hidden
}
#sec-home .home-feature-card:after,#sec-home .home-level-card:after,.home-feature-card:after,.home-level-card:after,.azouz-tool-card:after,.card:after,.azouz-lesson:after,.section-showcase:after,.audio-lesson-box:after{
 content:"";position:absolute;top:-25%;bottom:-25%;left:-70%;width:34%;z-index:-1;pointer-events:none;transform:skewX(-18deg);
 background:linear-gradient(90deg,transparent,#ffffff2b,transparent);animation:az23-shine 6.5s ease-in-out infinite
}
@keyframes az23-shine{0%,18%{left:-70%}66%,100%{left:140%}}
@media(prefers-reduced-motion:reduce){.home-feature-card:after,.home-level-card:after,.azouz-tool-card:after,.card:after,.azouz-lesson:after,.section-showcase:after,.audio-lesson-box:after{animation:none!important}}




/* AZOUZ V24 — final pass for remaining pale cards and panels */
html,body{background:#090d20!important;color:#f5f7ff!important}
#sec-home,#sec-a1,#sec-a2,#sec-b1,#sec-audio,#sec-alltag,#sec-challenge,#sec-test,#sec-kids,#sec-feedback{
 background:transparent!important;color:#f5f7ff!important;
}
#sec-home h1,#sec-home h2,#sec-home h3,#sec-home h4,
#sec-a1 h1,#sec-a1 h2,#sec-a1 h3,#sec-a1 h4,
#sec-a2 h1,#sec-a2 h2,#sec-a2 h3,#sec-a2 h4,
#sec-b1 h1,#sec-b1 h2,#sec-b1 h3,#sec-b1 h4,
#sec-test h1,#sec-test h2,#sec-test h3,#sec-test h4,
#sec-feedback h1,#sec-feedback h2,#sec-feedback h3,#sec-feedback h4{
 color:#f5f7ff!important;text-shadow:none!important
}
/* Statistics, personal progress, disclaimer and country introduction panels */
.stat-card,.stats-card,.stat-box,.metric-card,.progress-card,.progress-stat,
.personal-progress,.personal-dashboard,.dashboard-card,.note-card,.notice-card,
.disclaimer,.privacy-note,.intro-card,.intro-panel,.country-intro,.countries-section,
#sec-feedback .container,#sec-feedback .panel,#sec-feedback .card,
#sec-home .stat-card,#sec-home .stats-card,#sec-home .progress-card{
 background:linear-gradient(145deg,#151d39,#1b2548)!important;
 color:#f5f7ff!important;border-color:#53649a!important;
 box-shadow:0 12px 28px #0005,inset 0 1px #ffffff0a!important
}
/* Country cards and other cards nested inside pale wrappers */
#sec-home .country-card,#sec-home .country-tile,.country-card,.country-tile,
.country-flag-card,.country-item,.country-grid,.countries-grid,
#sec-home .home-feature-card,#sec-home .home-level-card{
 background:linear-gradient(145deg,#151d39,#1b2548)!important;
 color:#f5f7ff!important;border-color:#53649a!important
}
.country-card h1,.country-card h2,.country-card h3,.country-card h4,
.country-tile h1,.country-tile h2,.country-tile h3,.country-tile h4,
.country-card p,.country-tile p,.country-card span,.country-tile span{
 color:#e2e9ff!important
}
/* Avoid the very pale blue text seen on light panels */
#sec-home .stat-card *,#sec-home .stats-card *,#sec-home .progress-card *,
#sec-home .country-card *,#sec-home .country-tile *,
#sec-feedback .card *,#sec-feedback .panel *,#sec-feedback .container *{
 text-shadow:none!important
}




/* V25: targeted correction for the two remaining white home sections */
#sec-home .home-note,
#sec-home .language-countries {
  background: linear-gradient(135deg,#151d39 0%,#20204b 52%,#351d58 100%) !important;
  background-color:#151d39 !important;
  color:#f4f6ff !important;
  border:1px solid #5969b5 !important;
  box-shadow:0 18px 42px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
#sec-home .home-note h1,#sec-home .home-note h2,#sec-home .home-note h3,
#sec-home .language-countries h1,#sec-home .language-countries h2,#sec-home .language-countries h3 {
  color:#f8f7ff !important;
  text-shadow:0 0 18px rgba(139,120,255,.22) !important;
}
#sec-home .home-note p,
#sec-home .language-countries > p {
  color:#d4dcfa !important;
}
#sec-home .language-countries .country-flag-grid {
  background:transparent !important;
  background-color:transparent !important;
}
#sec-home .language-countries .country-flag-card {
  background:linear-gradient(145deg,#202b50 0%,#17213f 62%,#292052 100%) !important;
  background-color:#17213f !important;
  color:#edf1ff !important;
  border:1px solid #6374bf !important;
  box-shadow:0 12px 25px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.09) !important;
}
#sec-home .language-countries .country-flag-card strong,
#sec-home .language-countries .country-flag-card small,
#sec-home .language-countries .country-flag-card p {
  color:#e1e7ff !important;
  opacity:1 !important;
  text-shadow:none !important;
}
#sec-home .language-countries .country-flag-card strong {
  color:#ffffff !important;
}
#sec-home .language-countries .country-flag-card small {
  color:#b8c7ff !important;
}
#sec-home .language-countries .country-flag-card:hover {
  border-color:#a78bfa !important;
  box-shadow:0 16px 30px rgba(82,70,220,.25), inset 0 1px 0 rgba(255,255,255,.12) !important;
}




#sec-extra-tools{display:none}
#sec-extra-tools.active-section{display:block!important}
.azouz-extra-tools-hero{margin:18px 0 22px;padding:26px 22px;border-radius:26px;background:linear-gradient(135deg,#151d39,#20204b 55%,#351d58)!important;color:#f5f7ff!important;border:1px solid #5969b5;box-shadow:0 18px 40px #0005,inset 0 1px #ffffff10}
.azouz-extra-tools-hero h2{color:#fff!important;margin:10px 0;font-size:clamp(1.5rem,5vw,2.2rem)}
.azouz-extra-tools-hero p{color:#d4dcfa!important;line-height:1.9;margin:0}
.azouz-extra-tools-content{display:grid;grid-template-columns:1fr;gap:18px}
#azouz-extra-tools-content>.azouz-tool-card,#azouz-extra-tools-content>#azouz-lerncoach{margin:0!important;width:100%;max-width:100%;box-sizing:border-box}
#sec-extra-tools .azouz-tool-card,#sec-extra-tools #azouz-lerncoach{background:linear-gradient(145deg,#151d39,#20204b)!important;color:#f4f6ff!important;border:1px solid #5969b5!important;border-radius:22px!important}
#sec-extra-tools .azouz-tool-card h3,#sec-extra-tools #azouz-lerncoach h2,#sec-extra-tools #azouz-lerncoach h3{color:#fff!important}
#sec-extra-tools .azouz-tool-card p,#sec-extra-tools .azouz-tool-card label,#sec-extra-tools #azouz-lerncoach p{color:#d4dcfa!important}
#sec-extra-tools input,#sec-extra-tools textarea,#sec-extra-tools select{background:#0b1228!important;color:#f4f6ff!important;border-color:#7182bd!important}
@media(min-width:760px){.azouz-extra-tools-content{grid-template-columns:repeat(2,minmax(0,1fr))}}




/* V27: make the existing country section a compact expandable widget */
.countries-float-widget{margin:18px 0 22px;position:relative;z-index:5}
.countries-float-trigger{
 display:flex;align-items:center;gap:10px;width:100%;min-height:62px;padding:12px 15px;
 border:1px solid #7182d4!important;border-radius:19px!important;
 background:linear-gradient(115deg,#172554,#293c86 58%,#55258b)!important;
 color:#fff!important;box-shadow:0 12px 28px #0005,inset 0 1px #ffffff22!important;
 cursor:pointer;text-align:right
}
.countries-float-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:14px;background:#ffffff16;font-size:24px}
.countries-float-label{flex:1;font-weight:800;font-size:clamp(.95rem,3.4vw,1.15rem)}
.countries-float-chevron{font-size:25px;transition:transform .2s}
.countries-float-trigger[aria-expanded="true"] .countries-float-chevron{transform:rotate(180deg)}
.countries-float-panel{margin-top:8px;padding:10px 14px;border-radius:15px;background:linear-gradient(135deg,#151d39,#292052)!important;border:1px solid #5969b5;color:#e0e7ff}
.countries-float-panel[hidden]{display:none!important}
.countries-float-hint{margin:0 0 8px;color:#d4dcfa!important;font-size:.9rem}
.countries-float-close{border:1px solid #7182d4!important;border-radius:10px!important;padding:7px 12px;background:#26355f!important;color:#fff!important}
/* Closed by default: the existing full country section remains intact and expands on demand */
.language-countries{display:none!important}
.language-countries.countries-expanded{display:block!important;background:linear-gradient(145deg,#151d39,#20204b 55%,#351d58)!important;color:#f5f7ff!important;border-color:#5969b5!important}
.language-countries.countries-expanded h2{color:#fff!important}
.language-countries.countries-expanded>p{color:#d4dcfa!important}
.language-countries.countries-expanded .country-flag-grid{background:transparent!important}
.language-countries.countries-expanded .country-flag-card{background:linear-gradient(145deg,#202b50,#17213f 62%,#292052)!important;border:1px solid #6374bf!important;color:#edf1ff!important}
.language-countries.countries-expanded .country-flag-card strong{color:#fff!important}
.language-countries.countries-expanded .country-flag-card small,.language-countries.countries-expanded .country-flag-card p{color:#d4dcfa!important}




/* V29: compact hero to reduce vertical space on the home page */
#sec-home .hero,
#sec-home .home-hero,
#sec-home .azouz-hero,
#sec-home .hero-section{
  padding:clamp(14px,3vw,24px)!important;
  min-height:0!important;
  margin-block:12px 16px!important;
}
#sec-home .hero h1,
#sec-home .home-hero h1,
#sec-home .azouz-hero h1,
#sec-home .hero-section h1{
  font-size:clamp(1.35rem,4.5vw,2rem)!important;
  line-height:1.25!important;
  margin:0 0 8px!important;
}
#sec-home .hero h2,
#sec-home .home-hero h2,
#sec-home .azouz-hero h2,
#sec-home .hero-section h2{
  font-size:clamp(1.2rem,4vw,1.7rem)!important;
  line-height:1.3!important;
  margin:0 0 8px!important;
}
#sec-home .hero p,
#sec-home .home-hero p,
#sec-home .azouz-hero p,
#sec-home .hero-section p{
  font-size:clamp(.9rem,2.8vw,1.05rem)!important;
  line-height:1.65!important;
  margin:6px 0 12px!important;
}
#sec-home .hero .home-actions,
#sec-home .home-hero .home-actions,
#sec-home .azouz-hero .home-actions,
#sec-home .hero-section .home-actions{
  gap:8px!important;margin-top:10px!important;
}
#sec-home .hero .home-action,
#sec-home .home-hero .home-action,
#sec-home .azouz-hero .home-action,
#sec-home .hero-section .home-action{
  padding:9px 14px!important;min-height:40px!important;font-size:.95rem!important;
}
@media(max-width:520px){
  #sec-home .hero,
  #sec-home .home-hero,
  #sec-home .azouz-hero,
  #sec-home .hero-section{padding:13px!important;border-radius:20px!important}
}

#sec-home .home-intro-card,
#sec-home .welcome-card,
#sec-home .hero-card{padding:16px!important}




/* V30 correction: compact the actual home hero card */
#sec-home .home-hero-card{
  padding:clamp(14px,3vw,22px)!important;
  margin:12px 0 16px!important;
  min-height:0!important;
  border-radius:22px!important;
  gap:8px!important;
}
#sec-home .home-hero-card .home-kicker{
  padding:7px 12px!important;
  margin:0 auto 8px!important;
  font-size:clamp(.78rem,2.7vw,.95rem)!important;
  line-height:1.35!important;
}
#sec-home .home-hero-card h2{
  font-size:clamp(1.45rem,5vw,2rem)!important;
  line-height:1.25!important;
  margin:6px 0 8px!important;
}
#sec-home .home-hero-card p{
  font-size:clamp(.88rem,2.8vw,1rem)!important;
  line-height:1.6!important;
  margin:6px 0 10px!important;
}
#sec-home .home-hero-card .home-actions{
  gap:8px!important;
  margin-top:8px!important;
}
#sec-home .home-hero-card .home-action{
  min-height:38px!important;
  padding:8px 12px!important;
  font-size:.9rem!important;
}
@media(max-width:520px){
 #sec-home .home-hero-card{padding:12px!important;margin:8px 0 12px!important}
 #sec-home .home-hero-card h2{font-size:1.35rem!important}
 #sec-home .home-hero-card p{font-size:.86rem!important;line-height:1.5!important}
}




/* V31 — make the homepage hero substantially shorter, especially on mobile */
#sec-home .home-hero-card{
  padding:10px 14px!important;
  margin:6px 0 10px!important;
  min-height:unset!important;
  gap:4px!important;
  border-radius:18px!important;
}
#sec-home .home-hero-card .home-kicker{
  display:inline-flex!important;
  align-items:center!important;
  padding:4px 9px!important;
  margin:0 auto 4px!important;
  font-size:.72rem!important;
  line-height:1.2!important;
  border-radius:999px!important;
}
#sec-home .home-hero-card h2{
  font-size:clamp(1.12rem,4vw,1.55rem)!important;
  line-height:1.16!important;
  margin:2px 0 5px!important;
}
#sec-home .home-hero-card p{
  font-size:.78rem!important;
  line-height:1.42!important;
  margin:3px 0 7px!important;
  max-width:780px!important;
}
#sec-home .home-hero-card .home-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:6px!important;
  margin:5px 0 0!important;
}
#sec-home .home-hero-card .home-action{
  min-height:32px!important;
  padding:6px 10px!important;
  font-size:.78rem!important;
  line-height:1.2!important;
  border-radius:10px!important;
}
@media(max-width:520px){
  #sec-home .home-hero-card{
    padding:8px 10px!important;
    margin:4px 0 8px!important;
    border-radius:16px!important;
  }
  #sec-home .home-hero-card .home-kicker{
    font-size:.67rem!important;
    padding:3px 8px!important;
    margin-bottom:3px!important;
  }
  #sec-home .home-hero-card h2{
    font-size:1.08rem!important;
    line-height:1.14!important;
    margin:2px 0 4px!important;
  }
  #sec-home .home-hero-card p{
    font-size:.72rem!important;
    line-height:1.35!important;
    margin:2px 0 5px!important;
  }
  #sec-home .home-hero-card .home-action{
    min-height:29px!important;
    padding:5px 8px!important;
    font-size:.72rem!important;
  }
}



.a1-expanded-pack{margin:24px 0 18px;padding:clamp(14px,2.8vw,24px);border:1px solid #bfdbfe;border-radius:20px;background:linear-gradient(145deg,#f0f9ff,#f5f3ff 58%,#f0fdf4);color:#172033;line-height:1.9}
.a1-expanded-heading{padding:15px;border-radius:15px;background:linear-gradient(120deg,#1d4ed8,#6d28d9);color:white;margin-bottom:14px}
.a1-expanded-heading span{font-size:.82rem;font-weight:800;opacity:.9}
.a1-expanded-heading h4{color:white!important;margin:5px 0 0;font-size:1.2rem}
.a1-expanded-intro{font-size:1rem;line-height:1.95}
.a1-expanded-rule,.a1-expanded-tip,.a1-expanded-mistake{padding:14px;border-radius:13px;margin:13px 0}
.a1-expanded-rule{background:#ede9fe;border-right:5px solid #8b5cf6}
.a1-expanded-rule h5,.a1-expanded-examples h5{margin:0 0 10px;color:#312e81;font-size:1.05rem}
.a1-expanded-rule pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border-radius:10px;padding:12px;font-family:ui-monospace,Consolas,monospace;line-height:1.9;text-align:left;direction:ltr}
.a1-expanded-examples{margin:18px 0}
.a1-expanded-example{padding:11px 13px;background:#fff;border:1px solid #dbeafe;border-radius:12px;margin:9px 0;box-shadow:0 3px 10px #1e3a8a08}
.a1-expanded-de{font-weight:900;font-size:1.04rem;line-height:1.7;color:#065f46;text-align:left;unicode-bidi:plaintext}
.a1-expanded-ar{margin:3px 0 0;color:#334155;line-height:1.7}
.a1-expanded-tip{background:#fffbeb;border-right:5px solid #f59e0b}
.a1-expanded-mistake{background:#fff1f2;border-right:5px solid #fb7185}
.a1-expanded-practice{margin-top:16px;background:#fff;border:1px solid #c7d2fe;border-radius:14px;padding:14px}
.a1-expanded-practice summary{font-weight:900;color:#3730a3;cursor:pointer;line-height:1.7}
.a1-expanded-practice button{margin:8px 0;padding:10px 14px;border:0;border-radius:10px;background:#2563eb;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.a1-expanded-answer{padding:12px;background:#ecfdf5;border-radius:10px;color:#065f46;line-height:1.9}
@media(max-width:560px){.a1-expanded-pack{padding:12px}.a1-expanded-heading{padding:12px}.a1-expanded-example{padding:10px}}


/* إصلاح التباين والقراءة على الهاتف */
.a1-expanded-pack,
.a1-expanded-pack p,
.a1-expanded-pack h4,
.a1-expanded-pack h5,
.a1-expanded-pack b,
.a1-expanded-pack summary,
.a1-expanded-pack label {color:#172033!important;opacity:1!important;text-shadow:none!important}
.a1-expanded-pack{background:#f4f8ff!important;border:2px solid #b9d5ff!important}
.a1-expanded-heading{background:linear-gradient(120deg,#1d4ed8,#6d28d9)!important}
.a1-expanded-heading span,.a1-expanded-heading h4{color:#fff!important;opacity:1!important}
.a1-expanded-intro{color:#263449!important;font-size:1rem!important}
.a1-expanded-rule{background:#e9e8ff!important}
.a1-expanded-rule h5,.a1-expanded-examples h5{color:#312e81!important}
.a1-expanded-rule pre{color:#f8fafc!important;background:#172554!important;font-size:clamp(.82rem,2.8vw,.98rem)!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:normal!important;unicode-bidi:plaintext}
.a1-expanded-example{background:#fff!important;border-color:#cbdcf7!important}
.a1-expanded-de{color:#065f46!important;font-weight:900!important}
.a1-expanded-ar{color:#263449!important}
.a1-expanded-tip{background:#fff7d6!important}
.a1-expanded-tip b,.a1-expanded-tip p{color:#713f12!important}
.a1-expanded-mistake{background:#ffe9ed!important}
.a1-expanded-mistake b,.a1-expanded-mistake p{color:#881337!important}
.a1-expanded-practice{background:#fff!important;color:#172033!important}
.a1-expanded-practice summary{color:#312e81!important}
.a1-expanded-practice p{color:#263449!important}
.a1-expanded-answer{background:#dcfce7!important;color:#14532d!important}
.a1-expanded-pack button{background:#1d4ed8!important;color:#fff!important;opacity:1!important}
.a1-expanded-pack [hidden]{display:none!important}


/* ألوان ثابتة عالية التباين في جميع بطاقات دروس A1 */
.a1-expanded-pack {background:#f4f8ff!important;color:#172033!important;border:2px solid #b8d4ff!important}
.a1-expanded-pack * {text-shadow:none!important}
.a1-expanded-heading {background:linear-gradient(120deg,#1d4ed8,#6d28d9)!important}
.a1-expanded-heading span,.a1-expanded-heading h4 {color:#fff!important;opacity:1!important}
.a1-expanded-pack .a1-expanded-intro {color:#243247!important;opacity:1!important}
.a1-expanded-pack .a1-expanded-rule {background:#e8eaff!important}
.a1-expanded-pack .a1-expanded-rule h5,.a1-expanded-pack .a1-expanded-examples h5 {color:#312e81!important;opacity:1!important}
.a1-expanded-pack .a1-expanded-rule pre {background:#172554!important;color:#f8fafc!important;opacity:1!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.8!important}
.a1-expanded-pack .a1-expanded-example {background:#fff!important;border:1px solid #cbdcf7!important}
.a1-expanded-pack .a1-expanded-de {color:#047857!important;opacity:1!important}
.a1-expanded-pack .a1-expanded-ar {color:#263449!important;opacity:1!important}
.a1-expanded-pack .a1-expanded-tip {background:#fff4cc!important}
.a1-expanded-pack .a1-expanded-tip b,.a1-expanded-pack .a1-expanded-tip p {color:#713f12!important;opacity:1!important}
.a1-expanded-pack .a1-expanded-mistake {background:#ffe9ed!important}
.a1-expanded-pack .a1-expanded-mistake b,.a1-expanded-pack .a1-expanded-mistake p {color:#881337!important;opacity:1!important}
.a1-expanded-pack .a1-expanded-practice {background:#fff!important;color:#172033!important}
.a1-expanded-pack .a1-expanded-practice summary {color:#1d4ed8!important;opacity:1!important}
.a1-expanded-pack .a1-expanded-practice p {color:#263449!important;opacity:1!important}
.a1-expanded-pack .a1-expanded-answer {background:#dcfce7!important;color:#14532d!important;opacity:1!important}
.a1-expanded-pack button {background:#1d4ed8!important;color:#fff!important;opacity:1!important}
.a1-reading-practice {background:#fff8e6!important;border:2px solid #eabf55!important;border-radius:16px!important;padding:16px!important;margin:22px 0!important}
.a1-reading-practice summary {color:#172554!important;font-weight:900!important;opacity:1!important}
.a1-reading-practice p,.a1-reading-practice b {color:#172033!important;opacity:1!important}
.a1-reading-practice button {background:#1d4ed8!important;color:#fff!important;border:0!important;border-radius:12px!important;padding:12px 16px!important;font-weight:800!important}
.a1-reading-practice [hidden] {display:none!important}


/* A1 readability pass: strong contrast for original lesson content and expanded packs. */
html body #sec-a1 #a1-reading-lessons-section .a1-reading-body,
html body #sec-a1 #a1-reading-lessons-section .a1-reading-body p,
html body #sec-a1 #a1-reading-lessons-section .a1-reading-body li,
html body #sec-a1 #a1-reading-lessons-section .a1-reading-body span:not(.a1-reading-toggle),
html body #sec-a1 #a1-reading-lessons-section .a1-reading-body label {
  color:#f1f5ff!important; opacity:1!important; text-shadow:none!important;
}
html body #sec-a1 #a1-reading-lessons-section .a1-reading-intro,
html body #sec-a1 #a1-reading-lessons-section .a1-reading-text,
html body #sec-a1 #a1-reading-lessons-section .a1-reading-rule,
html body #sec-a1 #a1-reading-lessons-section .a1-reading-simple {
  color:#f1f5ff!important; opacity:1!important;
}
html body #sec-a1 #a1-reading-lessons-section .a1-reading-intro h4,
html body #sec-a1 #a1-reading-lessons-section .a1-reading-text h4 {color:#8be9ff!important;}
html body #sec-a1 #a1-reading-lessons-section .a1-reading-rule h4 {color:#e7c5ff!important;}
html body #sec-a1 #a1-reading-lessons-section .a1-reading-rule b,
html body #sec-a1 #a1-reading-lessons-section .a1-reading-rule b[dir="ltr"],
html body #sec-a1 #a1-reading-lessons-section .a1-reading-rule p b[dir="ltr"],
html body #sec-a1 #a1-reading-lessons-section .a1-reading-rule li[dir="ltr"] {
  color:#9ee8ff!important; opacity:1!important;
}
html body #sec-a1 #a1-reading-lessons-section .a1-reading-text p[dir="ltr"],
html body #sec-a1 #a1-reading-lessons-section .a1-reading-rule p[dir="ltr"] {
  color:#f8fafc!important; direction:ltr; text-align:left; unicode-bidi:isolate;
}
html body #sec-a1 #a1-reading-lessons-section .a1-reading-translation {color:#e6eaff!important;}
html body #sec-a1 #a1-reading-lessons-section .a1-reading-table,
html body #sec-a1 #a1-reading-lessons-section .a1-pro-table {gap:9px;}
html body #sec-a1 #a1-reading-lessons-section .a1-reading-table>div,
html body #sec-a1 #a1-reading-lessons-section .a1-pro-table>div {
  background:#101d36!important; border-color:#6479b2!important;
}
html body #sec-a1 #a1-reading-lessons-section .a1-reading-table b,
html body #sec-a1 #a1-reading-lessons-section .a1-pro-table b {color:#a5f3fc!important;}
html body #sec-a1 #a1-reading-lessons-section .a1-reading-table span,
html body #sec-a1 #a1-reading-lessons-section .a1-pro-table span {color:#f1f5ff!important;}
html body #sec-a1 #a1-reading-lessons-section .a1-reading-practice {
  background:#fff!important; color:#172033!important; border:2px solid #b78bfa!important;
}
html body #sec-a1 #a1-reading-lessons-section .a1-reading-practice summary,
html body #sec-a1 #a1-reading-lessons-section .a1-reading-practice p,
html body #sec-a1 #a1-reading-lessons-section .a1-reading-practice label {
  color:#172033!important; opacity:1!important; text-shadow:none!important;
}
html body #sec-a1 #a1-reading-lessons-section .a1-reading-practice summary {background:#f3e8ff!important;}
html body #sec-a1 #a1-reading-lessons-section .a1-reading-practice button {
  background:#1d4ed8!important; color:#fff!important; border:2px solid #1e40af!important;
}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-pack,
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-pack p,
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-pack li,
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-pack label {opacity:1!important; text-shadow:none!important;}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-example .a1-expanded-de {color:#065f46!important;}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-example .a1-expanded-ar {color:#243247!important;}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-tip p {color:#422006!important;}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-mistake p {color:#4c1425!important;}
html body #sec-a1 #a1-reading-lessons-section .a1-lesson-finish h4 {color:#aaffdf!important;}
html body #sec-a1 #a1-reading-lessons-section .a1-lesson-finish p {color:#f1f5ff!important;}
html body #sec-a1 #a1-reading-lessons-section button,
html body #sec-a1 #a1-reading-lessons-section summary {touch-action:manipulation;}
@media(max-width:480px){
 html body #sec-a1 #a1-reading-lessons-section .a1-reading-body {font-size:16px;line-height:1.85;}
 html body #sec-a1 #a1-reading-lessons-section .a1-reading-practice summary {padding:13px;}
 html body #sec-a1 #a1-reading-lessons-section .a1-expanded-pack {overflow-wrap:anywhere;}
}


/* High-contrast, beginner-friendly colors for A1 examples */
html body #sec-a1 .a1-expanded-examples h5,
html body #sec-a1 .a1-expanded-pack .a1-expanded-examples h5 {
  color:#6b3f2a!important; opacity:1!important; text-shadow:none!important;
}
html body #sec-a1 .a1-expanded-example,
html body #sec-a1 .a1-expanded-pack .a1-expanded-example {
  background:#fffaf0!important; border:1px solid #e8cfa2!important;
  border-radius:14px!important; box-shadow:0 3px 9px rgba(70,45,20,.08)!important;
}
html body #sec-a1 .a1-expanded-example:nth-of-type(3n+1) {background:#fff8ed!important;border-color:#e7c99b!important;}
html body #sec-a1 .a1-expanded-example:nth-of-type(3n+2) {background:#f0f8f1!important;border-color:#b8d8bd!important;}
html body #sec-a1 .a1-expanded-example:nth-of-type(3n) {background:#fff1f2!important;border-color:#e7bdc4!important;}
html body #sec-a1 .a1-expanded-example .a1-expanded-de,
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-example .a1-expanded-de {
  color:#7a3e16!important; opacity:1!important; text-shadow:none!important; font-weight:800!important;
}
html body #sec-a1 .a1-expanded-example .a1-expanded-ar,
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-example .a1-expanded-ar {
  color:#252b36!important; opacity:1!important; text-shadow:none!important; font-weight:500!important;
}
html body #sec-a1 .a1-note-cloud.azouz-beginner-note {
  background:#fff5dc!important; border:2px solid #dfb75b!important; border-radius:16px!important;
  color:#29251d!important; padding:16px!important; line-height:1.8!important;
}
html body #sec-a1 .a1-note-cloud.azouz-beginner-note b,
html body #sec-a1 .a1-note-cloud.azouz-beginner-note p {color:#29251d!important;opacity:1!important;}
html body #sec-a1 .a1-note-cloud.azouz-beginner-note .azouz-note-example {
  display:block; direction:ltr!important; text-align:left!important; background:#e4f2e5!important;
  border:1px solid #a7cfae!important; border-radius:10px!important; padding:9px 12px!important;
  color:#285b36!important; font-weight:900!important; margin:10px 0!important;
}


.kz-back{display:inline-block;margin:0 0 12px;border:2px solid #c4b5fd;background:rgba(127,127,127,.12);color:inherit;border-radius:14px;padding:10px 16px;min-height:44px;font:inherit;font-weight:800;cursor:pointer}



.gref-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}
.gref-tabs{display:flex;gap:6px;flex-wrap:wrap}.gref-tab{border:2px solid rgba(127,127,127,.35);background:rgba(127,127,127,.1);color:inherit;border-radius:999px;padding:8px 16px;min-height:44px;font:inherit;font-weight:800;cursor:pointer}.gref-tab.on{background:#4361ee;border-color:#4361ee;color:#fff}
.gref-q{flex:1 1 200px;min-height:44px;border:2px solid rgba(127,127,127,.35);border-radius:14px;padding:8px 12px;font:inherit;background:rgba(127,127,127,.08);color:inherit}
.gref-count{opacity:.7;font-weight:700}
.gref-c{border:2px solid rgba(127,127,127,.3);border-radius:18px;margin:10px 0;padding:0 14px;background:rgba(127,127,127,.07)}
.gref-c summary{display:flex;align-items:center;gap:10px;cursor:pointer;padding:14px 0;list-style:none;min-height:48px}.gref-c summary::-webkit-details-marker{display:none}
.gref-c summary b{flex:1;font-size:1.05rem}.gref-c summary em{font-style:normal;font-weight:900;font-size:.8rem;padding:3px 10px;border-radius:999px;background:rgba(127,127,127,.2)}
.gref-a1 summary em{background:#16a34a;color:#fff}.gref-a2 summary em{background:#f59e0b;color:#fff}.gref-b1 summary em{background:#dc2626;color:#fff}
.gref-i{font-size:1.6rem}.gref-c p{margin:0 0 10px;line-height:1.9}
.gref-tw{direction:ltr;overflow-x:auto;margin:8px 0;-webkit-overflow-scrolling:touch}.gref-tw table{border-collapse:collapse;min-width:100%;font-size:.95rem}
.gref-tw th,.gref-tw td{border:1px solid rgba(127,127,127,.35);padding:7px 10px;text-align:left;white-space:nowrap}.gref-tw th{background:rgba(67,97,238,.18)}
.gref-ex{display:grid;gap:8px;margin:10px 0 14px}
.gref-e{position:relative;display:flex;flex-direction:column;gap:2px;text-align:start;border:2px solid rgba(127,127,127,.3);border-radius:14px;padding:10px 40px 10px 12px;background:rgba(127,127,127,.1);color:inherit;font:inherit;cursor:pointer;min-height:48px}.gref-e span{font-weight:800}.gref-e small{opacity:.8}.gref-e i{position:absolute;top:10px;right:12px;font-style:normal}
.gref-none{text-align:center;opacity:.7;padding:20px}



.pc-photo{display:block;width:100%;height:auto;object-fit:cover}
.pc-artp{background:rgba(127,127,127,.15)}.pc-artp .pc-photo{max-height:72vh;object-fit:contain;margin:0 auto;width:auto;max-width:100%}
.pc-th .pc-photo{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;max-height:none}


/* v133: floating buttons never cover content */
html body .azouz-scroll-cue{width:36px!important;height:36px!important;font-size:18px!important;opacity:.55;right:10px!important;bottom:calc(106px + env(safe-area-inset-bottom))!important;box-shadow:0 3px 12px rgba(0,0,0,.4)!important}
html body .azouz-scroll-cue.azc-cue-hide{display:none!important}
html body #azouzGlobalBack{width:36px!important;height:36px!important;min-width:0!important;font-size:17px!important;opacity:.6;right:10px!important;bottom:calc(64px + env(safe-area-inset-bottom))!important;padding:0!important;border-radius:50%!important}
html body .azouz-scroll-cue:active,html body #azouzGlobalBack:active{opacity:1}
@media(min-width:791px){html body .azouz-scroll-cue{right:16px!important;bottom:80px!important}html body #azouzGlobalBack{right:16px!important;bottom:28px!important}}


#az-toast{position:fixed;top:72px;left:0;right:0;margin-inline:auto;width:fit-content;transform:translateY(-14px);z-index:100001;display:flex;align-items:center;gap:10px;max-width:min(92vw,460px);padding:10px 14px;border-radius:999px;background:rgba(30,27,75,.92);color:#fff;border:1px solid rgba(165,180,252,.55);box-shadow:0 8px 24px rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .35s,transform .35s;font-weight:700;font-size:.95rem;line-height:1.5}
#az-toast.on{opacity:1;transform:translateY(0)}
#az-toast .azt-i{font-size:1.6rem;line-height:1}#az-toast.azt-h .azt-i{animation:azt-b 1.6s ease-in-out infinite}
@keyframes azt-b{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
#az-toast .azt-x{pointer-events:auto;border:0;background:rgba(255,255,255,.14);color:#fff;border-radius:999px;padding:4px 10px;font:inherit;font-size:.72rem;cursor:pointer;opacity:.85;min-height:28px}
#az-toast.azt-w{background:rgba(6,78,59,.92);border-color:rgba(110,231,183,.55)}
@media(prefers-reduced-motion:reduce){#az-toast,#az-toast .azt-i{transition:none;animation:none}}
button.azg-opt .azg-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
button.azg-opt .azg-chips i{font-style:normal;font-size:.74rem;font-weight:800;padding:2px 9px;border-radius:999px;background:rgba(127,127,127,.22)}
button.azg-opt .azg-lvb{font-weight:900;font-size:1.25rem;padding:6px 14px;border-radius:12px;color:#fff;flex:none;line-height:1}
button.azg-opt.azg-o-a2{border-color:#f59e0b!important;border-radius:30px 8px 30px 8px!important;background:linear-gradient(135deg,rgba(245,158,11,.25),rgba(127,127,127,.06))!important}
button.azg-opt.azg-o-a2 .azg-lvb{background:linear-gradient(135deg,#f59e0b,#ea580c)}
button.azg-opt.azg-o-b1{border-color:#ef4444!important;border-radius:8px 30px 8px 30px!important;background:linear-gradient(135deg,rgba(239,68,68,.25),rgba(168,85,247,.12))!important}
button.azg-opt.azg-o-b1 .azg-lvb{background:linear-gradient(135deg,#ef4444,#a855f7)}
button.azg-opt.azg-o-zero{border-color:#22c55e!important;border-radius:44px!important;background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(127,127,127,.06))!important}
button.azg-opt.azg-o-unsure{border-color:#38bdf8!important;border-style:dashed!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(56,189,248,.16),rgba(127,127,127,.06))!important}
.azg-del{display:block;margin:10px auto 0;border:1px solid rgba(248,113,113,.7);background:rgba(239,68,68,.12)!important;background-image:none!important;color:inherit!important;border-radius:999px;padding:8px 16px;min-height:40px;font:inherit;font-weight:800;cursor:pointer}
.azg-home .azg-del{color:#fff!important;border-color:rgba(255,255,255,.55);background:rgba(0,0,0,.18)!important}
.azg-del.sure{background:#dc2626!important;color:#fff!important;border-color:#dc2626}


#azouz-dhikr-toast{position:fixed;z-index:99980;left:50%;bottom:22px;transform:translate(-50%,18px);width:min(88vw,440px);padding:15px 22px 17px;border:1px solid #d8c58a;border-radius:30px 30px 24px 24px;background:linear-gradient(135deg,#fffdf4,#f3edda);color:#17315e;text-align:center;box-shadow:0 10px 35px #0003;opacity:0;pointer-events:none;transition:opacity 1.1s ease,transform 1.1s ease;font-size:clamp(16px,4vw,20px);font-weight:700;line-height:1.8}
#azouz-dhikr-toast:before{content:'✦';display:block;color:#b78b2b;font-size:17px;line-height:1.2}
#azouz-dhikr-toast.az-show{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){#azouz-dhikr-toast{transition:none}}

.azouz-home-tools{margin:28px 0;direction:rtl}.azouz-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.azouz-tool-card{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,244,255,.98));border:1px solid #dbe4f5;border-radius:20px;padding:18px;margin:12px 0;box-shadow:0 8px 24px #07142b12;color:#1e2b4d}.azouz-tool-card h3{margin:0 0 10px;color:#39218c}.azouz-tool-card p{line-height:1.7}.azouz-tool-card select,.azouz-tool-card textarea{width:100%;margin:8px 0;padding:10px;border:1px solid #ccd6e8;border-radius:10px;font:inherit;box-sizing:border-box;background:#fff;color:#17223e}.daily-word-de{font-size:1.25rem;font-weight:800;color:#2147b8}.placement-question{margin:12px 0;line-height:1.8}.placement-option{display:block;padding:9px 12px;margin:7px 0;background:#f1f5fb;border-radius:10px;cursor:pointer}.placement-option input{margin-left:8px}.placement-actions{display:flex;gap:8px;flex-wrap:wrap}.placement-result{font-weight:700;color:#176b46}.azouz-answer{padding:10px;background:#f1f5f9;border-radius:10px}.azouz-tool-card .home-action{margin:4px 4px 4px 0}.azouz-tool-card button{cursor:pointer}.azouz-tool-card .home-action.secondary{background:#e7edff;color:#26366d;border:1px solid #c7d2fe;font-weight:900;min-height:46px}.azouz-tool-card .home-action.secondary:hover{background:#dbe5ff}.azouz-tool-card label{display:block;font-weight:800;color:#24345f;margin:10px 0 6px}.home-section-title{color:#f5f7ff!important;text-shadow:0 2px 10px #0005}@media(max-width:600px){.azouz-tool-grid{grid-template-columns:1fr}.azouz-tool-card{padding:15px}}


.azouz-lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0;direction:rtl}
.azouz-lesson-grid .azouz-lesson{background:linear-gradient(145deg,#fff,#f1f5ff);border:1px solid #d7e1f3;border-radius:18px;padding:16px;box-shadow:0 6px 18px #0c1a3510;color:#1d2947;line-height:1.8}
.azouz-lesson-grid h4{color:#39218c;margin:0 0 8px;font-size:1.08rem}
.azouz-lesson-grid p{margin:8px 0}
.azouz-lesson-grid .de-example{background:#eaf1ff;border-radius:10px;padding:10px;color:#173b91;font-weight:600}
.azouz-lesson-grid button{background:#e1eaff;color:#1c3475;border:1px solid #b9c9f5;border-radius:12px;padding:10px 14px;font-weight:800;min-height:44px}
@media(max-width:600px){.azouz-lesson-grid{grid-template-columns:1fr}}

/* FIX: keep multilingual greetings in their own layout row instead of overlaying the profile and hero text */
.hero{display:flex;flex-direction:column;align-items:center;position:relative;isolation:isolate;padding:24px 14px 18px!important;box-sizing:border-box;}
.hero h1,.hero h2{position:relative;z-index:2;width:100%;box-sizing:border-box;text-align:center;}
.hero h2{max-width:760px;margin:8px auto 0!important;line-height:1.65;}
.hero .multilingual-greetings{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;display:flex!important;flex-flow:row wrap!important;align-items:center;justify-content:center;gap:7px 10px;width:min(100%,760px);height:auto!important;min-height:0!important;overflow:hidden;box-sizing:border-box;margin:12px auto 0!important;padding:5px 4px;z-index:1;pointer-events:none;}
.hero .multilingual-greetings span{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;display:block!important;flex:0 1 auto;width:auto!important;max-width:calc(50% - 8px);min-width:0;padding:5px 9px!important;margin:0!important;border:1px solid #64748b66;border-radius:999px;background:rgba(15,23,42,.48)!important;backdrop-filter:blur(5px);box-sizing:border-box;text-align:center!important;font-size:clamp(.68rem,2.3vw,.88rem)!important;line-height:1.35!important;white-space:normal;opacity:1!important;animation:azouzGreetingBob 3.8s ease-in-out infinite!important;overflow-wrap:anywhere;}
.hero .multilingual-greetings span:nth-child(even){animation-delay:-1.9s!important;color:#a7f3d0!important;}
.hero .multilingual-greetings span small{display:block;font-size:.78em!important;color:#dbeafe!important;}
@keyframes azouzGreetingBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(max-width:560px){.hero{padding:20px 12px 14px!important}.hero .multilingual-greetings{gap:6px;margin-top:10px!important}.hero .multilingual-greetings span{max-width:calc(50% - 5px);padding:4px 7px!important;font-size:.68rem!important}.hero h2{font-size:.9em!important}}
@media(prefers-reduced-motion:reduce){.hero .multilingual-greetings span{animation:none!important}}


/* Final layout repair: greetings are a separate horizontal ticker, never overlaying the profile or text. */
.hero{overflow:visible;}
.hero .multilingual-greetings{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;width:min(100%,760px)!important;height:auto!important;min-height:0!important;margin:14px auto 0!important;padding:8px 4px!important;display:flex!important;align-items:center!important;gap:18px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important;z-index:3!important;pointer-events:auto!important;}
.hero .multilingual-greetings::-webkit-scrollbar{display:none!important}
.hero .multilingual-greetings span{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;flex:0 0 auto!important;width:auto!important;max-width:180px!important;padding:7px 11px!important;border-radius:12px!important;background:rgba(30,41,59,.68)!important;border:1px solid rgba(148,163,184,.25)!important;text-align:center!important;white-space:normal!important;opacity:1!important;animation:none!important;font-size:clamp(.72rem,2.8vw,.9rem)!important;line-height:1.35!important;}
.hero .multilingual-greetings span small{display:block!important;font-size:.78em!important;color:#bfdbfe!important;}
/* Restore the fixed mobile task bar above all page content. */
.mobile-bottom-nav{display:none;}
@media(max-width:790px){
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;}
 .mobile-bottom-nav{display:flex!important;position:fixed!important;z-index:99999!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;box-sizing:border-box!important;padding:7px 4px calc(7px + env(safe-area-inset-bottom))!important;background:rgba(15,23,42,.98)!important;backdrop-filter:blur(12px)!important;justify-content:space-around!important;align-items:center!important;border-top:1px solid #475569!important;box-shadow:0 -5px 22px #0005!important;}
 .mobile-bottom-nav button{display:flex!important;visibility:visible!important;opacity:1!important;flex:1 1 0!important;min-width:0!important;align-items:center!important;justify-content:center!important;color:#e2e8f0!important;background:transparent!important;border:0!important;gap:3px!important;font-size:1.15rem!important;padding:3px 1px!important;}
 .mobile-bottom-nav button span{display:block!important;font-size:.65rem!important;white-space:nowrap!important;}
 .mobile-more-panel{z-index:99998!important;}
 .hero{padding-top:30px!important;}
}
@media(prefers-reduced-motion:reduce){.hero .multilingual-greetings span{animation:none!important;}}


#az-original-exam{position:fixed;inset:0;z-index:99999;background:#f4f8fc;color:#13243b;display:none;overflow:auto;font-family:inherit}
#az-original-exam *{box-sizing:border-box}#az-original-exam .azx-top{background:#12385f;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:0;z-index:4;box-shadow:0 3px 14px #102d4a30}
#az-original-exam .azx-top h2{margin:0;font-size:1.2rem;color:#fff}#az-original-exam button{cursor:pointer;border:0;border-radius:10px;padding:10px 15px;font:inherit}#az-original-exam .azx-exit{background:#fff;color:#17385a}
#az-original-exam .azx-wrap{max-width:1200px;margin:auto;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}#az-original-exam .azx-card{background:#fff;border:1px solid #dce6f0;border-radius:16px;padding:20px;box-shadow:0 4px 15px #193c5a0b;min-width:0}
#az-original-exam .azx-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:15px}#az-original-exam .azx-step{padding:10px 7px;text-align:center;background:#e8eef5;border-radius:10px;font-size:.9rem}#az-original-exam .azx-step.active{background:#1769d2;color:#fff}#az-original-exam .azx-step small{display:block;margin-top:3px}
#az-original-exam .azx-instruction{background:#edf5ff;padding:14px;border-radius:10px;line-height:1.6;margin:14px 0}#az-original-exam .azx-options{display:grid;gap:9px;margin:16px 0}#az-original-exam .azx-opt{border:1px solid #d5e0eb;background:#fff;text-align:left;display:flex;gap:12px;align-items:flex-start;line-height:1.5}#az-original-exam .azx-opt.selected{border:2px solid #1671e8;background:#eef6ff}#az-original-exam .azx-letter{font-weight:800;min-width:22px;color:#155cb3}
#az-original-exam .azx-nav{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e4ebf2;padding-top:16px;margin-top:20px}#az-original-exam .azx-primary{background:#1769d2;color:white}#az-original-exam .azx-muted{background:#edf1f6;color:#273e55}#az-original-exam .azx-timer{font-size:2rem;font-weight:800;text-align:center;margin:8px 0;color:#143b65;font-variant-numeric:tabular-nums}#az-original-exam .azx-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:12px}#az-original-exam .azx-qnum{padding:8px 2px;border:1px solid #d6e0eb;background:#fff}#az-original-exam .azx-qnum.done{background:#d9f4e3;border-color:#7bc99b}#az-original-exam .azx-qnum.current{outline:2px solid #1769d2}
#az-original-exam .azx-art{border-radius:12px;background:#e9f3fb;padding:14px;margin:12px 0;display:flex;align-items:center;gap:16px;min-height:118px}#az-original-exam .azx-art svg{width:100px;height:85px;flex-shrink:0}#az-original-exam .azx-art p{margin:0;line-height:1.5}#az-original-exam textarea{width:100%;min-height:220px;border:1px solid #cbd8e5;border-radius:10px;padding:12px;font:inherit}#az-original-exam .azx-result{font-size:1.15rem;line-height:1.8}#az-original-exam .azx-note{font-size:.88rem;color:#52677d;line-height:1.6}
@media(max-width:780px){#az-original-exam .azx-wrap{grid-template-columns:1fr;padding:10px}#az-original-exam .azx-side{order:-1}#az-original-exam .azx-grid{grid-template-columns:repeat(10,1fr)}#az-original-exam .azx-card{padding:14px}#az-original-exam .azx-steps{grid-template-columns:repeat(2,1fr)}}


.azt-tools{margin:18px 0;padding:18px;background:#fff;border:1px solid #dce6f0;border-radius:16px;box-shadow:0 5px 18px #16324f0a}.azt-tools h3{margin:0 0 8px;color:#183c63}.azt-tools p{line-height:1.65}.azt-tool-buttons{display:flex;flex-wrap:wrap;gap:8px}.azt-tool-buttons button,.azt-inline button{border:1px solid #cbd9e8;background:#f8fbff;border-radius:10px;padding:10px 13px;cursor:pointer;font:inherit}.azt-tool-buttons button:hover,.azt-inline button:hover{background:#eaf3ff}.azt-inline{margin-top:14px;padding:15px;border-radius:12px;background:#f8fbff;border:1px solid #dbe7f3}.azt-inline h4{margin:0 0 10px}.azt-inline textarea,.azt-inline input[type=text]{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:9px;font:inherit;background:#fff}.azt-inline textarea{min-height:150px}.azt-flash{padding:20px;background:white;border:1px solid #dbeafe;border-radius:12px;text-align:center;margin:12px 0}.azt-flash .de{font-size:1.5rem;font-weight:800;direction:ltr}.azt-flash .ar{font-size:1.1rem;margin-top:8px}.azt-feedback{padding:10px;border-radius:9px;margin-top:10px;line-height:1.6}.azt-good{background:#ecfdf5;color:#065f46}.azt-warn{background:#fffbeb;color:#92400e}.azt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.azt-stat{padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.azt-stat strong{display:block;font-size:1.35rem;color:#1d4ed8}.azt-inline label{display:block;margin:8px 0}.azt-inline .azt-small{color:#52677d;font-size:.9rem}@media(max-width:600px){.azt-tools{padding:12px}.azt-tool-buttons{display:grid;grid-template-columns:1fr 1fr}.azt-tool-buttons button{padding:9px 7px;font-size:.9rem}}


#azouz-lerncoach{max-width:1100px;margin:30px auto;padding:22px;border:2px solid #cbdcfb;border-radius:22px;background:#f7faff;color:#172033;font-family:Arial,sans-serif;box-sizing:border-box}
#azouz-lerncoach *{box-sizing:border-box}#azouz-lerncoach .azlc-head{display:flex;gap:14px;align-items:center;flex-wrap:wrap}#azouz-lerncoach .azlc-mark{font-size:40px;background:#e0eaff;padding:10px;border-radius:16px}#azouz-lerncoach .azlc-sub{color:#526078;margin:6px 0 0}#azouz-lerncoach .azlc-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}#azouz-lerncoach button{cursor:pointer;border:0;border-radius:9px;padding:10px 13px;font-weight:700;background:#e2e8f0;color:#172033}#azouz-lerncoach button.azlc-primary{background:#1d4ed8;color:white}#azouz-lerncoach button.azlc-teal{background:#0f766e;color:white}#azouz-lerncoach .azlc-tab[aria-selected=true]{background:#172554;color:white}#azouz-lerncoach .azlc-panel{display:none}#azouz-lerncoach .azlc-panel.active{display:block}#azouz-lerncoach .azlc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}#azouz-lerncoach .azlc-card{background:#fff;border:1px solid #dce4f0;border-radius:15px;padding:16px;min-width:0}#azouz-lerncoach label{display:block;margin:9px 0 5px;font-weight:600}#azouz-lerncoach input[type=text],#azouz-lerncoach textarea,#azouz-lerncoach select{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:9px;font:inherit;margin:4px 0 8px;background:white}#azouz-lerncoach .azlc-feedback{padding:12px;border-radius:10px;background:#f1f5f9;margin-top:12px;line-height:1.65}#azouz-lerncoach .azlc-good{background:#dcfce7;color:#166534}#azouz-lerncoach .azlc-warn{background:#fff7ed;color:#9a3412}#azouz-lerncoach .azlc-small{font-size:12px;color:#64748b;line-height:1.5}#azouz-lerncoach .azlc-stat{background:#eff6ff;padding:12px;border-radius:12px;text-align:center}#azouz-lerncoach .azlc-stat strong{display:block;font-size:24px;color:#1d4ed8}#azouz-lerncoach .azlc-options label{font-weight:400;display:flex;gap:8px;align-items:flex-start}#azouz-lerncoach .azlc-options input{margin-top:4px}#azouz-lerncoach .azlc-word{display:inline-block;border-radius:5px;padding:2px 4px;margin:2px}#azouz-lerncoach .azlc-miss{background:#fee2e2;color:#991b1b}#azouz-lerncoach .azlc-match{background:#dcfce7;color:#166534}


/* V33: placement quiz layout and phone overflow fixes; existing sections/content retained */
#sec-home .azouz-home-tools{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
#sec-home .azouz-tool-card{min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
#sec-home .azouz-tool-card h3,#sec-home .azouz-tool-card p,#sec-home .azouz-tool-card label{overflow-wrap:anywhere;word-break:normal}
#sec-home .azouz-tool-card select,#sec-home .azouz-tool-card textarea{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
#sec-home .azouz-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
#sec-home .placement-question{min-width:0}
#sec-home .placement-progress{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#dbeafe;font-size:.88rem;font-weight:800}
#sec-home .placement-track{height:7px;background:#334155;border-radius:99px;overflow:hidden;margin:8px 0 14px}
#sec-home .placement-track span{display:block;height:100%;background:linear-gradient(90deg,#60a5fa,#c084fc);border-radius:99px;transition:width .2s}
#sec-home .placement-level-label{display:inline-block;padding:5px 10px;border-radius:99px;background:#334155;color:#e0e7ff;font-size:.86rem;font-weight:800}
#sec-home .placement-q-text{direction:ltr;text-align:left;font-size:clamp(1.12rem,3.8vw,1.42rem);line-height:1.7;color:#fff;margin:12px 0}
#sec-home .placement-options{display:grid;gap:8px}
#sec-home .placement-option{display:flex;align-items:center;gap:10px;min-width:0;margin:0;padding:12px;background:#202d50;color:#f8fafc;border:1px solid #596b9d;border-radius:12px;line-height:1.6;text-align:left}
#sec-home .placement-option:has(input:checked){background:#293c76;border-color:#a5b4fc;box-shadow:0 0 0 2px #818cf833}
#sec-home .placement-option input{margin:0;flex:0 0 auto;accent-color:#a5b4fc}
#sec-home .placement-option span{min-width:0;overflow-wrap:anywhere}
#sec-home .placement-feedback{min-height:1.4em;color:#fde68a;font-weight:700}
#sec-home .placement-result{color:#d1fae5;line-height:1.8}
#sec-home .placement-final{border:1px solid #6476b9;background:linear-gradient(145deg,#17264a,#28204f);border-radius:18px;padding:16px;text-align:center;color:#f8fafc}
#sec-home .placement-result-icon{font-size:2rem}
#sec-home .placement-final h4{font-size:1.2rem;margin:6px 0;color:#fff}
#sec-home .placement-final-level{font-size:1.3rem;font-weight:900;color:#c4b5fd;margin:8px 0}
#sec-home .placement-score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}
#sec-home .placement-score-grid div{display:flex;flex-direction:column;gap:4px;padding:10px 4px;border:1px solid #58699c;border-radius:12px;background:#202d50}
#sec-home .placement-score-grid strong{font-size:1.15rem;color:#a7f3d0}
#sec-home .placement-score-grid span{font-size:.82rem;color:#dbeafe}
#sec-home .placement-disclaimer{font-size:.84rem;color:#cbd5e1;line-height:1.7}
#sec-home #placementNext,#sec-home #placementReset{min-height:44px;flex:1 1 150px}
#sec-home #placementNext:disabled{opacity:.55}
@media(max-width:600px){
 #sec-home .azouz-tool-grid{grid-template-columns:minmax(0,1fr)}
 #sec-home .azouz-tool-card{padding:14px;margin:10px 0;border-radius:18px}
 #sec-home .azouz-tool-card .home-action{max-width:100%;white-space:normal;line-height:1.35}
 #sec-home .azouz-tool-card textarea{min-height:110px}
 #sec-home .placement-option{padding:10px}
 #sec-home .placement-final{padding:12px}
}


#placementTool,#placementTool *{box-sizing:border-box}
#placementTool{min-width:0;max-width:100%;overflow-wrap:anywhere}
#placementSelfCheck{padding:14px;border:1px solid #6578b5;border-radius:16px;background:linear-gradient(145deg,#1b2a50,#29204c);color:#f8fafc;margin:12px 0}
#placementSelfCheck h4{margin:0 0 8px;color:#fff;font-size:1.12rem}
#placementSelfCheck p{line-height:1.75;color:#dbeafe}
#placementSelfCheck>label,#placementSelfCheck legend{display:block;font-weight:800;margin:12px 0 7px;color:#e0e7ff}
#placementSelfCheck select,.placement-fill-input{width:100%;max-width:100%;min-width:0;min-height:45px;padding:10px;border:1px solid #7184bd;border-radius:10px;background:#101a35;color:#fff;font:inherit}
.placement-self-options{border:1px solid #52669d;border-radius:12px;margin:12px 0;padding:10px;display:flex;flex-wrap:wrap;gap:10px}
.placement-self-options legend{padding:0 5px}
.placement-self-options label{display:flex;gap:7px;align-items:center;background:#26365d;border-radius:9px;padding:9px;line-height:1.5}
.placement-self-options input{accent-color:#a78bfa}
.placement-self-note{font-size:.86rem!important;color:#cbd5e1!important;margin-bottom:0}
#placementQuestion{min-width:0;max-width:100%}
.placement-answer-label{display:block;margin:8px 0;color:#dbeafe;font-weight:800}
.placement-reading-text{background:#17264a;border:1px solid #52669d;border-radius:12px;padding:14px;margin:10px 0;color:#f8fafc;line-height:1.85;white-space:pre-line;overflow-wrap:anywhere}
@media(max-width:600px){#placementSelfCheck{padding:12px}.placement-self-options{display:grid;grid-template-columns:1fr}.placement-self-options label{align-items:flex-start}.placement-reading-text{padding:11px}}


#placementTool{padding:14px!important;border-radius:20px!important}
#placementTool>h3{font-size:1.15rem!important;margin:0 0 5px!important}
#placementTool>.placement-compact-desc{font-size:.9rem!important;margin:0 0 10px!important;line-height:1.5!important}
#placementOpen.placement-open-btn{width:100%;max-width:100%;min-height:44px;padding:9px 14px;font-size:.98rem;border-radius:13px}
#placementWorkspace[hidden]{display:none!important}
#placementWorkspace{margin-top:14px;min-width:0;max-width:100%}
#placementSelfCheck{padding:12px!important;margin:10px 0!important}
#placementSelfCheck h4{font-size:1rem!important}
#placementSelfCheck p{font-size:.9rem!important}
.placement-timer{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0;padding:9px 12px;border:1px solid #6478b7;border-radius:12px;background:#111c39;color:#e0e7ff;font-weight:800}
.placement-timer strong{font-size:1.2rem;color:#a7f3d0;font-variant-numeric:tabular-nums}
.placement-timer.urgent{border-color:#fb7185;background:#4c1832;color:#ffe4e6}
.placement-timer.urgent strong{color:#fda4af}
@media(max-width:600px){
 #placementTool{padding:12px!important}
 #placementWorkspace .placement-actions{display:grid;grid-template-columns:1fr;gap:8px}
 #placementWorkspace .placement-actions .home-action{width:100%;min-height:44px}
 #placementSelfCheck .placement-self-options{gap:7px}
}


#placementExit{display:inline-flex;align-items:center;margin:0 0 12px;padding:8px 13px;border:1px solid #7587c2;border-radius:12px;background:#101a35;color:#e0e7ff;font:inherit;font-size:.9rem;font-weight:800;cursor:pointer}
#placementReady{padding:16px;margin:12px 0;border:1px solid #9b8af4;border-radius:18px;background:linear-gradient(145deg,#17284e,#32135f 70%,#241746);color:#f8fafc;box-shadow:0 12px 32px #0004;animation:placementReadyIn .45s ease both}
#placementReady[hidden]{display:none!important}
.placement-ready-icon{font-size:2.2rem;text-align:center;animation:placementRocket 1.8s ease-in-out infinite}
#placementReady h4{text-align:center;font-size:1.25rem;margin:5px 0 10px;color:#fff}
#placementReady>p{line-height:1.8;color:#e0e7ff;font-size:.94rem}
.placement-time-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
.placement-time-guide div{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;border:1px solid #6578b5;border-radius:12px;background:#17264a;text-align:center}
.placement-time-guide div strong{color:#c4b5fd;font-size:1rem}.placement-time-guide div span{color:#dbeafe;font-size:.82rem}
.placement-howto{padding:11px;border-radius:12px;background:#111b37;border-inline-start:4px solid #a78bfa}
.placement-begin-btn{display:block;width:100%;min-height:48px;margin-top:12px;border-radius:14px;font-size:1.05rem;font-weight:900;animation:placementPulse 2s ease-in-out infinite}
#placementQuestion[hidden],#placementNext[hidden]{display:none!important}
@keyframes placementReadyIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes placementRocket{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5px) rotate(4deg)}}
@keyframes placementPulse{0%,100%{box-shadow:0 0 0 0 #a78bfa33}50%{box-shadow:0 0 0 6px #a78bfa22}}
@media(max-width:600px){#placementReady{padding:12px}.placement-time-guide{grid-template-columns:repeat(2,minmax(0,1fr))}.placement-time-guide div:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){#placementReady,.placement-ready-icon,.placement-begin-btn{animation:none!important}}


#placementSelfCheck .placement-validation-error{margin:7px 0 0;padding:8px 10px;border:1px solid #fb7185;border-radius:9px;background:#4c1426;color:#ffe4e6;font-size:.9rem;font-weight:800;line-height:1.6}
#placementSelfCheck .placement-invalid select,#placementSelfCheck .placement-invalid{border-color:#fb7185!important;box-shadow:0 0 0 2px #fb718533}
#placementSelfCheck .placement-self-options.placement-invalid{border:1px solid #fb7185;background:#431626}
#placementBeginNow:active,#placementContinue:active{transform:scale(.98)}


/* Final high-contrast patch for the A1 lesson cards and expandable sections */
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-pack {
  background:#f5f8ff!important; color:#172033!important; opacity:1!important;
  border:2px solid #b8d4ff!important; box-shadow:0 10px 30px rgba(15,23,42,.16)!important;
}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-pack p,
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-pack li,
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-pack b,
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-pack summary,
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-pack label {
  color:#172033!important; opacity:1!important; text-shadow:none!important;
}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-heading {
  background:linear-gradient(120deg,#1d4ed8,#6d28d9)!important;
}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-heading h4,
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-heading span {color:#fff!important;opacity:1!important}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-rule {
  background:#e8efff!important; border-right:6px solid #4f46e5!important; color:#172033!important;
}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-rule h5,
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-examples h5 {color:#1e3a8a!important; opacity:1!important}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-rule pre {
  background:#172554!important; color:#f8fafc!important; border:1px solid #334b84!important;
  font-size:clamp(.78rem,3.1vw,.96rem)!important; line-height:1.85!important;
  white-space:pre-wrap!important; overflow-wrap:anywhere!important; word-break:normal!important;
  text-align:left!important; direction:ltr!important; unicode-bidi:plaintext!important;
}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-example {
  background:#fff!important; border:1px solid #bfcee8!important;
}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-example .a1-expanded-de {color:#065f46!important}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-example .a1-expanded-ar {color:#243247!important}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-tip {
  background:#fff4cc!important; border-right:6px solid #d97706!important;
}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-tip b {color:#78350f!important}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-tip p {color:#422006!important}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-mistake {
  background:#ffe9ee!important; border-right:6px solid #e11d48!important;
}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-mistake b {color:#9f1239!important}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-mistake p {color:#4c1425!important}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-practice {
  background:#fff!important; color:#172033!important; border:1px solid #a5b4fc!important;
}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-practice summary {color:#312e81!important}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-practice button {background:#1d4ed8!important;color:#fff!important;opacity:1!important}
html body #sec-a1 #a1-reading-lessons-section .a1-expanded-answer {background:#dcfce7!important;color:#14532d!important}
/* Existing A1 rule headings also need clear contrast against their dark panels. */
html body #sec-a1 #a1-reading-lessons-section .a1-reading-rule h4,
html body #sec-a1 #a1-reading-lessons-section .a1-reading-text h4 {color:#93c5fd!important; opacity:1!important;}
html body #sec-a1 #a1-reading-lessons-section .a1-reading-rule p,
html body #sec-a1 #a1-reading-lessons-section .a1-reading-text p {color:#e5edff!important; opacity:1!important;}
html body #sec-a1 #a1-reading-lessons-section .a1-reading-rule b {color:#fda4af!important}
@media(max-width:560px){
 html body #sec-a1 #a1-reading-lessons-section .a1-expanded-pack{padding:12px!important}
 html body #sec-a1 #a1-reading-lessons-section .a1-expanded-rule pre{padding:10px!important}
}


/* A2/B1 original exam simulator: replace pale panels and pale text with readable dark styling */
#az-original-exam{background:#0b1228!important;color:#eef2ff!important}
#az-original-exam .azx-wrap{color:#eef2ff!important}
#az-original-exam .azx-card{background:linear-gradient(145deg,#151d39,#1b2548)!important;border:1px solid #53649a!important;color:#eef2ff!important}
#az-original-exam .azx-card *:not(button):not(input):not(select):not(textarea){color:inherit}
#az-original-exam #azx-main>h2,#az-original-exam #azx-main h2,
#az-original-exam #azx-main h3,#az-original-exam #azx-main label,
#az-original-exam #azx-main b{color:#eef2ff!important}
#az-original-exam .azx-instruction{background:#202b4b!important;color:#f1f5ff!important;border:1px solid #52628e!important}
#az-original-exam .azx-art{background:#202b4b!important;color:#f1f5ff!important;border:1px solid #52628e!important}
#az-original-exam .azx-note{color:#c0cbe5!important}
#az-original-exam .azx-steps .azx-step{background:#263454!important;color:#e2e8f0!important;border:1px solid #46577f!important}
#az-original-exam .azx-steps .azx-step.active{background:#334bd8!important;color:#fff!important}
#az-original-exam .azx-opt,#az-original-exam .azx-qnum{background:#111a33!important;color:#edf2ff!important;border:1px solid #536184!important}
#az-original-exam .azx-opt.selected{background:#26376b!important;border:2px solid #818cf8!important;color:#fff!important}
#az-original-exam .azx-letter{color:#a5b4fc!important}
#az-original-exam select,#az-original-exam textarea{background:#0b1228!important;color:#f1f5ff!important;border:1px solid #6576a8!important}
#az-original-exam select option{background:#0b1228!important;color:#f1f5ff!important}
#az-original-exam .azx-muted{background:#334155!important;color:#f1f5f9!important}
#az-original-exam .azx-primary{background:linear-gradient(135deg,#2855d9,#682bc0)!important;color:#fff!important}
#az-original-exam .azx-result{color:#eef2ff!important}
#az-original-exam .azx-result p{color:#eef2ff!important}
#az-original-exam .azx-art svg{flex-shrink:0}
@media(max-width:780px){#az-original-exam .azx-art{align-items:flex-start;flex-wrap:wrap}#az-original-exam .azx-art p{min-width:0;flex:1 1 180px}}


#sec-a2 .azc-index-view{display:block}#sec-a2 .azc-index-search{margin:0 0 14px}#sec-a2 #a2-azc-search{width:100%;box-sizing:border-box;padding:13px 15px;border:1px solid #cbd5e1;border-radius:12px;font:inherit;background:#fff;color:#0f172a;outline-offset:3px}
#sec-a2 .azc-topic-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px!important}
#sec-a2 .azc-topic-card{position:relative;width:100%;min-width:0;box-sizing:border-box;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;text-align:right;direction:rtl;padding:14px;border:1px solid #e2e8f0;background:#fff;border-radius:14px;color:#1e293b;font:inherit;cursor:pointer;line-height:1.5;min-height:82px;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}
#sec-a2 .azc-topic-card:hover{transform:translateY(-3px);border-color:#8b5cf6;box-shadow:0 9px 22px rgba(91,33,182,.12)}#sec-a2 .azc-topic-card[aria-current="step"]{border-color:#10b981;box-shadow:inset -4px 0 0 #10b981;background:#f0fdf4}
#sec-a2 .azc-topic-card .azc-topic-index{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:900;font-size:.88rem}
#sec-a2 .azc-topic-card .azc-topic-title{display:block;min-width:0;max-width:100%;font-weight:800;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere}
#sec-a2 .azc-topic-card .azc-topic-ar{display:block;min-width:0;max-width:100%;margin-top:3px;color:#64748b;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sec-a2 .azc-topic-card .azc-topic-check{position:absolute;top:7px;left:9px;color:#059669;font-size:1rem;font-weight:900}
#sec-a2.azc-view-lesson .azc-hero,#sec-a2.azc-view-lesson .azc-index-view,#sec-a2.azc-view-lesson #a2-azc-outline,#sec-a2.azc-view-lesson #a2-azc-topic-list,#sec-a2.azc-view-lesson #a2-azc-search{display:none!important}#sec-a2.azc-view-lesson .azc-current-wrap,#sec-a2.azc-view-lesson #a2-azc-current{display:block!important;width:100%!important;max-width:none!important;flex:1 1 100%!important;grid-column:1/-1!important}#sec-a2.azc-view-lesson .azc-lesson-card{display:block;width:100%;max-width:none;box-sizing:border-box}#sec-a2.azc-view-index .azc-index-view{display:block}#sec-a2.azc-view-index #a2-azc-current:empty{display:none}
#sec-a2 .azc-lesson-crumb{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;margin:0 0 16px;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:.9rem}
#sec-a2 .azc-back-btn{border:1px solid #cbd5e1;border-radius:9px;background:#fff;padding:8px 11px;font:inherit;font-weight:800;cursor:pointer;color:#334155}
#sec-a2 .azc-formula{background:#ecfeff!important;border-right:5px solid #0891b2!important;border-left:1px solid #a5f3fc!important}#sec-a2 .azc-formula h5{color:#0e7490!important}#sec-a2 .azc-formula-text{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#0f172a;background:#fff;border:1px solid #a5f3fc;white-space:pre-line;unicode-bidi:isolate}
#sec-a2 .azc-term{background:#fef3c7;color:#78350f;padding:2px 6px;border-radius:6px;font-weight:700}
#sec-a2 .azc-de{direction:ltr!important;text-align:left!important;unicode-bidi:isolate!important;font-family:Arial,sans-serif;color:#065f46!important;background:#f0fdf4!important;border-left:4px solid #10b981;padding:10px 12px;border-radius:8px;line-height:1.8}
#sec-a2 .azc-ar{direction:rtl!important;text-align:right!important;unicode-bidi:isolate!important;font-family:Tajawal,Arial,sans-serif;color:#334155;background:transparent;margin:7px 0 10px}
#sec-a2 .azc-common{background:#fff1f2!important;border-color:#fb7185!important}#sec-a2 .azc-sentence{direction:ltr;text-align:left;font-size:1.05rem;line-height:1.9;background:#f8fafc;border-radius:10px;padding:12px 14px;margin:8px 0;border:1px solid #e2e8f0;font-weight:700;color:#1e293b;unicode-bidi:isolate}#sec-a2 .azc-blank{display:inline-block;min-width:90px;border-bottom:2px solid #4338ca;background:#eef2ff;color:#4338ca;text-align:center;padding:0 6px;border-radius:4px 4px 0 0;box-sizing:border-box}
#sec-a2 .azc-options{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start;direction:rtl;margin-top:8px}#sec-a2 .azc-option{direction:rtl}#sec-a2 .azc-option input{accent-color:#4f46e5;width:17px;height:17px}
@media(max-width:559px){#sec-a2 .azc-topic-list{grid-template-columns:1fr!important}#sec-a2 .azc-lesson-crumb{align-items:flex-start;flex-direction:column}}


/* v79 — A2: dark course theme, lesson as its own page, grouped index */
html body #sec-a2 .azc-course{background:linear-gradient(145deg,#111936,#161f45)!important;border:1px solid #3b4a82!important;box-shadow:0 10px 28px #0005!important;color:#eef2ff!important}
html body #sec-a2 .azc-outline{background:#131b3b!important;border:1px solid #3b4a82!important;box-shadow:none!important;position:static!important;max-height:none!important}
html body #sec-a2 .azc-outline h4{color:#e8edff!important}
html body #sec-a2 .azc-outline small{color:#b4c0e8!important}
html body #sec-a2 #a2-azc-search{background:#0d1430!important;color:#f4f6ff!important;border:1px solid #3b4a82!important}
html body #sec-a2 #a2-azc-search::placeholder{color:#9aa7d0!important}
html body #sec-a2 .azc-group{margin:0 0 12px;border:1px solid #34457a;border-radius:16px;background:#101734;overflow:hidden}
html body #sec-a2 .azc-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;font-weight:900;color:#e8edff;background:linear-gradient(120deg,#1a2656,#221c55)}
html body #sec-a2 .azc-group>summary::-webkit-details-marker{display:none}
html body #sec-a2 .azc-group>summary::after{content:"▾";margin-inline-start:auto;color:#a9b8f5;transition:transform .2s}
html body #sec-a2 .azc-group:not([open])>summary::after{transform:rotate(90deg)}
html body #sec-a2 .azc-group-count{font-size:.82rem;font-weight:800;color:#bbf7d0;background:#0f2f2a;border:1px solid #1f7a62;border-radius:999px;padding:3px 10px;direction:ltr}
html body #sec-a2 .azc-group-grid{display:grid;grid-template-columns:1fr;gap:10px;padding:12px}
@media(min-width:760px){html body #sec-a2 .azc-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
html body #sec-a2 .azc-topic-card{background:#18224a!important;border:1px solid #3b4a82!important;color:#f4f6ff!important;box-shadow:none!important}
html body #sec-a2 .azc-topic-card:hover{border-color:#8b5cf6!important;background:#1d2a5c!important;box-shadow:0 8px 20px #0006!important}
html body #sec-a2 .azc-topic-card[aria-current="step"]{border-color:#34d399!important;background:#12342f!important;box-shadow:inset -4px 0 0 #34d399!important}
html body #sec-a2 .azc-topic-title{color:#f4f6ff!important;white-space:normal!important;overflow-wrap:anywhere;direction:ltr;text-align:right;display:block}
html body #sec-a2 .azc-topic-card .azc-topic-ar{color:#b4c0e8!important;white-space:normal!important}
html body #sec-a2 .azc-topic-card .azc-topic-check{color:#6ee7b7!important}
/* lesson page */
html body #sec-a2 .azc-lesson-card{background:linear-gradient(150deg,#141c3c,#1a2350)!important;border:1px solid #3b4a82!important;box-shadow:0 10px 28px #0006!important;color:#eef2ff!important}
html body #sec-a2 .azc-lesson-card h4{color:#c7d2fe!important}
html body #sec-a2 .azc-lesson-meta{color:#b9c5ee!important}
html body #sec-a2 .azc-pill{background:#26356e!important;color:#e0e7ff!important}
html body #sec-a2 .azc-goal{color:#d3dbf5!important}
html body #sec-a2 .azc-lesson-crumb{background:#0f1633!important;border:1px solid #34457a!important;color:#dbe3ff!important}
html body #sec-a2 .azc-crumb-current,html body #sec-a2 .azc-crumb-progress{color:#dbe3ff!important}
html body #sec-a2 .azc-back-btn{background:#26356e!important;color:#fff!important;border:1px solid #5668b0!important}
html body #sec-a2 .azc-block{color:#e5ebff!important}
html body #sec-a2 .azc-block h5{color:#f4f7ff!important}
html body #sec-a2 .azc-explanation{background:#12234a!important;border-right:5px solid #3b82f6!important}
html body #sec-a2 .azc-example-area{background:#0f2b2a!important;border-right:5px solid #10b981!important}
html body #sec-a2 .azc-tip{background:#2d2410!important;border-right:5px solid #f59e0b!important;color:#fde9b8!important}
html body #sec-a2 .azc-common{background:#2c1420!important;border:1px solid #7f2a45!important;border-right:5px solid #fb7185!important;color:#ffdce2!important}
html body #sec-a2 .azc-formula{background:#0c2a36!important;border-right:5px solid #0891b2!important;border-left:1px solid #1f6b80!important}
html body #sec-a2 .azc-formula-text{background:#0a1226!important;color:#e6fbff!important;border:1px solid #1f6b80!important}
html body #sec-a2 .azc-example{background:#0f1633!important;border:1px solid #1f5f4c!important}
html body #sec-a2 .azc-de{background:#0d2a24!important;color:#86efac!important}
html body #sec-a2 .azc-ar{color:#dbe3ff!important}
html body #sec-a2 .azc-audio{background:#0f3a30!important;color:#a7f3d0!important;border:1px solid #1f7a62!important}
html body #sec-a2 .azc-audio:hover{background:#145344!important}
html body #sec-a2 .azc-term{background:#3a2c0c!important;color:#fde68a!important}
html body #sec-a2 .azc-wrong{color:#fb7185;font-weight:800}
html body #sec-a2 .azc-right{color:#6ee7b7;font-weight:800}
html body #sec-a2 .azc-quiz{background:#121a3a!important;border:1px solid #3b4a82!important}
html body #sec-a2 .azc-quiz h5{color:#e8edff!important}
html body #sec-a2 .azc-quiz-intro{color:#b9c5ee!important}
html body #sec-a2 .azc-q{border-top-color:#2c3a6e!important}
html body #sec-a2 .azc-q-title{color:#eef2ff!important}
html body #sec-a2 .azc-sentence{background:#0d1430!important;color:#f4f6ff!important;border:1px solid #34457a!important}
html body #sec-a2 .azc-blank{background:#1e2a5e!important;color:#c7d2fe!important;border-bottom-color:#818cf8!important}
html body #sec-a2 .azc-option{background:#0d1430!important;border:1px solid #34457a!important;color:#f4f6ff!important}
html body #sec-a2 .azc-option:has(input:checked){background:#1f2a63!important;border-color:#818cf8!important}
html body #sec-a2 .azc-q-feedback.azc-good{color:#6ee7b7!important}
html body #sec-a2 .azc-q-feedback.azc-bad{color:#fda4af!important}
html body #sec-a2 .azc-q-feedback.azc-neutral{color:#cbd5e1!important}
html body #sec-a2 .azc-btn-quiet{background:#26356e!important;color:#fff!important}
html body #sec-a2 .azc-result{background:#0d1430!important;border:1px solid #34457a!important;color:#eef2ff!important}
html body #sec-a2 .azc-pass{color:#6ee7b7;margin-top:6px}
html body #sec-a2 .azc-fail{color:#fcd34d;margin-top:6px}
html body #sec-a2 .azc-lesson-counter,html body #sec-a2 .azc-audio-status,html body #sec-a2 .azc-footnote{color:#b9c5ee!important}
/* A2 content: show only the chosen part; lesson view = lesson only */
html body #a2-content[data-view="course"] #a2-lessons>:not(#a2-full-course){display:none!important}
html body #a2-content[data-view="review"] #a2-full-course{display:none!important}
html body #sec-a2.azc-view-lesson #a2-lessons>:not(#a2-full-course){display:none!important}
html body #sec-a2.azc-view-lesson .azc-footnote,html body #sec-a2.azc-view-lesson [data-progress-badge]{display:none!important}

/* v79 — A2: dark course theme, lesson as its own page, grouped index */
html body #sec-b1 .azc-course{background:linear-gradient(145deg,#111936,#161f45)!important;border:1px solid #3b4a82!important;box-shadow:0 10px 28px #0005!important;color:#eef2ff!important} grouped index */
html body #sec-a1 .azc-course{background:linear-gradient(145deg,#111936,#161f45)!important;border:1px solid #3b4a82!important;box-shadow:0 10px 28px #0005!important;color:#eef2ff!important}
html body #sec-b1 .azc-outline{background:#131b3b!important;border:1px solid #3b4a82!important;box-shadow:none!important;position:static!important;max-height:none!important}
html body #sec-a1 .azc-outline{background:#131b3b!important;border:1px solid #3b4a82!important;box-shadow:none!important;position:static!important;max-height:none!important}
html body #sec-b1 .azc-outline h4{color:#e8edff!important}
html body #sec-a1 .azc-outline h4{color:#e8edff!important}
html body #sec-b1 .azc-outline small{color:#b4c0e8!important}
html body #sec-a1 .azc-outline small{color:#b4c0e8!important}
html body #sec-b1 #a2-azc-search{background:#0d1430!important;color:#f4f6ff!important;border:1px solid #3b4a82!important}
html body #sec-a1 #a2-azc-search{background:#0d1430!important;color:#f4f6ff!important;border:1px solid #3b4a82!important}
html body #sec-b1 #a2-azc-search::placeholder{color:#9aa7d0!important}
html body #sec-a1 #a2-azc-search::placeholder{color:#9aa7d0!important}
html body #sec-b1 .azc-group{margin:0 0 12px;border:1px solid #34457a;border-radius:16px;background:#101734;overflow:hidden}
html body #sec-a1 .azc-group{margin:0 0 12px;border:1px solid #34457a;border-radius:16px;background:#101734;overflow:hidden}
html body #sec-b1 .azc-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;font-weight:900;color:#e8edff;background:linear-gradient(120deg,#1a2656,#221c55)}
html body #sec-a1 .azc-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;font-weight:900;color:#e8edff;background:linear-gradient(120deg,#1a2656,#221c55)}
html body #sec-b1 .azc-group>summary::-webkit-details-marker{display:none}
html body #sec-a1 .azc-group>summary::-webkit-details-marker{display:none}
html body #sec-b1 .azc-group>summary::after{content:"▾";margin-inline-start:auto;color:#a9b8f5;transition:transform .2s}
html body #sec-a1 .azc-group>summary::after{content:"▾";margin-inline-start:auto;color:#a9b8f5;transition:transform .2s}
html body #sec-b1 .azc-group:not([open])>summary::after{transform:rotate(90deg)}
html body #sec-a1 .azc-group:not([open])>summary::after{transform:rotate(90deg)}
html body #sec-b1 .azc-group-count{font-size:.82rem;font-weight:800;color:#bbf7d0;background:#0f2f2a;border:1px solid #1f7a62;border-radius:999px;padding:3px 10px;direction:ltr}
html body #sec-a1 .azc-group-count{font-size:.82rem;font-weight:800;color:#bbf7d0;background:#0f2f2a;border:1px solid #1f7a62;border-radius:999px;padding:3px 10px;direction:ltr}
html body #sec-b1 .azc-group-grid{display:grid;grid-template-columns:1fr;gap:10px;padding:12px}
html body #sec-a1 .azc-group-grid{display:grid;grid-template-columns:1fr;gap:10px;padding:12px}
@media(min-width:760px){html body #sec-b1 .azc-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:760px){html body #sec-b1 .azc-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html body #sec-a1 .azc-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
html body #sec-b1 .azc-topic-card{background:#18224a!important;border:1px solid #3b4a82!important;color:#f4f6ff!important;box-shadow:none!important}
html body #sec-a1 .azc-topic-card{background:#18224a!important;border:1px solid #3b4a82!important;color:#f4f6ff!important;box-shadow:none!important}
html body #sec-b1 .azc-topic-card:hover{border-color:#8b5cf6!important;background:#1d2a5c!important;box-shadow:0 8px 20px #0006!important}
html body #sec-a1 .azc-topic-card:hover{border-color:#8b5cf6!important;background:#1d2a5c!important;box-shadow:0 8px 20px #0006!important}
html body #sec-b1 .azc-topic-card[aria-current="step"]{border-color:#34d399!important;background:#12342f!important;box-shadow:inset -4px 0 0 #34d399!important}
html body #sec-a1 .azc-topic-card[aria-current="step"]{border-color:#34d399!important;background:#12342f!important;box-shadow:inset -4px 0 0 #34d399!important}
html body #sec-b1 .azc-topic-title{color:#f4f6ff!important;white-space:normal!important;overflow-wrap:anywhere;direction:ltr;text-align:right;display:block}
html body #sec-a1 .azc-topic-title{color:#f4f6ff!important;white-space:normal!important;overflow-wrap:anywhere;direction:ltr;text-align:right;display:block}
html body #sec-b1 .azc-topic-card .azc-topic-ar{color:#b4c0e8!important;white-space:normal!important}
html body #sec-a1 .azc-topic-card .azc-topic-ar{color:#b4c0e8!important;white-space:normal!important}
html body #sec-b1 .azc-topic-card .azc-topic-check{color:#6ee7b7!important}
html body #sec-a1 .azc-topic-card .azc-topic-check{color:#6ee7b7!important}
/* lesson page */
html body #sec-b1 .azc-lesson-card{background:linear-gradient(150deg,#141c3c,#1a2350)!important;border:1px solid #3b4a82!important;box-shadow:0 10px 28px #0006!important;color:#eef2ff!important}
/* lesson page */
html body #sec-a1 .azc-lesson-card{background:linear-gradient(150deg,#141c3c,#1a2350)!important;border:1px solid #3b4a82!important;box-shadow:0 10px 28px #0006!important;color:#eef2ff!important}
html body #sec-b1 .azc-lesson-card h4{color:#c7d2fe!important}
html body #sec-a1 .azc-lesson-card h4{color:#c7d2fe!important}
html body #sec-b1 .azc-lesson-meta{color:#b9c5ee!important}
html body #sec-a1 .azc-lesson-meta{color:#b9c5ee!important}
html body #sec-b1 .azc-pill{background:#26356e!important;color:#e0e7ff!important}
html body #sec-a1 .azc-pill{background:#26356e!important;color:#e0e7ff!important}
html body #sec-b1 .azc-goal{color:#d3dbf5!important}
html body #sec-a1 .azc-goal{color:#d3dbf5!important}
html body #sec-b1 .azc-lesson-crumb{background:#0f1633!important;border:1px solid #34457a!important;color:#dbe3ff!important}
html body #sec-a1 .azc-lesson-crumb{background:#0f1633!important;border:1px solid #34457a!important;color:#dbe3ff!important}
html body #sec-b1 .azc-crumb-current,html body #sec-b1 .azc-crumb-progress{color:#dbe3ff!important}
html body #sec-a1 .azc-crumb-current,html body #sec-a1 .azc-crumb-progress{color:#dbe3ff!important}
html body #sec-b1 .azc-back-btn{background:#26356e!important;color:#fff!important;border:1px solid #5668b0!important}
html body #sec-a1 .azc-back-btn{background:#26356e!important;color:#fff!important;border:1px solid #5668b0!important}
html body #sec-b1 .azc-block{color:#e5ebff!important}
html body #sec-a1 .azc-block{color:#e5ebff!important}
html body #sec-b1 .azc-block h5{color:#f4f7ff!important}
html body #sec-a1 .azc-block h5{color:#f4f7ff!important}
html body #sec-b1 .azc-explanation{background:#12234a!important;border-right:5px solid #3b82f6!important}
html body #sec-a1 .azc-explanation{background:#12234a!important;border-right:5px solid #3b82f6!important}
html body #sec-b1 .azc-example-area{background:#0f2b2a!important;border-right:5px solid #10b981!important}
html body #sec-a1 .azc-example-area{background:#0f2b2a!important;border-right:5px solid #10b981!important}
html body #sec-b1 .azc-tip{background:#2d2410!important;border-right:5px solid #f59e0b!important;color:#fde9b8!important}
html body #sec-a1 .azc-tip{background:#2d2410!important;border-right:5px solid #f59e0b!important;color:#fde9b8!important}
html body #sec-b1 .azc-common{background:#2c1420!important;border:1px solid #7f2a45!important;border-right:5px solid #fb7185!important;color:#ffdce2!important}
html body #sec-a1 .azc-common{background:#2c1420!important;border:1px solid #7f2a45!important;border-right:5px solid #fb7185!important;color:#ffdce2!important}
html body #sec-b1 .azc-formula{background:#0c2a36!important;border-right:5px solid #0891b2!important;border-left:1px solid #1f6b80!important}
html body #sec-a1 .azc-formula{background:#0c2a36!important;border-right:5px solid #0891b2!important;border-left:1px solid #1f6b80!important}
html body #sec-b1 .azc-formula-text{background:#0a1226!important;color:#e6fbff!important;border:1px solid #1f6b80!important}
html body #sec-a1 .azc-formula-text{background:#0a1226!important;color:#e6fbff!important;border:1px solid #1f6b80!important}
html body #sec-b1 .azc-example{background:#0f1633!important;border:1px solid #1f5f4c!important}
html body #sec-a1 .azc-example{background:#0f1633!important;border:1px solid #1f5f4c!important}
html body #sec-b1 .azc-de{background:#0d2a24!important;color:#86efac!important}
html body #sec-a1 .azc-de{background:#0d2a24!important;color:#86efac!important}
html body #sec-b1 .azc-ar{color:#dbe3ff!important}
html body #sec-a1 .azc-ar{color:#dbe3ff!important}
html body #sec-b1 .azc-audio{background:#0f3a30!important;color:#a7f3d0!important;border:1px solid #1f7a62!important}
html body #sec-a1 .azc-audio{background:#0f3a30!important;color:#a7f3d0!important;border:1px solid #1f7a62!important}
html body #sec-b1 .azc-audio:hover{background:#145344!important}
html body #sec-a1 .azc-audio:hover{background:#145344!important}
html body #sec-b1 .azc-term{background:#3a2c0c!important;color:#fde68a!important}
html body #sec-a1 .azc-term{background:#3a2c0c!important;color:#fde68a!important}
html body #sec-b1 .azc-wrong{color:#fb7185;font-weight:800}
html body #sec-a1 .azc-wrong{color:#fb7185;font-weight:800}
html body #sec-b1 .azc-right{color:#6ee7b7;font-weight:800}
html body #sec-a1 .azc-right{color:#6ee7b7;font-weight:800}
html body #sec-b1 .azc-quiz{background:#121a3a!important;border:1px solid #3b4a82!important}
html body #sec-a1 .azc-quiz{background:#121a3a!important;border:1px solid #3b4a82!important}
html body #sec-b1 .azc-quiz h5{color:#e8edff!important}
html body #sec-a1 .azc-quiz h5{color:#e8edff!important}
html body #sec-b1 .azc-quiz-intro{color:#b9c5ee!important}
html body #sec-a1 .azc-quiz-intro{color:#b9c5ee!important}
html body #sec-b1 .azc-q{border-top-color:#2c3a6e!important}
html body #sec-a1 .azc-q{border-top-color:#2c3a6e!important}
html body #sec-b1 .azc-q-title{color:#eef2ff!important}
html body #sec-a1 .azc-q-title{color:#eef2ff!important}
html body #sec-b1 .azc-sentence{background:#0d1430!important;color:#f4f6ff!important;border:1px solid #34457a!important}
html body #sec-a1 .azc-sentence{background:#0d1430!important;color:#f4f6ff!important;border:1px solid #34457a!important}
html body #sec-b1 .azc-blank{background:#1e2a5e!important;color:#c7d2fe!important;border-bottom-color:#818cf8!important}
html body #sec-a1 .azc-blank{background:#1e2a5e!important;color:#c7d2fe!important;border-bottom-color:#818cf8!important}
html body #sec-b1 .azc-option{background:#0d1430!important;border:1px solid #34457a!important;color:#f4f6ff!important}
html body #sec-a1 .azc-option{background:#0d1430!important;border:1px solid #34457a!important;color:#f4f6ff!important}
html body #sec-b1 .azc-option:has(input:checked){background:#1f2a63!important;border-color:#818cf8!important}
html body #sec-a1 .azc-option:has(input:checked){background:#1f2a63!important;border-color:#818cf8!important}
html body #sec-b1 .azc-q-feedback.azc-good{color:#6ee7b7!important}
html body #sec-a1 .azc-q-feedback.azc-good{color:#6ee7b7!important}
html body #sec-b1 .azc-q-feedback.azc-bad{color:#fda4af!important}
html body #sec-a1 .azc-q-feedback.azc-bad{color:#fda4af!important}
html body #sec-b1 .azc-q-feedback.azc-neutral{color:#cbd5e1!important}
html body #sec-a1 .azc-q-feedback.azc-neutral{color:#cbd5e1!important}
html body #sec-b1 .azc-btn-quiet{background:#26356e!important;color:#fff!important}
html body #sec-a1 .azc-btn-quiet{background:#26356e!important;color:#fff!important}
html body #sec-b1 .azc-result{background:#0d1430!important;border:1px solid #34457a!important;color:#eef2ff!important}
html body #sec-a1 .azc-result{background:#0d1430!important;border:1px solid #34457a!important;color:#eef2ff!important}
html body #sec-b1 .azc-pass{color:#6ee7b7;margin-top:6px}
html body #sec-a1 .azc-pass{color:#6ee7b7;margin-top:6px}
html body #sec-b1 .azc-fail{color:#fcd34d;margin-top:6px}
html body #sec-a1 .azc-fail{color:#fcd34d;margin-top:6px}
html body #sec-b1 .azc-lesson-counter,html body #sec-b1 .azc-audio-status,html body #sec-b1 .azc-footnote{color:#b9c5ee!important}
html body #sec-a1 .azc-lesson-counter,html body #sec-a1 .azc-audio-status,html body #sec-a1 .azc-footnote{color:#b9c5ee!important}
/* A2 content: show only the chosen part; lesson view = lesson only */
x{display:none!important}
html body #b1-content[data-view="review"] #b1-full-course{display:none!important}
html body #a1-content[data-view="review"] #a1-full-course{display:none!important}
html body #sec-b1.azc-view-lesson #b1>:not(#b1-full-course){display:none!important}
html body #sec-a1.azc-view-lesson #a1>:not(#a1-full-course){display:none!important}
html body #sec-b1.azc-view-lesson .azc-footnote,html body #sec-b1.azc-view-lesson [data-progress-badge]{display:none!important}
html body #sec-a1.azc-view-lesson .azc-footnote,html body #sec-a1.azc-view-lesson [data-progress-badge]{display:none!important}

/* B1 specifics: index cards use .azc-topic, layout has an aside */
html body #sec-b1 .azc-topic{background:#18224a!important;border:1px solid #3b4a82!important;color:#f4f6ff!important;box-shadow:none!important} layout has an aside */
html body #sec-a1 .azc-topic{background:#18224a!important;border:1px solid #3b4a82!important;color:#f4f6ff!important;box-shadow:none!important}
html body #sec-b1 .azc-topic:hover{background:#1d2a5c!important}
html body #sec-a1 .azc-topic:hover{background:#1d2a5c!important}
html body #sec-b1 .azc-topic[aria-current="step"]{background:#1f2a63!important;border-color:#818cf8!important}
html body #sec-a1 .azc-topic[aria-current="step"]{background:#1f2a63!important;border-color:#818cf8!important}
html body #sec-b1 .azc-topic-index{background:#26356e!important;color:#e0e7ff!important}
html body #sec-a1 .azc-topic-index{background:#26356e!important;color:#e0e7ff!important}
html body #sec-b1 .azc-topic-title{color:#f4f6ff!important}
html body #sec-a1 .azc-topic-title{color:#f4f6ff!important}
html body #sec-b1 .azc-topic-ar{color:#b4c0e8!important}
html body #sec-a1 .azc-topic-ar{color:#b4c0e8!important}
html body #sec-b1 .azc-topic-check{color:#6ee7b7!important}
html body #sec-a1 .azc-topic-check{color:#6ee7b7!important}
html body #sec-b1.azc-view-lesson .azc-hero,html body #sec-b1.azc-view-lesson .azc-outline{display:none!important}
html body #sec-a1.azc-view-lesson .azc-hero,html body #sec-a1.azc-view-lesson .azc-outline{display:none!important}
html body #sec-b1.azc-view-lesson .azc-layout{display:block!important}
html body #sec-a1.azc-view-lesson .azc-layout{display:block!important}
html body #sec-b1.azc-view-lesson .azc-main{width:100%!important;max-width:none!important}
html body #sec-a1.azc-view-lesson .azc-main{width:100%!important;max-width:none!important}
html body #sec-b1.azc-view-index .azc-main{display:none!important}
html body #sec-a1.azc-view-index .azc-main{display:none!important}
html body #sec-b1 .azc-layout{grid-template-columns:1fr!important}
html body #sec-a1 .azc-layout{grid-template-columns:1fr!important}
/* placeholders */
html body .azc-soon{opacity:.55!important;cursor:not-allowed!important;border-style:dashed!important;filter:saturate(.6)}
html body .azc-soon:hover{transform:none!important;box-shadow:none!important}



/* v82: layout fixes for A2 + B1 (phones) */
#sec-b1 .azc-lesson-crumb{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;margin:0 0 16px;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:.9rem}
/* v82: layout fixes for A2 + B1 (phones) */
#sec-a1 .azc-lesson-crumb{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;margin:0 0 16px;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:.9rem}
#sec-b1 .azc-back-btn{border:1px solid #cbd5e1;border-radius:9px;background:#fff;padding:8px 11px;font:inherit;font-weight:800;cursor:pointer;color:#334155}
#sec-a1 .azc-back-btn{border:1px solid #cbd5e1;border-radius:9px;background:#fff;padding:8px 11px;font:inherit;font-weight:800;cursor:pointer;color:#334155}
#sec-b1 .azc-formula{background:#ecfeff!important;border-right:5px solid #0891b2!important;border-left:1px solid #a5f3fc!important}
#sec-a1 .azc-formula{background:#ecfeff!important;border-right:5px solid #0891b2!important;border-left:1px solid #a5f3fc!important}
#sec-b1 .azc-formula h5{color:#0e7490!important}
#sec-a1 .azc-formula h5{color:#0e7490!important}
#sec-b1 .azc-formula-text{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#0f172a;background:#fff;border:1px solid #a5f3fc;white-space:pre-line;unicode-bidi:isolate}
#sec-a1 .azc-formula-text{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#0f172a;background:#fff;border:1px solid #a5f3fc;white-space:pre-line;unicode-bidi:isolate}
#sec-b1 .azc-term{background:#fef3c7;color:#78350f;padding:2px 6px;border-radius:6px;font-weight:700}
#sec-a1 .azc-term{background:#fef3c7;color:#78350f;padding:2px 6px;border-radius:6px;font-weight:700}
#sec-b1 .azc-de{direction:ltr!important;text-align:left!important;unicode-bidi:isolate!important;font-family:Arial,sans-serif;color:#065f46!important;background:#f0fdf4!important;border-left:4px solid #10b981;padding:10px 12px;border-radius:8px;line-height:1.8}
#sec-a1 .azc-de{direction:ltr!important;text-align:left!important;unicode-bidi:isolate!important;font-family:Arial,sans-serif;color:#065f46!important;background:#f0fdf4!important;border-left:4px solid #10b981;padding:10px 12px;border-radius:8px;line-height:1.8}
#sec-b1 .azc-ar{direction:rtl!important;text-align:right!important;unicode-bidi:isolate!important;font-family:Tajawal,Arial,sans-serif;color:#334155;background:transparent;margin:7px 0 10px}
#sec-a1 .azc-ar{direction:rtl!important;text-align:right!important;unicode-bidi:isolate!important;font-family:Tajawal,Arial,sans-serif;color:#334155;background:transparent;margin:7px 0 10px}
#sec-b1 .azc-common{background:#fff1f2!important;border-color:#fb7185!important}
#sec-a1 .azc-common{background:#fff1f2!important;border-color:#fb7185!important}
#sec-b1 .azc-sentence{direction:ltr;text-align:left;font-size:1.05rem;line-height:1.9;background:#f8fafc;border-radius:10px;padding:12px 14px;margin:8px 0;border:1px solid #e2e8f0;font-weight:700;color:#1e293b;unicode-bidi:isolate}
#sec-a1 .azc-sentence{direction:ltr;text-align:left;font-size:1.05rem;line-height:1.9;background:#f8fafc;border-radius:10px;padding:12px 14px;margin:8px 0;border:1px solid #e2e8f0;font-weight:700;color:#1e293b;unicode-bidi:isolate}
#sec-b1 .azc-blank{display:inline-block;min-width:90px;border-bottom:2px solid #4338ca;background:#eef2ff;color:#4338ca;text-align:center;padding:0 6px;border-radius:4px 4px 0 0;box-sizing:border-box}
#sec-a1 .azc-blank{display:inline-block;min-width:90px;border-bottom:2px solid #4338ca;background:#eef2ff;color:#4338ca;text-align:center;padding:0 6px;border-radius:4px 4px 0 0;box-sizing:border-box}
#sec-b1 .azc-option{direction:rtl}
#sec-a1 .azc-option{direction:rtl}
#sec-b1 .azc-option input{accent-color:#4f46e5;width:17px;height:17px}
#sec-a1 .azc-option input{accent-color:#4f46e5;width:17px;height:17px}
#sec-b1 .azc-lesson-crumb{align-items:flex-start;flex-direction:column}
#sec-a1 .azc-lesson-crumb{align-items:flex-start;flex-direction:column}
html body #sec-b1 .azc-topic-list,html body #sec-a2 .azc-topic-list{display:block!important}
html body #sec-a1 .azc-topic-list{display:block!important}
html body #sec-b1 .azc-group-grid{grid-template-columns:1fr!important}
html body #sec-a1 .azc-group-grid{grid-template-columns:1fr!important}
html body #sec-b1 .azc-topic{min-height:62px;grid-template-columns:34px minmax(0,1fr) 18px!important;padding:11px 12px!important;font-size:.95rem!important;gap:10px!important}
html body #sec-a1 .azc-topic{min-height:62px;grid-template-columns:34px minmax(0,1fr) 18px!important;padding:11px 12px!important;font-size:.95rem!important;gap:10px!important}
html body #sec-b1 .azc-topic-index{width:32px!important;height:32px!important;border-radius:10px!important}
html body #sec-a1 .azc-topic-index{width:32px!important;height:32px!important;border-radius:10px!important}
html body #sec-b1 .azc-topic-copy{min-width:0;display:block}
html body #sec-a1 .azc-topic-copy{min-width:0;display:block}
html body #sec-b1 .azc-topic-title{white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;line-height:1.4;text-align:left!important;direction:ltr!important;font-weight:800}
html body #sec-a1 .azc-topic-title{white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;line-height:1.4;text-align:left!important;direction:ltr!important;font-weight:800}
html body #sec-b1 .azc-topic-ar{display:block;margin-top:3px;font-size:.84rem;line-height:1.5;white-space:normal;overflow-wrap:break-word}
html body #sec-a1 .azc-topic-ar{display:block;margin-top:3px;font-size:.84rem;line-height:1.5;white-space:normal;overflow-wrap:break-word}
html body #sec-b1 .azc-lesson-crumb,html body #sec-a2 .azc-lesson-crumb{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:9px!important;margin:0 0 14px!important;padding:10px 12px!important;border-radius:12px!important;font-size:.9rem!important}
html body #sec-a1 .azc-lesson-crumb{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:9px!important;margin:0 0 14px!important;padding:10px 12px!important;border-radius:12px!important;font-size:.9rem!important}
html body #sec-b1 .azc-back-btn,html body #sec-a2 .azc-back-btn{display:inline-flex!important;align-items:center;padding:9px 12px!important;border-radius:10px!important;font-weight:800!important;cursor:pointer;min-height:40px;position:static!important;float:none!important;margin:0!important}
html body #sec-a1 .azc-back-btn{display:inline-flex!important;align-items:center;padding:9px 12px!important;border-radius:10px!important;font-weight:800!important;cursor:pointer;min-height:40px;position:static!important;float:none!important;margin:0!important}
html body #sec-b1 .azc-crumb-current,html body #sec-b1 .azc-crumb-progress,html body #sec-a2 .azc-crumb-current,html body #sec-a2 .azc-crumb-progress{display:inline-block!important;position:static!important;float:none!important;margin:0!important;width:auto!important}
html body #sec-a1 .azc-crumb-current,html body #sec-a1 .azc-crumb-progress{display:inline-block!important;position:static!important;float:none!important;margin:0!important;width:auto!important}
html body #sec-b1 .azc-lesson-meta{margin-top:4px}
html body #sec-a1 .azc-lesson-meta{margin-top:4px}
@media(max-width:790px){
  html body #sec-b1 #b1.card,html body #sec-a2 #a2.card{padding:8px!important;border-right-width:4px!important}
  html body #sec-b1 .azc-course,html body #sec-a2 .azc-course{padding:6px!important;margin:10px 0 18px!important;border-radius:18px!important}
  html body #sec-b1 .azc-outline,html body #sec-a2 .azc-outline{padding:8px!important;border-radius:14px!important}
  html body #sec-b1 .azc-layout{margin-top:10px!important;gap:10px!important}
  html body #sec-b1 .azc-group-grid,html body #sec-a2 .azc-group-grid{padding:8px!important;gap:8px!important}
  html body #sec-b1 .azc-lesson-card,html body #sec-a2 .azc-lesson-card{padding:12px!important;border-radius:16px!important}
  html body #sec-b1 .azc-block,html body #sec-a2 .azc-block{padding:12px!important}
  html body #sec-b1 .azc-lesson-crumb,html body #sec-a2 .azc-lesson-crumb{flex-direction:column!important;align-items:stretch!important}
  html body #sec-b1 .azc-back-btn,html body #sec-a2 .azc-back-btn{justify-content:center;width:100%}
  html body #sec-b1 .azc-crumb-current,html body #sec-b1 .azc-crumb-progress,html body #sec-a2 .azc-crumb-current,html body #sec-a2 .azc-crumb-progress{text-align:center}
}
@media(max-width:790px){
  html body #sec-b1 #b1.card,html body #sec-a2 #a2.card{padding:8px!important;border-right-width:4px!important}
  html body #sec-a1 #a1.card{padding:8px!important;border-right-width:4px!important}
  html body #sec-b1 .azc-course,html body #sec-a2 .azc-course{padding:6px!important;margin:10px 0 18px!important;border-radius:18px!important}
  html body #sec-a1 .azc-course{padding:6px!important;margin:10px 0 18px!important;border-radius:18px!important}
  html body #sec-b1 .azc-outline,html body #sec-a2 .azc-outline{padding:8px!important;border-radius:14px!important}
  html body #sec-a1 .azc-outline{padding:8px!important;border-radius:14px!important}
  html body #sec-b1 .azc-layout{margin-top:10px!important;gap:10px!important}
  html body #sec-a1 .azc-layout{margin-top:10px!important;gap:10px!important}
  html body #sec-b1 .azc-group-grid,html body #sec-a2 .azc-group-grid{padding:8px!important;gap:8px!important}
  html body #sec-a1 .azc-group-grid{padding:8px!important;gap:8px!important}
  html body #sec-b1 .azc-lesson-card,html body #sec-a2 .azc-lesson-card{padding:12px!important;border-radius:16px!important}
  html body #sec-a1 .azc-lesson-card{padding:12px!important;border-radius:16px!important}
  html body #sec-b1 .azc-block,html body #sec-a2 .azc-block{padding:12px!important}
  html body #sec-a1 .azc-block{padding:12px!important}
  html body #sec-b1 .azc-lesson-crumb,html body #sec-a2 .azc-lesson-crumb{flex-direction:column!important;align-items:stretch!important}
  html body #sec-a1 .azc-lesson-crumb{flex-direction:column!important;align-items:stretch!important}
  html body #sec-b1 .azc-back-btn,html body #sec-a2 .azc-back-btn{justify-content:center;width:100%}
  html body #sec-a1 .azc-back-btn{justify-content:center;width:100%}
  html body #sec-b1 .azc-crumb-current,html body #sec-b1 .azc-crumb-progress,html body #sec-a2 .azc-crumb-current,html body #sec-a2 .azc-crumb-progress{text-align:center}
  html body #sec-a1 .azc-crumb-current,html body #sec-a1 .azc-crumb-progress{text-align:center}
}
@media(min-width:791px){html body #sec-b1 .azc-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(min-width:791px){html body #sec-b1 .azc-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #sec-a1 .azc-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}



/* v83 — level pages: full-screen pages per level, app bar, hub, no hero */
body.az-lvl .azouz-utility-bar,body.az-lvl #welcome.hero{display:none!important}
body.az-lvl .container{margin-top:0!important;padding-top:76px!important}
.az-off{display:none!important}
.az-lvl-bar{display:none}
html body #sec-a1.active-section>.az-lvl-bar,html body #sec-a2.active-section>.az-lvl-bar,html body #sec-b1.active-section>.az-lvl-bar{
  display:flex!important;align-items:center;gap:12px;position:fixed;top:0;left:0;right:0;z-index:60;margin:0;padding:10px 14px;
  background:#0f1736;border-bottom:1px solid #34457a;box-shadow:0 4px 14px rgba(0,0,0,.35)}html body #sec-a1.active-section>.az-lvl-bar{
  display:flex!important;align-items:center;gap:12px;position:fixed;top:0;left:0;right:0;z-index:60;margin:0;padding:10px 14px;
  background:#0f1736;border-bottom:1px solid #34457a;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.az-lvl-back{flex:0 0 auto;width:44px;height:44px;border-radius:14px;border:1px solid #4a5a9a;background:#1d2a5c;color:#fff;font:700 22px/1 Tajawal,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.az-lvl-back:active{transform:scale(.95)}
.az-lvl-titles{display:flex;flex-direction:column;min-width:0}
.az-lvl-titles b{color:#fff;font-size:17px;line-height:1.3}
.az-lvl-titles small{color:#b9c5ee;font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* old choice panels and badges are replaced by the hub / bar */
html body #a2-choice-panel,html body #sec-b1 .b1-choice-panel{display:none!important}html body #sec-a1 .b1-choice-panel{display:none!important}
html body #sec-a2>[data-progress-badge],html body #sec-b1>[data-progress-badge],html body #sec-a1>[data-progress-badge]{display:none!important}html body #sec-a1>[data-progress-badge]{display:none!important}
/* hub */
.az-hub,.az-tools-page{display:none}
html body #sec-a2[data-az-view="hub"] .az-hub,html body #sec-b1[data-az-view="hub"] .az-hub{display:block!important}html body #sec-a1[data-az-view="hub"] .az-hub{display:block!important}
html body #sec-a2[data-az-view="tools"] .az-tools-page,html body #sec-b1[data-az-view="tools"] .az-tools-page{display:block!important}html body #sec-a1[data-az-view="tools"] .az-tools-page{display:block!important}
.az-hub-head{padding:6px 2px 14px}
.az-hub-head h3{margin:0 0 6px;color:#fff!important;font-size:24px}
.az-hub-head p{margin:0;color:#c3cdf0!important;font-size:15px;line-height:1.7}
.az-hub-progress{margin-top:10px;display:inline-block;padding:6px 12px;border-radius:999px;background:#18224a;border:1px solid #34457a;color:#6ee7b7;font-weight:700;font-size:14px}
.az-hub-grid{display:flex;flex-direction:column;gap:12px}
.az-hub-card{display:flex;align-items:center;gap:14px;width:100%;text-align:right;padding:14px 16px;min-height:70px;border-radius:18px;background:#18224a;border:1px solid #3b4a82;color:#f4f6ff;font-family:inherit;cursor:pointer}
.az-hub-card:active{background:#1f2a63}
.az-hub-icon{flex:0 0 auto;width:46px;height:46px;border-radius:14px;background:#26356e;display:flex;align-items:center;justify-content:center;font-size:24px}
.az-hub-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.az-hub-text b{font-size:17px;color:#fff}
.az-hub-text small{font-size:13px;color:#b4c0e8;line-height:1.5}
.az-hub-go{color:#9fb0ee;font-size:26px}
.az-tools-page .azt-tools{margin:0}
/* A1: its own choice panel is the hub; hide old titles inside pages */
html body #a1-choice-panel{display:none!important}



/* v84 — wide lesson pages, numbered paragraphs, exercises */
body.az-lvl #azouzGlobalBack,body.az-lvl .azouz-scroll-cue{display:none!important}
body.az-lvl .container{width:100%!important;max-width:820px!important;margin-left:auto;margin-right:auto}
html body #sec-a1.active-section,html body #sec-a2.active-section,html body #sec-b1.active-section{gap:14px}html body #sec-a1.active-section{gap:14px}
html body #sec-a2 #a2-content,html body #sec-b1 #b1-content,html body #sec-a1 #a1-content{padding:0!important}html body #sec-a1 #a1-content{padding:0!important}
html body #sec-a2 .card.a2,html body #sec-b1 .card.b1,html body #sec-a1 .card{padding:0 6px!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}html body #sec-a1 .card.b1{padding:0 6px!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
html body #sec-a2.azc-view-lesson .azc-course,html body #sec-b1.azc-view-lesson .azc-course{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}html body #sec-a1.azc-view-lesson .azc-course{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
html body #sec-a2.azc-view-lesson .azc-lesson-card,html body #sec-b1.azc-view-lesson .azc-lesson-card{padding:0 6px 24px!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}html body #sec-a1.azc-view-lesson .azc-lesson-card{padding:0 6px 24px!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
html body #sec-a2.azc-view-lesson .azc-lesson-card::before,html body #sec-b1.azc-view-lesson .azc-lesson-card::before,html body #sec-a2.azc-view-lesson .azc-lesson-card::after,html body #sec-b1.azc-view-lesson .azc-lesson-card::after{display:none!important}html body #sec-a1.azc-view-lesson .azc-lesson-card::before,html body #sec-a1.azc-view-lesson .azc-lesson-card::after{display:none!important}
/* lesson head */
html body .azx-lesson .azx-head{padding:6px 0 10px}
html body .azx-lesson .azx-badge{display:inline-block;padding:4px 12px;border-radius:999px;background:#26356e;color:#e0e7ff;font-weight:700;font-size:14px}
html body .azx-lesson h4{margin:10px 0 0;color:#fff!important;font-size:22px;line-height:1.6}
/* numbered sections */
html body .azx-lesson .azx-h{display:flex;align-items:center;gap:10px;margin:0 0 10px;color:#fff!important;font-size:19px;line-height:1.4}
html body .azx-lesson .azx-text,html body .azx-lesson .azc-goal,html body .azx-lesson .azx-text p{font-size:18px!important;line-height:2!important;color:#e8ecff!important;margin:0 0 10px!important}
html body .azx-lesson .azx-text p:last-child{margin-bottom:0!important}
html body .azx-lesson .azc-formula-text{padding:12px 14px;border-radius:12px;background:#0b1230!important;border:1px solid #34457a;color:#c7d2fe!important;font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere}
html body .azx-lesson .azc-example{padding:12px 0;border-bottom:1px dashed #2f3d73}
html body .azx-lesson .azc-example:last-child{border-bottom:0}
html body .azx-lesson .azc-de{font-size:19px;color:#fff!important}
html body .azx-lesson .azc-ar{font-size:17px;color:#b9c5ee!important;margin-top:4px}
/* exercises */
html body .azx-lesson .azx-ex{margin:18px 0 0;padding:0}
html body .azx-lesson .azx-exh{margin:0 0 10px;padding:8px 12px;border-radius:10px;background:#18224a;color:#fff!important;font-size:17px}
html body .azx-lesson .azx-item{padding:12px 0;border-bottom:1px solid #222e5f}
html body .azx-lesson .azx-lead{margin:0 0 8px;color:#c3cdf0!important;font-size:16px;line-height:1.8}
html body .azx-lesson .azx-hint{color:#fcd34d!important;font-weight:700}
html body .azx-lesson .azc-q{background:none!important;border:0;border-bottom:1px solid #222e5f!important;border-radius:0!important;padding:12px 0!important}
html body .azx-lesson .azc-option{font-size:17px}
html body .azx-lesson .azx-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}
html body .azx-lesson .azx-col{display:flex;flex-direction:column;gap:8px}
html body .azx-lesson button.azx-m{position:relative;padding:12px 10px 12px 10px;min-height:56px;border-radius:14px;border:2px solid #3b4a82!important;background:#18224a!important;background-image:none!important;color:#f4f6ff!important;font:inherit;font-size:16px;line-height:1.55;cursor:pointer;text-align:center;overflow-wrap:anywhere;box-shadow:none;transition:none}
html body .azx-lesson button.azx-m.azx-active{border-color:#fde047!important;background:#4d4310!important;background-image:none!important;box-shadow:0 0 0 3px rgba(253,224,71,.35)}
html body .azx-lesson button.azx-m.azx-c0{border-color:#60a5fa!important;background:#12315e!important;background-image:none!important}
html body .azx-lesson button.azx-m.azx-c1{border-color:#f472b6!important;background:#4a1a3a!important;background-image:none!important}
html body .azx-lesson button.azx-m.azx-c2{border-color:#34d399!important;background:#0f3b2f!important;background-image:none!important}
html body .azx-lesson button.azx-m.azx-c3{border-color:#fbbf24!important;background:#43320c!important;background-image:none!important}
html body .azx-lesson button.azx-m.azx-c4{border-color:#a78bfa!important;background:#2d2060!important;background-image:none!important}
html body .azx-lesson button.azx-m.azx-c5{border-color:#fb923c!important;background:#4a2410!important;background-image:none!important}
html body .azx-lesson button.azx-m.azx-ok{border-color:#34d399!important;background:#0f3b2f!important;background-image:none!important}
html body .azx-lesson button.azx-m.azx-no{border-color:#f87171!important;background:#4a1a1a!important;background-image:none!important}
html body .azx-lesson .azx-ans{min-height:54px;display:flex;flex-wrap:wrap;gap:8px;padding:10px;border-radius:12px;border:2px dashed #4a5a9a;background:#0b1230;margin-bottom:10px}
html body .azx-lesson .azx-bank{display:flex;flex-wrap:wrap;gap:8px}
html body .azx-lesson button.azx-chip{padding:10px 15px;border-radius:999px;border:1px solid #4a5a9a!important;background:#26356e!important;background-image:none!important;color:#fff!important;font:inherit;font-size:18px;cursor:pointer}
html body .azx-lesson .azx-ans button.azx-chip{background:#4338ca!important;border-color:#818cf8!important}
html body .azx-lesson .azx-input{display:block;width:100%;box-sizing:border-box;padding:12px 14px;border-radius:12px;border:2px solid #3b4a82;background:#0b1230;color:#fff;font:inherit;font-size:18px;margin-top:10px}
html body .azx-lesson .azx-input:focus{outline:none;border-color:#818cf8}
html body .azx-lesson .azx-input.azx-ok{border-color:#34d399}
html body .azx-lesson .azx-input.azx-no{border-color:#f87171}
html body .azx-lesson .azc-q-feedback{margin:8px 0 0;font-size:15px;line-height:1.7}
html body .azx-lesson .azc-q-feedback.azc-good{color:#6ee7b7!important}
html body .azx-lesson .azc-q-feedback.azc-bad{color:#fca5a5!important}
html body .azx-lesson .azx-det{margin-top:6px;color:#b9c5ee;font-size:15px}
html body .azx-lesson .azc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
html body .azx-lesson .azc-actions .azc-btn{flex:1 1 140px;min-height:48px;font-size:16px}

/* paired badge */
html body .azx-lesson button.azx-m[data-n]::after{content:attr(data-n);position:absolute;top:-10px;right:-6px;width:24px;height:24px;border-radius:50%;background:#fff;color:#0b1230;font-weight:800;font-size:14px;line-height:24px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.4)}
/* bilingual questions */
html body .azx-lesson .azx-qar{margin-top:6px;padding:8px 12px;border-radius:10px;background:rgba(251,191,36,.10);border-right:3px solid #fbbf24;color:#fde68a;font-size:16px;line-height:1.8}
html body .azx-lesson .azx-trs{margin-top:8px;padding:10px 12px;border-radius:10px;background:#0b1230;border:1px solid #34457a;color:#fff;font-size:19px;line-height:1.6}
html body .azx-lesson .azx-exh small{display:block;margin-top:2px;color:#93c5fd;font-weight:500;font-size:14px}
/* ===== numbered step cards ===== */
html body .azx-lesson .azx-sec{--c:#60a5fa;--rgb:96,165,250;position:relative;margin:0 0 30px!important;padding:14px 8px 14px!important;border-radius:20px!important;border:1px solid rgba(var(--rgb),.5)!important;border-top:4px solid var(--c)!important;background:linear-gradient(165deg,rgba(var(--rgb),.17),rgba(12,18,46,.96) 62%)!important;box-shadow:0 8px 22px rgba(0,0,0,.32)!important}
html body .azx-lesson .azx-sec:not(:last-child)::after{content:"";position:absolute;left:50%;bottom:-30px;width:3px;height:30px;margin-left:-1px;background:linear-gradient(var(--c),rgba(var(--rgb),0));border-radius:3px}
html body .azx-lesson .azx-s2{--c:#818cf8;--rgb:129,140,248}
html body .azx-lesson .azx-s3{--c:#c084fc;--rgb:192,132,252}
html body .azx-lesson .azx-s4{--c:#2dd4bf;--rgb:45,212,191}
html body .azx-lesson .azx-s5{--c:#fbbf24;--rgb:251,191,36}
html body .azx-lesson .azx-s6{--c:#fb7185;--rgb:251,113,133}
html body .azx-lesson .azx-s7{--c:#34d399;--rgb:52,211,153}
html body .azx-lesson .azx-num{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:var(--c);color:#0b1230;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;box-shadow:0 0 0 4px rgba(var(--rgb),.25)}
html body .azx-lesson .azx-h{padding-bottom:10px;border-bottom:1px solid rgba(var(--rgb),.3);margin-bottom:12px}
/* numbered paragraphs inside a step: 2.1, 2.2 ... */
html body .azx-lesson .azx-text{counter-reset:pp}
html body .azx-lesson .azx-text>p{counter-increment:pp;position:relative;margin:0 0 12px!important;padding:8px 8px!important;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(var(--rgb),.22)}
html body .azx-lesson .azx-text>p::before{content:attr(data-s) "." counter(pp);display:inline-block;margin-left:8px;padding:0 9px;border-radius:999px;background:rgba(var(--rgb),.28);color:#fff;font-size:13px;font-weight:800;line-height:22px;vertical-align:middle}
html body .azx-lesson .azx-sec>p.azx-text{padding:8px 8px!important;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(var(--rgb),.22)}
html body .azx-lesson .azc-example{padding:12px;margin-bottom:10px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(var(--rgb),.25)!important}
html body .azx-lesson .azc-example:last-child{margin-bottom:0}
html body .azx-lesson .azx-exh{background:rgba(var(--rgb),.16)!important;border-right:4px solid var(--c)}
html body .azx-lesson .azx-item,html body .azx-lesson .azc-q{padding:12px!important;margin-bottom:12px;border-radius:16px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(var(--rgb),.25)!important}
/* ===== A1 lessons: same numbered cards ===== */
html body #sec-a1 .a1-reading-body{counter-reset:none}
html body #sec-a1 .azx-a1card{--c:#60a5fa;--rgb:96,165,250;position:relative;margin:26px 0 34px!important;border-radius:22px!important;border:1px solid rgba(var(--rgb),.6)!important;border-top:4px solid var(--c)!important;box-shadow:0 8px 22px rgba(0,0,0,.3)!important}
html body #sec-a1 .azx-a1card:not(:last-child)::after{content:"";position:absolute;left:50%;bottom:-34px;width:3px;height:34px;margin-left:-1px;background:linear-gradient(var(--c),rgba(var(--rgb),0));border-radius:3px;display:block!important}
html body #sec-a1 .azx-a1card.azx-s2{--c:#818cf8;--rgb:129,140,248}
html body #sec-a1 .azx-a1card.azx-s3{--c:#c084fc;--rgb:192,132,252}
html body #sec-a1 .azx-a1card.azx-s4{--c:#2dd4bf;--rgb:45,212,191}
html body #sec-a1 .azx-a1card.azx-s5{--c:#fbbf24;--rgb:251,191,36}
html body #sec-a1 .azx-a1card.azx-s6{--c:#fb7185;--rgb:251,113,133}
html body #sec-a1 .azx-a1card.azx-s7{--c:#34d399;--rgb:52,211,153}
html body #sec-a1 .azx-a1n{position:absolute;top:-20px;right:14px;width:36px;height:36px;border-radius:50%;background:var(--c);color:#0b1230;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;box-shadow:0 0 0 4px rgba(var(--rgb),.3);z-index:2}
html body #sec-a1 .a1-reading-lesson,html body #sec-a1 .a1-reading-body{max-width:100%}



/* Azouz platform layer v89 */
#azp-dash{margin:6px 0 22px}
#azp-dash .azp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}
#azp-dash .azp-tile{padding:14px 12px;border-radius:16px;color:#fff;text-align:center}
#azp-dash .azp-t-streak{background:linear-gradient(135deg,#ea580c,#f59e0b)}
#azp-dash .azp-t-goal{background:linear-gradient(135deg,#4338ca,#7c3aed)}
#azp-dash .azp-t-acc{background:linear-gradient(135deg,#0891b2,#06b6d4)}
#azp-dash .azp-t-mast{background:linear-gradient(135deg,#059669,#10b981)}
.azp-n{font-size:1.5rem;font-weight:900;line-height:1.2}.azp-l{font-size:.85rem;opacity:.95;margin-top:2px}
.azp-bar{height:8px;border-radius:99px;background:rgba(127,127,127,.25);overflow:hidden;margin-top:8px}
.azp-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#34d399,#fbbf24)}
.azp-tile .azp-bar{background:rgba(255,255,255,.3)}
#azp-dash .azp-sec{margin:0 0 16px;padding:14px;border-radius:16px;border:1px solid rgba(127,127,127,.28);background:rgba(127,127,127,.06)}
#azp-dash .azp-sec h4{margin:0 0 10px;font-size:1.02rem}
.azp-sub{margin:0 0 10px;font-size:.9rem;line-height:1.7;opacity:.9}
.azp-lv{margin-bottom:10px}.azp-lv-h{display:flex;justify-content:space-between;font-size:.9rem}
.azp-week{display:flex;gap:8px;align-items:flex-end;height:90px}
.azp-day{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;font-size:.75rem}
.azp-day i{display:block;width:100%;border-radius:6px;background:rgba(127,127,127,.3)}
.azp-day.on i{background:linear-gradient(180deg,#f59e0b,#ea580c)}
.azp-row,.azp-goals{display:flex;gap:8px;flex-wrap:wrap}
button.azp-btn,button.azp-hubbtn{padding:11px 18px;border-radius:12px;font-weight:800;font-family:inherit;font-size:.95rem;border:0;cursor:pointer;color:#fff!important;background-image:linear-gradient(135deg,#4338ca,#7c3aed)!important}
button.azp-btn-q{background-image:linear-gradient(135deg,#475569,#64748b)!important}
button.azp-btn:disabled,button.azp-hubbtn:disabled{opacity:.5;cursor:default}
button.azp-hubbtn{display:block;margin:10px auto 0;background-image:linear-gradient(135deg,#ea580c,#f59e0b)!important}
button.azp-chip{min-width:52px;padding:9px 14px;border-radius:99px;font-weight:800;border:2px solid rgba(127,127,127,.4);background-image:none!important;background:transparent!important;color:inherit!important;cursor:pointer;font-family:inherit}
button.azp-chip.on{border-color:#7c3aed;background:#7c3aed!important;color:#fff!important}
.azp-mode{margin-top:10px;margin-bottom:0;font-size:.8rem;opacity:.7}
.azp-note{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.5);font-weight:700;font-size:.9rem}
.azp-goal{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.5)}
.azp-toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:100001;background:#1e293b;color:#fff;padding:12px 20px;border-radius:14px;font-weight:700;max-width:88vw;text-align:center}
html.azp-lock,html.azp-lock body{overflow:hidden}
#azp-review{display:none;position:fixed;inset:0;z-index:100000;background:#0f172a;overflow:auto;font-family:'Tajawal',sans-serif;color:#f1f5f9;direction:rtl}
#azp-review.azp-open{display:block}
.azp-rv{max-width:640px;margin:0 auto;padding:14px 16px 40px}
.azp-rv-top{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:10px}
button.azp-x{background-image:none!important;background:rgba(255,255,255,.12)!important;color:#fff!important;border:0;border-radius:10px;width:40px;height:40px;font-size:1.1rem;cursor:pointer}
.azp-rv-body{margin-top:18px}.azp-from{font-size:.8rem;opacity:.7;margin-bottom:8px}
.azp-q{font-size:1.2rem;line-height:1.8;font-weight:700;margin-bottom:16px;padding:16px;border-radius:16px;background:rgba(255,255,255,.07)}
.azp-opts{display:grid;gap:10px}
button.azp-opt{text-align:start;padding:14px 16px;border-radius:14px;font-size:1.05rem;font-family:inherit;border:2px solid rgba(255,255,255,.2);background-image:none!important;background:rgba(255,255,255,.06)!important;color:#f1f5f9!important;cursor:pointer}
button.azp-opt.azp-right{border-color:#10b981;background:rgba(16,185,129,.28)!important}
button.azp-opt.azp-wrong{border-color:#ef4444;background:rgba(239,68,68,.28)!important}
.azp-in{width:100%;box-sizing:border-box;padding:14px;border-radius:14px;font-size:1.1rem;border:2px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;margin-bottom:12px;font-family:inherit}
.azp-res{margin-top:16px;padding:0;border-radius:14px;font-weight:800}
.azp-res.azp-ok,.azp-res.azp-no{padding:14px}
.azp-res.azp-ok{background:rgba(16,185,129,.2);border:1px solid #10b981}.azp-res.azp-no{background:rgba(239,68,68,.18);border:1px solid #ef4444}
.azp-ans{margin:8px 0 12px;font-size:1.1rem;font-weight:700}.azp-res .azp-btn{margin-top:10px}
.azp-end{text-align:center}.azp-big{font-size:3.4rem}
#azp-review .azp-sub{color:#cbd5e1}



/* Azouz goals v89 */
.azg-home{margin:16px 0;padding:18px;border-radius:20px;background:linear-gradient(135deg,#4338ca,#7c3aed);color:#fff;text-align:center}
.azg-hc-t{font-size:1.25rem;font-weight:900;margin-bottom:8px}.azg-hc-s{font-size:.92rem;opacity:.95;margin:8px 0 12px;line-height:1.7}
.azg-home .azp-bar{background:rgba(255,255,255,.3)}
button.azg-hc-b{background-image:none!important;background:#fff!important;color:#4338ca!important;font-weight:900;padding:13px 24px;border:0;border-radius:14px;font-size:1.02rem;font-family:inherit;cursor:pointer}
button.azg-hc-l{background-image:none!important;background:transparent!important;color:#fff!important;border:0;margin-top:10px;display:block;margin-inline:auto;text-decoration:underline;font-family:inherit;cursor:pointer}
#sec-goal .azg-card{padding:6px 2px}
#sec-goal h3{margin:6px 0 4px;font-size:1.3rem}
.azg-sub{font-size:.92rem;line-height:1.7;opacity:.85;margin:4px 0 14px}
.azg-opts{display:grid;gap:10px}
button.azg-opt{display:flex;align-items:center;gap:14px;text-align:start;width:100%;padding:16px;border-radius:16px;border:2px solid rgba(127,127,127,.35);background-image:none!important;background:rgba(127,127,127,.07)!important;color:inherit!important;font-family:inherit;cursor:pointer}
button.azg-opt b{display:block;font-size:1.08rem}button.azg-opt small{display:block;opacity:.8;margin-top:2px;font-size:.85rem}
.azg-e{font-size:1.9rem}
button.azg-back,button.azg-link{background-image:none!important;background:transparent!important;color:#7c3aed!important;border:0;font-weight:800;font-family:inherit;cursor:pointer;padding:6px 0;margin-bottom:6px}
button.azg-link{display:block;margin:14px auto 0;text-decoration:underline}
.azg-ph{display:flex;justify-content:space-between;align-items:center;gap:10px}.azg-ph small{opacity:.7}
.azg-pct{font-size:1.6rem;font-weight:900;color:#10b981}
button.azg-go{display:block;width:100%;margin:12px 0;padding:15px;border-radius:14px;border:0;font-weight:900;font-size:1.05rem;font-family:inherit;color:#fff!important;background-image:linear-gradient(135deg,#059669,#0891b2)!important;cursor:pointer}
.azg-fin{padding:14px;border-radius:14px;background:rgba(16,185,129,.18);border:1px solid #10b981;font-weight:800;margin:12px 0}
.azg-steps{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.azg-step{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;border:1px solid rgba(127,127,127,.3);background:rgba(127,127,127,.05)}
.azg-step.cur{border-color:#7c3aed;box-shadow:0 0 0 2px rgba(124,58,237,.35)}.azg-step.done{opacity:.7}
.azg-chk{flex:0 0 28px;height:28px;border-radius:50%;border:2px solid rgba(127,127,127,.5);display:inline-flex;align-items:center;justify-content:center;font-weight:900;background-image:none!important;background:transparent!important;color:#fff!important;padding:0}
.azg-chk.on{background:#10b981!important;border-color:#10b981}
button.azg-st{flex:1;text-align:start;background-image:none!important;background:transparent!important;color:inherit!important;border:0;font-family:inherit;padding:6px 0;cursor:pointer;min-width:0}
button.azg-st b{display:block;font-size:.98rem;overflow-wrap:anywhere}button.azg-st small{display:block;opacity:.7;font-size:.8rem;margin-top:2px}
.azg-note{margin-top:14px;font-size:.82rem}



/* Akkusativ & Dativ section v91 */
#sec-cases .azk{padding-bottom:24px}
.azk-hero{padding:18px;border-radius:20px;background:linear-gradient(135deg,#0f766e,#0891b2);color:#fff;margin-bottom:14px}
.azk-hero-t{font-size:1.35rem;font-weight:900;margin-bottom:6px}.azk-hero p{margin:0 0 12px;line-height:1.8;font-size:.95rem}
.azk-hero .azp-bar{background:rgba(255,255,255,.3)}.azk-hero small{display:block;margin-top:6px;opacity:.95}
.azk-list{display:grid;gap:10px}
button.azk-card{display:flex;align-items:center;gap:12px;width:100%;text-align:start;padding:14px;border-radius:16px;border:2px solid rgba(127,127,127,.3);background-image:none!important;background:rgba(127,127,127,.06)!important;color:inherit!important;font-family:inherit;cursor:pointer}
button.azk-card.done{border-color:#10b981}
.azk-num{flex:0 0 38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:#fff;background:#0891b2}
button.azk-card.done .azk-num{background:#10b981}
.azk-ct{display:flex;flex-direction:column;gap:2px;min-width:0}.azk-ct b{font-size:1.02rem;text-align:start}.azk-ct span{font-size:.88rem;opacity:.85}.azk-ct small{font-size:.78rem;color:#10b981;font-weight:800}
button.azk-home,button.azk-back{background-image:none!important;background:transparent!important;color:#0891b2!important;border:0;font-family:inherit;font-weight:800;cursor:pointer}
button.azk-home{display:block;margin:16px auto 0}
.azk-bar{display:flex;align-items:center;gap:12px;padding:10px 4px;margin-bottom:8px}
.azk-bar b{display:block;font-size:1.05rem}.azk-bar small{opacity:.7}
button.azk-back{font-size:1.5rem;width:44px;height:44px;border-radius:12px;border:1px solid rgba(127,127,127,.4)}
.azk-goal{padding:12px 14px;border-radius:14px;background:rgba(8,145,178,.12);border:1px solid rgba(8,145,178,.4);line-height:1.8;margin-bottom:12px}
.azk-b{margin:0 0 12px;border-radius:16px;border:1px solid rgba(127,127,127,.3);border-inline-start:6px solid var(--c);overflow:hidden;background:rgba(127,127,127,.04)}
.azk-c0{--c:#0891b2}.azk-c1{--c:#7c3aed}.azk-c2{--c:#059669}.azk-c3{--c:#d97706}.azk-c4{--c:#db2777}.azk-c5{--c:#2563eb}.azk-c6{--c:#dc2626}
.azk-bh{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(127,127,127,.09)}
.azk-n{flex:0 0 28px;height:28px;border-radius:50%;background:var(--c);color:#fff;font-weight:900;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem}
.azk-bb{padding:12px 14px;line-height:1.95;font-size:1rem}.azk-bb p{margin:0 0 10px}.azk-bb p:last-child{margin-bottom:0}
.azk-de{font-weight:700;unicode-bidi:isolate}
.azk-ar{background:rgba(217,119,6,.1)}.azk-ar .azk-bb{border-top:1px dashed rgba(217,119,6,.5)}
.azk-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.azk-tw table{border-collapse:collapse;width:100%;min-width:300px;font-size:.92rem}
.azk-tw th,.azk-tw td{border:1px solid rgba(127,127,127,.35);padding:7px 8px;text-align:center;vertical-align:middle}
.azk-tw th{background:rgba(127,127,127,.14)}
.azk-ex{position:relative;padding:10px 46px 10px 12px;margin:0 0 8px;border-radius:12px;background:rgba(127,127,127,.08)}
.azk-exd{font-weight:800;font-size:1.02rem;text-align:left}.azk-exa{opacity:.85;font-size:.92rem}
button.azk-say{position:absolute;top:8px;inset-inline-end:8px;width:32px;height:32px;border-radius:50%;border:0;background-image:none!important;background:rgba(8,145,178,.2)!important;color:inherit!important;cursor:pointer}
.azk-prac{--c:#7c3aed}
.azk-q{padding:12px;margin:0 0 12px;border-radius:14px;border:1px solid rgba(127,127,127,.3)}
.azk-q.azk-ok{border-color:#10b981}.azk-q.azk-no{border-color:#ef4444}
.azk-qh{font-size:.8rem;opacity:.7;margin-bottom:4px}.azk-qt{font-size:1.05rem;font-weight:700;margin-bottom:10px;line-height:1.8}
.azk-opts{display:grid;gap:8px}
.azk-o{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;border:2px solid rgba(127,127,127,.35);cursor:pointer}
.azk-o input{accent-color:#7c3aed}.azk-o.azk-right{border-color:#10b981;background:rgba(16,185,129,.16)}.azk-o.azk-wrong{border-color:#ef4444;background:rgba(239,68,68,.14)}
.azk-in{width:100%;box-sizing:border-box;padding:12px;border-radius:12px;border:2px solid rgba(127,127,127,.4);background:transparent;color:inherit;font-size:1.05rem;font-family:inherit}
.azk-in.azk-right{border-color:#10b981}.azk-in.azk-wrong{border-color:#ef4444}
.azk-fb{margin-top:8px;font-size:.9rem;line-height:1.8}.azk-fb:empty{display:none}
.azk-act,.azk-nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;margin-top:6px}
button.azk-btn{padding:12px 20px;border-radius:12px;border:0;font-weight:800;font-family:inherit;font-size:.98rem;cursor:pointer;color:#fff!important;background-image:linear-gradient(135deg,#0f766e,#0891b2)!important}
button.azk-btn.azk-q2{background-image:linear-gradient(135deg,#475569,#64748b)!important}
.azk-res{margin-top:12px;padding:0;border-radius:14px}.azk-res.azk-pass,.azk-res.azk-fail{padding:14px;line-height:1.8}
.azk-res.azk-pass{background:rgba(16,185,129,.16);border:1px solid #10b981}.azk-res.azk-fail{background:rgba(239,68,68,.14);border:1px solid #ef4444}
.azk-note{margin-top:8px;font-weight:700}
.azk-nav{margin-top:16px}



/* Akkusativ & Dativ section v91 */
#sec-path .azq{padding-bottom:24px}
.azq-hero{padding:18px;border-radius:20px;background:linear-gradient(135deg,#0f766e,#0891b2);color:#fff;margin-bottom:14px}
.azq-hero-t{font-size:1.35rem;font-weight:900;margin-bottom:6px}.azq-hero p{margin:0 0 12px;line-height:1.8;font-size:.95rem}
.azq-hero .azp-bar{background:rgba(255,255,255,.3)}.azq-hero small{display:block;margin-top:6px;opacity:.95}
.azq-list{display:grid;gap:10px}
button.azq-card{display:flex;align-items:center;gap:12px;width:100%;text-align:start;padding:14px;border-radius:16px;border:2px solid rgba(127,127,127,.3);background-image:none!important;background:rgba(127,127,127,.06)!important;color:inherit!important;font-family:inherit;cursor:pointer}
button.azq-card.done{border-color:#10b981}
.azq-num{flex:0 0 38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:#fff;background:#0891b2}
button.azq-card.done .azq-num{background:#10b981}
.azq-ct{display:flex;flex-direction:column;gap:2px;min-width:0}.azq-ct b{font-size:1.02rem;text-align:start}.azq-ct span{font-size:.88rem;opacity:.85}.azq-ct small{font-size:.78rem;color:#10b981;font-weight:800}
button.azq-home,button.azq-back{background-image:none!important;background:transparent!important;color:#0891b2!important;border:0;font-family:inherit;font-weight:800;cursor:pointer}
button.azq-home{display:block;margin:16px auto 0}
.azq-bar{display:flex;align-items:center;gap:12px;padding:10px 4px;margin-bottom:8px}
.azq-bar b{display:block;font-size:1.05rem}.azq-bar small{opacity:.7}
button.azq-back{font-size:1.5rem;width:44px;height:44px;border-radius:12px;border:1px solid rgba(127,127,127,.4)}
.azq-goal{padding:12px 14px;border-radius:14px;background:rgba(8,145,178,.12);border:1px solid rgba(8,145,178,.4);line-height:1.8;margin-bottom:12px}
.azq-b{margin:0 0 12px;border-radius:16px;border:1px solid rgba(127,127,127,.3);border-inline-start:6px solid var(--c);overflow:hidden;background:rgba(127,127,127,.04)}
.azq-c0{--c:#0891b2}.azq-c1{--c:#7c3aed}.azq-c2{--c:#059669}.azq-c3{--c:#d97706}.azq-c4{--c:#db2777}.azq-c5{--c:#2563eb}.azq-c6{--c:#dc2626}
.azq-bh{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(127,127,127,.09)}
.azq-n{flex:0 0 28px;height:28px;border-radius:50%;background:var(--c);color:#fff;font-weight:900;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem}
.azq-bb{padding:12px 14px;line-height:1.95;font-size:1rem}.azq-bb p{margin:0 0 10px}.azq-bb p:last-child{margin-bottom:0}
.azq-de{font-weight:700;unicode-bidi:isolate}
.azq-ar{background:rgba(217,119,6,.1)}.azq-ar .azq-bb{border-top:1px dashed rgba(217,119,6,.5)}
.azq-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.azq-tw table{border-collapse:collapse;width:100%;min-width:300px;font-size:.92rem}
.azq-tw th,.azq-tw td{border:1px solid rgba(127,127,127,.35);padding:7px 8px;text-align:center;vertical-align:middle}
.azq-tw th{background:rgba(127,127,127,.14)}
.azq-ex{position:relative;padding:10px 46px 10px 12px;margin:0 0 8px;border-radius:12px;background:rgba(127,127,127,.08)}
.azq-exd{font-weight:800;font-size:1.02rem;text-align:left}.azq-exa{opacity:.85;font-size:.92rem}
button.azq-say{position:absolute;top:8px;inset-inline-end:8px;width:32px;height:32px;border-radius:50%;border:0;background-image:none!important;background:rgba(8,145,178,.2)!important;color:inherit!important;cursor:pointer}
.azq-prac{--c:#7c3aed}
.azq-q{padding:12px;margin:0 0 12px;border-radius:14px;border:1px solid rgba(127,127,127,.3)}
.azq-q.azq-ok{border-color:#10b981}.azq-q.azq-no{border-color:#ef4444}
.azq-qh{font-size:.8rem;opacity:.7;margin-bottom:4px}.azq-qt{font-size:1.05rem;font-weight:700;margin-bottom:10px;line-height:1.8}
.azq-opts{display:grid;gap:8px}
.azq-o{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;border:2px solid rgba(127,127,127,.35);cursor:pointer}
.azq-o input{accent-color:#7c3aed}.azq-o.azq-right{border-color:#10b981;background:rgba(16,185,129,.16)}.azq-o.azq-wrong{border-color:#ef4444;background:rgba(239,68,68,.14)}
.azq-in{width:100%;box-sizing:border-box;padding:12px;border-radius:12px;border:2px solid rgba(127,127,127,.4);background:transparent;color:inherit;font-size:1.05rem;font-family:inherit}
.azq-in.azq-right{border-color:#10b981}.azq-in.azq-wrong{border-color:#ef4444}
.azq-fb{margin-top:8px;font-size:.9rem;line-height:1.8}.azq-fb:empty{display:none}
.azq-act,.azq-nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;margin-top:6px}
button.azq-btn{padding:12px 20px;border-radius:12px;border:0;font-weight:800;font-family:inherit;font-size:.98rem;cursor:pointer;color:#fff!important;background-image:linear-gradient(135deg,#0f766e,#0891b2)!important}
button.azq-btn.azq-q2{background-image:linear-gradient(135deg,#475569,#64748b)!important}
.azq-res{margin-top:12px;padding:0;border-radius:14px}.azq-res.azq-pass,.azq-res.azq-fail{padding:14px;line-height:1.8}
.azq-res.azq-pass{background:rgba(16,185,129,.16);border:1px solid #10b981}.azq-res.azq-fail{background:rgba(239,68,68,.14);border:1px solid #ef4444}
.azq-note{margin-top:8px;font-weight:700}
.azq-nav{margin-top:16px}
.azq-hero{background:linear-gradient(135deg,#15803d,#0d9488)}
button.azq-cont{display:block;width:100%;margin:0 0 14px;padding:15px;border-radius:14px;border:0;font-weight:900;font-size:1.02rem;font-family:inherit;color:#fff!important;background-image:linear-gradient(135deg,#059669,#0891b2)!important;cursor:pointer}
h4.azq-st{margin:18px 0 8px;font-size:1rem;color:#0d9488}
button.azq-card.skip{border-color:#d97706}button.azq-card.skip .azq-num{background:#d97706}
button.azq-card.lock{opacity:.55}button.azq-card.lock .azq-num{background:#64748b}
.azq-card.soon{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:2px dashed rgba(127,127,127,.35);opacity:.7}
.azq-card.soon .azq-num{background:#94a3b8}
.azq-ct small.w{color:#d97706}
.azq-lt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
button.azq-l{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:14px;border:1px solid rgba(127,127,127,.35);background-image:none!important;background:rgba(127,127,127,.07)!important;color:inherit!important;font-family:inherit;cursor:pointer}
.azq-lg{font-size:1.7rem;font-weight:900;color:#0d9488}.azq-ln{font-size:.82rem;opacity:.85}.azq-le{font-weight:800}.azq-la{font-size:.8rem;opacity:.8}
.azq-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px}
button.azq-ab{padding:10px 4px;border-radius:12px;border:0;font-family:inherit;font-weight:800;font-size:.82rem;line-height:1.4;color:#fff!important;cursor:pointer;background-image:none!important}
button.azq-ab.pause{background:#4f46e5!important}button.azq-ab.confuse{background:#d97706!important}button.azq-ab.skip{background:#64748b!important}
.azq-alt{padding:14px;margin:0 0 12px;border-radius:14px;background:rgba(217,119,6,.12);border:1px solid rgba(217,119,6,.5);line-height:1.9}
.azq-alt[hidden]{display:none}.azq-altb{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.azq-aud{margin:0 0 12px;width:100%}.azq-aud.off{padding:10px 12px;border-radius:12px;border:1px dashed rgba(127,127,127,.5);opacity:.75;font-size:.88rem}
.azq-img{max-width:100%;border-radius:14px;margin:0 0 10px;display:block}.azq-img.sm{max-height:90px;object-fit:contain;margin:0 auto 6px}
.azq-vh{margin:0 0 10px}.azq-vg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.azq-vcard{border:1px solid rgba(127,127,127,.35);border-radius:14px;padding:8px;background:rgba(127,127,127,.06)}
.azq-vcard.ok{border-color:#10b981;background:rgba(16,185,129,.12)}
button.azq-flip{display:block;width:100%;min-height:64px;border:0;background-image:none!important;background:transparent!important;color:inherit!important;font-family:inherit;cursor:pointer;text-align:center;padding:6px}
.azq-f1{font-weight:900;font-size:1.05rem}.azq-f2{display:none;font-weight:800}.azq-f2 small{display:block;opacity:.7;font-weight:600}
.azq-vcard.flipped .azq-f1{display:none}.azq-vcard.flipped .azq-f2{display:block}
.azq-va{display:flex;justify-content:center;gap:8px;margin-top:4px}
button.azq-vb{width:36px;height:36px;border-radius:50%;border:0;background-image:none!important;background:rgba(8,145,178,.2)!important;color:inherit!important;cursor:pointer}
button.azq-vk{background:rgba(16,185,129,.25)!important}.azq-vcard.ok button.azq-vk{background:#10b981!important;color:#fff!important}
label.azq-hw{display:flex;gap:10px;align-items:flex-start;padding:8px 0;line-height:1.8}label.azq-hw input{margin-top:6px;accent-color:#7c3aed}
textarea.azq-note{width:100%;box-sizing:border-box;margin-top:8px;padding:10px;border-radius:12px;border:2px solid rgba(127,127,127,.35);background:transparent;color:inherit;font-family:inherit;font-size:1rem}
.azq-note2{margin:8px 0;font-weight:700}.azq-end{opacity:.8}
.azq-res .azq-btn{margin-top:10px}



/* DTÖ exam prep v95 */
#sec-exam .azx{padding-bottom:24px}
.azx-hero{padding:18px;border-radius:20px;background:linear-gradient(135deg,#b45309,#dc2626);color:#fff;margin-bottom:14px}
.azx-hero-t{font-size:1.35rem;font-weight:900;margin-bottom:6px}.azx-hero p{margin:0;line-height:1.8;font-size:.95rem}
.azx-list{display:grid;gap:10px;margin-bottom:12px}
button.azx-card{display:flex;align-items:center;gap:12px;width:100%;text-align:start;padding:14px;border-radius:16px;border:2px solid rgba(127,127,127,.3);background-image:none!important;background:rgba(127,127,127,.06)!important;color:inherit!important;font-family:inherit;cursor:pointer}
button.azx-card.done{border-color:#10b981}
.azx-ic{flex:0 0 44px;font-size:1.9rem;text-align:center}
.azx-num{flex:0 0 38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:#fff;background:#d97706}
button.azx-card.done .azx-num{background:#10b981}
.azx-ct{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.azx-ct b{font-size:1.02rem}.azx-ct span{font-size:.88rem;opacity:.85}.azx-ct small{font-size:.78rem;opacity:.8}
.azx-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.azx-bar small{display:block;opacity:.75}
button.azx-back{width:42px;height:42px;border-radius:50%;border:2px solid rgba(127,127,127,.4);background:rgba(127,127,127,.1)!important;color:inherit!important;font-size:1.2rem;cursor:pointer;font-family:inherit}
.azx-b{border-radius:16px;border:1px solid rgba(127,127,127,.3);margin-bottom:12px;overflow:hidden;background:rgba(127,127,127,.05)}
.azx-bh{display:flex;align-items:center;gap:10px;padding:10px 14px;font-weight:800;color:#fff;background:#b45309}
.azx-c1 .azx-bh{background:#0f766e}.azx-c2 .azx-bh{background:#1d4ed8}.azx-c3 .azx-bh{background:#7c3aed}.azx-c4 .azx-bh{background:#be185d}
.azx-bh small{font-weight:500;opacity:.9}
.azx-n{min-width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.25);display:inline-flex;align-items:center;justify-content:center;font-size:.85rem}
.azx-bb{padding:12px 14px;line-height:1.9}
.azx-warn .azx-bb{background:rgba(220,38,38,.07)}
.azx-tw{overflow-x:auto}.azx-tw table{border-collapse:collapse;width:100%}.azx-tw th,.azx-tw td{border:1px solid rgba(127,127,127,.3);padding:6px 8px;text-align:start;vertical-align:top}
.azx-de{font-weight:700;color:#b45309}
.azx-sit,.azx-txt{padding:12px 14px;border-radius:14px;border:2px solid #d97706;background:rgba(217,119,6,.08);margin:8px 0;line-height:1.8;text-align:left}
.azx-txt{border-color:rgba(127,127,127,.4);background:rgba(127,127,127,.07)}
.azx-sit ul{margin:6px 0 0;padding-inline-start:20px}
.azx-ex{padding:10px 12px;border-radius:12px;background:rgba(127,127,127,.1);text-align:left;line-height:1.8;margin:6px 0}
.azx-ex.azx-q{border-inline-start:4px solid #d97706}
.azx-ql{padding-inline-start:22px;text-align:left}.azx-ql li{margin:6px 0}
.azx-hint{font-size:.85rem;opacity:.85;margin:8px 0 0}
.azx-guide{margin:10px 0;border-radius:14px;border:1px solid rgba(127,127,127,.3);padding:8px 12px}.azx-guide summary{cursor:pointer;font-weight:800}
.azx-tip p{margin:2px 0 4px;opacity:.9}.azx-ph{padding:6px 10px;border-radius:10px;background:rgba(217,119,6,.1);text-align:left}
.azx-tarea textarea{width:100%;box-sizing:border-box;padding:12px;border-radius:14px;border:2px solid rgba(127,127,127,.4);font-size:1rem;line-height:1.7;font-family:inherit;background:transparent;color:inherit;text-align:left}
.azx-tarea label{display:block;font-weight:800;margin-bottom:6px}.azx-wc{font-size:.85rem;opacity:.8;margin-top:4px}.azx-wc.ok{color:#10b981;font-weight:800;opacity:1}
.azx-act{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
button.azx-btn{padding:11px 16px;border-radius:14px;border:0;font-weight:800;font-family:inherit;font-size:.95rem;cursor:pointer;color:#fff!important;background:#d97706!important;background-image:none!important}
button.azx-btn.azx-q2{background:rgba(127,127,127,.18)!important;color:inherit!important;border:1px solid rgba(127,127,127,.4)}
button.azx-btn.azx-on{background:#10b981!important;color:#fff!important}
button.azx-say{border:0;background:transparent!important;cursor:pointer;font-size:1.05rem;padding:2px 6px}
.azx-res{border-radius:14px;padding:12px 14px;margin:8px 0}.azx-res:empty{display:none}
.azx-pass{background:rgba(16,185,129,.12);border:1px solid #10b981}.azx-fail{background:rgba(220,38,38,.1);border:1px solid #dc2626}
.azx-chk{list-style:none;margin:8px 0 0;padding:0}.azx-chk li{padding:3px 0}.azx-chk li.ok{color:#059669}.azx-chk li.no{color:#dc2626}
.azx-model{padding:12px;border-radius:12px;background:rgba(127,127,127,.1);text-align:left;line-height:1.9}
.azx-note{padding:10px 12px;border-radius:12px;background:rgba(127,127,127,.1);margin:10px 0;font-size:.9rem;line-height:1.7}
.azx-sh{font-weight:900;margin:16px 0 8px}
.azx-tabs{display:flex;gap:6px;margin-bottom:12px}
button.azx-tab{flex:1;padding:10px 4px;border-radius:12px;border:2px solid rgba(127,127,127,.35);background:rgba(127,127,127,.08)!important;color:inherit!important;font-weight:800;font-family:inherit;cursor:pointer}
button.azx-tab.on{background:#d97706!important;color:#fff!important;border-color:#d97706}
.azx-dlg{margin:8px 0}.azx-l{padding:6px 10px;border-radius:12px;margin:5px 0;text-align:left}.azx-lA{background:rgba(29,78,216,.1)}.azx-lB{background:rgba(190,24,93,.1)}
.azx-q{margin:10px 0}.azx-qt{font-weight:700;margin-bottom:6px}
.azx-opts{display:grid;gap:6px}.azx-opts.azx-row{grid-template-columns:repeat(7,1fr)}
label.azx-o{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:2px solid rgba(127,127,127,.3);cursor:pointer}
.azx-row label.azx-o{justify-content:center;padding:8px 2px;gap:3px}
label.azx-o.azx-right{border-color:#10b981;background:rgba(16,185,129,.15)}label.azx-o.azx-wrong{border-color:#dc2626;background:rgba(220,38,38,.12)}
.azx-fb{font-size:.9rem;margin-top:4px}
button.azx-home{margin-top:10px;padding:10px 14px;border-radius:12px;border:1px solid rgba(127,127,127,.4);background:transparent!important;color:inherit!important;font-family:inherit;cursor:pointer}
.azx-img{max-width:100%;border-radius:12px;margin-bottom:8px}



/* Azouz home & chrome v99 */
#google_translate_element{position:fixed!important;left:0!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important}
/* ---- top bar ---- */
body:not(.az-lvl) .azouz-utility-bar.azh-bar{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:6px 8px!important;margin:8px auto 4px!important;width:calc(100% - 20px)!important;max-width:1120px!important;min-height:0;border-radius:16px!important}
.azh-bar .azouz-language-group{display:none!important}
.azh-bar .azouz-menu-trigger{min-height:40px!important;padding:6px 12px!important;border-radius:12px!important}
.azh-brand{flex:1;display:flex;flex-direction:column;align-items:center;line-height:1.05;background:none!important;border:0!important;color:#fff!important;font:inherit;font-weight:900;font-size:1.15rem;cursor:pointer;padding:0 6px}
.azh-brand small{font-size:.62rem;opacity:.7;letter-spacing:.08em;font-weight:700}
.azh-bartools{display:flex;align-items:center;gap:6px;position:relative}
button.azh-bbtn{min-width:40px;height:40px;padding:0 10px;border-radius:12px!important;border:1px solid #475569!important;background:#1e293b!important;color:#fff!important;font:inherit;font-weight:800;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:transform .15s,background .2s}
button.azh-bbtn:hover{background:#334155!important;transform:translateY(-1px)}
button.azh-bbtn:active{transform:scale(.94)}
.azh-langwrap{position:relative}
.azh-langmenu{position:absolute;top:46px;left:0;z-index:3000;min-width:170px;background:#0f172a;border:1px solid #334155;border-radius:14px;padding:6px;box-shadow:0 14px 34px #0008;display:grid;gap:2px}
.azh-langmenu[hidden]{display:none}
.azh-langmenu button{background:transparent!important;border:0!important;color:#e2e8f0!important;padding:9px 12px!important;border-radius:9px!important;text-align:start;font:inherit;cursor:pointer;width:100%}
.azh-langmenu button:hover{background:#1e293b!important}
@media(max-width:420px){.azh-bar .menu-title{display:none}.azh-bar .azouz-menu-trigger{padding:6px 10px!important}}
/* ---- hero ---- */
body:not(.az-lvl) #welcome.hero{display:block!important;padding:14px 12px 10px!important;overflow:hidden}
#welcome .azh-hero-in{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,30px);max-width:980px;margin:0 auto}
#welcome .azh-photo{flex:0 0 auto;width:clamp(96px,20vw,150px);height:clamp(96px,20vw,150px);border-radius:50%;overflow:hidden;border:3px solid #a78bfa;box-shadow:0 10px 30px #7c3aed55}
#welcome .azh-photo[hidden]{display:none}#welcome .azh-photo img{width:100%;height:100%;object-fit:cover;display:block}
#welcome .azh-txt{text-align:center;min-width:0}
#welcome .azh-name{margin:0 0 4px!important;font-size:clamp(1.6rem,5vw,2.6rem)!important;font-weight:900;background:linear-gradient(90deg,#fff,#c4b5fd,#7dd3fc);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;position:static!important;width:auto!important}
#welcome .azh-name span{font-weight:700}
#welcome .azh-sub{margin:0 auto 10px!important;color:#cbd5e1!important;font-size:clamp(.82rem,2.4vw,1rem);line-height:1.7;max-width:560px;position:static!important}
.azh-tick{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(124,58,237,.18);border:1px solid rgba(167,139,250,.45);font-weight:800;color:#fff;max-width:100%}
.azh-tick-pre{opacity:.75;font-size:.82rem}
.azh-tick-w{display:inline-block;min-width:9.5em;text-align:start;color:#fde68a;transition:transform .26s,opacity .26s}
.azh-tick-w.out{opacity:0;transform:translateY(-12px)}.azh-tick-w.in{animation:azhIn .3s ease both}
@keyframes azhIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.azh-marquee{margin:10px auto 0;max-width:1100px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.azh-track{display:flex;gap:10px;width:max-content;animation:azhMarq 38s linear infinite}
.azh-marquee:hover .azh-track{animation-play-state:paused}
@keyframes azhMarq{from{transform:translateX(0)}to{transform:translateX(50%)}}
.azh-chip{white-space:nowrap;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#e2e8f0;font-weight:700;font-size:.85rem}
#welcome .multilingual-greetings{margin-top:8px!important;position:static!important;height:auto!important;display:block!important;text-align:center}
#welcome .multilingual-greetings span{position:static!important;width:auto!important;font-size:.85rem!important}
/* ---- orbs ---- */
.azh-orbs{position:relative;display:flex;flex-direction:column;align-items:center;margin:0 0 6px;padding-top:2px;min-height:112px}
.azh-rail{width:min(92%,420px);height:6px;border-radius:6px;background:linear-gradient(90deg,#334155,#64748b,#334155);box-shadow:0 2px 8px #0006}
.azh-orb-row{display:flex;justify-content:center;gap:clamp(22px,8vw,60px);margin-top:-3px}
button.azh-orb{background:none!important;border:0!important;padding:0!important;cursor:pointer;display:flex;flex-direction:column;align-items:center;transform-origin:50% 0;animation:azhSwing 3.4s ease-in-out infinite;-webkit-tap-highlight-color:transparent}
button.azh-o2{animation-duration:4s;animation-delay:-1.2s}button.azh-o3{animation-duration:3.7s;animation-delay:-2.1s}
.azh-str{display:block;width:2px;background:linear-gradient(#94a3b8,#475569);transition:height .3s}
.azh-o1 .azh-str{height:26px}.azh-o2 .azh-str{height:40px}.azh-o3 .azh-str{height:30px}
.azh-ball{width:clamp(54px,15vw,66px);height:clamp(54px,15vw,66px);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:inset -6px -8px 14px #0004,inset 5px 6px 10px #fff5,0 10px 20px #0007;animation:azhBob 2.6s ease-in-out infinite}
.azh-ball b{font-size:1.1rem;line-height:1;font-weight:900}.azh-ball small{font-size:.6rem;opacity:.9;margin-top:2px}
.azh-o1 .azh-ball{background:radial-gradient(circle at 30% 25%,#86efac,#16a34a 70%)}
.azh-o2 .azh-ball{background:radial-gradient(circle at 30% 25%,#93c5fd,#2563eb 70%);animation-delay:-.9s}
.azh-o3 .azh-ball{background:radial-gradient(circle at 30% 25%,#d8b4fe,#7e22ce 70%);animation-delay:-1.7s}
button.azh-orb:hover .azh-ball{filter:brightness(1.15)}
button.azh-orb.pop .azh-ball{animation:azhPop .26s ease forwards}
@keyframes azhSwing{0%,100%{transform:rotate(7deg)}50%{transform:rotate(-7deg)}}
@keyframes azhBob{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}
@keyframes azhPop{to{transform:scale(1.5);opacity:0}}
/* ---- shared titles ---- */
.azh-title{margin:22px 0 12px!important;font-size:clamp(1.15rem,3.4vw,1.5rem)!important;font-weight:900;color:#fff!important;display:flex;align-items:center;gap:8px;text-align:start!important}
/* ---- levels ---- */
.azh-lv-grid,.azh-lessons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
button.azh-lv{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:start;padding:16px 14px 14px;min-height:190px;color:#fff!important;font:inherit;cursor:pointer;border:1px solid rgba(255,255,255,.18)!important;transition:transform .25s,box-shadow .25s;-webkit-tap-highlight-color:transparent;background-image:none!important}
button.azh-lv:hover{transform:translateY(-5px);box-shadow:0 18px 38px #0007}button.azh-lv.press{transform:scale(.96)}
button.azh-a1{background:linear-gradient(150deg,#065f46,#16a34a 70%,#4ade80)!important;border-radius:40px 14px 40px 14px!important}
button.azh-a2{background:linear-gradient(150deg,#1e3a8a,#2563eb 70%,#38bdf8)!important;border-radius:14px 40px 14px 40px!important}
button.azh-b1{background:linear-gradient(150deg,#581c87,#7e22ce 65%,#e879f9)!important;border-radius:40px 40px 14px 14px!important}
.azh-lv-deco{position:absolute;inset:auto -20% -30% auto;width:70%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.12);animation:azhDeco 7s ease-in-out infinite}
.azh-a2 .azh-lv-deco{border-radius:28%;transform:rotate(20deg)}.azh-b1 .azh-lv-deco{border-radius:50% 0 50% 0}
@keyframes azhDeco{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-14px) scale(1.08)}}
.azh-lv-big{font-size:clamp(2.4rem,7vw,3.2rem);font-weight:900;line-height:1;letter-spacing:.02em;text-shadow:0 4px 14px #0005;animation:azhGlow 3s ease-in-out infinite}
@keyframes azhGlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.azh-lv-name{font-weight:900;font-size:1.05rem}.azh-lv-sub{font-size:.8rem;opacity:.9;line-height:1.5}
.azh-lv-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px;position:relative}
.azh-lv-chips b{padding:3px 9px;border-radius:999px;background:rgba(0,0,0,.25);font-size:.72rem;opacity:.7;transition:all .35s}
.azh-lv-chips b.on{background:#fff;color:#1e1b4b;opacity:1;transform:scale(1.1)}
.azh-lv-go{margin-top:auto;font-weight:900;font-size:.85rem;background:rgba(255,255,255,.2);padding:5px 12px;border-radius:999px;position:relative}
/* ---- tiles ---- */
.azh-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
button.azh-tile{display:flex;align-items:center;gap:10px;padding:12px;border-radius:18px!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;font:inherit;text-align:start;cursor:pointer;min-height:76px;animation:azhTile .5s ease both;animation-delay:var(--d,0ms);transition:transform .2s,box-shadow .2s;background-image:none!important;-webkit-tap-highlight-color:transparent}
@keyframes azhTile{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
button.azh-tile:hover{transform:translateY(-3px);box-shadow:0 12px 26px #0006}button.azh-tile:active{transform:scale(.96)}
.azh-ti{flex:0 0 46px;height:46px;border-radius:14px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.5rem}
.azh-tt{display:flex;flex-direction:column;gap:2px;min-width:0}.azh-tt b{font-size:.95rem;line-height:1.3}.azh-tt small{font-size:.72rem;opacity:.88;line-height:1.35}
.azh-c1{background:linear-gradient(135deg,#7c3aed,#4f46e5)!important}.azh-c2{background:linear-gradient(135deg,#d97706,#f59e0b)!important}.azh-c3{background:linear-gradient(135deg,#059669,#10b981)!important}
.azh-c4{background:linear-gradient(135deg,#2563eb,#0ea5e9)!important}.azh-c5{background:linear-gradient(135deg,#0f766e,#0891b2)!important}.azh-c6{background:linear-gradient(135deg,#b45309,#dc2626)!important}
.azh-c7{background:linear-gradient(135deg,#be185d,#db2777)!important}.azh-c8{background:linear-gradient(135deg,#6d28d9,#a855f7)!important}.azh-c9{background:linear-gradient(135deg,#0369a1,#14b8a6)!important}
.azh-c10{background:linear-gradient(135deg,#ca8a04,#ea580c)!important}.azh-c11{background:linear-gradient(135deg,#db2777,#f97316)!important}.azh-c12{background:linear-gradient(135deg,#475569,#334155)!important}
button.azh-tile.open{outline:3px solid #fde68a}
.azh-quick-slot{margin-top:12px}.azh-quick-slot[hidden]{display:none}.azh-quick-slot .az-quick-test{margin-bottom:0}
/* ---- sub pages ---- */
.azh-page{padding-bottom:30px}
.azh-pagebar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.azh-pagebar small{display:block;opacity:.75}
button.azh-back{width:42px;height:42px;border-radius:50%!important;border:2px solid rgba(127,127,127,.45)!important;background:rgba(127,127,127,.12)!important;color:inherit!important;font-size:1.2rem;cursor:pointer}
.azh-lessons2{margin-top:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
/* ---- responsive ---- */
@media(max-width:620px){.azh-lv-grid,.azh-lessons{grid-template-columns:1fr}button.azh-lv{min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 12px}.azh-lv-big{font-size:2.4rem}.azh-lv-chips{width:100%}.azh-lv-go{margin-top:0;margin-inline-start:auto}.azh-lessons2{grid-template-columns:1fr}}
@media(min-width:700px){.azh-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1000px){.azh-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.azh-orbs{min-height:128px}}
@media(prefers-reduced-motion:reduce){.azh-track,button.azh-orb,.azh-ball,.azh-lv-deco,.azh-lv-big,button.azh-tile{animation:none!important}.azh-marquee{overflow-x:auto}}

.azh-bar [hidden],.azh-bartools [hidden]{display:none!important}
body #welcome.hero span,body #welcome.hero .azh-tick span{position:static!important;transform:none;animation:none}
#welcome .azh-tick-w.in{animation:azhIn .3s ease both!important}
#welcome .azh-tick-w{display:inline-block!important}
#welcome .azh-name span{display:inline-block;font-weight:700}

button.azh-lv>*:not(.azh-lv-deco){position:relative;z-index:1}
button.azh-lv .azh-lv-chips b{color:#fff!important}
button.azh-lv .azh-lv-chips b.on{background:#fff!important;color:#1e1b4b!important}



#sec-sounds{min-width:0}#sec-sounds .azs-wrap{width:100%;max-width:min(860px,100%);min-width:0;box-sizing:border-box;margin:0 auto;padding:6px 2px 80px;direction:rtl}#sec-sounds .azs-tabs{max-width:100%}body.azs-on #welcome.hero,body.azs-on #azh-orbs{display:none!important}
#sec-sounds .azs-head{display:flex;align-items:center;gap:12px;margin:6px 0 14px}
#sec-sounds .azs-head h3{margin:0;font-size:1.25rem}
#sec-sounds .azs-head small{opacity:.8}
#sec-sounds .azs-back{width:44px;height:44px;border-radius:14px;border:0;font-size:1.3rem;font-weight:800;color:#fff!important;background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;cursor:pointer;flex:0 0 auto}
#sec-sounds .azs-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;-webkit-overflow-scrolling:touch}
#sec-sounds .azs-tab{flex:0 0 auto;padding:10px 15px;border-radius:999px;border:2px solid rgba(127,127,127,.35);background:transparent!important;color:inherit!important;font:inherit;font-weight:800;cursor:pointer;white-space:nowrap}
#sec-sounds .azs-tab.azs-on{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;color:#fff!important;border-color:transparent}
#sec-sounds .azs-lead{line-height:1.9;margin:6px 0 10px}
#sec-sounds .azs-de{direction:ltr;unicode-bidi:isolate;font-weight:800;color:#3b82d6}
#sec-sounds .azs-bar{height:8px;border-radius:99px;background:rgba(127,127,127,.25);overflow:hidden;margin:6px 0 12px}
#sec-sounds .azs-bar div{height:100%;background:linear-gradient(90deg,#10b981,#3b82f6);transition:width .4s}
#sec-sounds button.azs-btn{padding:11px 16px;border-radius:14px;border:0;font:inherit;font-weight:800;cursor:pointer;color:#fff!important;background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;margin:4px 2px}
#sec-sounds button.azs-btn.azs-sm{padding:7px 12px;font-size:.88rem}
#sec-sounds button.azs-btn.azs-q2{background:rgba(127,127,127,.2)!important;color:inherit!important;border:1px solid rgba(127,127,127,.4)}
#sec-sounds .azs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:9px;margin:14px 0}
#sec-sounds .azs-l{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:16px;border:2px solid rgba(127,127,127,.3);background:rgba(127,127,127,.08)!important;color:inherit!important;font:inherit;cursor:pointer;transition:transform .15s}
#sec-sounds .azs-l:active{transform:scale(.95)}
#sec-sounds .azs-l.azs-hd{border-color:#10b981}
#sec-sounds .azs-l.azs-sel{border-color:#7c3aed;background:rgba(124,58,237,.18)!important}
#sec-sounds .azs-lg{font-size:1.5rem;font-weight:900;direction:ltr}
#sec-sounds .azs-ln{font-size:.78rem;opacity:.85}
#sec-sounds .azs-det{margin:12px 0;padding:14px;border-radius:18px;border:2px solid #7c3aed;background:rgba(124,58,237,.1);line-height:1.9}
#sec-sounds .azs-dt{display:flex;gap:14px;align-items:center}
#sec-sounds .azs-big{font-size:3.4rem;font-weight:900;color:#7c3aed;min-width:76px;text-align:center}
#sec-sounds .azs-tip{margin:8px 0 0;padding:9px 12px;border-radius:12px;background:rgba(224,168,0,.14);line-height:1.8}
#sec-sounds .azs-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
#sec-sounds .azs-card{padding:13px;border-radius:18px;border:1px solid rgba(127,127,127,.35);background:rgba(127,127,127,.07)}
#sec-sounds .azs-card h4{margin:0 0 6px;display:flex;align-items:center;gap:10px;font-size:1.05rem}
#sec-sounds .azs-ct{font-size:1.25rem;background:rgba(59,130,214,.15);padding:3px 10px;border-radius:10px}
#sec-sounds .azs-card ol{margin:6px 0;padding-inline-start:1.3em;line-height:1.8}
#sec-sounds .azs-words{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
#sec-sounds .azs-w{display:flex;flex-direction:column;align-items:center;padding:8px 12px;border-radius:14px;border:2px solid rgba(127,127,127,.35);background:transparent!important;color:inherit!important;font:inherit;cursor:pointer}
#sec-sounds .azs-w span{font-weight:800;direction:ltr}
#sec-sounds .azs-w small{opacity:.8;font-size:.78rem}
#sec-sounds .azs-dl{display:grid;gap:10px}
#sec-sounds .azs-dc{text-align:start;padding:14px;border-radius:16px;border:2px solid rgba(127,127,127,.35);background:rgba(127,127,127,.07)!important;color:inherit!important;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:4px}
#sec-sounds .azs-dc small{opacity:.8}
#sec-sounds .azs-prog{margin:8px 0;font-weight:700;opacity:.85}
#sec-sounds .azs-opts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}
#sec-sounds .azs-o{padding:14px;border-radius:14px;border:2px solid rgba(127,127,127,.4);background:transparent!important;color:inherit!important;font:inherit;font-size:1.15rem;font-weight:800;cursor:pointer}
#sec-sounds .azs-o.azs-ok{border-color:#10b981;background:rgba(16,185,129,.2)!important}
#sec-sounds .azs-o.azs-no{border-color:#ef4444;background:rgba(239,68,68,.2)!important}
#sec-sounds .azs-fb{margin:8px 0;font-weight:800;min-height:1.6em}
#sec-sounds .azs-fb.azs-ok{color:#10b981}#sec-sounds .azs-fb.azs-no{color:#ef4444}
#sec-sounds .azs-in{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}
#sec-sounds .azs-in input{flex:1 1 180px;padding:12px;border-radius:12px;border:2px solid rgba(127,127,127,.4);font:inherit;font-size:1.1rem;background:rgba(255,255,255,.08);color:inherit}
#sec-sounds .azs-sp{display:flex;flex-wrap:wrap;gap:8px;direction:ltr;margin:10px 0}
#sec-sounds .azs-ch{display:flex;flex-direction:column;align-items:center;min-width:54px;padding:8px;border-radius:12px;background:rgba(124,58,237,.15)}
#sec-sounds .azs-ch b{font-size:1.4rem}#sec-sounds .azs-ch small{opacity:.75;font-size:.72rem}
#sec-sounds .azs-res{padding:16px;border-radius:18px;background:rgba(16,185,129,.12);text-align:center}
@media (min-width:700px){#sec-sounds .azs-opts{grid-template-columns:repeat(4,1fr)}}



#sec-speak{min-width:0}
#sec-speak .azk-wrap{width:100%;max-width:min(760px,100%);min-width:0;box-sizing:border-box;margin:0 auto;padding:6px 2px 80px;direction:rtl}
#sec-speak .azk-head{display:flex;align-items:center;gap:12px;margin:6px 0 14px}
#sec-speak .azk-head h3{margin:0;font-size:1.25rem}#sec-speak .azk-head small{opacity:.8}
#sec-speak .azk-back{width:44px;height:44px;border-radius:14px;border:0;font-size:1.3rem;font-weight:800;color:#fff!important;background:linear-gradient(135deg,#e11d48,#f59e0b)!important;cursor:pointer;flex:0 0 auto}
#sec-speak .azk-lead{line-height:1.9}
#sec-speak .azk-ok{color:#10b981;font-weight:800}#sec-speak .azk-near{color:#eab308;font-weight:800}#sec-speak .azk-miss{color:#ef4444;font-weight:800}
#sec-speak .azk-sets{display:grid;gap:10px;margin:12px 0}
#sec-speak .azk-set{text-align:start;padding:14px;border-radius:16px;border:2px solid rgba(127,127,127,.35);background:rgba(127,127,127,.07)!important;color:inherit!important;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:4px}
#sec-speak .azk-set small{opacity:.8}#sec-speak .azk-pill{align-self:flex-start;padding:2px 10px;border-radius:99px;background:rgba(16,185,129,.18);font-size:.8rem;font-weight:700}
#sec-speak .azk-tip,#sec-speak .azk-warn{margin:12px 0;padding:10px 13px;border-radius:12px;line-height:1.8}
#sec-speak .azk-tip{background:rgba(224,168,0,.14)}#sec-speak .azk-warn{background:rgba(239,68,68,.15)}
#sec-speak .azk-prog{font-weight:700;opacity:.85;margin:6px 0}
#sec-speak .azk-target{font-size:1.5rem;font-weight:900;line-height:1.6;text-align:center;margin:12px 0 4px;padding:14px;border-radius:18px;background:rgba(59,130,214,.12)}
#sec-speak .azk-ar{text-align:center;opacity:.85;margin-bottom:10px}
#sec-speak .azk-act,#sec-speak .azk-nav{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:10px 0}
#sec-speak button.azk-btn{padding:13px 18px;border-radius:16px;border:0;font:inherit;font-weight:800;cursor:pointer;color:#fff!important;background:linear-gradient(135deg,#4f46e5,#7c3aed)!important}
#sec-speak button.azk-btn.azk-q2{background:rgba(127,127,127,.2)!important;color:inherit!important;border:1px solid rgba(127,127,127,.4)}
#sec-speak button.azk-btn.azk-mic{background:linear-gradient(135deg,#e11d48,#f59e0b)!important;font-size:1.05rem}
#sec-speak button.azk-btn.azk-mic.azk-on{animation:azkpulse 1s infinite}
#sec-speak button.azk-btn:disabled{opacity:.4;cursor:default}
@keyframes azkpulse{0%,100%{box-shadow:0 0 0 0 rgba(225,29,72,.5)}50%{box-shadow:0 0 0 12px rgba(225,29,72,0)}}
#sec-speak .azk-live{text-align:center;font-weight:800;color:#e11d48;margin:8px 0}
#sec-speak .azk-res{margin:14px 0;padding:14px;border-radius:18px;border:2px solid rgba(127,127,127,.35);text-align:center}
#sec-speak .azk-score{font-size:2.6rem;font-weight:900;line-height:1.1}
#sec-speak .azk-words{font-size:1.25rem;font-weight:800;margin:10px 0;line-height:2}
#sec-speak .azk-w{padding:2px 7px;border-radius:8px}
#sec-speak .azk-w.azk-ok{background:rgba(16,185,129,.2)}#sec-speak .azk-w.azk-near{background:rgba(234,179,8,.25)}#sec-speak .azk-w.azk-miss{background:rgba(239,68,68,.22)}
#sec-speak .azk-heard{opacity:.9}#sec-speak .azk-fb{font-weight:700;line-height:1.8}
body.azk-on #welcome.hero,body.azk-on #azh-orbs{display:none!important}



#sec-cards{min-width:0}
#sec-cards .azc2-wrap{width:100%;max-width:min(680px,100%);min-width:0;box-sizing:border-box;margin:0 auto;padding:6px 2px 80px;direction:rtl}
#sec-cards .azc2-head{display:flex;align-items:center;gap:12px;margin:6px 0 14px}
#sec-cards .azc2-head h3{margin:0;font-size:1.25rem}#sec-cards .azc2-head small{opacity:.8}
#sec-cards .azc2-back{width:44px;height:44px;border-radius:14px;border:0;font-size:1.3rem;font-weight:800;color:#fff!important;background:linear-gradient(135deg,#0ea5e9,#6366f1)!important;cursor:pointer;flex:0 0 auto}
#sec-cards .azc2-lead{line-height:1.9}
#sec-cards .azc2-lim{margin:10px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#sec-cards .azc2-chip{padding:7px 14px;border-radius:99px;border:2px solid rgba(127,127,127,.4);background:transparent!important;color:inherit!important;font:inherit;font-weight:800;cursor:pointer}
#sec-cards .azc2-chip.azc2-on{background:linear-gradient(135deg,#0ea5e9,#6366f1)!important;color:#fff!important;border-color:transparent}
#sec-cards .azc2-decks{display:grid;gap:10px;margin:12px 0}
#sec-cards .azc2-deck{text-align:start;padding:14px;border-radius:16px;border:2px solid rgba(127,127,127,.35);background:rgba(127,127,127,.07)!important;color:inherit!important;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:6px}
#sec-cards .azc2-deck small{opacity:.8}
#sec-cards .azc2-bar{height:8px;border-radius:99px;background:rgba(127,127,127,.28);overflow:hidden;display:flex;flex-direction:row-reverse}
#sec-cards .azc2-bar div{height:100%;background:#10b981}#sec-cards .azc2-bar .azc2-b2{background:#f59e0b}
#sec-cards .azc2-meta{font-size:.88rem;opacity:.9}
#sec-cards .azc2-leg{font-size:.82rem;opacity:.8;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
#sec-cards .azc2-leg span{display:inline-block;width:10px;height:10px;border-radius:50%}
#sec-cards .azc2-d1{background:#10b981}#sec-cards .azc2-d2{background:#f59e0b}#sec-cards .azc2-d3{background:rgba(127,127,127,.5)}
#sec-cards .azc2-prog{font-weight:700;margin:6px 0;opacity:.9}
#sec-cards .azc2-pb{height:6px;border-radius:99px;background:rgba(127,127,127,.28);overflow:hidden;margin-bottom:6px}
#sec-cards .azc2-pb div{height:100%;background:linear-gradient(90deg,#0ea5e9,#6366f1);transition:width .3s}
#sec-cards .azc2-card{position:relative;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:26px 18px;border-radius:22px;border:2px solid rgba(99,102,241,.5);background:rgba(99,102,241,.1);text-align:center;cursor:pointer}
#sec-cards .azc2-g{position:absolute;top:10px;inset-inline-start:14px;font-size:.78rem;opacity:.65;direction:ltr}
#sec-cards .azc2-de{font-size:2rem;font-weight:900;line-height:1.4;word-break:break-word}
#sec-cards .azc2-de.azc2-sent{font-size:1.35rem}
#sec-cards .azc2-ans{font-size:1.5rem;font-weight:800;color:#10b981}
#sec-cards .azc2-p,#sec-cards .azc2-hint{opacity:.8;font-size:.92rem}
#sec-cards .azc2-say{position:absolute;bottom:10px;inset-inline-end:12px;width:46px;height:46px;border-radius:50%;border:0;font-size:1.3rem;background:rgba(127,127,127,.25)!important;color:inherit!important;cursor:pointer}
#sec-cards .azc2-act{display:flex;justify-content:center;margin:14px 0}
#sec-cards button.azc2-btn{padding:14px 26px;border-radius:16px;border:0;font:inherit;font-weight:800;font-size:1.05rem;cursor:pointer;color:#fff!important;background:linear-gradient(135deg,#0ea5e9,#6366f1)!important}
#sec-cards .azc2-rate{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}
#sec-cards .azc2-r{display:flex;flex-direction:column;gap:2px;padding:11px 4px;border-radius:14px;border:0;font:inherit;color:#fff!important;cursor:pointer}
#sec-cards .azc2-r small{font-size:.72rem;opacity:.95}
#sec-cards .azc2-r0{background:#ef4444!important}#sec-cards .azc2-r1{background:#f59e0b!important}#sec-cards .azc2-r2{background:#10b981!important}#sec-cards .azc2-r3{background:#0ea5e9!important}
#sec-cards .azc2-end{text-align:center;padding:26px 14px;border-radius:20px;background:rgba(16,185,129,.12);margin-top:14px}
body.azc2-on #welcome.hero,body.azc2-on #azh-orbs{display:none!important}



#sec-casegame{min-width:0}
#sec-casegame .azg2-wrap{width:100%;max-width:min(640px,100%);min-width:0;box-sizing:border-box;margin:0 auto;padding:6px 2px 80px;direction:rtl}
#sec-casegame .azg2-head{display:flex;align-items:center;gap:12px;margin:6px 0 14px}
#sec-casegame .azg2-head h3{margin:0;font-size:1.25rem}#sec-casegame .azg2-head small{opacity:.8;direction:ltr;display:inline-block}
#sec-casegame .azg2-back{width:44px;height:44px;border-radius:14px;border:0;font-size:1.3rem;font-weight:800;color:#fff!important;background:linear-gradient(135deg,#10b981,#0ea5e9)!important;cursor:pointer;flex:0 0 auto}
#sec-casegame .azg2-lead{line-height:1.9}
#sec-casegame .azg2-modes{display:grid;gap:10px;margin:12px 0}
#sec-casegame .azg2-m{text-align:start;padding:16px;border-radius:18px;border:2px solid rgba(127,127,127,.35);background:rgba(127,127,127,.07)!important;color:inherit!important;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:4px}
#sec-casegame .azg2-m b{font-size:1.1rem}#sec-casegame .azg2-m small{opacity:.8}
#sec-casegame .azg2-note{margin:12px 0;padding:10px 13px;border-radius:12px;background:rgba(224,168,0,.14);line-height:1.8}
#sec-casegame .azg2-top{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:6px 0}
#sec-casegame .azg2-time{font-size:1.4rem;font-weight:900}#sec-casegame .azg2-st{font-weight:900;color:#f97316}
#sec-casegame .azg2-tb{height:8px;border-radius:99px;background:rgba(127,127,127,.28);overflow:hidden;margin:4px 0 12px}
#sec-casegame .azg2-tb div{height:100%;background:linear-gradient(90deg,#10b981,#f59e0b);transition:width 1s linear}
#sec-casegame .azg2-q{font-size:1.6rem;font-weight:800;text-align:center;padding:26px 10px;border-radius:20px;background:rgba(59,130,214,.12);line-height:1.6;margin:8px 0 14px}
#sec-casegame .azg2-bl{display:inline-block;min-width:3.2em;border-bottom:3px solid #f59e0b;color:#f59e0b}
#sec-casegame .azg2-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#sec-casegame .azg2-o{padding:18px 6px;border-radius:16px;border:2px solid rgba(127,127,127,.4);background:transparent!important;color:inherit!important;font:inherit;font-size:1.35rem;font-weight:900;cursor:pointer}
#sec-casegame .azg2-o.azg2-ok{border-color:#10b981;background:rgba(16,185,129,.25)!important}#sec-casegame .azg2-o.azg2-no{border-color:#ef4444;background:rgba(239,68,68,.25)!important}
#sec-casegame .azg2-fb{min-height:2em;margin-top:12px;font-weight:800;text-align:center;line-height:1.8}
#sec-casegame .azg2-why{font-weight:500;font-size:.95rem;margin:6px 0}
#sec-casegame button.azg2-btn{padding:12px 20px;border-radius:14px;border:0;font:inherit;font-weight:800;cursor:pointer;color:#fff!important;background:linear-gradient(135deg,#10b981,#0ea5e9)!important;margin:4px}
#sec-casegame button.azg2-btn.azg2-q2{background:rgba(127,127,127,.2)!important;color:inherit!important;border:1px solid rgba(127,127,127,.4)}
#sec-casegame .azg2-end{text-align:center;padding:20px 12px;border-radius:20px;background:rgba(16,185,129,.12)}
#sec-casegame .azg2-big{font-size:3.4rem;font-weight:900;color:#10b981;line-height:1.2}
#sec-casegame .azg2-wh{margin:16px 0 8px}#sec-casegame .azg2-w{padding:10px 12px;border-radius:12px;border:1px solid rgba(127,127,127,.3);margin:8px 0}
body.azg2-on #welcome.hero,body.azg2-on #azh-orbs{display:none!important}



#sec-me{min-width:0}
#sec-me .aze-wrap{width:100%;max-width:min(820px,100%);min-width:0;box-sizing:border-box;margin:0 auto;padding:6px 2px 80px;direction:rtl}
#sec-me .aze-head{display:flex;align-items:center;gap:12px;margin:6px 0 14px}
#sec-me .aze-head h3{margin:0;font-size:1.25rem}#sec-me .aze-head small{opacity:.8}
#sec-me .aze-back{width:44px;height:44px;border-radius:14px;border:0;font-size:1.3rem;font-weight:800;color:#fff!important;background:linear-gradient(135deg,#f59e0b,#ef4444)!important;cursor:pointer;flex:0 0 auto}
#sec-me .aze-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px}
#sec-me .aze-tab{flex:0 0 auto;padding:10px 15px;border-radius:999px;border:2px solid rgba(127,127,127,.35);background:transparent!important;color:inherit!important;font:inherit;font-weight:800;cursor:pointer;white-space:nowrap}
#sec-me .aze-tab.aze-on{background:linear-gradient(135deg,#f59e0b,#ef4444)!important;color:#fff!important;border-color:transparent}
#sec-me .aze-lead{line-height:1.9}
#sec-me .aze-sum{display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;background:rgba(245,158,11,.14);margin:6px 0 10px}
#sec-me .aze-big{font-size:2.6rem;font-weight:900;color:#f59e0b;line-height:1}#sec-me .aze-big small{font-size:1.1rem;opacity:.7}
#sec-me .aze-kp{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 12px}#sec-me .aze-kp span{padding:6px 12px;border-radius:99px;background:rgba(127,127,127,.18);font-weight:700;font-size:.9rem}
#sec-me .aze-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
#sec-me .aze-b{padding:12px 8px;border-radius:16px;border:2px solid rgba(127,127,127,.3);text-align:center;display:flex;flex-direction:column;gap:3px;align-items:center;opacity:.78}
#sec-me .aze-b.aze-ok{border-color:#f59e0b;background:rgba(245,158,11,.14);opacity:1}
#sec-me .aze-bi{font-size:2rem}#sec-me .aze-b small{opacity:.85;font-size:.8rem;line-height:1.5}
#sec-me .aze-pb{width:100%;height:6px;border-radius:99px;background:rgba(127,127,127,.3);overflow:hidden;margin-top:4px}#sec-me .aze-pb i{display:block;height:100%;background:linear-gradient(90deg,#f59e0b,#ef4444)}
#sec-me .aze-pt{font-size:.75rem;opacity:.8}#sec-me .aze-done{color:#10b981;font-weight:800;font-size:.8rem}
#sec-me .aze-card{margin:12px 0;padding:14px;border-radius:16px;border:1px solid rgba(127,127,127,.35);background:rgba(127,127,127,.07);line-height:1.8}
#sec-me .aze-card h4{margin:0 0 6px}
#sec-me button.aze-btn{padding:12px 18px;border-radius:14px;border:0;font:inherit;font-weight:800;cursor:pointer;color:#fff!important;background:linear-gradient(135deg,#f59e0b,#ef4444)!important}
#sec-me button.aze-btn.aze-q2{background:rgba(127,127,127,.22)!important;color:inherit!important;border:1px solid rgba(127,127,127,.4)}
#sec-me .aze-row{margin:8px 0}#sec-me .aze-row input{padding:8px 12px;border-radius:10px;border:2px solid rgba(127,127,127,.4);font:inherit;background:rgba(255,255,255,.08);color:inherit;margin-inline-start:8px}
#sec-me .aze-stat{line-height:2;padding-inline-start:1.2em}#sec-me .aze-g{color:#10b981}#sec-me .aze-r{color:#ef4444}
#sec-me .aze-pb2{height:8px;border-radius:99px;background:rgba(127,127,127,.3);overflow:hidden;margin:8px 0}#sec-me .aze-pb2 i{display:block;height:100%;background:linear-gradient(90deg,#10b981,#0ea5e9)}
#sec-me .aze-est{opacity:.7;font-size:.88rem}
.aze-toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,30px);opacity:0;z-index:99999;background:#111827;color:#fff;padding:12px 18px;border-radius:16px;box-shadow:0 8px 28px rgba(0,0,0,.4);max-width:90vw;text-align:center;transition:all .35s;direction:rtl;font-weight:700}
.aze-toast.aze-in{opacity:1;transform:translate(-50%,0)}
body.aze-on #welcome.hero,body.aze-on #azh-orbs{display:none!important}



#sec-scenes{min-width:0}
#sec-scenes .azs3-wrap{width:100%;max-width:min(700px,100%);min-width:0;box-sizing:border-box;margin:0 auto;padding:6px 2px 90px;direction:rtl}
#sec-scenes .azs3-head{display:flex;align-items:center;gap:12px;margin:6px 0 14px}
#sec-scenes .azs3-head h3{margin:0;font-size:1.25rem}#sec-scenes .azs3-head small{opacity:.8}
#sec-scenes .azs3-back{width:44px;height:44px;border-radius:14px;border:0;font-size:1.3rem;font-weight:800;color:#fff!important;background:linear-gradient(135deg,#8b5cf6,#ec4899)!important;cursor:pointer;flex:0 0 auto}
#sec-scenes .azs3-lead{line-height:1.9}
#sec-scenes .azs3-list{display:grid;gap:10px;margin:12px 0}
#sec-scenes .azs3-it{display:flex;align-items:center;gap:12px;text-align:start;padding:14px;border-radius:16px;border:2px solid rgba(127,127,127,.35);background:rgba(127,127,127,.07)!important;color:inherit!important;font:inherit;cursor:pointer}
#sec-scenes .azs3-ic{font-size:2rem}#sec-scenes .azs3-tx{display:flex;flex-direction:column;flex:1}#sec-scenes .azs3-tx small{opacity:.8}
#sec-scenes .azs3-sc{padding:3px 10px;border-radius:99px;background:rgba(16,185,129,.2);font-weight:800;font-size:.85rem}
#sec-scenes .azs3-intro{padding:11px 14px;border-radius:14px;background:rgba(139,92,246,.14);line-height:1.8;margin-bottom:8px}
#sec-scenes .azs3-tools{display:flex;justify-content:flex-end;margin-bottom:6px}
#sec-scenes .azs3-chip{padding:6px 13px;border-radius:99px;border:2px solid rgba(127,127,127,.4);background:transparent!important;color:inherit!important;font:inherit;font-size:.85rem;cursor:pointer}
#sec-scenes .azs3-chat{display:flex;flex-direction:column;gap:10px}
#sec-scenes .azs3-b{position:relative;max-width:88%;padding:10px 14px;padding-inline-start:46px;border-radius:18px;line-height:1.6}
#sec-scenes .azs3-o{align-self:flex-start;background:rgba(127,127,127,.18);border-end-start-radius:4px}
#sec-scenes .azs3-m{align-self:flex-end;background:linear-gradient(135deg,rgba(139,92,246,.35),rgba(236,72,153,.3));border-end-end-radius:4px}
#sec-scenes .azs3-de{font-weight:800;font-size:1.05rem}#sec-scenes .azs3-ar{opacity:.85;font-size:.9rem;margin-top:3px}
#sec-scenes .azs3-say{position:absolute;inset-inline-start:6px;top:8px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(127,127,127,.25)!important;color:inherit!important;cursor:pointer}
#sec-scenes .azs3-pick{margin-top:14px;padding:12px;border-radius:18px;border:2px dashed rgba(139,92,246,.6)}
#sec-scenes .azs3-q{font-weight:800;margin-bottom:8px}
#sec-scenes .azs3-op{display:block;width:100%;text-align:start;margin:8px 0;padding:12px 14px;border-radius:14px;border:2px solid rgba(127,127,127,.4);background:transparent!important;color:inherit!important;font:inherit;font-weight:700;cursor:pointer}
#sec-scenes .azs3-op.azs3-no{border-color:#ef4444;background:rgba(239,68,68,.16)!important}
#sec-scenes .azs3-why{margin-top:6px;font-weight:500;font-size:.9rem;line-height:1.7;color:inherit;text-align:start}
#sec-scenes .azs3-end{margin-top:14px;padding:16px;border-radius:18px;background:rgba(16,185,129,.12);text-align:center}
#sec-scenes .azs3-act{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
#sec-scenes button.azs3-btn{padding:12px 18px;border-radius:14px;border:0;font:inherit;font-weight:800;cursor:pointer;color:#fff!important;background:linear-gradient(135deg,#8b5cf6,#ec4899)!important}
#sec-scenes button.azs3-btn.azs3-q2{background:rgba(127,127,127,.22)!important;color:inherit!important;border:1px solid rgba(127,127,127,.4)}
body.azs3-on #welcome.hero,body.azs3-on #azh-orbs{display:none!important}



#kp-root{margin:18px 0;min-width:0}
#kp-root .kp-wrap{width:100%;max-width:min(900px,100%);margin:0 auto;font-family:'Tajawal',sans-serif}
#kp-root .kp-hd{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:12px}
#kp-root .kp-hd h3{margin:0;font-size:1.25rem;flex:1}
#kp-root .kp-tot{background:#fff7d6;border-radius:99px;padding:4px 12px;font-weight:700}
#kp-root .kp-back{border:0;background:#eef2ff;border-radius:12px;width:40px;height:40px;font-size:1.3rem;cursor:pointer}
#kp-root .kp-wod{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:18px;padding:12px 16px;margin-bottom:14px;cursor:pointer}
#kp-root .kp-wod div{flex:1;display:flex;flex-direction:column;min-width:0}
#kp-root .kp-we{font-size:2.2rem;line-height:1}
#kp-root .kp-bg{font-size:4rem}
#kp-root .kp-sy,#kp-root .kp-sp{border:0;background:#fff;border-radius:50%;width:40px;height:40px;font-size:1.1rem;cursor:pointer}
#kp-root .kp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
#kp-root .kp-tile{border:2px solid #e0e7ff;background:#fff;border-radius:18px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font-family:inherit;min-width:0}
#kp-root .kp-tile:hover{border-color:#818cf8;transform:translateY(-2px)}
#kp-root .kp-ti{font-size:2.2rem}
#kp-root .kp-st{font-size:.85rem;letter-spacing:1px}
#kp-root .kp-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
#kp-root .kp-tab{border:2px solid #e0e7ff;background:#fff;border-radius:99px;padding:6px 12px;font-family:inherit;font-weight:700;cursor:pointer}
#kp-root .kp-tab.kp-on{background:#6366f1;color:#fff;border-color:#6366f1}
#kp-root .kp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
#kp-root .kp-wc{position:relative;border:2px solid #e0e7ff;background:#fff;border-radius:16px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;font-family:inherit;min-width:0}
#kp-root .kp-wc b{word-break:break-word}
#kp-root .kp-wc small{color:#64748b}
#kp-root .kp-sp{position:absolute;top:4px;inset-inline-start:4px;width:28px;height:28px;font-size:.8rem;background:#eef2ff}
#kp-root .kp-pop{animation:kppop .4s}
@keyframes kppop{50%{transform:scale(1.1)}}
#kp-root .kp-hint,#kp-root .kp-prog{color:#64748b;text-align:center;margin:10px 0}
#kp-root .kp-q{display:flex;flex-direction:column;align-items:center;gap:8px;margin:10px 0}
#kp-root .kp-big,#kp-root .kp-btn{border:0;background:#6366f1;color:#fff;border-radius:16px;padding:12px 22px;font-size:1.05rem;font-family:inherit;font-weight:700;cursor:pointer}
#kp-root .kp-q2{background:#e0e7ff;color:#3730a3}
#kp-root .kp-opts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
#kp-root .kp-op{border:3px solid #e0e7ff;background:#fff;border-radius:18px;padding:14px;font-size:1.2rem;font-weight:700;cursor:pointer;font-family:inherit;min-width:0}
#kp-root .kp-em{font-size:3rem}
#kp-root .kp-art{grid-template-columns:repeat(3,1fr)}
#kp-root .kp-art .kp-op{color:var(--c);border-color:var(--c)}
#kp-root .kp-ok{background:#dcfce7!important;border-color:#16a34a!important}
#kp-root .kp-no{background:#fee2e2!important;border-color:#dc2626!important}
#kp-root .kp-fb{text-align:center;min-height:2em;margin-top:10px;font-size:1.1rem}
#kp-root .kp-wd{font-size:1.6rem;font-weight:800}
#kp-root .kp-mem{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
#kp-root .kp-mc{aspect-ratio:1;border:2px solid #c7d2fe;background:#eef2ff;border-radius:14px;font-size:1.3rem;cursor:pointer;font-family:inherit;padding:2px;min-width:0;overflow:hidden;word-break:break-all}
#kp-root .kp-mc.kp-o{background:#fff}
#kp-root .kp-mc.kp-d{background:#dcfce7;border-color:#16a34a}
#kp-root .kp-mc b{font-size:.8rem}
#kp-root .kp-slots,#kp-root .kp-bank{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:10px 0}
#kp-root .kp-sl{width:38px;height:44px;border-bottom:3px solid #6366f1;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800}
#kp-root .kp-lt{width:44px;height:48px;border:0;background:#fde68a;border-radius:12px;font-size:1.4rem;font-weight:800;cursor:pointer}
#kp-root .kp-lt:disabled{opacity:.3}
#kp-root .kp-act{display:flex;gap:8px;justify-content:center;margin-top:10px;flex-wrap:wrap}
#kp-root .kp-end{text-align:center;padding:20px 0}
#kp-root .kp-bigst{font-size:2.6rem}
@media(max-width:420px){#kp-root .kp-mem{grid-template-columns:repeat(3,1fr)}}

#kp-root .kp-h4{margin:16px 0 8px;font-size:1.05rem}
#kp-root .kp-story{display:grid;gap:8px}
#kp-root .kp-ln{position:relative;display:flex;flex-direction:column;gap:2px;text-align:start;padding:12px 44px 12px 12px;border:2px solid #e0e7ff;border-radius:14px;background:#fff;cursor:pointer;font-family:inherit}
#kp-root .kp-ln span[dir]{font-weight:800;font-size:1.1rem;text-align:left}
#kp-root .kp-ln small{color:#64748b}
#kp-root .kp-sp2{position:absolute;top:10px;inset-inline-end:10px}



#sec-msgs{min-width:0}
body.azm-on #welcome.hero,body.azm-on #azh-orbs{display:none!important}
#sec-msgs .azm-wrap{width:100%;max-width:min(720px,100%);min-width:0;box-sizing:border-box;margin:0 auto;padding:6px 2px 90px;direction:rtl}
#sec-msgs .azm-head{display:flex;align-items:center;gap:12px;margin:6px 0 10px}
#sec-msgs .azm-head h3{margin:0;font-size:1.25rem}
#sec-msgs .azm-back{width:44px;height:44px;border-radius:14px;border:0;font-size:1.3rem;font-weight:800;color:#fff!important;background:linear-gradient(135deg,#8b5cf6,#ec4899)!important;cursor:pointer}
#sec-msgs .azm-lead{line-height:1.9}
#sec-msgs .azm-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
#sec-msgs .azm-tab{padding:7px 16px;border-radius:99px;border:2px solid rgba(127,127,127,.4);background:transparent!important;color:inherit!important;font:inherit;cursor:pointer}
#sec-msgs .azm-tab.azm-on{background:#8b5cf6!important;color:#fff!important;border-color:#8b5cf6}
#sec-msgs .azm-c{border:2px solid rgba(127,127,127,.3);border-radius:16px;margin:10px 0;overflow:hidden;background:rgba(127,127,127,.06)}
#sec-msgs .azm-h{display:flex;align-items:center;gap:12px;width:100%;padding:13px;border:0;background:transparent!important;color:inherit!important;font:inherit;text-align:start;cursor:pointer}
#sec-msgs .azm-ic{font-size:1.8rem}
#sec-msgs .azm-t{flex:1;display:flex;flex-direction:column;min-width:0}
#sec-msgs .azm-t small{opacity:.8}
#sec-msgs .azm-lv{padding:3px 10px;border-radius:99px;background:rgba(139,92,246,.2);font-weight:800;font-size:.85rem}
#sec-msgs .azm-b{padding:4px 14px 14px}
#sec-msgs .azm-de{background:rgba(139,92,246,.1);border-radius:12px;padding:12px;line-height:1.9;text-align:left;overflow-wrap:anywhere}
#sec-msgs .azm-ar{margin-top:8px;padding:10px 12px;border-radius:12px;background:rgba(16,185,129,.12);line-height:1.9}
#sec-msgs .azm-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
#sec-msgs .azm-btn,.azm-lis{padding:8px 14px;border-radius:12px;border:0;background:#8b5cf6!important;color:#fff!important;font:inherit;font-weight:700;cursor:pointer}
#sec-msgs .azm-q{background:rgba(139,92,246,.2)!important;color:inherit!important}
.azm-lis{margin:6px 6px 6px 0}



#sec-integ{min-width:0}
body.igv-on #welcome.hero,body.igv-on #azh-orbs{display:none!important}
#sec-integ .igv-wrap{width:100%;max-width:min(760px,100%);min-width:0;box-sizing:border-box;margin:0 auto;padding:6px 2px 90px;direction:rtl}
#sec-integ .igv-head{display:flex;align-items:center;gap:12px;margin:6px 0 12px}
#sec-integ .igv-head h3{margin:0;font-size:1.25rem}
#sec-integ .igv-back{width:44px;height:44px;border-radius:14px;border:0;font-size:1.3rem;font-weight:800;color:#fff!important;background:linear-gradient(135deg,#8b5cf6,#ec4899)!important;cursor:pointer;flex:0 0 auto}
#sec-integ .igv-lead,#sec-integ .igv-note{line-height:1.9}
#sec-integ .igv-note{opacity:.85;font-size:.92rem}
#sec-integ .igv-tabs,#sec-integ .igv-chips,#sec-integ .igv-tools{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
#sec-integ .igv-tab,#sec-integ .igv-chip{padding:7px 16px;border-radius:99px;border:2px solid rgba(127,127,127,.4);background:transparent!important;color:inherit!important;font:inherit;cursor:pointer}
#sec-integ .igv-on{background:#8b5cf6!important;color:#fff!important;border-color:#8b5cf6}
#sec-integ .igv-info,#sec-integ .igv-count{padding:9px 14px;border-radius:12px;background:rgba(139,92,246,.14);margin:8px 0}
#sec-integ .igv-card{display:flex;flex-direction:column;gap:3px;width:100%;text-align:start;padding:15px;margin:10px 0;border-radius:16px;border:2px solid rgba(127,127,127,.35);background:rgba(127,127,127,.07)!important;color:inherit!important;font:inherit;cursor:pointer}
#sec-integ .igv-card span{font-size:1.8rem}#sec-integ .igv-card small{opacity:.8}
#sec-integ .igv-q{border:2px solid rgba(127,127,127,.3);border-radius:16px;padding:12px;margin:12px 0;background:rgba(127,127,127,.06)}
#sec-integ .igv-qh{display:flex;align-items:center;gap:10px;margin-bottom:6px}
#sec-integ .igv-n{width:30px;height:30px;border-radius:50%;background:#8b5cf6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}
#sec-integ .igv-pt{flex:1;opacity:.75;font-size:.85rem}
#sec-integ .igv-say{border:0;border-radius:50%;width:36px;height:36px;background:rgba(139,92,246,.25)!important;color:inherit!important;cursor:pointer}
#sec-integ .igv-de{font-weight:700;line-height:1.7;text-align:left;overflow-wrap:anywhere}
#sec-integ .igv-ar{margin:6px 0;padding:8px 10px;border-radius:10px;background:rgba(16,185,129,.12);line-height:1.8}
#sec-integ .igv-opts{display:grid;gap:8px;margin-top:8px}
#sec-integ .igv-o{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 8px;text-align:left;direction:ltr;padding:10px 12px;border-radius:12px;border:2px solid rgba(127,127,127,.35);background:transparent!important;color:inherit!important;font:inherit;cursor:pointer;overflow-wrap:anywhere}
#sec-integ .igv-o small{flex-basis:100%;direction:rtl;text-align:right;opacity:.8}
#sec-integ .igv-o:disabled{cursor:default;opacity:1}
#sec-integ .igv-oa{opacity:.6}
#sec-integ .igv-sel{border-color:#8b5cf6;background:rgba(139,92,246,.2)!important}
#sec-integ .igv-ok{border-color:#16a34a;background:rgba(22,163,74,.2)!important}
#sec-integ .igv-no{border-color:#dc2626;background:rgba(220,38,38,.2)!important}
#sec-integ .igv-why{margin-top:8px;padding:8px 10px;border-radius:10px;background:rgba(245,158,11,.15);line-height:1.8}
#sec-integ .igv-bar{position:sticky;top:64px;z-index:5;display:flex;justify-content:space-between;padding:9px 14px;border-radius:12px;background:#4c1d95;color:#fff;margin:8px 0}
#sec-integ .igv-act{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
#sec-integ .igv-btn{padding:11px 20px;border-radius:14px;border:0;background:#8b5cf6!important;color:#fff!important;font:inherit;font-weight:800;cursor:pointer}
#sec-integ .igv-q2{background:rgba(139,92,246,.22)!important;color:inherit!important}
#sec-integ .igv-res{text-align:center;padding:14px;border-radius:18px;background:rgba(139,92,246,.14);margin:10px 0}
#sec-integ .igv-score{font-size:3rem;font-weight:900}#sec-integ .igv-score small{font-size:1.2rem;opacity:.7}
#sec-integ .igv-pass{color:#16a34a}#sec-integ .igv-fail{color:#dc2626}
#sec-integ .igv-warn{padding:10px 14px;border-radius:12px;background:rgba(245,158,11,.18);line-height:1.9;margin:10px 0}

#sec-integ .igv-stats,#sec-integ .igv-mocks{margin:14px 0;min-width:0}
#sec-integ .igv-stats h3{font-size:1rem;margin:0 0 8px}
#sec-integ .igv-st{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 42px;gap:8px;align-items:center;font-size:.85rem;margin:6px 0}
#sec-integ .igv-st>span{min-width:0;overflow-wrap:anywhere}
#sec-integ .igv-bar{height:8px;border-radius:6px;background:rgba(128,128,128,.25);overflow:hidden}
#sec-integ .igv-bar i{display:block;height:100%;background:#999}
#sec-integ .igv-bar i.igv-g{background:#2e9e5b}#sec-integ .igv-bar i.igv-y{background:#e0a100}#sec-integ .igv-bar i.igv-r{background:#d64545}
#sec-integ .igv-mocks>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
#sec-integ .igv-muted{opacity:.7}



#sec-tools2{min-width:0}
body.tl2-on #welcome.hero,body.tl2-on #azh-orbs{display:none!important}
#sec-tools2 .tl2-wrap{width:100%;max-width:min(760px,100%);min-width:0;box-sizing:border-box;margin:0 auto;padding:6px 2px 90px;direction:rtl}
#sec-tools2 .tl2-head{display:flex;align-items:center;gap:12px;margin:6px 0 12px}
#sec-tools2 .tl2-head h3{margin:0;font-size:1.25rem}
#sec-tools2 .tl2-back{width:44px;height:44px;border-radius:14px;border:0;font-size:1.3rem;font-weight:800;color:#fff!important;background:linear-gradient(135deg,#8b5cf6,#ec4899)!important;cursor:pointer;flex:0 0 auto}
#sec-tools2 .tl2-lead{line-height:1.9}
#sec-tools2 .tl2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
#sec-tools2 .tl2-card{display:flex;flex-direction:column;gap:3px;text-align:start;padding:14px;border-radius:16px;border:2px solid rgba(127,127,127,.35);background:rgba(127,127,127,.07)!important;color:inherit!important;font:inherit;cursor:pointer}
#sec-tools2 .tl2-card span{font-size:1.8rem}#sec-tools2 .tl2-card small{opacity:.8}
#sec-tools2 .tl2-q{border:2px solid rgba(127,127,127,.3);border-radius:16px;padding:12px;margin:12px 0;background:rgba(127,127,127,.06)}
#sec-tools2 .tl2-qn{display:inline-flex;width:28px;height:28px;border-radius:50%;background:#8b5cf6;color:#fff;align-items:center;justify-content:center;font-weight:800;margin-bottom:6px}
#sec-tools2 .tl2-de{font-weight:700;line-height:1.7;text-align:left;overflow-wrap:anywhere}
#sec-tools2 .tl2-ar{margin:4px 0;opacity:.85}
#sec-tools2 .tl2-opts{display:grid;gap:8px;margin-top:8px}
#sec-tools2 .tl2-o{padding:10px 12px;border-radius:12px;border:2px solid rgba(127,127,127,.35);background:transparent!important;color:inherit!important;font:inherit;text-align:left;cursor:pointer}
#sec-tools2 .tl2-sel{border-color:#8b5cf6;background:rgba(139,92,246,.22)!important}
#sec-tools2 .tl2-ok{border-color:#16a34a;background:rgba(22,163,74,.2)!important}
#sec-tools2 .tl2-no{border-color:#dc2626;background:rgba(220,38,38,.2)!important}
#sec-tools2 .tl2-why{margin-top:8px;padding:8px 10px;border-radius:10px;background:rgba(245,158,11,.15);line-height:1.8}
#sec-tools2 .tl2-act{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
#sec-tools2 .tl2-btn{padding:11px 20px;border-radius:14px;border:0;background:#8b5cf6!important;color:#fff!important;font:inherit;font-weight:800;cursor:pointer}
#sec-tools2 .tl2-q2{background:rgba(139,92,246,.22)!important;color:inherit!important}
#sec-tools2 .tl2-res{text-align:center;padding:14px;border-radius:18px;background:rgba(139,92,246,.14);margin:10px 0}
#sec-tools2 .tl2-sc{font-size:3rem;font-weight:900}#sec-tools2 .tl2-sc small{font-size:1.2rem;opacity:.7}
#sec-tools2 .tl2-info{padding:9px 14px;border-radius:12px;background:rgba(139,92,246,.14);margin:8px 0}
#sec-tools2 .tl2-in{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:14px;border:2px solid rgba(127,127,127,.4);font:inherit;background:transparent;color:inherit}
#sec-tools2 .tl2-w{display:flex;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px solid rgba(127,127,127,.25)}
#sec-tools2 .tl2-wd{font-weight:800;flex:1;min-width:0;overflow-wrap:anywhere;text-align:left}
#sec-tools2 .tl2-wa{flex:1;min-width:0}
#sec-tools2 .tl2-sy{border:0;border-radius:50%;width:36px;height:36px;background:rgba(139,92,246,.25)!important;color:inherit!important;cursor:pointer;flex:0 0 auto}
#sec-tools2 .tl2-bar{margin:10px 0}
#sec-tools2 .tl2-bl{display:flex;justify-content:space-between;gap:8px;font-size:.92rem}
#sec-tools2 .tl2-bt{height:10px;border-radius:99px;background:rgba(127,127,127,.25);overflow:hidden;margin-top:4px}
#sec-tools2 .tl2-bt i{display:block;height:100%;background:linear-gradient(90deg,#f59e0b,#ef4444)}
body.az-easy{font-size:112%!important;line-height:2!important;letter-spacing:.02em}
body.az-easy p,body.az-easy li,body.az-easy td{line-height:2.1!important}
body.az-easy #azh-orbs{display:none!important}

#sec-tools2 .tl2-about{line-height:2}#sec-tools2 .tl2-about h4{margin:14px 0 4px}



#sec-mailpad{min-width:0}
body.mp-on #welcome.hero,body.mp-on #azh-orbs{display:none!important}
#sec-mailpad .mp-wrap{width:100%;max-width:min(860px,100%);min-width:0;box-sizing:border-box;margin:0 auto;padding:6px 2px 90px;direction:rtl}
#sec-mailpad .mp-head{display:flex;align-items:center;gap:12px;margin:6px 0 12px}
#sec-mailpad .mp-head h3{margin:0;font-size:1.25rem}
#sec-mailpad .mp-back{width:44px;height:44px;border-radius:14px;border:0;font-size:1.3rem;font-weight:800;color:#fff!important;background:linear-gradient(135deg,#8b5cf6,#ec4899)!important;cursor:pointer;flex:0 0 auto}
#sec-mailpad .mp-lead,#sec-mailpad .mp-note{line-height:1.9}
#sec-mailpad .mp-note{opacity:.85;font-size:.9rem}
#sec-mailpad .mp-card{display:flex;flex-direction:column;gap:3px;width:100%;text-align:start;padding:15px;margin:10px 0;border-radius:16px;border:2px solid rgba(127,127,127,.35);background:rgba(127,127,127,.07)!important;color:inherit!important;font:inherit;cursor:pointer}
#sec-mailpad .mp-card span{font-size:1.6rem}#sec-mailpad .mp-card em{opacity:.75;font-size:.82rem;font-style:normal}
#sec-mailpad .mp-top{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;margin-bottom:8px;direction:ltr;color:#222}
#sec-mailpad .mp-top>*{border-radius:14px;padding:8px 12px;min-width:0}
#sec-mailpad .mp-model{background:#e0405c;color:#fff;font-weight:800;font-size:1.5rem;display:flex;flex-direction:column;justify-content:center}
#sec-mailpad .mp-model small{font-size:.7rem;font-weight:500}
#sec-mailpad .mp-task{flex:1 1 220px;background:#f6c4d1;display:flex;flex-direction:column;gap:3px;font-size:.88rem}
#sec-mailpad .mp-task b{font-size:1.05rem}
#sec-mailpad .mp-min{background:#f9d0da;border:2px solid #f3b6c4;text-align:center;display:flex;flex-direction:column;justify-content:center;color:#c0264a}
#sec-mailpad .mp-min b{font-size:1.8rem;line-height:1}#sec-mailpad .mp-min small{font-size:.68rem;font-weight:700}
#sec-mailpad .mp-warn{padding:10px 14px;border-radius:12px;background:rgba(245,158,11,.18);border:1px solid rgba(245,158,11,.5);line-height:1.7;margin:8px 0;font-size:.92rem}
#sec-mailpad .mp-bar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:8px 12px;border-radius:12px;background:#4c2f8f;color:#fff;margin:8px 0;font-weight:700;font-size:.9rem}
#sec-mailpad .mp-okc{color:#7dffb0}
#sec-mailpad .mp-row{display:flex;gap:0;margin:9px 0;border-radius:16px;border:2px solid var(--mpb);background:var(--mpbg)!important;color:#1b1b1b!important;overflow:hidden;direction:ltr;min-width:0}
#sec-mailpad .mp-lab{flex:0 0 112px;padding:10px;background:rgba(0,0,0,.05);display:flex;flex-direction:column;justify-content:center;gap:2px;font-size:.95rem}
#sec-mailpad .mp-lab small{opacity:.75;font-size:.72rem}
#sec-mailpad .mp-num{flex:0 0 52px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px}
#sec-mailpad .mp-num i{font-style:normal;width:34px;height:34px;border-radius:50%;background:var(--mpd);color:#fff;font-weight:800;display:grid;place-items:center}
#sec-mailpad .mp-num span{font-size:1.5rem}
#sec-mailpad .mp-box{flex:1 1 0;min-width:0;padding:8px 10px}
#sec-mailpad .mp-fh{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;flex-wrap:wrap;margin-bottom:4px}
#sec-mailpad .mp-fh div{min-width:0}#sec-mailpad .mp-fh b{display:block;font-size:1.02rem}#sec-mailpad .mp-fh span{font-size:.86rem;opacity:.85}
#sec-mailpad .mp-fh em{font-style:normal;font-weight:700;font-size:.78rem;padding:3px 10px;border-radius:99px;border:1.5px solid var(--mpd);background:transparent;white-space:nowrap}
#sec-mailpad .mp-ta{display:block;width:100%;max-width:100%;box-sizing:border-box;border:0;outline:0;resize:vertical;font:inherit;font-size:1rem;color:#111!important;caret-color:#111;background-color:transparent!important;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,var(--mpd) 27px,var(--mpd) 28px);background-attachment:local;line-height:28px;padding:0 6px;border-radius:8px;direction:ltr;text-align:left}
#sec-mailpad .mp-ta::placeholder{color:#555;opacity:.5}
#sec-mailpad .mp-ta:focus{box-shadow:0 0 0 2px var(--mpd)}
#sec-mailpad .mp-clear{background-color:transparent!important}
#sec-mailpad .mp-help{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:6px;direction:rtl}
#sec-mailpad .mp-hb{padding:4px 12px;border-radius:99px;border:1.5px solid var(--mpd);background:transparent!important;color:#222!important;font:inherit;font-size:.8rem;cursor:pointer}
#sec-mailpad .mp-hb:disabled{opacity:.4;cursor:default}
#sec-mailpad .mp-cnt{margin-inline-start:auto;font-size:.76rem;opacity:.8}
#sec-mailpad .mp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
#sec-mailpad .mp-chip{padding:2px 10px;border-radius:99px;background:var(--mpd);color:#fff;font-size:.85rem}
#sec-mailpad .mp-tip{margin-top:6px;padding:8px 12px;border-radius:10px;background:#fff8d6;color:#5a4300;line-height:1.7;font-size:.88rem;direction:rtl}
#sec-mailpad .mp-subj{--mpb:#9ec5f0;--mpbg:#cfe3f8;--mpd:#4a86c8}
#sec-mailpad .mp-greet{--mpb:#c9cdd6;--mpbg:#dcdfe6;--mpd:#6b7280}
#sec-mailpad .mp-end{--mpb:#f0c58a;--mpbg:#fbdcb0;--mpd:#e08a1e}
#sec-mailpad .mp-c-y{--mpb:#f3d66b;--mpbg:#fbeaa6;--mpd:#e0a800}
#sec-mailpad .mp-c-g{--mpb:#86d9a6;--mpbg:#c4eed5;--mpd:#2e9e5b}
#sec-mailpad .mp-c-b{--mpb:#8ec3f2;--mpbg:#c2dcf7;--mpd:#2b7bd0}
#sec-mailpad .mp-c-p{--mpb:#f4a1b8;--mpbg:#f9c6d4;--mpd:#d6366a}
#sec-mailpad .mp-c-v{--mpb:#bfa3ee;--mpbg:#dccff6;--mpd:#6d3fc4}
#sec-mailpad .mp-words{margin:12px 0;border-radius:16px;background:#5b3aa6;color:#fff;padding:10px;direction:ltr}
#sec-mailpad .mp-words b{display:block;text-align:center;margin-bottom:8px}
#sec-mailpad .mp-words div{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
#sec-mailpad .mp-words span{background:#d6c9f3;color:#222;padding:4px 12px;border-radius:10px;font-size:.88rem}
#sec-mailpad .mp-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
#sec-mailpad .mp-btn{padding:10px 18px;border-radius:12px;border:2px solid rgba(127,127,127,.45);background:transparent!important;color:inherit!important;font:inherit;cursor:pointer}
#sec-mailpad .mp-main{background:linear-gradient(135deg,#8b5cf6,#ec4899)!important;color:#fff!important;border:0;font-weight:800}
#sec-mailpad .mp-score{font-size:1.3rem;margin:10px 0}
#sec-mailpad .mp-list{list-style:none;padding:0;margin:0}
#sec-mailpad .mp-list li{padding:8px 12px;border-radius:10px;margin:5px 0;line-height:1.6}
#sec-mailpad .mp-list .ok{background:rgba(46,158,91,.18)}#sec-mailpad .mp-list .no{background:rgba(214,69,69,.18)}
#sec-mailpad .mp-mdl{margin:10px 0;padding:8px 12px;border-radius:12px;border:1px solid rgba(127,127,127,.4)}
#sec-mailpad .mp-mdl pre{white-space:pre-wrap;word-break:break-word;font:inherit;line-height:1.7;margin:8px 0}
@media(max-width:520px){#sec-mailpad .mp-lab{flex-basis:84px;font-size:.85rem}#sec-mailpad .mp-num{flex-basis:40px}#sec-mailpad .mp-num i{width:28px;height:28px}#sec-mailpad .mp-model{font-size:1.15rem}}
/* defeat global dark gradients on generic divs */
#sec-mailpad .mp-row{background-image:none!important;background-color:var(--mpbg)!important;color:#1b1b1b!important}
#sec-mailpad .mp-row *{color:inherit}
#sec-mailpad .mp-lab,#sec-mailpad .mp-num,#sec-mailpad .mp-box,#sec-mailpad .mp-fh,#sec-mailpad .mp-fh div,#sec-mailpad .mp-help,#sec-mailpad .mp-chips{background-image:none!important}
#sec-mailpad .mp-lab{background-color:rgba(0,0,0,.06)!important}
#sec-mailpad .mp-box,#sec-mailpad .mp-num,#sec-mailpad .mp-fh,#sec-mailpad .mp-fh div,#sec-mailpad .mp-help,#sec-mailpad .mp-chips{background-color:transparent!important}
#sec-mailpad .mp-top .mp-task{background-image:none!important;background-color:#f6c4d1!important;color:#222!important}
#sec-mailpad .mp-top .mp-min{background-image:none!important;background-color:#f9d0da!important;color:#c0264a!important}
#sec-mailpad .mp-top .mp-model{background-image:none!important;background-color:#e0405c!important;color:#fff!important}
#sec-mailpad .mp-words{background-image:none!important;background-color:#5b3aa6!important;color:#fff!important}
#sec-mailpad .mp-words div{background:transparent!important}
#sec-mailpad .mp-words span{background-image:none!important;background-color:#d6c9f3!important;color:#222!important}
#sec-mailpad .mp-tip{background-image:none!important;background-color:#fff8d6!important;color:#5a4300!important}
#sec-mailpad .mp-ta{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,var(--mpd) 27px,var(--mpd) 28px)!important;background-color:transparent!important;color:#111!important}
#sec-mailpad .mp-ta.mp-clear{background-color:transparent!important}
#sec-mailpad .mp-chip{background-image:none!important;background-color:var(--mpd)!important;color:#fff!important}
#sec-mailpad .mp-hb{background-image:none!important;background-color:transparent!important;color:#222!important}
#sec-mailpad .mp-fh em{background-image:none!important;color:#222!important}
#sec-mailpad .mp-lab b,#sec-mailpad .mp-lab small,#sec-mailpad .mp-fh b,#sec-mailpad .mp-fh span,#sec-mailpad .mp-cnt,#sec-mailpad .mp-fh em{color:#1b1b1b!important;opacity:1}
#sec-mailpad .mp-lab small{color:#444!important}
#sec-mailpad .mp-min small,#sec-mailpad .mp-min b{color:#a81c3f!important}
#sec-mailpad .mp-task b,#sec-mailpad .mp-task span{color:#222!important}
#sec-mailpad .mp-num i{color:#fff!important}
#sec-mailpad .mp-ta::placeholder{color:#444!important;opacity:.55}

#sec-mailpad .mp-tabs{display:flex;gap:8px;margin:10px 0}
#sec-mailpad .mp-tab{padding:7px 22px;border-radius:99px;border:2px solid rgba(127,127,127,.4);background:transparent!important;color:inherit!important;font:inherit;font-weight:700;cursor:pointer}
#sec-mailpad .mp-tab.mp-on{background:#8b5cf6!important;color:#fff!important;border-color:#8b5cf6}

#sec-mailpad .mp-sit{cursor:pointer;transition:filter .3s}
#sec-mailpad .mp-sit.mp-blur{filter:blur(4px)}
#sec-mailpad .mp-sit-h{font-size:.72rem;opacity:.7;color:#222!important}
#sec-mailpad .mp-tm{padding:3px 12px;border-radius:99px;border:1.5px solid #fff8;background:transparent!important;color:#fff!important;font:inherit;font-size:.85rem;cursor:pointer}
#sec-mailpad .mp-tm.mp-run{background:#ffffff22!important}#sec-mailpad .mp-tm.mp-end{background:#d64545!important;border-color:#d64545}
#sec-mailpad .mp-cmp{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
#sec-mailpad .mp-cmp>div{min-width:0}
@media(max-width:620px){#sec-mailpad .mp-cmp{grid-template-columns:1fr}}
#mp-printout{display:none}
@media print{body.mp-printing>*:not(#mp-printout){display:none!important}body.mp-printing #mp-printout{display:block!important;color:#000;background:#fff;padding:20px;font-family:Arial,sans-serif}body.mp-printing #mp-printout pre{white-space:pre-wrap;font:inherit;line-height:1.7}}



html body:not(.az-lvl):not(.zz) #welcome.hero,html body #welcome.hero,html body #welcome{display:none!important}
.azs{position:relative;margin:0 0 12px;padding:8px 10px 10px;border-radius:26px;background:radial-gradient(120% 90% at 50% 0,#2a2f6b 0,#12183a 55%,#0b0f26 100%);border:1px solid #4a56a8;overflow:hidden;color:#fff;direction:rtl;box-sizing:border-box;min-width:0}
.azs-title{margin:0 0 2px;text-align:center;font-size:1.7rem;line-height:1.2;font-weight:900;background:linear-gradient(90deg,#8ec5ff,#c79bff,#ff9ac8);-webkit-background-clip:text;background-clip:text;color:transparent}
.azs-mid{display:flex;align-items:center;justify-content:center;gap:6px;height:112px;min-width:0}
.azs-lane{position:relative;flex:1 1 0;min-width:0;height:100%;overflow:hidden}
.azs-photo{flex:0 0 88px;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7c5cff,#ff5fa2);border:3px solid #ffffffcc;box-shadow:0 0 0 6px #ffffff14,0 10px 30px #0008;overflow:hidden;z-index:2}
.azs-photo img{width:100%;height:100%;object-fit:cover}
.azs-logo{font-size:2.4rem;font-weight:900;color:#fff}
.azs-sub{margin:2px 0 6px;text-align:center;font-weight:800;letter-spacing:.5px;color:#cfd8ff;font-size:1.05rem}
.azs-flags{display:flex;gap:7px;justify-content:center;margin-bottom:8px}
.azs-flags span{display:block;border-radius:3px;overflow:hidden;box-shadow:0 1px 4px #0007;line-height:0}
.azs-line{height:2px;margin:6px 6%;background:linear-gradient(90deg,transparent,#6f7de0,transparent)}

.azs-w.fl{left:0;animation:azs-fl 5s ease-in-out forwards}
.azs-w.fr{right:0;animation:azs-fr 5s ease-in-out forwards}
.azs-w.static{opacity:1}.azs-w.static.fl{left:4px;animation:none}.azs-w.static.fr{right:4px;animation:none}
@keyframes azs-fl{0%{opacity:0;transform:translateX(-10px) scale(.8)}15%{opacity:1}70%{opacity:1}100%{opacity:0;transform:translateX(var(--dx)) scale(.9)}}
@keyframes azs-fr{0%{opacity:0;transform:translateX(10px) scale(.8)}15%{opacity:1}70%{opacity:1}100%{opacity:0;transform:translateX(calc(var(--dx) * -1)) scale(.9)}}
.azs-area{position:relative;height:300px;margin-top:8px}
.azs-stack{position:absolute;left:50%;bottom:0;width:0;height:100%;transform-origin:50% 100%}
.azs-ball{position:absolute;left:0;width:64px;height:64px;margin-left:-32px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:1.05rem;color:#fff;text-shadow:0 1px 2px #0006;box-shadow:inset -6px -8px 14px #0004,inset 5px 6px 10px #ffffff55,0 6px 14px #0007;opacity:0;transform:translateY(-420px);transition:none}
.azs-ball.long{width:74px;height:74px;margin-left:-37px;font-size:.78rem}
.azs-ball[data-i="0"]{bottom:0}.azs-ball[data-i="1"]{bottom:58px;margin-left:-26px}.azs-ball[data-i="2"]{bottom:116px;margin-left:-38px}.azs-ball[data-i="3"]{bottom:174px;margin-left:-30px}.azs-ball[data-i="4"]{bottom:236px;margin-left:-42px}
.azs-ball.b1{background:radial-gradient(circle at 35% 30%,#7be6a4,#2e9e5b)}.azs-ball.b2{background:radial-gradient(circle at 35% 30%,#8ec5ff,#2b6fd0)}.azs-ball.b3{background:radial-gradient(circle at 35% 30%,#d2a8ff,#7a3fd6)}.azs-ball.b4{background:radial-gradient(circle at 35% 30%,#ffc27a,#e0541e)}.azs-ball.b5{background:radial-gradient(circle at 35% 30%,#ff9ac8,#c42a7a)}
.azs-ball.in{opacity:1;animation:azs-drop .9s cubic-bezier(.3,1.4,.5,1) forwards}
@keyframes azs-drop{0%{transform:translateY(-420px)}60%{transform:translateY(0)}78%{transform:translateY(-18px)}100%{transform:translateY(0)}}
.azs-stack.w1{animation:azs-sw1 1.6s ease-in-out infinite}.azs-stack.w2{animation:azs-sw2 1.1s ease-in-out infinite}.azs-stack.w3{animation:azs-sw3 .62s ease-in-out infinite}
@keyframes azs-sw1{0%,100%{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}
@keyframes azs-sw2{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
@keyframes azs-sw3{0%,100%{transform:rotate(-11deg)}50%{transform:rotate(11deg)}}
.azs-ball.fall{opacity:1;animation:azs-fall 1.5s cubic-bezier(.5,0,.9,.6) var(--fd) forwards}
@keyframes azs-fall{0%{transform:translate(0,0) rotate(0)}70%{opacity:1;transform:translate(var(--fx),var(--fy)) rotate(var(--fr))}100%{opacity:0;transform:translate(calc(var(--fx) * 1.2),calc(var(--fy) + 16px)) rotate(var(--fr))}}
.azs-replay{position:absolute;left:10px;bottom:8px;width:34px;height:34px;border-radius:50%;border:1px solid #ffffff55;background:#ffffff18!important;color:#fff!important;font-size:1.1rem;cursor:pointer}
@media(max-width:380px){.azs-photo{flex-basis:88px;width:88px;height:88px}.azs-title{font-size:1.8rem}.azs-w{font-size:.74rem;padding:4px 9px}}
@media(min-width:700px){.azs{width:100%;max-width:820px;margin-left:auto;margin-right:auto}.azs-area{height:260px}.azs-photo{flex-basis:110px;width:110px;height:110px}.azs-mid{height:130px}}
@media(prefers-reduced-motion:reduce){.azs-ball{opacity:0}}

.azs-w{position:absolute;white-space:nowrap;font-weight:800;font-size:1rem;background:none;border:0;box-shadow:none;padding:0;opacity:0;pointer-events:none;text-shadow:0 0 12px currentColor}
.azs-w.s1{font-size:1.05rem}.azs-w.s2{font-size:1.25rem;font-style:italic}.azs-w.s3{font-size:.85rem;letter-spacing:1.5px}.azs-w.s4{font-size:1.1rem;rotate:-5deg}.azs-w.s5{font-size:1.35rem;font-weight:900;rotate:4deg}
.azs-w.c1{color:#ff6b9a}.azs-w.c2{color:#5aa8ff}.azs-w.c3{color:#4fe08a}.azs-w.c4{color:#b78bff}.azs-w.c5{color:#ffb04a}.azs-w.c6{color:#3fe0e8}.azs-w.c7{color:#ff7a66}.azs-w.c8{color:#9fb0ff}
.azs-area{height:312px}
.azs-area.out{opacity:0;transition:opacity .6s}.azs-area{transition:opacity .5s}
.azs-final{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;pointer-events:none}
.azs-base{display:flex;flex-direction:column;align-items:center;line-height:1.05;margin-top:6px;order:99;pointer-events:none}
.azs-de,.azs-ar{display:block;opacity:0;font-weight:900;white-space:nowrap}
.azs-de{font-size:1.8rem;letter-spacing:.5px;background:linear-gradient(90deg,#ffd166,#ff8fab,#b78bff);-webkit-background-clip:text;background-clip:text;color:transparent;transform:translateX(-140%)}
.azs-ar{font-size:1.45rem;color:#8ec5ff;transform:translateX(140%)}
.azs-de.in{animation:azs-inl 1.1s cubic-bezier(.2,1.2,.4,1) forwards}.azs-ar.in{animation:azs-inr 1.1s cubic-bezier(.2,1.2,.4,1) .15s forwards}
@keyframes azs-inl{0%{opacity:0;transform:translateX(-140%) skewX(-12deg)}60%{opacity:1;transform:translateX(6%) skewX(4deg)}100%{opacity:1;transform:none}}
@keyframes azs-inr{0%{opacity:0;transform:translateX(140%) skewX(12deg)}60%{opacity:1;transform:translateX(-6%) skewX(-4deg)}100%{opacity:1;transform:none}}
.azs-pc{pointer-events:auto;display:grid;place-items:center;border:0;color:#fff!important;font:inherit;font-weight:800;cursor:pointer;opacity:0;transform:translateY(-260px);padding:0}
.azs-pc.in{opacity:1;animation:azs-land .7s cubic-bezier(.3,1.5,.5,1) forwards}
@keyframes azs-land{0%{transform:translateY(-260px)}62%{transform:translateY(0) scaleY(.88)}80%{transform:translateY(-4px) scaleY(1.04)}100%{transform:none}}
.azs-pc.nomo,.azs-pc.nomo.in{animation:none;transform:none}
#azh-orbs button.azs-pc.ball{width:34px;height:34px;border-radius:50%;font-size:.7rem;box-shadow:inset -4px -5px 9px #0004,inset 3px 4px 7px #ffffff55,0 4px 9px #0007;background:#2e9e5b!important}
#azh-orbs button.azs-pc.ball.b1{background:radial-gradient(circle at 35% 30%,#7be6a4,#2e9e5b)!important}
#azh-orbs button.azs-pc.ball.b2{background:radial-gradient(circle at 35% 30%,#8ec5ff,#2b6fd0)!important}
#azh-orbs button.azs-pc.ball.b3{background:radial-gradient(circle at 35% 30%,#d2a8ff,#7a3fd6)!important}
#azh-orbs button.azs-pc.plate{height:22px;border-radius:6px;font-size:.72rem;letter-spacing:.3px;box-shadow:0 3px 7px #0006,inset 0 1px #ffffff55}
#azh-orbs button.azs-pc.p1{width:210px;background:linear-gradient(90deg,#27a460,#1b7a47)!important}
#azh-orbs button.azs-pc.p2{width:186px;background:linear-gradient(90deg,#3f86f0,#2352b8)!important}
#azh-orbs button.azs-pc.p3{width:162px;background:linear-gradient(90deg,#9466f2,#6232b8)!important}
#azh-orbs button.azs-pc.w1{width:138px;background:linear-gradient(90deg,#f0556a,#b3263f)!important}
#azh-orbs button.azs-pc.w2{width:116px;background:linear-gradient(90deg,#19c0cc,#0c7f94)!important}
#azh-orbs button.azs-pc.w3{width:94px;background:linear-gradient(90deg,#f2b134,#c97a0a)!important}


.azs-area.done .azs-ball{display:none}
.azs-area.built .azs-pc{animation:none!important;opacity:1;transform:none}
.azs-area.built .azs-de.in,.azs-area.built .azs-ar.in{animation:none!important;opacity:1;transform:none}

.azs{background:linear-gradient(180deg,rgba(8,12,34,.9),rgba(8,12,34,.78) 40%,rgba(8,12,34,.94)),url(img/img-8719b00c9f.webp) center top/cover no-repeat,#0b0f26}
body:not(.az-lvl) .azouz-utility-bar.azh-bar{padding:2px 8px!important;margin:3px auto 2px!important}
.azh-bar .azouz-menu-trigger{min-height:32px!important;padding:3px 10px!important;font-size:.85rem!important}
button.azh-bbtn{min-width:32px!important;height:32px!important;padding:0 8px!important;font-size:.8rem!important}
.azh-brand{font-size:.98rem!important}.azh-brand small{font-size:.55rem!important}



.azh-tile[data-rd="1"]{border-radius:18px!important}
.azh-tile[data-rd="2"]{border-radius:30px 8px 30px 8px!important}
.azh-tile[data-rd="3"]{border-radius:8px 30px 8px 30px!important}
.azh-tile[data-rd="4"]{border-radius:34px 14px 14px 34px!important}
.azh-tile[data-rd="5"]{border-radius:14px 34px 34px 14px!important}
.azh-tile .azh-ti{background:rgba(255,255,255,.3)!important;border-radius:0!important}
.azh-tile[data-shape="1"] .azh-ti{border-radius:50%!important}
.azh-tile[data-shape="2"] .azh-ti{border-radius:32%!important}
.azh-tile[data-shape="3"] .azh-ti{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}
.azh-tile[data-shape="4"] .azh-ti{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.azh-tile[data-shape="5"] .azh-ti{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}
.azh-tile[data-shape="6"] .azh-ti{border-radius:50% 0 50% 0!important}
.azh-tile[data-shape="7"] .azh-ti{border-radius:63% 37% 54% 46%/55% 48% 52% 45%!important}
.azh-tile[data-shape="8"] .azh-ti{clip-path:polygon(50% 0,100% 15%,100% 60%,50% 100%,0 60%,0 15%)}
.azh-tile[data-shape="9"] .azh-ti{clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}
.azh-tile[data-shape="10"] .azh-ti{border-radius:40%/50%!important}
.azh-tile[data-shape="11"] .azh-ti{border-radius:50% 50% 10px 10px!important}
.azh-tile[data-shape="12"] .azh-ti{clip-path:polygon(14% 0,100% 0,86% 100%,0 100%)}
.azh-tile .azh-ti{flex-basis:50px!important;width:50px;height:50px!important}



body.rc-on #welcome.hero,body.rc-on #azh-orbs{display:none!important}
#sec-recorder{min-width:0}
.rc-wrap{width:100%;max-width:min(760px,100%);min-width:0;box-sizing:border-box;margin:0 auto;padding:6px 2px 90px;direction:rtl}
.rc-head{display:flex;align-items:center;gap:12px;margin:6px 0 12px}.rc-head h3{margin:0;font-size:1.25rem}
.rc-back{width:44px;height:44px;border-radius:14px;border:0;font-size:1.3rem;font-weight:800;color:#fff!important;background:linear-gradient(135deg,#ef4444,#f97316)!important;cursor:pointer;flex:0 0 auto}
.rc-lead{line-height:1.9}
.rc-card{margin:12px 0;padding:14px;border-radius:16px;border:2px solid rgba(127,127,127,.3);background:rgba(127,127,127,.08)!important;color:inherit!important}
.rc-card ul{margin:8px 0 0;padding-inline-start:20px;line-height:1.9}
.rc-prompt{margin:6px 0 10px;padding:12px;border-radius:12px;background:rgba(239,68,68,.14);line-height:1.7;font-weight:700}
.rc-prompt b{display:inline-block;background:#ef4444;color:#fff;border-radius:8px;padding:0 8px;margin-inline-end:6px}
.rc{width:100%;box-sizing:border-box;margin:10px 0}
.rc-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rc-btn,.rc-btn2{border:0;border-radius:14px;padding:12px 18px;font:inherit;font-weight:800;cursor:pointer;color:#fff!important;background:linear-gradient(135deg,#ef4444,#f97316)!important;min-height:46px}
.rc-btn.rc-on{background:linear-gradient(135deg,#1f2937,#4b5563)!important}
.rc-btn2{background:rgba(127,127,127,.35)!important;color:inherit!important;margin:4px 0}
.rc-danger{background:rgba(239,68,68,.25)!important}
.rc-t{font-weight:800;font-variant-numeric:tabular-nums;min-width:44px}
.rc-dot{width:12px;height:12px;border-radius:50%;background:#ef4444;animation:rcp 1s infinite}
@keyframes rcp{50%{opacity:.2}}
.rc-msg{margin:8px 0;padding:8px 12px;border-radius:10px;background:rgba(245,158,11,.2);line-height:1.7;font-size:.9rem}
.rc-bad{color:#f87171}
.rc-note{font-size:.78rem;opacity:.7;margin-top:6px}
.rc-empty{opacity:.7;padding:8px 0;font-size:.9rem}
.rc-clip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0;padding:8px;border-radius:12px;background:rgba(127,127,127,.12)}
.rc-clip audio{flex:1 1 180px;min-width:0;max-width:100%;height:38px}
.rc-no{width:26px;height:26px;border-radius:50%;background:#ef4444;color:#fff;font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.rc-lb{font-size:.82rem;font-weight:700}
.rc-meta{font-size:.78rem;opacity:.75}
.rc-ib{width:38px;height:38px;border:0;border-radius:10px;background:rgba(127,127,127,.3)!important;color:inherit!important;cursor:pointer;font-size:1rem}



body.pc-on #welcome.hero,body.pc-on #azh-orbs{display:none!important}
#sec-pics{min-width:0}
.pc-wrap{width:100%;max-width:min(860px,100%);min-width:0;box-sizing:border-box;margin:0 auto;padding:6px 2px 90px;direction:rtl}
.pc-head{display:flex;align-items:center;gap:12px;margin:6px 0 12px}.pc-head h3{margin:0;font-size:1.2rem;line-height:1.4}.pc-head small{font-weight:500;opacity:.8}
.pc-back{width:44px;height:44px;border-radius:14px;border:0;font-size:1.3rem;font-weight:800;color:#fff!important;background:linear-gradient(135deg,#0ea5e9,#6366f1)!important;cursor:pointer;flex:0 0 auto}
.pc-lead,.pc-p,.pc-desc{line-height:1.9}.pc-desc{opacity:.9}
.pc-tabs{display:flex;gap:8px;margin:8px 0}.pc-tab{flex:1;padding:11px;border-radius:12px;border:2px solid rgba(127,127,127,.4);background:rgba(127,127,127,.1)!important;color:inherit!important;font:inherit;font-weight:800;cursor:pointer}
.pc-tab.pc-on{background:linear-gradient(135deg,#0ea5e9,#6366f1)!important;color:#fff!important;border-color:transparent}
.pc-prog{font-size:.88rem;opacity:.85;margin:6px 0 10px;line-height:1.7}
.pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.pc-card{display:flex;flex-direction:column;gap:4px;text-align:start;padding:8px;border-radius:16px;border:2px solid rgba(127,127,127,.35);background:rgba(127,127,127,.08)!important;color:inherit!important;font:inherit;cursor:pointer;min-width:0}
.pc-card b{padding:0 6px}.pc-card small{padding:0 6px 4px;opacity:.8}
.pc-th{position:relative;display:block;border-radius:10px;overflow:hidden;line-height:0}
.pc-ok{position:absolute;top:6px;left:6px;width:26px;height:26px;border-radius:50%;background:#22c55e;color:#fff;font-style:normal;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1}
.pc-svg{display:block;width:100%;height:auto;max-width:100%}
.pc-art{border-radius:16px;overflow:hidden;border:2px solid rgba(127,127,127,.35);line-height:0;background:#bfe3f7}
.pc-hs{cursor:pointer;outline:none}.pc-hs circle{fill:#6d28d9;stroke:#fff;stroke-width:2.5}.pc-hs text{fill:#fff;font-size:12px;font-weight:800;font-family:Arial,sans-serif;pointer-events:none}
.pc-hs:hover circle,.pc-hs:focus circle{fill:#9333ea}.pc-hs.pc-act circle{fill:#f59e0b}
.pc-word{margin:10px 0;padding:12px 14px;border-radius:14px;background:rgba(99,102,241,.16);line-height:1.8;min-height:24px}
.pc-word b{display:inline-block;min-width:24px;text-align:center;border-radius:50%;background:#6d28d9;color:#fff;margin-inline-end:6px}
.pc-blk{margin:16px 0;padding:14px;border-radius:16px;border:2px solid rgba(127,127,127,.3);background:rgba(127,127,127,.07)!important;color:inherit!important}
.pc-blk h4{margin:0 0 10px;font-size:1.02rem}
.pc-voc{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.pc-v{display:flex;flex-direction:column;gap:2px;text-align:start;padding:9px 11px;border-radius:12px;border:1px solid rgba(127,127,127,.4);background:rgba(127,127,127,.1)!important;color:inherit!important;font:inherit;cursor:pointer;min-width:0}.pc-v em{font-style:normal;font-size:.82rem;opacity:.8}
.pc-steps{margin:0;padding-inline-start:0;list-style:none;counter-reset:s}
.pc-steps li{counter-increment:s;display:flex;flex-direction:column;gap:2px;padding:9px 44px 9px 10px;margin:7px 0;border-radius:12px;position:relative;background:rgba(14,165,233,.12);line-height:1.7}
.pc-steps li:before{content:counter(s);position:absolute;right:10px;top:10px;width:26px;height:26px;border-radius:50%;background:#0ea5e9;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.85rem}
.pc-steps span{font-size:.9rem;opacity:.92;text-align:left}
.pc-btn{border:0;border-radius:14px;padding:12px 18px;font:inherit;font-weight:800;cursor:pointer;color:#fff!important;background:linear-gradient(135deg,#0ea5e9,#6366f1)!important;min-height:46px;margin:4px 0}
.pc-sm{padding:8px 14px;min-height:38px;margin-inline-end:6px}.pc-alt{background:rgba(127,127,127,.45)!important}
.pc-fin{background:linear-gradient(135deg,#16a34a,#22c55e)!important}
.pc-timer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pc-clock{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums}.pc-clock.pc-end{color:#ef4444}
.pc-det summary{cursor:pointer;font-weight:700;padding:6px 0}
.pc-model{margin:8px 0;padding:12px;border-radius:12px;background:rgba(34,197,94,.14);line-height:1.9;text-align:left}
.pc-q{margin:0;padding-inline-start:0;list-style:none;text-align:left}.pc-q li{padding:8px 10px;margin:6px 0;border-radius:10px;background:rgba(245,158,11,.14);line-height:1.7}
.pc-ib{width:34px;height:34px;border:0;border-radius:10px;background:rgba(127,127,127,.3)!important;color:inherit!important;cursor:pointer}
.pc-chk label{display:flex;gap:10px;align-items:flex-start;padding:7px 4px;line-height:1.7;cursor:pointer}.pc-chk input{width:20px;height:20px;margin-top:3px;flex:0 0 auto}
.pc-nav{margin:14px 0}.pc-note{font-size:.82rem;opacity:.75;margin-top:12px;line-height:1.7}



.azh-mg{grid-column:1/-1;font-weight:800;font-size:.8rem;letter-spacing:.2px;color:#a5b4fc;padding:8px 6px 2px;border-bottom:1px solid #334155;margin-top:4px}
.azh-mg:first-child{margin-top:0}
#mobile-more-panel.show{max-height:calc(100vh - 150px);overflow-y:auto;-webkit-overflow-scrolling:touch}
.more-nav-menu{max-height:calc(100vh - 110px);overflow-y:auto;min-width:270px}


.azg-tkh{margin:18px 0 6px;font-size:1.02rem}
.azg-tk{margin-top:6px}


.azc-open{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin:10px 0;border:0;border-radius:14px;padding:10px 16px;background:linear-gradient(135deg,#7c3aed,#4361ee);color:#fff;font:inherit;font-weight:900;font-size:1.02rem;cursor:pointer;box-shadow:0 4px 14px rgba(67,97,238,.35)}
.azc-open small{font-weight:700;opacity:.85;font-size:.75rem}
.azc-open:active{transform:scale(.98)}
html.azc-lock{overflow:hidden}
#azc-modal{position:fixed;inset:0;z-index:100002;background:rgba(10,10,30,.6);display:flex;align-items:flex-end;justify-content:center;padding:0}
#azc-modal[hidden]{display:none}
.azc-card{position:relative;width:min(100%,680px);max-height:92vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;color:#1e1b4b;border-radius:22px 22px 0 0;padding:18px 16px 24px;box-shadow:0 -10px 40px rgba(0,0,0,.35)}
#azc-modal[data-dark="1"] .azc-card{background:#1b1d2e;color:#eef0ff}
@media(min-width:700px){#azc-modal{align-items:center}.azc-card{border-radius:22px;max-height:88vh}}
.azc-x{position:sticky;top:0;float:left;border:0;background:rgba(127,127,127,.2);color:inherit;width:40px;height:40px;border-radius:50%;font-size:1.1rem;cursor:pointer;z-index:2}
.azc-h{margin:0 0 10px;font-size:1.25rem}.azc-h4{margin:18px 0 8px;font-size:1.02rem}
.azc-score{display:flex;gap:14px;align-items:center;margin:8px 0 14px}.azc-score small{display:block;opacity:.75;margin-top:2px}
.azc-ring{--p:0;flex:none;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#16a34a calc(var(--p)*1%),rgba(127,127,127,.25) 0)}
.azc-ring b{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#fff;color:#1e1b4b;font-size:1.05rem}
#azc-modal[data-dark="1"] .azc-ring b{background:#1b1d2e;color:#eef0ff}
.azc-warn{color:#b45309}#azc-modal[data-dark="1"] .azc-warn{color:#fbbf24}
.azc-crit{display:grid;gap:8px}.azc-cr{display:grid;grid-template-columns:1fr 90px 36px;gap:8px;align-items:center}
.azc-cr small{display:block;opacity:.65;direction:ltr;text-align:right;font-size:.72rem}.azc-cr em{font-style:normal;font-weight:900;text-align:center}
.azc-bar{display:block;height:10px;border-radius:99px;background:rgba(127,127,127,.25);overflow:hidden}.azc-bar i{display:block;height:100%;background:linear-gradient(90deg,#f59e0b,#16a34a);border-radius:99px}
.azc-l{list-style:none;margin:0;padding:0;display:grid;gap:6px}.azc-l li{padding:8px 10px;border-radius:10px;background:rgba(127,127,127,.1);line-height:1.7}
.azc-l li.ok{border-right:4px solid #16a34a}.azc-l li.no{border-right:4px solid #dc2626}.azc-l.tips li{border-right:4px solid #4361ee}
.azc-ok{margin:6px 0;font-weight:700}
.azc-iss{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.azc-i{padding:10px 12px;border-radius:12px;background:rgba(127,127,127,.1);border-right:4px solid #f59e0b}
.azc-i.azc-spelling,.azc-i.azc-casing{border-right-color:#dc2626}.azc-i.azc-grammar,.azc-i.azc-order{border-right-color:#7c3aed}.azc-i.azc-punct{border-right-color:#0ea5e9}.azc-i.azc-style{border-right-color:#64748b}
.azc-ctx{font-size:.95rem;overflow-wrap:anywhere;opacity:.9}.azc-ctx mark{background:rgba(245,158,11,.4);color:inherit;border-radius:4px;padding:0 3px;font-weight:800}
.azc-msg{margin-top:6px;line-height:1.7;font-weight:700}.azc-de{font-size:.8rem;opacity:.65;margin-top:3px}
.azc-fx{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.azc-fx button{border:2px solid #16a34a;background:rgba(22,163,74,.14);color:inherit;border-radius:999px;padding:6px 14px;min-height:40px;font:inherit;font-weight:800;cursor:pointer}
.azc-fx code{background:rgba(127,127,127,.2);border-radius:8px;padding:4px 10px}
.azc-opt{display:block;margin:18px 0 6px;font-size:.88rem;line-height:1.7}.azc-opt small{display:block;opacity:.65}
.azc-act{display:flex;gap:8px;margin-top:12px}.azc-btn2{flex:1;min-height:46px;border:2px solid rgba(127,127,127,.4);background:rgba(127,127,127,.12);color:inherit;border-radius:12px;font:inherit;font-weight:800;cursor:pointer}.azc-btn2.p{background:#4361ee;border-color:#4361ee;color:#fff}
.azc-fine{font-size:.78rem;opacity:.65;line-height:1.7;margin:12px 0 0}
.azc-fb{display:flex;align-items:center;gap:10px;margin:14px 0 0;font-weight:700;flex-wrap:wrap}
.azc-fb button{border:2px solid rgba(127,127,127,.4);background:rgba(127,127,127,.12);border-radius:999px;width:48px;height:44px;font-size:1.3rem;cursor:pointer}



.azh-brand .azh-b1{font-weight:900;letter-spacing:.14em;font-size:1rem;line-height:1.1}
.azh-brand small.azh-b2{letter-spacing:0!important;font-size:.72rem!important;opacity:.9!important;font-weight:800;margin-top:1px}
.azs-title{display:flex;flex-direction:column;align-items:center;gap:0}
.azs-title .azs-t1{font-size:1.9rem;letter-spacing:.14em;font-weight:900;line-height:1.15;padding-inline-start:.14em}
.azs-title small.azs-t2{font-size:1.15rem;letter-spacing:0;font-weight:800;line-height:1.3}


/* أزرار ولمس أكبر على الهاتف (توصية 44px) */
#sec-test .level-btn{min-height:44px;padding-block:10px}
#sec-challenge input[type=radio],#sec-test input[type=radio],#sec-placement input[type=radio]{width:22px;height:22px;flex:none;accent-color:#4361ee;margin-inline-end:6px;vertical-align:middle}
#sec-challenge label,#sec-test label,#sec-placement label{min-height:40px;display:flex;align-items:center;gap:6px;cursor:pointer}
/* قسم التحديات: بطاقات الأسئلة كانت بيضاء بنص فاتح */
#sec-challenge .challenge-question{background:rgba(127,127,127,.14)!important;background-image:none!important;border:1px solid rgba(127,127,127,.3)!important}
#sec-challenge .challenge-question h4{color:inherit!important;opacity:1!important}


.azfb-stars{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.azfb-lbl{font-weight:700}
.azfb-row{display:inline-flex;gap:2px}
.azfb-row button{background:none!important;border:0!important;box-shadow:none!important;font-size:34px;line-height:1;width:44px;height:44px;padding:0;cursor:pointer;color:rgba(127,127,127,.55)!important;transition:transform .12s}
.azfb-row button.on{color:#f5b301!important}
.azfb-row button:active{transform:scale(1.2)}
.azfb-val{font-size:.9rem;opacity:.85}
.azfb-msg{margin:8px 0 0;font-size:.92rem;line-height:1.6}


/* زر الاستماع للأمثلة */
.azl-say{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;padding:0;margin:2px 8px;border:0!important;border-radius:50%;background:rgba(99,102,241,.22)!important;color:inherit!important;font-size:16px;line-height:1;cursor:pointer;vertical-align:middle;box-shadow:none!important}
.azl-say.blk{display:flex;margin:-2px 0 10px}
.azl-say:active{transform:scale(1.15)}
.azl-say.on{background:rgba(34,197,94,.35)!important}
/* بطاقة «من الصفر» */
button.azh-z{background:linear-gradient(150deg,#9a3412,#ea580c 65%,#fbbf24)!important;border-radius:14px 40px 40px 14px!important}


.azcert-wrap{max-width:900px;width:100%;box-sizing:border-box;margin:0 auto;padding:6px 0 30px;min-width:0;overflow-x:hidden}
.azcert-note{line-height:1.8;opacity:.92}
.azcert-lv{display:grid;gap:10px;margin:14px 0}
.azcert-row{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid rgba(127,127,127,.35);background:rgba(127,127,127,.10)}
.azcert-row.ok{border-color:#16a34a;background:rgba(22,163,74,.14)}
.azcert-row b.azl{font-size:1.15rem;min-width:42px}
.azcert-row .st{font-weight:700}
.azcert-row small{grid-column:1/-1;opacity:.85;line-height:1.7}
.azcert-bar{height:7px;border-radius:5px;background:rgba(127,127,127,.3);overflow:hidden;grid-column:1/-1}
.azcert-bar i{display:block;height:100%;background:linear-gradient(90deg,#4361ee,#22c55e)}
.azcert-form{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:14px 0}
.azcert-form[hidden],.azcert-preview[hidden]{display:none}
.azcert-form label{display:grid;gap:6px;font-weight:700}
.azcert-form input,.azcert-form select{padding:11px;border-radius:10px;border:1px solid rgba(127,127,127,.5);font:inherit;min-height:44px;box-sizing:border-box;width:100%}
.azcert-actions{grid-column:1/-1}
.azcert-preview{overflow:hidden;border-radius:12px;max-width:100%}
.azcert-frame-el{width:100%;aspect-ratio:1.414/1;border:0;border-radius:12px;background:#fffdf6;box-shadow:0 8px 30px rgba(0,0,0,.35);display:block}
.azcert-go{display:inline-block;margin-top:8px;padding:9px 14px;border-radius:10px;border:0;background:#4361ee;color:#fff;font:inherit;font-weight:700;cursor:pointer}

.azdr-wrap{max-width:900px;width:100%;box-sizing:border-box;margin:0 auto;padding:6px 0 130px;min-width:0}
.azdr-wrap h2{margin:0 0 6px}
.azdr-intro{line-height:1.8;opacity:.92}
.azdr-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.azdr-tab{flex:1 1 auto;padding:10px 12px;min-height:44px;border-radius:12px;border:1px solid rgba(127,127,127,.4);background:rgba(127,127,127,.12);color:inherit;font:inherit;font-weight:700;cursor:pointer}
.azdr-tab.on{background:#4361ee;border-color:#4361ee;color:#fff}
.azdr-lv{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:10px 0}
.azdr-lvb{padding:10px;border-radius:12px;border:1px solid rgba(127,127,127,.4);background:rgba(127,127,127,.12);color:inherit;font:inherit;cursor:pointer;display:grid;gap:3px;min-height:56px}
.azdr-lvb small{opacity:.8}
.azdr-lvb.on{border-color:#22c55e;background:rgba(34,197,94,.18)}
.azdr-note,.azdr-info{line-height:1.8;font-size:.95rem}
.azdr-info{padding:8px 12px;border-radius:10px;background:rgba(67,97,238,.16)}
.azdr-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.azdr-go,.azdr-sec{padding:12px 18px;min-height:46px;border-radius:12px;border:0;font:inherit;font-weight:800;cursor:pointer}
.azdr-go{background:#4361ee;color:#fff}.azdr-go:disabled{opacity:.5}
.azdr-sec{background:rgba(127,127,127,.22);color:inherit}
.azdr-prog{position:relative;display:flex;justify-content:space-between;gap:10px;padding:8px 0 12px;font-weight:700}
.azdr-prog i{position:absolute;left:0;bottom:0;height:5px;border-radius:5px;background:linear-gradient(90deg,#4361ee,#22c55e);transition:width .3s}
.azdr-q{padding:14px;border-radius:16px;border:1px solid rgba(127,127,127,.35);background:rgba(127,127,127,.10)}
.azdr-qt{font-weight:800;margin-bottom:10px;line-height:1.7}
.azdr-line{font-size:1.25rem;line-height:1.7;padding:10px 12px;border-radius:12px;background:rgba(67,97,238,.14);margin-bottom:12px;overflow-wrap:anywhere;text-align:left}
.azdr-gap{display:inline-block;min-width:44px;text-align:center;border-bottom:3px solid #f59e0b;color:#f59e0b;font-weight:800}
.azdr-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.azdr-opt{padding:12px;min-height:48px;border-radius:12px;border:2px solid rgba(127,127,127,.45);background:rgba(127,127,127,.12);color:inherit;font:inherit;font-size:1.05rem;font-weight:700;cursor:pointer;text-align:center;overflow-wrap:anywhere}
.azdr-opt.ok{border-color:#16a34a;background:rgba(22,163,74,.25)}
.azdr-opt.bad{border-color:#dc2626;background:rgba(220,38,38,.22)}
.azdr-in{width:100%;box-sizing:border-box;padding:12px;min-height:48px;border-radius:12px;border:2px solid rgba(127,127,127,.5);font:inherit;font-size:1.1rem;margin-bottom:10px}
.azdr-fb{margin-top:12px;line-height:1.8}
.azdr-fb.ok{color:inherit}.azdr-fb .azdr-why{margin:6px 0 10px;padding:8px 12px;border-radius:10px;background:rgba(127,127,127,.16);font-size:.95rem}
.azdr-end{text-align:center}
.azdr-score{font-size:2rem;font-weight:900;margin:8px 0}
.azdr-wl{list-style:none;padding:0;margin:10px 0;text-align:right;display:grid;gap:8px}
.azdr-wl li{padding:10px 12px;border-radius:12px;background:rgba(220,38,38,.14);border:1px solid rgba(220,38,38,.35);line-height:1.7}
.azdr-wl small{display:block;opacity:.9;margin-top:4px}
.azdr-simhome{line-height:1.8}
.azdr-card{margin:10px 0;border-radius:14px;border:1px solid rgba(127,127,127,.4);background:rgba(127,127,127,.10);padding:4px 14px}
.azdr-card summary{cursor:pointer;font-weight:800;padding:12px 0;min-height:24px;line-height:1.6}
.azdr-card p,.azdr-card li{line-height:1.9}
.azdr-tbl{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;margin:10px 0}
.azdr-tbl table{border-collapse:collapse;width:100%;min-width:300px}
.azdr-tbl th,.azdr-tbl td{border:1px solid rgba(127,127,127,.4);padding:8px 10px;text-align:center}
.azdr-tbl tr.hl td{background:rgba(245,158,11,.16)}
.azdr-tip{padding:8px 12px;border-radius:10px;background:rgba(245,158,11,.16)}
.azdr-ex{padding:10px 12px;border-radius:10px;background:rgba(67,97,238,.14);text-align:left;line-height:1.9}
.azdr-ex span{font-family:inherit;opacity:.85;direction:rtl;unicode-bidi:isolate}
@media(max-width:480px){.azdr-tab{flex-basis:46%}.azdr-line{font-size:1.1rem}}

.azdr-wrap button.azdr-tab{background:rgba(127,127,127,.18)!important;color:inherit!important;border:1px solid rgba(127,127,127,.45)!important;box-shadow:none!important}
.azdr-wrap button.azdr-tab.on{background:#4361ee!important;color:#fff!important;border-color:#4361ee!important}
.azdr-wrap button.azdr-lvb{background:rgba(127,127,127,.16)!important;color:inherit!important;border:1px solid rgba(127,127,127,.45)!important;box-shadow:none!important}
.azdr-wrap button.azdr-lvb.on{border-color:#22c55e!important;background:rgba(34,197,94,.22)!important}
.azdr-wrap button.azdr-opt{background:rgba(127,127,127,.16)!important;color:inherit!important;border:2px solid rgba(127,127,127,.5)!important;box-shadow:none!important}
.azdr-wrap button.azdr-opt.ok{border-color:#16a34a!important;background:rgba(22,163,74,.3)!important}
.azdr-wrap button.azdr-opt.bad{border-color:#dc2626!important;background:rgba(220,38,38,.28)!important}
.azdr-wrap button.azdr-sec{background:rgba(127,127,127,.25)!important;color:inherit!important;box-shadow:none!important}
.azdr-wrap button.azdr-go{background:#4361ee!important;color:#fff!important}
.azdr-wrap{padding-bottom:150px}
.azfs-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:10px 0}
.azfs-opts label{display:grid;gap:6px;font-weight:700}
.azfs-opts select{padding:11px;min-height:46px;border-radius:10px;border:1px solid rgba(127,127,127,.5);font:inherit;width:100%;box-sizing:border-box}
.azfs-ans{grid-template-columns:1fr!important}
.azfs-opt{display:grid!important;gap:4px;text-align:left!important}
.azfs-opt small{font-weight:400;opacity:.9;text-align:right;direction:rtl;font-size:.88rem}

.azdr-wrap{padding-left:14px!important;padding-right:14px!important}
#azdr-body,#azfs-root{display:block}
#azfs-trq{margin:0 0 12px}
.azph-list{display:grid;gap:10px}
.azph-card{padding:12px 14px;border-radius:14px;border:1px solid rgba(127,127,127,.35);background:rgba(127,127,127,.10);display:grid;gap:6px}
.azph-de,.azph-good,.azph-ex{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left}
.azph-de{font-size:1.15rem;font-weight:800}
.azph-ex{opacity:.9;font-size:.95rem}
.azph-ar{font-weight:700}.azph-exar{opacity:.85;font-size:.92rem;line-height:1.7}
.azph-bad{color:#f87171;font-weight:700;text-align:left}.azph-good{color:#4ade80;font-weight:700}
.azph-cat{opacity:.65}
.azph-say{flex:0 0 auto;min-width:40px;min-height:40px;border-radius:50%;border:1px solid rgba(127,127,127,.5)!important;background:rgba(67,97,238,.22)!important;color:inherit!important;cursor:pointer;font-size:1rem;padding:0!important}
#azrv-box{margin-top:22px;padding-top:14px;border-top:1px solid rgba(127,127,127,.35)}
.azrv-avg{font-size:1.2rem;margin:8px 0}
.azrv-st{color:#f59e0b;letter-spacing:2px}
.azrv-list{display:grid;gap:10px}
.azrv-it{padding:12px;border-radius:12px;background:rgba(127,127,127,.12);border:1px solid rgba(127,127,127,.3)}
.azrv-top{display:flex;justify-content:space-between;gap:8px}
.azrv-it p{margin:6px 0;line-height:1.8;overflow-wrap:anywhere}
.azrv-empty{opacity:.85}
.aztr-wrap{display:block;margin:2px 0 8px;text-align:right}
.aztr-btn{padding:5px 12px;min-height:32px;border-radius:999px;border:1px solid rgba(127,127,127,.5);background:rgba(67,97,238,.18);color:inherit;font:inherit;font-size:.82rem;cursor:pointer}
@media print{.aztr-wrap{display:none!important}}


.placement-runtime-error{color:#fecdd3!important;background:#4c1529!important;border:1px solid #fb7185!important;padding:12px!important;border-radius:12px!important;font-weight:800!important;line-height:1.6!important}


#placementReady p{line-height:1.55}
#placementReady .placement-instructions,
#placementReady .placement-howto{font-size:.94em;line-height:1.55}


.placement-runtime-error{color:#fecdd3!important;background:#4c1529!important;border:1px solid #fb7185!important;padding:12px!important;border-radius:12px!important;font-weight:800!important;line-height:1.6!important}


/* The profile helper is only visible on the homepage; it never covers other sections. */
.azouz-bio-bubble{display:none!important}
.azouz-bio-card{display:none!important}
.azouz-scroll-cue{display:none!important;opacity:0;pointer-events:none}
.azouz-scroll-cue.azouz-scroll-cue-visible{display:flex!important;opacity:1;pointer-events:auto}
.azouz-scroll-cue{background:linear-gradient(145deg,#244be7,#7925c7)!important;color:#fff!important;border:2px solid #9baeff!important;width:52px!important;height:52px!important;box-shadow:0 0 0 5px rgba(87,105,255,.16),0 8px 24px rgba(0,0,0,.35)!important}


@media(max-width:790px){
 html,body{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
 body{align-items:stretch!important}
 body>.container{width:calc(100% - 24px)!important;max-width:100%!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important;transform:none!important}
 .section-content{max-width:100%!important;min-width:0!important}
}


#azouzGlobalBack{
 position:fixed;right:14px;bottom:calc(88px + env(safe-area-inset-bottom));
 z-index:99999;display:flex;align-items:center;justify-content:center;gap:8px;
 min-width:104px;min-height:46px;padding:10px 15px;
 border:2px solid #9fb4ff;border-radius:15px;
 background:linear-gradient(120deg,#2452e8,#7526c7);color:#fff;
 box-shadow:0 7px 22px #0007;font:800 15px inherit;cursor:pointer;
 direction:rtl;touch-action:manipulation
}
#azouzGlobalBack:active{transform:scale(.97)}
@media(min-width:791px){#azouzGlobalBack{bottom:22px;right:22px}}


#azouzGlobalBack{
 display:none!important;
 position:fixed!important;
 right:16px!important;
 bottom:calc(88px + env(safe-area-inset-bottom))!important;
 z-index:99999!important;
 min-width:0!important;width:54px!important;height:54px!important;
 padding:0!important;border-radius:18px!important;
 align-items:center!important;justify-content:center!important;
 background:linear-gradient(145deg,#253fe0,#7527c9)!important;
 border:1px solid rgba(193,202,255,.8)!important;
 box-shadow:0 8px 26px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.25)!important;
 color:#fff!important;font-size:25px!important;font-weight:700!important;
}
#azouzGlobalBack.azouz-back-visible{display:flex!important}
#azouzGlobalBack .azouz-back-icon{font-size:26px;line-height:1;transform:translateX(1px)}
@media(min-width:791px){#azouzGlobalBack{right:24px!important;bottom:24px!important}}


.a1-pro-lessons{margin:26px 0 10px;padding:clamp(16px,3vw,26px);border-radius:24px;border:1px solid #6575b8;background:linear-gradient(145deg,rgba(16,29,62,.97),rgba(46,20,86,.97));box-shadow:0 12px 35px #0003;color:#edf2ff}
.a1-pro-heading{text-align:center;margin-bottom:20px}
.a1-pro-kicker{display:inline-block;color:#a5e5ff;font-size:.78rem;font-weight:900;letter-spacing:.08em;background:#102d49;border:1px solid #347a9c;padding:6px 12px;border-radius:999px}
.a1-pro-heading h3{margin:12px 0 7px;font-size:clamp(1.35rem,4vw,1.9rem);color:#fff}
.a1-pro-heading p{margin:0;color:#cbd5f5;line-height:1.8}
.a1-pro-grid{display:grid;grid-template-columns:1fr;gap:12px}
.a1-pro-lesson{min-width:0;border:1px solid #5f70b3;border-radius:18px;background:linear-gradient(130deg,#17284b,#20204d);overflow:hidden;box-shadow:0 5px 16px #0002}
.a1-pro-lesson[open]{border-color:#9a8bff;box-shadow:0 0 0 2px #8067ff22,0 8px 20px #0002}
.a1-pro-lesson>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:15px;cursor:pointer;min-height:76px}
.a1-pro-lesson>summary::-webkit-details-marker{display:none}
.a1-pro-num{flex:0 0 42px;width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#2458e8,#7b2bd0);font-weight:900;color:#fff}
.a1-pro-lesson>summary b{display:block;font-size:1.03rem;color:#fff}
.a1-pro-lesson>summary small{display:block;color:#c7d2fe;font-size:.83rem;margin-top:4px}
.a1-pro-plus{margin-right:auto;color:#b7c5ff;font-size:1.4rem;transition:transform .2s}
.a1-pro-lesson[open] .a1-pro-plus{transform:rotate(45deg)}
.a1-pro-body{padding:0 16px 17px;line-height:1.85;color:#e1e8ff;overflow-wrap:anywhere}
.a1-pro-body p{margin:10px 0}
.a1-pro-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0}
.a1-pro-table>div{min-width:0;display:flex;flex-direction:column;gap:3px;padding:10px;border-radius:12px;background:#0d1833;border:1px solid #344775}
.a1-pro-table b{color:#a9c4ff;direction:ltr;text-align:left;overflow-wrap:anywhere}
.a1-pro-table span{font-size:.86rem;color:#d4dcf5}
.a1-pro-example{background:#0d1833;border-right:4px solid #60a5fa;padding:12px 14px;border-radius:12px;font-weight:800;color:#fff}
.a1-pro-example span{font-weight:500;color:#c7d2fe}
.a1-pro-tip{padding:11px 13px;background:#123d40;border:1px solid #247d78;border-radius:12px;color:#d4fff7}
.a1-pro-check{margin:13px 0;border:1px solid #6d65b8;border-radius:12px;background:#201b4b;overflow:hidden}
.a1-pro-check summary{padding:12px;cursor:pointer;font-weight:800;color:#e3ddff}
.a1-pro-check p{padding:0 12px 10px;margin:0;color:#bdf7d6}
.a1-pro-audio{width:100%;margin-top:8px}
.a1-pro-footer{margin-top:16px;padding:13px;border-radius:14px;background:#101d3a;color:#dbeafe;text-align:center;line-height:1.8}
@media(min-width:760px){.a1-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.a1-pro-lesson>summary{min-height:82px}}


#a1-choice-panel .level-choice-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}
#a1-choice-panel .level-choice{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}
#a1-choice-panel .level-choice>span{font-size:1.7rem}
#a1-choice-panel .level-choice strong{font-size:1.1rem}
#a1-choice-panel .level-choice small{line-height:1.6;max-width:28ch}
.a1-course-header{text-align:center;padding:20px 14px;margin-bottom:16px;border-radius:20px;background:linear-gradient(135deg,#122c4a,#32206a);border:1px solid #566ab1}
.a1-course-label{display:inline-block;background:#10213d;color:#a9e9ff;border:1px solid #347b9b;border-radius:999px;padding:5px 12px;font-weight:900;font-size:.76rem;letter-spacing:.07em}
.a1-course-header h3{color:#fff;font-size:clamp(1.35rem,4vw,1.85rem);margin:12px 0}
.a1-course-header p{color:#d5ddfa;line-height:1.8;margin:0}
.a1-reading-course{display:grid;gap:14px}
.a1-reading-lesson{background:linear-gradient(135deg,#14284b,#201844);border:1px solid #596bb1;border-radius:18px;overflow:hidden;min-width:0}
.a1-reading-lesson[open]{border-color:#a195ff;box-shadow:0 8px 25px #0002}
.a1-reading-lesson>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:15px;min-height:80px}
.a1-reading-lesson>summary::-webkit-details-marker{display:none}
.a1-reading-number{flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#2357e8,#7b2ac8);font-weight:900;color:#fff}
.a1-reading-lesson>summary b{color:#fff;display:block;font-size:1.02rem}
.a1-reading-lesson>summary small{color:#c9d4fa;display:block;margin-top:4px;line-height:1.5}
.a1-reading-toggle{margin-right:auto;font-size:1.4rem;color:#c2c8ff}
.a1-reading-lesson[open] .a1-reading-toggle{transform:rotate(45deg)}
.a1-reading-body{padding:0 14px 16px;line-height:1.85;color:#e5eaff;overflow-wrap:anywhere}
.a1-reading-text,.a1-reading-rule{padding:14px;margin-top:12px;border-radius:15px;background:#0e1932;border:1px solid #344978}
.a1-reading-text h4,.a1-reading-rule h4{margin:0 0 9px;color:#a9c7ff;font-size:1.05rem}
.a1-reading-text p,.a1-reading-rule p{margin:9px 0}
.a1-reading-text [dir="ltr"],.a1-reading-code{font-size:1.02rem;font-weight:700;line-height:1.9;color:#fff}
.a1-reading-translation{border-top:1px solid #2b3d65;padding-top:10px;color:#d2defb}
.a1-reading-rule b{color:#b8ceff}
.a1-reading-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
.a1-reading-table>div{min-width:0;display:flex;flex-direction:column;padding:10px;border-radius:11px;background:#19294b;border:1px solid #405887}
.a1-reading-table b{direction:ltr;text-align:left;color:#b8ceff;overflow-wrap:anywhere}
.a1-reading-table span{font-size:.88rem;color:#d8e1fb}
.a1-reading-simple{margin-top:13px;padding:12px;border-radius:13px;background:#103c3b;border:1px solid #287b70;color:#dcfff7}
.a1-reading-simple b{color:#a8ffe7}
.a1-reading-simple p{margin-bottom:0}
.a1-reading-practice{margin-top:12px;border:1px solid #7368bf;border-radius:13px;background:#211b4b;overflow:hidden}
.a1-reading-practice summary{cursor:pointer;padding:12px;font-weight:800;color:#e3ddff}
.a1-reading-practice p{padding:0 12px;margin:8px 0;color:#e4eaff}
.a1-reading-practice button{margin:5px 12px 12px;padding:8px 12px;border-radius:10px;background:#2c4ec8;color:#fff;border:1px solid #879cff;font-weight:800}
.a1-reading-audio{margin-top:8px}
.a1-course-end{margin-top:15px;text-align:center;background:#111e3a;border:1px solid #344978;border-radius:14px;padding:13px;line-height:1.8;color:#dbeafe}
@media(min-width:760px){.a1-reading-body{padding:0 20px 20px}.a1-reading-table{grid-template-columns:repeat(3,minmax(0,1fr))}}


.a1-reading-intro{padding:15px;margin-top:12px;border-radius:15px;background:linear-gradient(135deg,#172e50,#222052);border:1px solid #6578c4;line-height:1.9}
.a1-reading-intro h4{margin:0 0 8px;color:#a8e8ff;font-size:1.08rem}
.a1-reading-intro p{margin:8px 0;color:#e5edff}
.a1-reading-rule ul{padding-inline-start:24px;line-height:1.9}
.a1-reading-rule li{margin:5px 0}


.a1-pronounce{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:25px;padding:0 5px;margin-inline-start:5px;border:1px solid #78a8ff;border-radius:8px;background:#1c3970;color:#eaf3ff;font-size:13px;line-height:1;cursor:pointer;vertical-align:middle;touch-action:manipulation}
.a1-pronounce:active{transform:scale(.94);background:#3657b8}
.a1-reading-table b{color:#82d8ff!important;background:rgba(28,91,146,.18);padding:2px 5px;border-radius:5px}
.a1-reading-rule p b[dir="ltr"],.a1-reading-rule li[dir="ltr"]{color:#a7e7ff}
.a1-reading-rule li span{color:#d5e5ff}
.a1-reading-text p[dir="ltr"]{color:#a9d6ff}
.a1-reading-translation{color:#d4c6ff!important}
.a1-reading-simple{border-inline-start:4px solid #52e3c2!important}
.a1-reading-rule h4{color:#79e0ff!important}
.a1-reading-intro h4{color:#79e0ff!important}


/* Give the lesson text the available mobile width rather than leaving large side gutters. */
#a1-reading-lessons-section{width:100%;max-width:none;box-sizing:border-box;padding-inline:clamp(8px,2vw,18px)!important}
#a1-reading-lessons-section .a1-course-header,
#a1-reading-lessons-section .a1-course-index,
#a1-reading-lessons-section .a1-reading-course{width:100%;max-width:none;box-sizing:border-box}
#a1-reading-lessons-section .a1-reading-body{padding-inline:clamp(8px,1.6vw,18px)!important}
#a1-reading-lessons-section .a1-reading-text,
#a1-reading-lessons-section .a1-reading-rule,
#a1-reading-lessons-section .a1-reading-intro{width:100%;box-sizing:border-box;padding:clamp(12px,3vw,20px)!important}
#a1-reading-lessons-section .a1-reading-text p[dir="ltr"]{text-align:left;line-height:1.75;overflow-wrap:anywhere}
#a1-reading-lessons-section .a1-reading-rule b,
#a1-reading-lessons-section .a1-reading-rule p b[dir="ltr"]{color:#ff6b7b!important}
.a1-course-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:12px;margin:16px 0 24px}
.a1-index-item{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:right;padding:16px;border-radius:16px;background:linear-gradient(135deg,#172b50,#25184b);border:1px solid #657bd0;color:#edf2ff;cursor:pointer;min-height:100px;touch-action:manipulation}
.a1-index-item span{color:#8de2ff;font-weight:900;font-size:.9rem}
.a1-index-item b{font-size:1.05rem}
.a1-index-item small{color:#cbd6f7;font-size:.9rem}
.a1-index-item:active{transform:scale(.99);border-color:#ff7185}
.a1-lesson-finish{margin:20px 0 8px;padding:24px 16px;text-align:center;border-radius:18px;background:linear-gradient(135deg,#102f37,#142746);border:2px solid #52d7bd;box-shadow:0 8px 24px #0003}
.a1-finish-icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#175f55;color:#b6fff0;font-size:1.6rem;font-weight:900}
.a1-lesson-finish h4{margin:12px 0 6px;color:#aaffdf;font-size:1.35rem}
.a1-lesson-finish p{color:#dceaff;line-height:1.7;margin:8px auto 16px;max-width:34rem}
.a1-lesson-finish button{border:1px solid #8da7ff;border-radius:12px;padding:12px 18px;background:linear-gradient(100deg,#2459dd,#642bc2);color:#fff;font-weight:900;cursor:pointer;max-width:100%}
#a1-reading-course > details[hidden],#a1-course-index[hidden],#a1-course-index-header[hidden]{display:none!important}
@media(max-width:480px){#a1-reading-lessons-section{padding-inline:6px!important}.a1-reading-body{padding-inline:6px!important}.a1-reading-table{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Distinct but coordinated colors for each learning field */
#a1-reading-lessons-section .a1-reading-intro{background:linear-gradient(135deg,#172f4d,#173d50)!important;border-color:#49b8d0!important}
#a1-reading-lessons-section .a1-reading-text{background:linear-gradient(135deg,#102a46,#17234b)!important;border-color:#4c8ee7!important}
#a1-reading-lessons-section .a1-reading-rule{background:linear-gradient(135deg,#28183f,#251c4d)!important;border-color:#a16be8!important}
#a1-reading-lessons-section .a1-reading-simple{background:linear-gradient(135deg,#103a36,#16453f)!important;border-color:#37bfa5!important}
#a1-reading-lessons-section .a1-reading-practice{background:linear-gradient(135deg,#3b2b13,#30234a)!important;border-color:#e2b75e!important}
#a1-reading-lessons-section .a1-reading-text h4{color:#83d6ff!important}
#a1-reading-lessons-section .a1-reading-rule h4{color:#e2b6ff!important}
#a1-reading-lessons-section .a1-reading-practice summary{color:#ffe2a0!important}
#a1-reading-lessons-section .a1-reading-simple b{color:#9affdf!important}
/* Index cards: different accent per lesson */
#a1-course-index .a1-index-item{position:relative;overflow:hidden;isolation:isolate;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
#a1-course-index .a1-index-item::before{content:"";position:absolute;inset:0;opacity:.17;z-index:-1;pointer-events:none}
#a1-course-index .a1-index-item:nth-child(1){border-color:#58b9f5;background:linear-gradient(135deg,#102f4b,#18274a)}
#a1-course-index .a1-index-item:nth-child(1)::before{background:radial-gradient(circle at 85% 15%,#45caff,transparent 60%)}
#a1-course-index .a1-index-item:nth-child(2){border-color:#65d6bb;background:linear-gradient(135deg,#103e3a,#152f49)}
#a1-course-index .a1-index-item:nth-child(2)::before{background:radial-gradient(circle at 85% 15%,#4fffc9,transparent 60%)}
#a1-course-index .a1-index-item:nth-child(3){border-color:#bd8bff;background:linear-gradient(135deg,#321b58,#1b234b)}
#a1-course-index .a1-index-item:nth-child(3)::before{background:radial-gradient(circle at 85% 15%,#d09aff,transparent 60%)}
#a1-course-index .a1-index-item:nth-child(4){border-color:#f2bb6b;background:linear-gradient(135deg,#4a2c19,#25264c)}
#a1-course-index .a1-index-item:nth-child(4)::before{background:radial-gradient(circle at 85% 15%,#ffd27e,transparent 60%)}
#a1-course-index .a1-index-item:nth-child(5){border-color:#ff829b;background:linear-gradient(135deg,#4a1e39,#25224d)}
#a1-course-index .a1-index-item:nth-child(5)::before{background:radial-gradient(circle at 85% 15%,#ff80a8,transparent 60%)}
#a1-course-index .a1-index-item:nth-child(6){border-color:#8b9dff;background:linear-gradient(135deg,#202c62,#2b1d52)}
#a1-course-index .a1-index-item:nth-child(6)::before{background:radial-gradient(circle at 85% 15%,#8eabff,transparent 60%)}
#a1-course-index .a1-index-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}
.a1-index-motif{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px;min-height:27px}
.a1-index-motif i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;min-width:38px;padding:3px 9px;border-radius:999px;background:#0b1730;border:1px solid #6075b9;color:#c9f1ff;font-weight:900;animation:a1MotifFloat 2.8s ease-in-out infinite}
.a1-index-motif i:nth-child(2){animation-delay:.25s}
.a1-index-motif i:nth-child(3){animation-delay:.5s}
#a1-course-index .a1-index-item:nth-child(3) .a1-index-motif i{background:#43215d;border-color:#c28cff;color:#fff0ff;animation:a1ArticlePulse 2.2s ease-in-out infinite}
#a1-course-index .a1-index-item:nth-child(3) .a1-index-motif i:nth-child(2){animation-delay:.35s}
#a1-course-index .a1-index-item:nth-child(3) .a1-index-motif i:nth-child(3){animation-delay:.7s}
@keyframes a1MotifFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes a1ArticlePulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.09);filter:brightness(1.28)}}
/* Friendly cloud-shaped teacher notes */
.a1-note-cloud{position:relative;display:flex;align-items:flex-start;gap:12px;margin:10px 0 16px;padding:15px 17px;border:1px solid #83c8f4;border-radius:24px 24px 24px 9px;background:linear-gradient(135deg,#183e61,#25265a);box-shadow:0 7px 18px #0002;color:#edf7ff}
.a1-note-cloud::before,.a1-note-cloud::after{content:"";position:absolute;z-index:0;border-radius:50%;background:#1c3e60;border:1px solid #83c8f4}
.a1-note-cloud::before{width:19px;height:19px;bottom:-7px;left:24px}
.a1-note-cloud::after{width:9px;height:9px;bottom:-15px;left:17px}
.a1-cloud-icon{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#285a86;color:#bfeaff;font-size:19px}
.a1-note-cloud b{display:block;color:#9de3ff;margin-bottom:4px}
.a1-note-cloud p{margin:0;line-height:1.7;font-size:.96rem}
@media(prefers-reduced-motion:reduce){.a1-index-motif i,#a1-course-index .a1-index-item{animation:none!important;transition:none!important}}


html:has(#a1-course-index:not([hidden])){overflow-y:auto!important;overscroll-behavior-y:auto!important;scroll-behavior:smooth}
body:has(#a1-course-index:not([hidden])){overflow-y:auto!important;overflow-x:hidden!important;touch-action:pan-y!important}
#a1-reading-lessons-section,#a1-course-index-header,#a1-course-index{overflow:visible!important;touch-action:pan-y!important}
#a1-course-index:not([hidden]){display:grid!important;position:relative!important;max-height:none!important;height:auto!important;visibility:visible!important;pointer-events:auto!important;touch-action:pan-y!important}
#a1-course-index .a1-index-item{min-height:128px;padding:18px;gap:8px;touch-action:manipulation}
#a1-course-index .a1-index-item b{font-size:1.12rem}
.a1-index-motif{gap:10px;min-height:54px;align-items:center}
.a1-index-motif i{min-width:56px;min-height:48px;padding:7px 14px;border-radius:50%;font-size:1.05rem;box-shadow:0 5px 16px #0004;animation:a1MotifOrbit 1.65s ease-in-out infinite, a1MotifGlow 2.1s ease-in-out infinite}
.a1-index-motif i:nth-child(2){animation-delay:-.55s}
.a1-index-motif i:nth-child(3){animation-delay:-1.1s}
#a1-course-index .a1-index-item:nth-child(3) .a1-index-motif i{min-width:64px;min-height:56px;font-size:1.2rem;border-width:2px;animation:a1ArticleOrbit 1.4s ease-in-out infinite,a1MotifGlow 1.8s ease-in-out infinite}
#a1-course-index .a1-index-item:nth-child(3) .a1-index-motif i:nth-child(2){animation-delay:-.46s}
#a1-course-index .a1-index-item:nth-child(3) .a1-index-motif i:nth-child(3){animation-delay:-.92s}
@keyframes a1MotifOrbit{0%,100%{transform:translateY(0) rotate(-4deg) scale(.96)}50%{transform:translateY(-8px) rotate(4deg) scale(1.12)}}
@keyframes a1ArticleOrbit{0%,100%{transform:translateY(0) rotate(-5deg) scale(.93)}50%{transform:translateY(-10px) rotate(5deg) scale(1.18)}}
@keyframes a1MotifGlow{0%,100%{box-shadow:0 4px 12px #0004,0 0 0 rgba(140,190,255,0)}50%{box-shadow:0 8px 24px #0005,0 0 18px rgba(140,190,255,.35)}}
@media(max-width:480px){#a1-course-index .a1-index-item{min-height:118px;padding:15px}.a1-index-motif i{min-width:50px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.a1-index-motif i{animation:none!important}}


.a1-pronoun-language-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}
.a1-pronoun-language-row span{display:inline-flex;align-items:center;justify-content:center;min-width:55px;padding:8px 12px;border-radius:12px;background:#172e50;border:1px solid #6b82df;color:#eef5ff;font-weight:900}
.a1-pronoun-language-row.a1-german-pronouns span{background:#3a172c;border-color:#ff667e;color:#ff8a9b;font-size:1.08rem}
.a1-example-line{display:block;width:100%;direction:ltr;text-align:left;unicode-bidi:isolate;white-space:normal;overflow-wrap:anywhere;margin:7px 0 10px;color:#a9e5ff;font-weight:800;font-size:1.04em;line-height:1.65}
.a1-bilingual-example{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin:12px 0;padding:12px;border-radius:13px;background:rgba(10,20,45,.42);border:1px solid rgba(128,149,230,.35);list-style:none}
.a1-bilingual-example>b{color:#b4c8ff;font-size:.91rem}
.a1-bilingual-example>span:not(.a1-example-line){color:#e1e9ff;line-height:1.65}
.a1-pronoun-highlight{color:#ff7185!important;font-weight:900!important}
.a1-reading-rule li[dir="ltr"]{unicode-bidi:isolate}
#a1-reading-lessons-section .a1-reading-rule p[dir="ltr"],#a1-reading-lessons-section .a1-reading-text p[dir="ltr"]{direction:ltr;text-align:left;unicode-bidi:isolate}


.a1-exercise-zone{margin:20px 0;padding:clamp(14px,3vw,24px);border:2px solid #e2b75e;border-radius:22px;background:linear-gradient(145deg,#211c3f,#30213e);box-sizing:border-box}
.a1-exercise-zone>h4{margin:0 0 8px;color:#ffe2a0;font-size:1.35rem}
.a1-exercise-intro{color:#d9e4ff;line-height:1.7}
.a1-exercise-card{margin:14px 0;padding:15px;border:1px solid #8e79ca;border-radius:16px;background:#121d38;color:#eaf0ff}
.a1-exercise-card h5{margin:0 0 14px;color:#c8aaff;font-size:1.08rem}
.a1-exercise-card>p,.a1-fill-question{line-height:1.8}
.a1-exercise-ar{display:block;color:#aebfe4;margin-top:4px}
.a1-choice-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:9px;margin:10px 0 18px}
.a1-choice-list label{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #627dc7;border-radius:12px;background:#1b2b50;cursor:pointer}
.a1-choice-list input{width:19px;height:19px;accent-color:#a58aff;flex:0 0 auto}
.a1-fill-question{display:flex;flex-direction:column;gap:8px;margin:14px 0;font-weight:700}
.a1-fill-question input,.a1-match-row select{width:100%;max-width:100%;box-sizing:border-box;padding:12px;border:1px solid #7289d6;border-radius:10px;background:#0d1830;color:#fff;font:inherit}
.a1-match-row{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:12px;margin:12px 0}
.a1-check-exercises{display:block;width:100%;padding:14px;border:1px solid #9ab1ff;border-radius:14px;background:linear-gradient(100deg,#2459dd,#642bc2);color:white;font:inherit;font-weight:900;cursor:pointer}
.a1-exercise-results{margin-top:14px;padding:16px;border:1px solid #57d6b5;border-radius:14px;background:#103a36;color:#e8fff8;line-height:1.8}
.a1-exercise-results ul{margin-bottom:0;padding-inline-start:22px}
@media(max-width:420px){.a1-match-row{grid-template-columns:1fr}.a1-exercise-zone{padding:12px}.a1-exercise-card{padding:12px}}


.a1-german-question,.a1-german-inline{direction:ltr!important;text-align:left!important;unicode-bidi:isolate!important;display:block;line-height:1.7;overflow-wrap:anywhere}
.a1-german-question .a1-q-number{display:inline-block;direction:ltr;unicode-bidi:isolate;margin-right:.35em}
.a1-exercise-ar{direction:rtl!important;text-align:right!important;unicode-bidi:isolate;line-height:1.7}
.a1-fill-question>label{display:block;line-height:1.7}
.azouz-scroll-cue{position:fixed!important;right:14px!important;bottom:calc(146px + env(safe-area-inset-bottom))!important;transform:none!important;width:48px!important;height:48px!important;z-index:100000!important;background:linear-gradient(145deg,#2759ed,#7626d0)!important;color:#fff!important;border:2px solid #a7b8ff!important;box-shadow:0 5px 20px #0008!important}
@media(min-width:791px){.azouz-scroll-cue{right:22px!important;bottom:84px!important}}


.a1-expanded-teaching{margin:20px 0;padding:clamp(14px,3vw,22px);border-radius:20px;border:1px solid #7186df;background:linear-gradient(145deg,#152642,#21183d);color:#e4ecff;line-height:1.8;box-sizing:border-box}
.a1-expanded-teaching h4{margin:18px 0 10px;color:#ff7185;font-size:1.16rem}
.a1-expanded-teaching h4:first-child{margin-top:0}
.a1-expanded-teaching p,.a1-expanded-teaching li{line-height:1.85}
.a1-expanded-teaching b[dir="ltr"]{color:#ff7185}
.a1-teaching-steps{padding-inline-start:24px}
.a1-teaching-steps li{margin:8px 0}
.a1-audio-example{margin:13px 0;padding:14px;border-radius:15px;background:#101d36;border:1px solid #455b91;overflow-wrap:anywhere}
.a1-audio-language-label{font-weight:900;color:#ff7185;margin:5px 0}
.a1-audio-german{direction:ltr!important;text-align:left!important;unicode-bidi:isolate!important;color:#e6efff;font-size:1.05rem;font-weight:800;line-height:1.8;margin:5px 0 8px;overflow-wrap:anywhere}
.a1-audio-arabic{direction:rtl!important;text-align:right!important;unicode-bidi:isolate!important;color:#d9e3ff;line-height:1.8;margin:5px 0}
.a1-audio-explain{color:#ff9aaa;margin:8px 0 0}
.a1-sentence-audio{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;margin:4px 0 10px;padding:7px 13px;border:1px solid #8ca6ff;border-radius:11px;background:linear-gradient(100deg,#2459dd,#642bc2);color:#fff;font:700 14px inherit;cursor:pointer;touch-action:manipulation}
.a1-sentence-audio:active{transform:scale(.97)}
.a1-inline-sentence-audio{display:flex;margin:5px 0 14px}
.a1-article-pills,.a1-negation-grid{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}
.a1-article-pills span{padding:9px 13px;border-radius:12px;background:#14203a;border:1px solid #7889d6;font-weight:900}
.a1-article-pills .der-pill{color:#ff9f89;border-color:#e68b79}
.a1-article-pills .die-pill{color:#ff8fc4;border-color:#d77da7}
.a1-article-pills .das-pill{color:#a9d6ff;border-color:#83b7e6}
.a1-negation-grid>div{flex:1 1 180px;padding:13px;border-radius:13px;background:#101d36;border:1px solid #6879ba}
.a1-negation-grid b{color:#ff7185}
.a1-order-demo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:14px 0}
.a1-order-demo span{padding:10px 5px;text-align:center;border-radius:10px;background:#172c50;border:1px solid #7088d8;color:#dbe8ff;font-weight:800}
.a1-order-demo span:nth-child(2){background:#451a32;border-color:#ff7185;color:#ff9aaa}
@media(max-width:420px){.a1-audio-example{padding:11px}.a1-order-demo span{font-size:.82rem;padding:8px 3px}}


#a1-reading-lessons-section .a1-reading-rule b[dir="ltr"],
#a1-reading-lessons-section .a1-reading-text b[dir="ltr"]{color:#ff7185}
#a1-reading-lessons-section .a1-reading-rule p[dir="ltr"],
#a1-reading-lessons-section .a1-reading-text p[dir="ltr"]{direction:ltr;text-align:left;unicode-bidi:isolate;display:block}