:root{color-scheme:light dark;--page:#faf9f5;--surface:#fff;--surface-soft:#f0efe9;--ink:#252a28;--muted:#59615d;--line:#d6d9cf;--strong-line:#788078;--accent:#ffce00;--on-accent:#181c19;--accent-soft:#f7edb5;--contrast-surface:#263e34;--contrast-ink:#faf9f5;--focus:#315e49;--shadow:0 1.5rem 4rem #253b2d0d;--font:"Noto Sans Arabic", Tahoma, Arial, sans-serif;--font-latin:"Noto Sans Arabic", Arial, sans-serif;--text-xs:.78rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:clamp(1.25rem, 2vw, 1.5rem);--text-h2:clamp(1.65rem, 3.2vw, 2.5rem);--text-h1:clamp(2rem, 5vw, 3.7rem);--text-hero:clamp(2.25rem, 4.7vw, 3.8rem);--text-word:clamp(3.8rem, 8vw, 6rem);--leading:1.95;--leading-heading:1.65;--leading-tight:1.4;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-section:clamp(3.5rem, 7vw, 6rem);--gutter:clamp(1.125rem, 4vw, 3rem);--content-width:74rem;--reading-width:47rem;--heading-width:53rem;--radius-sm:.5rem;--radius:.875rem;--radius-lg:1.5rem;--border:1px;--border-strong:2px;--focus-width:3px;--focus-offset:5px;--tap:2.875rem;--icon:1.375rem;--icon-stroke:1.6;--brand-icon:2.75rem;--button-depth:.1875rem;--paragraph-gap:1.25rem;--section-offset:2rem;--mobile-nav-layer:3;--skip-layer:10;--transition:.14s ease;--underline-offset:.3em;--underline-thickness:.07em;--eyebrow-size:.5rem;--note-max:34rem;--hero-min:18rem;--specimen-width:26rem;--specimen-inset:.7rem;--line-height:1.2rem;--menu-line:1.25rem;--sample-number:2.5rem;--grid-min:14rem;--card-mark:9rem;--article-sidebar:15rem;--table-min-cell:4rem;--rule-length:3rem;--zero:0}@media (prefers-color-scheme:dark){:root{--page:#181a19;--surface:#212522;--surface-soft:#2b302c;--ink:#efefe8;--muted:#b6bdb6;--line:#424a43;--strong-line:#8c988e;--accent:#e6b900;--accent-soft:#39341c;--contrast-surface:#d8e6d4;--contrast-ink:#1d2a21;--focus:#e6b900;--shadow:0 1.5rem 4rem #0000001a}}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/noto-sans-arabic-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-89F,U+8A0-8FF,U+200C-200E,U+204F,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/noto-sans-arabic-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}html{background:var(--page);scroll-padding-block-start:var(--section-offset)}body{margin:var(--zero);color:var(--ink);font-family:var(--font);font-size:var(--text-base);line-height:var(--leading);-webkit-text-size-adjust:100%}h1,h2,h3,p,figure{margin:var(--zero)}h1,h2,h3{font-weight:var(--weight-bold);text-wrap:balance;overflow-wrap:break-word}h1{font-size:var(--text-h1);line-height:var(--leading-heading)}h2{font-size:var(--text-h2);line-height:var(--leading-heading)}h3{font-size:var(--text-xl);line-height:var(--leading-heading)}p{text-wrap:pretty}a{color:inherit;text-decoration-thickness:var(--underline-thickness);text-underline-offset:var(--underline-offset)}a:hover{text-decoration:underline}a,summary,button{-webkit-tap-highlight-color:transparent}button,input{font:inherit}img,svg{max-inline-size:100%;display:block}img{block-size:auto}ul,ol{padding-inline-start:var(--space-6)}bdi,[dir=ltr]{unicode-bidi:isolate}[lang=de],[lang=en]{font-family:var(--font-latin)}:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}::selection{background:var(--accent);color:var(--on-accent)}.container{inline-size:min(var(--content-width), calc(100% - var(--gutter) * 2));margin-inline:auto}.reading{max-inline-size:var(--reading-width)}.section{padding-block:var(--space-section)}.muted{color:var(--muted)}.small{font-size:var(--text-sm)}.lead{color:var(--muted);font-size:var(--text-lg);max-inline-size:var(--note-max)}.eyebrow{align-items:center;gap:var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-block-end:var(--space-4);display:flex}.eyebrow:before{content:"";inline-size:var(--eyebrow-size);block-size:var(--eyebrow-size);background:var(--accent);border:var(--border) solid var(--strong-line);flex-shrink:0}.icon{inline-size:var(--icon);block-size:var(--icon);stroke-width:var(--icon-stroke);flex:none}.actions{align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.button{justify-content:center;align-items:center;gap:var(--space-4);min-block-size:var(--tap);padding:var(--space-3) var(--space-6);background:var(--accent);color:var(--on-accent);border:var(--border) solid var(--on-accent);border-radius:var(--radius-sm);box-shadow:0 var(--button-depth) 0 var(--on-accent);font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-heading);text-align:center;transition:transform var(--transition), box-shadow var(--transition);text-decoration:none;display:inline-flex}.button:hover{transform:translateY(calc(-1 * var(--border)));text-decoration:none}.button:active{transform:translateY(var(--button-depth));box-shadow:none}.button-small{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.button-dark{background:var(--on-accent);color:var(--accent);border-color:var(--on-accent);box-shadow:none}.text-link{align-items:center;gap:var(--space-3);min-block-size:var(--tap);font-weight:var(--weight-semibold);display:inline-flex}.skip-link{padding:var(--space-3) var(--space-5);background:var(--surface);z-index:var(--skip-layer);position:absolute;inset-block-start:var(--space-3);inset-inline-start:var(--gutter);transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{border-block-end:var(--border) solid var(--line)}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-6);padding-block:var(--space-5);flex-wrap:wrap;display:flex}.brand{align-items:center;gap:var(--space-3);flex-shrink:0;text-decoration:none;display:inline-flex}.brand:hover{text-decoration:none}.brand img{inline-size:var(--brand-icon);block-size:var(--brand-icon)}.brand span{font-weight:var(--weight-bold);font-size:var(--text-base);line-height:var(--leading-heading)}.brand small{font-weight:var(--weight-regular);font-size:var(--text-xs);color:var(--muted);text-align:start;display:block}.desktop-navigation{gap:var(--space-6);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.desktop-navigation a{min-block-size:var(--tap);align-items:center;text-decoration:none;display:flex}[aria-current]{text-underline-offset:var(--space-2);text-decoration:underline!important;text-decoration-color:var(--strong-line)!important}.mobile-navigation{display:none}.mobile-navigation summary{cursor:pointer;align-items:center;gap:var(--space-3);min-block-size:var(--tap);padding-inline:var(--space-3);list-style:none;display:flex}.mobile-navigation summary::-webkit-details-marker{display:none}.menu-lines{inline-size:var(--menu-line);block-size:var(--space-3);border-block:var(--border-strong) solid currentColor}.mobile-navigation nav{gap:var(--space-2);padding-block:var(--space-4);display:grid}.mobile-navigation nav a{padding:var(--space-2) var(--space-4);min-block-size:var(--tap);border-radius:var(--radius-sm);text-decoration:none}.mobile-navigation nav a:hover{background:var(--surface-soft)}.hero{align-items:center;gap:var(--space-16);padding-block:var(--space-section);grid-template-columns:1.35fr 1fr;display:grid}.hero>*,.article-card>*,.topic-section>*{min-inline-size:0}.hero h1{font-size:var(--text-hero);margin-block-end:var(--space-6)}.hero h1 span{display:block}.hero h1 .hero-accent{font-size:var(--text-h2);font-weight:var(--weight-medium);margin-block-start:var(--space-1)}.hero .actions{margin-block-start:var(--space-8)}.hero-note{font-size:var(--text-sm);color:var(--muted);margin-block-start:var(--space-6)}.word-specimen{border:var(--border) solid var(--line);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);inline-size:100%;max-inline-size:var(--specimen-width);margin-inline:auto;overflow:hidden}.specimen-heading{padding:var(--space-5) var(--space-6);font-size:var(--text-sm);border-block-end:var(--border) solid var(--line)}.specimen-body{min-block-size:var(--hero-min);padding:var(--space-8);background:var(--accent-soft);text-align:center;align-content:center;display:grid}.specimen-word{font-size:var(--text-word);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.specimen-meaning{font-size:var(--text-xl);margin-block-start:var(--space-4)}.specimen-note{padding:var(--space-6);color:var(--muted);font-size:var(--text-sm)}.benefits-section{border-block:var(--border) solid var(--line);background:var(--surface)}.section-title{max-inline-size:var(--heading-width);margin-block-end:var(--space-10)}.feature-grid{gap:var(--space-10);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.feature-icon{inline-size:var(--space-12);block-size:var(--space-12);border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--surface-soft);place-items:center;margin-block-end:var(--space-5);display:grid}.feature-grid h3{margin-block-end:var(--space-3)}.feature-grid p{color:var(--muted)}.section-end{margin-block-start:var(--space-8)}.step-list{padding:var(--zero);margin:var(--zero);gap:var(--space-8);counter-reset:learning-step;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.step-list li{counter-increment:learning-step;border-block-start:var(--border) solid var(--line);padding-block-start:var(--space-6)}.step-list li:before{content:counter(learning-step, decimal-leading-zero);color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:end;direction:ltr;margin-block-end:var(--space-4);display:block}.step-list h3{margin-block-end:var(--space-3)}.step-list p{color:var(--muted)}.topic-section{gap:var(--space-16);padding-block:var(--space-16);border-block:var(--border) solid var(--line);grid-template-columns:1fr 1fr;display:grid}.topic-section h2{margin-block-end:var(--space-5)}.topic-list{gap:var(--zero);margin:var(--zero);padding:var(--zero);list-style:none;display:grid}.topic-list li{align-items:center;gap:var(--space-4);padding-block:var(--space-4);border-block-end:var(--border) solid var(--line);display:flex}.topic-list li:before{content:"";inline-size:var(--space-2);block-size:var(--space-2);background:var(--accent);border:var(--border) solid var(--strong-line);flex-shrink:0}.topic-list li:last-child{border-block-end:none}.audience{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:start;display:grid}.audience p{color:var(--muted);font-size:var(--text-lg)}.audience .prose{font-size:var(--text-sm);margin-block-start:var(--space-5)}.article-card{grid-template-columns:var(--card-mark) 1fr;gap:var(--space-8);background:var(--surface);border:var(--border) solid var(--line);border-radius:var(--radius);padding:var(--space-8);align-items:center;display:grid}.article-mark{background:var(--contrast-surface);color:var(--contrast-ink);border-radius:var(--radius-sm);min-block-size:var(--card-mark);padding:var(--space-5);font-size:var(--text-h2);line-height:var(--leading-tight);font-weight:var(--weight-semibold);align-self:stretch;place-items:center;display:grid}.article-card :is(h2,h3){font-size:var(--text-xl);margin-block-end:var(--space-4)}.article-words{gap:var(--space-1);flex-direction:column;display:flex}.article-card :is(h2,h3) a{text-decoration:none}.article-card :is(h2,h3) a:hover{text-decoration:underline}.article-card .text-link{margin-block-start:var(--space-4)}.level{font-weight:var(--weight-regular);color:var(--muted);margin-inline-start:var(--space-2)}.cta-panel{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-10);background:var(--accent);color:var(--on-accent);border-radius:var(--radius);margin-block:var(--space-8) var(--space-section);display:flex}.cta-panel h2{font-size:var(--text-xl);margin-block-end:var(--space-2)}.cta-panel p{max-inline-size:var(--note-max)}.cta-panel .button{flex-shrink:0}.cta-panel :focus-visible{outline-color:var(--on-accent)}.page-intro{padding-block:var(--space-16) var(--space-12);max-inline-size:var(--heading-width)}.page-intro h1{margin-block-end:var(--space-5)}.page-intro .lead{max-inline-size:var(--reading-width)}.prose{font-size:var(--text-lg);overflow-wrap:break-word}.prose>*+*{margin-block-start:var(--paragraph-gap)}.prose h2{font-size:var(--text-xl);border-block-start:var(--border) solid var(--line);margin-block-start:var(--space-12);padding-block-start:var(--space-5)}.prose h3{font-size:var(--text-lg);margin-block-start:var(--space-8)}.prose>:first-child{margin-block-start:var(--zero)}.prose li+li{margin-block-start:var(--space-3)}.prose a{font-weight:var(--weight-medium)}.prose table{border-collapse:collapse;inline-size:100%;font-size:var(--text-base)}.prose td,.prose th{padding:var(--space-3);text-align:start;border-block-end:var(--border) solid var(--line);min-inline-size:var(--table-min-cell)}.prose th{background:var(--surface-soft)}.prose [lang=de],.prose [lang=en]{font-weight:var(--weight-medium)}.german-example{border-inline-start:var(--border-strong) solid var(--strong-line);background:var(--surface);padding:var(--space-6)}.german-example [lang=de]{font-size:var(--text-xl)}.german-example p+p{color:var(--muted);margin-block-start:var(--space-3)}.page-body{padding-block-end:var(--space-section)}.faq-list{border-block-start:var(--border) solid var(--line)}.faq-item{border-block-end:var(--border) solid var(--line)}.faq-item summary{justify-content:space-between;align-items:center;gap:var(--space-5);min-block-size:var(--tap);padding-block:var(--space-5);cursor:pointer;font-size:var(--text-lg);font-weight:var(--weight-semibold);list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .icon{flex-shrink:0}.faq-item[open] summary .icon{transform:rotate(45deg)}.faq-item p{color:var(--muted);padding-block-end:var(--space-6)}.faq-footer{margin-block-start:var(--space-8)}.support-grid{gap:var(--space-8);grid-template-columns:1fr 1fr;margin-block-end:var(--space-12);display:grid}.support-panel{border:var(--border) solid var(--line);background:var(--surface);border-radius:var(--radius);padding:var(--space-8);scroll-margin-block-start:var(--section-offset)}.support-panel h2{font-size:var(--text-xl);margin-block-end:var(--space-4)}.support-panel p{margin-block-end:var(--space-5)}.support-panel .small{margin-block:var(--space-5) var(--zero)}.email-address{overflow-wrap:anywhere;max-inline-size:100%;font-family:var(--font-latin);font-size:var(--text-base);margin-block:var(--space-3);display:inline-block}.email-details{margin-block-start:var(--space-5)}.email-details summary{cursor:pointer;min-block-size:var(--tap);padding-block:var(--space-2);font-size:var(--text-sm)}.contact-actions{justify-items:start;gap:var(--space-3);margin-block-start:var(--space-5);display:grid}.breadcrumb{gap:var(--space-3);color:var(--muted);font-size:var(--text-sm);flex-wrap:wrap;margin-block-start:var(--space-8);display:flex}.article-layout{grid-template-columns:var(--article-sidebar) minmax(0, var(--reading-width));gap:var(--space-16);align-items:start;display:grid}.table-of-contents{border-block-start:var(--border-strong) solid var(--strong-line);font-size:var(--text-sm);padding-block-start:var(--space-4)}.table-of-contents h2{font-size:var(--text-base)}.table-of-contents ul{padding:var(--zero);list-style:none}.table-of-contents a{min-block-size:var(--tap);padding-block:var(--space-2);display:block}.article-meta{gap:var(--space-5);margin-block:var(--space-5) var(--space-8);color:var(--muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.notice{padding:var(--space-5) var(--space-6);border-inline-start:var(--border-strong) solid var(--strong-line);background:var(--accent-soft);margin-block-end:var(--space-8)}.notice p{margin-block-start:var(--space-2)}.screenshot-gallery{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--grid-min)), 1fr));gap:var(--space-8);display:grid}.screenshot-gallery img{border-radius:var(--radius)}.screenshot-gallery figcaption{color:var(--muted);font-size:var(--text-sm);margin-block-start:var(--space-3)}.site-footer{border-block-start:var(--border) solid var(--line);padding-block:var(--space-12) var(--space-6)}.footer-inner,.footer-bottom{justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.footer-inner p{font-size:var(--text-sm);margin-block-start:var(--space-4)}.footer-inner nav{gap:var(--space-5);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.footer-inner nav a{min-block-size:var(--tap);align-items:center;display:inline-flex}.footer-bottom{border-block-start:var(--border) solid var(--line);font-size:var(--text-xs);color:var(--muted);margin-block-start:var(--space-8);padding-block-start:var(--space-5)}@media (width<=64rem){.desktop-navigation,.header-cta{display:none}.mobile-navigation{display:block}.mobile-navigation[open]{flex-basis:100%}.mobile-navigation[open] summary{justify-content:end}.hero{gap:var(--space-8)}.cta-panel{flex-direction:column;align-items:start}.article-layout{gap:var(--space-8);grid-template-columns:1fr}.table-of-contents{max-inline-size:var(--reading-width)}}@media (width<=46rem){.hero,.topic-section,.audience,.support-grid{gap:var(--space-8);grid-template-columns:1fr}.hero .word-specimen{margin-block-start:var(--space-5)}.feature-grid,.step-list{gap:var(--space-8);grid-template-columns:1fr}.step-list li{grid-template-columns:var(--sample-number) 1fr;column-gap:var(--space-4);display:grid}.step-list li:before{margin:var(--zero);grid-row:span 2}.step-list p{grid-column:2}.feature-icon{margin-block-end:var(--space-4)}.page-intro{padding-block-start:var(--space-10)}.cta-panel,.support-panel,.article-card{padding:var(--space-6)}.article-card{grid-template-columns:1fr}.article-mark{justify-items:start;min-block-size:auto}.article-words{gap:var(--space-4);flex-flow:wrap}.footer-inner{flex-direction:column;align-items:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}