@font-face{font-family:uiFont;src:url(../media/NotoSansArabic_400Regular-s.p.32wuj00-zc10s.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:uiFont;src:url(../media/NotoSansArabic_700Bold-s.p.1xcqm-ig-gwoh.ttf)format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:uiFont Fallback;src:local(Arial);ascent-override:129.05%;descent-override:69.32%;line-gap-override:0.0%;size-adjust:106.47%}.Vo-tCG_className{font-family:uiFont,uiFont Fallback,Tahoma,Arial,sans-serif}.Vo-tCG_variable{--font-ui:"uiFont", "uiFont Fallback", Tahoma, Arial, sans-serif}
@font-face{font-family:storyFont;src:url(../media/NotoNaskhArabic_400Regular-s.p.3iifs2hcpyg1q.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:storyFont Fallback;src:local(Arial);ascent-override:99.19%;descent-override:58.83%;line-gap-override:0.0%;size-adjust:107.78%}._4MGiSq_className{font-family:storyFont,storyFont Fallback,Times New Roman,serif;font-style:normal;font-weight:400}._4MGiSq_variable{--font-story:"storyFont", "storyFont Fallback", Times New Roman, serif}
:root{--fs-badge:.8125rem;--fs-xs:.875rem;--fs-small:.9375rem;--fs-step:1rem;--fs-body:1.0625rem;--fs-large:1.125rem;--fs-feature:1.25rem;--fs-question:1.5rem;--fs-reader-title:1.5rem;--fs-card-title:1.625rem;--fs-wordmark-footer:1.75rem;--fs-wordmark:1.875rem;--fs-vocab-word:2.125rem;--fs-lead:clamp(1.125rem, .125rem + 1.25vw, 1.3125rem);--fs-closing:clamp(1.1875rem, .125rem + 1.43vw, 1.4375rem);--fs-note-title:clamp(1.375rem, .125rem + 1.82vw, 1.75rem);--fs-story:clamp(1.5rem, 1.2rem + .9vw, 2rem);--fs-principle:clamp(1.625rem, .125rem + 2.22vw, 2.125rem);--fs-h2:clamp(1.875rem, .125rem + 2.8vw, 2.875rem);--fs-quote:clamp(1.875rem, .125rem + 3.55vw, 3.375rem);--fs-verse:clamp(2.125rem, .125rem + 4.33vw, 4rem);--fs-h1:clamp(2.375rem, .36rem + 4.2vw, 4.125rem);--gutter:clamp(1rem, 2.6vw, 2.5rem);--space-section:clamp(3.5rem, 7vw, 7rem);--space-hero-top:clamp(2rem, 5vw, 4.5rem);--space-hero-bottom:clamp(2.5rem, 5vw, 4.5rem);--space-closing:clamp(4rem, 8vw, 7.5rem);--header-height:4.8125rem;--radius-reader:2rem;--radius-lg:1.75rem;--radius-md:1.25rem;--radius-art:1.25rem;--radius-sm:1rem;--radius-xs:.875rem;--shadow-reader:0 2.25rem 4.5rem -2.5rem #243b458c;--shadow-card:0 1.5rem 3rem -2.25rem #243b4573;--focus-ring:var(--primary)}@media (max-width:47.99rem){:root{--header-height:4rem}}@media (max-height:30rem){:root{--header-height:0rem}}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-ui), Tahoma, sans-serif;color:var(--ink);background:var(--canvas);-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-block-start:calc(var(--header-height) + 1rem)}html[lang=en]{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[lang=ar][dir=rtl]{unicode-bidi:isolate}.language-switch{min-block-size:var(--target);min-inline-size:var(--target);color:inherit;font-size:var(--fs-small);white-space:nowrap;border:1px solid;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:.5rem .875rem;font-weight:700;text-decoration:none;display:inline-flex}.language-switch:hover{background:var(--sand);color:var(--ink)}.story-language-note{background:var(--mint);color:var(--ink);border-radius:var(--radius-xs);font-size:var(--fs-small);padding:.875rem 1rem;line-height:1.6}.not-found-languages{flex-wrap:wrap;gap:1rem;display:flex}html[dir=ltr] [data-control=previous] .icon,html[dir=ltr] [data-control=next] .icon,html[dir=ltr] [data-action=next] .icon{transform:scaleX(-1)}@media (max-width:21.99rem){.wordmark-name{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{min-block-size:100vh;font-size:var(--fs-body);background:var(--canvas);color:var(--ink);margin:0;line-height:1.85}h1,h2,h3,h4,p,figure,blockquote,dl,dd,ol,ul{margin:0}h1,h2,h3,h4{font-weight:700;line-height:1.45}img,svg{display:block}img{block-size:auto;max-inline-size:100%}a{color:var(--primary);text-underline-offset:.3em}a:hover{color:var(--primary-hover)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}main:focus{outline:none}.on-dark{--focus-ring:var(--highlight)}.container{inline-size:100%;max-inline-size:calc(var(--max-width) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.nowrap{white-space:nowrap}.flip-inline{transform:scaleX(-1)}.icon{flex:none}.art{aspect-ratio:1;object-fit:contain;block-size:auto;inline-size:100%}[data-category=nature]{--tint:var(--tint-nature)}[data-category=adventure]{--tint:var(--tint-adventure)}[data-category=imagination]{--tint:var(--tint-imagination)}.skip-link{z-index:100;min-block-size:var(--target);background:var(--ink);color:var(--paper);border-radius:999px;align-items:center;padding:.5rem 1.25rem;font-weight:700;text-decoration:none;display:inline-flex;position:absolute;inset-block-start:-10rem;inset-inline-start:1rem}.skip-link:focus{inset-block-start:1rem}.skip-link:hover{color:var(--paper)}.section{padding-block:var(--space-section)}.section-paper{background:var(--paper)}.section-title{font-size:var(--fs-h2);text-wrap:balance;line-height:1.4}.section-intro{font-size:var(--fs-large);color:var(--muted);text-wrap:pretty}.eyebrow{color:var(--primary);align-items:center;gap:.625rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--highlight);border-radius:50%;flex:none;block-size:.75rem;inline-size:.75rem;box-shadow:0 0 0 .3125rem #f2c66d59}.button{min-block-size:var(--target);min-inline-size:var(--target);color:var(--ink);text-align:center;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.375rem;font-weight:700;line-height:1.4;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.button-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.button-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--on-primary)}.button-outline{background:var(--paper);border-color:var(--primary);color:var(--primary)}.button-outline:hover{background:var(--mint);color:var(--ink)}.button-quiet{font-weight:400}.button-quiet:hover{background:var(--sand);color:var(--ink)}.button-light{background:var(--paper);border-color:var(--paper);color:var(--primary)}.button-light:hover{background:var(--mint);border-color:var(--mint);color:var(--ink)}.button-outline-light{border-color:var(--paper);color:var(--paper);background:0 0}.button-outline-light:hover{color:var(--paper);background:#fffefa1f}.button-large{min-block-size:4rem;font-size:var(--fs-large);padding-inline:1.75rem}.button[aria-disabled=true]{opacity:.45;cursor:not-allowed}.pill{min-block-size:var(--target);min-inline-size:var(--target);border:2px solid var(--control-border);background:var(--paper);color:var(--ink);text-align:center;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.4rem 1rem;font-weight:700;line-height:1.4;display:inline-flex;position:relative}.pill:hover{border-color:var(--primary)}.pill[aria-pressed=true],.pill[aria-checked=true],.pill.is-selected{background:var(--ink);border-color:var(--ink);color:var(--paper)}.pill:has(input:checked){background:var(--ink);border-color:var(--ink);color:var(--paper)}.pill input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.pill:has(input:focus-visible){outline:3px solid var(--focus-ring);outline-offset:3px}.pill-group{border:0;flex-wrap:wrap;gap:.4rem;min-inline-size:0;margin:0;padding:0;display:flex}.pill-group legend{font-size:var(--fs-small);margin-block-end:.4rem;padding:0;font-weight:700}.badge{background:var(--sand);color:var(--ink);font-size:var(--fs-badge);white-space:nowrap;border-radius:999px;align-items:center;padding:.4375rem .75rem;font-weight:700;line-height:1;display:inline-flex}.tag{background:var(--sand);color:var(--ink);font-size:var(--fs-xs);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-weight:700;line-height:1.4;display:inline-flex}.story-text{font-family:var(--font-story), serif;color:var(--ink);white-space:pre-line;overflow-wrap:break-word;font-weight:400;line-height:2.15}.story-text .vocab{text-decoration-line:underline;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary);text-underline-offset:.4em;text-decoration-skip-ink:none;text-decoration-thickness:2px}.story-text .is-active,.story-text .highlight{background:var(--highlight);color:var(--ink);box-shadow:0 0 0 .12em var(--highlight);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.3em}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
