.language-page{max-width:850px;margin:0 auto;padding:0 28px 55px}.language-page .hero{justify-content:center;text-align:center;padding-top:65px;flex-direction:column;gap:20px}.language-page .hero h1{font-size:32px}.language-page .hero h1 span{display:block;margin-top:12px;font-size:22px;letter-spacing:-.4px}.language-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.language-card{display:flex;flex-direction:column;align-items:center;gap:11px;padding:34px 25px;border:1px solid #d9e5e2;border-radius:22px;background:#fff;color:#2e5f5c;text-decoration:none;transition:transform .18s,box-shadow .18s}.language-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px #264e5014}.language-card.arabic{background:linear-gradient(145deg,#e5f4ee,#fff)}.language-card.french{background:linear-gradient(145deg,#f0eafa,#fff);border-color:#e0d5ee;color:#75609e}.language-symbol{display:grid;place-items:center;width:66px;height:66px;border-radius:18px;background:#ffffffd0;font-size:25px;font-weight:600}.language-card strong{font-size:23px}.language-card small{font-size:12px;color:#6e7e88}.language-card .open-language{margin-top:12px;font-size:12px;font-weight:600}.language-card[lang=ar]{font-family:'Segoe UI',Tahoma,Arial,sans-serif}.language-card[lang=ar] strong{font-size:27px}.language-description{color:var(--muted);font-size:13px;text-align:center;margin:25px auto 0}.language-switch{border-color:#c9ded9;color:#427c80}
html[dir=rtl] body{font-family:'Segoe UI',Tahoma,Arial,sans-serif;font-size:16px;line-height:1.9}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] .button{font-family:inherit;font-size:14px}html[dir=rtl] .hero-description{font-size:16px}html[dir=rtl] .eyebrow{font-size:12px}html[dir=rtl] .reference-note{font-size:14px;border-left:0;border-right:3px solid #c4a46a;border-radius:12px 0 0 12px}html[dir=rtl] .complement{font-size:14px;border-left:0;border-right:3px solid #d4c7e2}html[dir=rtl] summary{font-size:17px}html[dir=rtl] summary::after{margin-left:0;margin-right:auto}html[dir=rtl] .hero-symbol{transform:rotate(5deg)}html[dir=rtl] .start-list{padding:22px 44px 22px 26px}html[dir=rtl] .start-list li{font-size:15px;padding-right:7px;padding-left:0}html[dir=rtl] .level-code{min-width:76px;height:auto;min-height:49px;font-size:12px;padding:5px}html[dir=rtl] .level-choice strong{font-size:15px}html[dir=rtl] .level-choice small{font-size:12px}html[dir=rtl] .level-intro>p{font-size:15px}html[dir=rtl] .targets li{font-size:14px}html[dir=rtl] .unit-goal,html[dir=rtl] .activity p,html[dir=rtl] .step p,html[dir=rtl] .evaluation-box li,html[dir=rtl] .formula,html[dir=rtl] .check-row{font-size:14px}html[dir=rtl] .activity strong,html[dir=rtl] .step h3{font-size:14px}html[dir=rtl] .evaluation-box ul{padding-right:19px;padding-left:0}html[dir=rtl] .section-nav a{font-size:13px}html[dir=rtl] .source-line,html[dir=rtl] .source-panel>p,html[dir=rtl] .source-list small,html[dir=rtl] .regional-note,html[dir=rtl] .storage-note{font-size:12px}html[dir=rtl] .source-list a{font-size:14px}html[dir=rtl] .section-heading .label{font-size:12px}html[dir=rtl] .progress-copy{font-size:14px}html[dir=rtl] .footer{font-size:12px}html[dir=rtl] .common-list strong{font-size:15px}html[dir=rtl] .common-list p{font-size:14px}html[dir=rtl] .check-row input{margin:5px 0 0}html[dir=rtl] #fiche-access-code,html[dir=rtl] #fiche-access-device code{direction:ltr;text-align:center}html[dir=rtl] .fiche-access-dialog{font-family:'Segoe UI',Tahoma,Arial,sans-serif}html[dir=rtl] .fiche-access-close{right:auto;left:16px}html[dir=rtl] .fiche-access-kicker{letter-spacing:0}
@media(max-width:760px){.language-page{padding:0 20px 35px}.language-page .hero{padding-top:35px}.language-page .hero h1{font-size:28px}.language-page .hero h1 span{font-size:18px}.language-cards{grid-template-columns:1fr;gap:15px}.language-card{padding:25px 20px}.language-card strong{font-size:21px}html[dir=rtl] .start-list{padding:17px 34px 17px 18px}html[dir=rtl] .top-actions{align-items:stretch}html[dir=rtl] h1{font-size:30px}html[dir=rtl] .level-code{min-width:70px}}
@media(prefers-reduced-motion:reduce){.language-card{transition:none}.language-card:hover{transform:none}}
@media print{.language-page{display:none!important}html[dir=rtl] .hero-description,html[dir=rtl] .level-intro>p,html[dir=rtl] .start-list li,html[dir=rtl] .targets li,html[dir=rtl] .activity p,html[dir=rtl] .unit-goal,html[dir=rtl] .step p,html[dir=rtl] .evaluation-box li,html[dir=rtl] .formula,html[dir=rtl] .check-row{font-size:13px}html[dir=rtl] .source-line,html[dir=rtl] .source-panel>p,html[dir=rtl] .source-list small{font-size:11px}html[dir=rtl] .start-list{padding:16px 35px 16px 20px}}
