:root{--navy:#203b34;--blue:#246457;--muted:#64756d;--border:#dee6de;background:#fafaf6;font-family:"Segoe UI",Tahoma,Arial,sans-serif}body{background:radial-gradient(ellipse at 90% 0%,#eaf0e8 0,transparent 42%),#fafaf6}.wrap{max-width:1180px}.site-header{padding-block:27px;border-bottom:1px solid var(--border)}.brand{letter-spacing:-.7px}.brand-mark{background:#246457;width:47px;height:47px;letter-spacing:-2px;font-size:1.5rem}.brand-mark span{color:#f4d99e;font-size:.8rem;letter-spacing:-.7px}.brand-light{font-weight:450}.main-nav{display:flex;align-items:center;gap:28px;font-size:.9rem;font-weight:600}.main-nav a{padding:10px 0;color:var(--muted)}.main-nav a:hover{color:var(--blue)}.main-nav a:last-child{padding:11px 17px;background:#e8eee7;border-radius:10px;color:var(--blue)}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;padding:65px 0 52px}.hero h1{font-size:clamp(2.4rem,4.5vw,3.8rem);letter-spacing:-2.7px;line-height:1.1}.hero .intro-text{max-width:570px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero-actions .button{gap:18px;flex:none}.hero-facts{display:flex;gap:22px;margin-top:24px;color:var(--muted);font-size:.8rem;flex-wrap:wrap}.hero-facts span:before{content:'✓';color:var(--blue);margin-right:7px}.hero-art{position:relative}.hero-art>img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:34px;background:#e7eee5}.art-label{display:block;position:relative;width:max-content;max-width:90%;margin:-21px auto 0;padding:13px 20px;border:1px solid var(--border);background:#fff;box-shadow:0 9px 24px #2847370c;border-radius:14px;color:var(--blue);font-size:.83rem;font-weight:650;text-align:center}.eyebrow{color:#607569}.tricolor{background:linear-gradient(180deg,#171717 0 33%,#dd303b 33% 66%,#e6b544 66%);height:16px;width:24px;border-radius:2px}.workspace{gap:24px;grid-template-columns:1.7fr 1fr}.languages,.study-card{box-shadow:0 8px 32px #12306304}.language-card{background:#fff;border-color:var(--border)}.language-card:hover{background:#f2f6ee;border-color:#acc2b4}.flag{width:52px;height:36px;object-fit:cover;flex:0 0 52px;border-radius:6px;border:1px solid #00000010;box-shadow:0 3px 7px #213f3212}.card-action{font-size:1.25rem}.section-icon{border-radius:12px}.step{color:#61746b;letter-spacing:1.5px}.small-note{font-size:.79rem;line-height:1.65;color:var(--muted)}.languages>.small-note{margin:17px 0 0}.language-name span{font-size:.8rem}.test-panel{background:#244f43;box-shadow:none}.test-panel .step{color:#c1d4c6}.test-panel p{color:#d0e0d2}.test-note{color:#c2d5c5}.quiz-illustration{width:116px;height:92px;margin:20px 0 17px;border-radius:16px}.test-panel h2{font-size:1.9rem}.start-button{background:#e8cc8e;color:#284436;box-shadow:none}.start-button:hover{background:#f1dca9}.button.primary:hover{background:#184e40}.button.secondary{background:#edf2e9;color:#315746;border-color:#dce5d8}.button.secondary:hover{background:#e3ecdd}.button.primary{box-shadow:0 4px 11px #24645716}.topics-section{margin-top:53px}.topics-section h2,.faq h2{font-size:1.8rem;letter-spacing:-.7px;margin:11px 0}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:25px}.topic-card{background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:transform .18s,box-shadow .18s}.topic-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #213c3410}.topic-card>img{display:block;width:100%;height:150px;object-fit:contain;background:#eef4ef;border-radius:0}.topic-card>div{padding:20px}.topic-card h3{font-size:1.12rem;line-height:1.4;min-height:3em;margin:10px 0}.topic-card p{font-size:.9rem;line-height:1.65;color:var(--muted);min-height:4.8em;margin:0 0 18px}.topic-card .step{font-size:.65rem}.text-link{color:var(--blue);font-size:.9rem;font-weight:650;text-decoration:none}.text-link:hover{text-decoration:underline}.about-strip{display:flex;align-items:center;gap:26px;background:#f0f2e9;border:1px solid #e1e7d8;border-radius:24px;padding:30px;margin:50px 0 35px}.about-strip img{flex:none;border-radius:18px}.about-strip h2{margin:0;font-size:1.35rem}.about-strip p{color:var(--muted);line-height:1.75;font-size:.95rem;max-width:870px}.faq{margin:38px 0}.faq details,.review-list details{background:#fff;border:1px solid var(--border);border-radius:13px;padding:18px 22px;margin-top:10px}.faq summary,.review-list summary{font-weight:600;cursor:pointer;line-height:1.6}.faq details p,.review-list p{color:var(--muted);line-height:1.8}.site-footer{border-top:1px solid var(--border);padding-top:25px;margin-top:50px}.site-footer a:hover{text-decoration:underline}.content-main{padding-top:48px;min-height:65vh}.content-main>h1{font-size:2.9rem}.content-main>p{max-width:780px}.topic-intro{display:flex;align-items:center;gap:45px;margin:30px 0 45px}.topic-intro>div{flex:1}.topic-intro>img{width:270px;height:auto;border-radius:25px}.topic-intro h1{font-size:2.7rem;letter-spacing:-1.4px;line-height:1.2}.prose{max-width:850px}.prose p,.prose li{line-height:1.9;color:var(--muted)}.prose h2{margin-top:35px}.prose a{text-decoration:underline;color:var(--blue)}.study-main{max-width:960px}.study-heading .eyebrow{color:var(--muted)}.mode-badge{background:#ecf1e7;border-color:#dce6d4;color:#3b6854}.study-block.question-block{background:#f7f8f3;border-color:#e3e9de}.answer-block{background:#edf4eb;border-color:#dce9d7}.audio-btn{color:#246457;background:#e9f0e3;border-color:#d4e4cd}.audio-btn:hover{background:#dce9d5}.progress-heading #progressText{color:var(--blue)}.progress-track{background:#eaf0e5}.completion-mark{background:#edf4e9;color:var(--blue)}.option:hover:enabled{border-color:#90b09b;background:#f1f6ec}.question-figure{float:right;margin:0 0 18px 24px;width:158px;text-align:center}.question-figure img{width:158px;height:125px;border-radius:16px}.question-figure figcaption{font-size:.7rem;color:var(--muted);line-height:1.6;margin-top:8px}.study-block{overflow:hidden}html[dir="rtl"] .question-figure{float:left;margin:0 24px 18px 0}.controls{clear:both}.review-list{text-align:left;max-width:760px;margin:30px auto 0}.review-list h3{font-size:1.25rem}.skip{position:fixed;z-index:10;left:12px;top:0;transform:translateY(-150%);background:#fff;border:2px solid var(--blue);padding:12px;border-radius:10px}.skip:focus{transform:none}
@media(max-width:1050px){.hero{gap:30px}.topic-grid{grid-template-columns:repeat(2,1fr)}.language-grid{grid-template-columns:1fr}.topic-card p{min-height:0}.topic-card h3{min-height:0}.hero h1{font-size:3rem}.main-nav{gap:18px}}
@media(max-width:680px){.site-header{padding-block:20px}.main-nav{gap:16px;font-size:.82rem;width:100%;justify-content:space-between}.main-nav a:last-child{padding:9px 14px}.hero{grid-template-columns:1fr;padding:32px 0;gap:32px}.hero h1{font-size:2.8rem;letter-spacing:-1.8px}.hero-art{max-width:440px;width:100%;margin:auto}.hero-art>img{max-height:280px}.hero-actions .button{flex:1;padding:12px 14px}.hero-facts{gap:16px;margin-top:21px}.art-label{font-size:.78rem}.workspace{grid-template-columns:1fr}.language-grid{grid-template-columns:1fr 1fr}.language-card{gap:9px;flex-wrap:wrap;align-items:center}.language-card .flag{width:38px;height:27px;flex-basis:38px}.language-name{flex:1}.language-name b{font-size:1rem}.language-name span{font-size:.68rem}.card-action{display:none}.test-panel h2 br{display:block}.test-panel{padding:26px}.quiz-illustration{margin-top:20px}.topics-section{margin-top:37px}.topic-grid{gap:12px}.topic-card>img{height:114px}.topic-card>div{padding:14px}.topic-card h3{font-size:1rem}.topic-card p{font-size:.8rem}.topic-card .text-link{font-size:.8rem}.topic-card .step{font-size:.58rem;letter-spacing:.6px}.topics-section h2,.faq h2{font-size:1.5rem}.topics-section .section-heading{align-items:start;flex-direction:column;gap:0}.about-strip{padding:22px;align-items:start;gap:15px;margin-top:32px}.about-strip img{width:55px;height:auto}.about-strip h2{font-size:1.15rem}.about-strip p{font-size:.86rem}.faq details{padding:16px}.topic-intro{flex-direction:column;align-items:start;gap:24px}.topic-intro>img{width:200px}.topic-intro h1,.content-main>h1{font-size:2.15rem;letter-spacing:-1px}.content-main{padding-top:32px}.question-figure,html[dir="rtl"] .question-figure{float:none;width:100%;margin:0 0 18px;display:flex;align-items:center;gap:14px;text-align:start}.question-figure img{width:92px;height:73px}.question-figure figcaption{font-size:.8rem}.study-card{padding:20px 16px}.controls{flex-wrap:wrap;align-items:center}.controls>.small-note{width:100%}.controls .button{flex:1}.site-footer span:last-child{display:block}.site-footer a{font-size:.78rem}h1{overflow-wrap:anywhere}}
@media(max-width:370px){.language-grid{grid-template-columns:1fr}.topic-grid{grid-template-columns:1fr}.brand{font-size:1.2rem}.hero h1{font-size:2.35rem}.hero-facts{font-size:.72rem}.topic-card>img{height:140px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.study-filters{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 20px}.study-filters label{display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--muted)}.study-filters select{max-width:300px;min-width:130px;background:#fff}.study-heading .section-copy{max-width:650px;line-height:1.7}.question-figure{min-height:155px}.question-figure img{object-fit:cover;background:#f6f2e9}html[dir="rtl"] .question-figure figcaption{text-align:left}
@media(max-width:680px){.study-filters{gap:12px}.study-filters label{flex:1;min-width:0;display:block}.study-filters select{display:block;margin-top:7px;width:100%;max-width:none;min-width:0;padding-right:24px}.question-figure{min-height:0}}
/* Content remains readable at enlarged browser text sizes. */
.hero>*{min-width:0}.brand{min-width:0;max-width:100%;overflow-wrap:anywhere}.brand>span:last-child{min-width:0}.brand-mark{flex-shrink:0}.main-nav{flex-wrap:wrap}.main-nav a{overflow-wrap:anywhere}.hero-art{min-width:0}.about-strip>div{min-width:0}.section-heading>*{min-width:0}.hero-actions .button{min-width:0}.topic-card{min-width:0}.text-link{overflow-wrap:anywhere}.art-label{width:fit-content}
@media(max-width:680px){.hero{grid-template-columns:minmax(0,1fr)}.hero-art{max-width:100%}.main-nav{gap:10px}.language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:370px){.language-grid{grid-template-columns:minmax(0,1fr)}}
.question-figure img{object-fit:contain;background:#f6f2e9}
@media(min-width:681px){.question-figure{width:205px;min-height:184px}.question-figure img{width:205px;height:154px}}
.faq .question-thumb,.review-list details>img{display:block;width:180px;height:135px;object-fit:contain;border-radius:15px;background:#f6f2e9;margin-top:16px;max-width:100%}
h2,h3,p,summary{overflow-wrap:anywhere}
@media(min-width:681px){.question-block{min-height:205px}}
.language-name span{overflow-wrap:anywhere}
.option{overflow-wrap:anywhere}
@media(max-width:680px){.question-figure,html[dir="rtl"] .question-figure{display:block;text-align:center}.question-figure img{display:block;width:100%;max-width:280px;height:auto;aspect-ratio:4/3;margin-inline:auto;border-radius:18px}.question-figure figcaption,html[dir="rtl"] .question-figure figcaption{text-align:center;margin-top:10px}}