.learning-main{padding-block:36px 64px}.learning-hero{max-width:850px;padding-block:24px 36px}.learning-hero h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.12;margin-block:12px 24px}.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block:28px}.learning-card{border:1px solid #cbd8d8;background:#fff;border-radius:18px;padding:26px;color:#15363b;text-decoration:none}.learning-card h2{font-size:1.5rem}.learning-card:hover{border-color:#087f78}.level-badge{display:inline-block;background:#d7f2e9;color:#075c53;font-weight:800;font-size:1.8rem;border-radius:12px;padding:8px 16px}.learning-nav{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.learning-nav a{color:inherit}.learning-notice,.localisation-notice{background:#edf6f2;border-left:4px solid #137d79;padding:16px;margin-block:20px}.learning-footnote{font-size:.9rem;color:#52656b;margin-top:38px}.exercise-list{max-width:850px;padding-left:24px}.exercise-list>li{padding:24px 16px;border-bottom:1px solid #d9e2e1}.exercise-list h3,.exercise-list legend{font-size:1.15rem;font-weight:600}.exercise-list fieldset{border:0;padding:0;min-width:0}.exercise-list details{margin-top:16px}.exercise-list summary{cursor:pointer;color:#096d65;font-weight:600}.learning-options{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px}.learning-options label{display:flex;gap:10px;align-items:center;padding:14px;border:1px solid #cbd8d8;border-radius:10px;cursor:pointer}.learning-options input{width:18px;height:18px}.language-trigger{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid #a7bfba;border-radius:8px;white-space:nowrap;color:#143f3a;text-decoration:none;font-size:.9rem;margin:8px}.language-modal{border:0;border-radius:24px;padding:32px;max-width:560px;width:calc(100% - 32px);color:#163b3b;box-shadow:0 20px 80px #0003}.language-modal::backdrop{background:#102e35aa}.language-modal h2{font-size:2rem;line-height:1.2;margin:20px 0}.language-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.language-options a{padding:18px;border:1px solid #a9c8c0;border-radius:12px;color:#163f36;text-decoration:none;font-weight:600}.language-options a:hover,.language-options a[aria-current]{background:#dff5ec}.language-close{float:right;background:none;border:0;text-decoration:underline;cursor:pointer;font:inherit}.header-inner{flex-wrap:wrap}.learning-options label:has(input:checked){background:#dff5ec;border-color:#087b68}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #1b72d0;outline-offset:4px}@media(max-width:700px){.learning-grid{grid-template-columns:1fr}.learning-nav{font-size:.9rem;gap:12px}.learning-hero{padding-block:8px 24px}.language-modal{padding:22px}.learning-card{padding:22px}.exercise-list>li{padding-inline:0}.language-trigger{margin-left:0}.learning-main{padding-top:16px}}@media print{header,footer,.language-modal,.language-trigger{display:none}.learning-main{max-width:none}.exercise-list>li{break-inside:avoid}}

.learning-card h2,.learning-card h3{margin-top:16px}.learning-card .level-badge{margin-bottom:4px}

/* Logical spacing and isolation preserve English grammar in RTL interfaces. */
html[dir=rtl] .learning-main,html[dir=rtl] .language-modal{text-align:start}
html[dir=rtl] .exercise-list{padding-left:0;padding-inline-start:24px}
html[dir=rtl] .language-close{float:left}
[lang=en][dir=ltr]{unicode-bidi:isolate}
p[lang=en][dir=ltr],h3[lang=en][dir=ltr],legend[lang=en][dir=ltr]{text-align:left}
.language-modal{max-height:calc(100dvh - 32px);overflow-y:auto}
.language-options a{min-width:0;overflow-wrap:anywhere;text-align:start}
:lang(ur),:lang(ps){font-family:"Noto Naskh Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif;line-height:1.85}
:lang(hi){font-family:"Noto Sans Devanagari","Nirmala UI",Mangal,system-ui,sans-serif;line-height:1.7}
:lang(zh-Hans),:lang(zh-Hant){font-family:"Noto Sans CJK SC","Noto Sans CJK TC","Microsoft YaHei","PingFang SC",system-ui,sans-serif}