@import"https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap";:root{--color-parchment: #e8dcc4;--color-paper: #f5efe6;--color-border: #d4c4a8;--color-text: #5d4e37;--color-text-muted: #8b7355;--color-accent: #b8860b;--color-accent-hover: #996f0a;--color-success: #4a7c59;--color-error: #a94442;--color-arabic: #3d3225;--font-size-arabic-small: 22px;--font-size-arabic-medium: 26px;--font-size-arabic-large: 34px;--font-size-arabic: var(--font-size-arabic-medium);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(93, 78, 55, .1);--shadow-md: 0 4px 6px rgba(93, 78, 55, .1);--shadow-lg: 0 10px 15px rgba(93, 78, 55, .1);--max-width: 1200px;--header-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-parchment);color:var(--color-text);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;color:var(--color-text);font-weight:600;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{margin-bottom:var(--spacing-md)}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent-hover);text-decoration:underline}.arabic-text,[dir=rtl]{font-family:Noto Naskh Arabic,serif;font-size:var(--font-size-arabic);color:var(--color-arabic);line-height:2;direction:rtl;text-align:right}.font-size-small{--font-size-arabic: var(--font-size-arabic-small)}.font-size-medium{--font-size-arabic: var(--font-size-arabic-medium)}.font-size-large{--font-size-arabic: var(--font-size-arabic-large)}[data-font-size=small]{--font-size-arabic: var(--font-size-arabic-small)}[data-font-size=medium]{--font-size-arabic: var(--font-size-arabic-medium)}[data-font-size=large]{--font-size-arabic: var(--font-size-arabic-large)}.portable-text-content{font-family:Noto Naskh Arabic,serif;font-size:var(--font-size-arabic);color:var(--color-arabic);line-height:2.2;direction:rtl;text-align:right}.portable-text-content .arabic-paragraph{margin-bottom:var(--spacing-md)}.portable-text-content .arabic-heading{font-weight:600;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}.portable-text-content h2{font-size:1.5em}.portable-text-content h3{font-size:1.25em}.portable-text-content .arabic-quote{border-right:4px solid var(--color-accent);padding-right:var(--spacing-md);margin:var(--spacing-lg) 0;font-style:italic;color:var(--color-text-muted)}.portable-text-content .arabic-list{margin:var(--spacing-md) 0;padding-right:var(--spacing-xl)}.portable-text-content .arabic-list li{margin-bottom:var(--spacing-sm)}.portable-text-content a{color:var(--color-accent);text-decoration:underline}.portable-text-content strong{font-weight:700}.portable-text-content em{font-style:italic}.portable-text-content u{text-decoration:underline}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.card{background-color:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:var(--color-accent-hover);color:#fff;text-decoration:none}.btn-secondary{background-color:var(--color-paper);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-border)}.badge{display:inline-block;width:fit-content;padding:2px 8px;font-family:Playfair Display,serif;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm);background-color:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);transition:all .2s ease}.badge:hover{color:var(--color-accent);border-color:var(--color-accent)}.difficulty-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.difficulty-tab{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:all .2s ease}.difficulty-tab:hover{background-color:var(--color-border)}.difficulty-tab.active{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.difficulty-tab:disabled{opacity:.4;cursor:not-allowed}.vocab-table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0}.vocab-table th,.vocab-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);text-align:left}.vocab-table th{background-color:var(--color-border);font-weight:600}.vocab-table tr:hover{background-color:var(--color-paper)}.vocab-table .arabic-word{font-family:Noto Naskh Arabic,serif;font-size:1.25rem;direction:rtl;text-align:right}.vocab-table a{display:block}.audio-player{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-md);margin:var(--spacing-lg) 0}.audio-player audio{flex:1;height:40px}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:var(--spacing-2xl)}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-error)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}@media(max-width:768px){:root{--font-size-arabic-small: 18px;--font-size-arabic-medium: 22px;--font-size-arabic-large: 28px}h1{font-size:1.5rem}h2{font-size:1.25rem}.container{padding:0 var(--spacing-sm)}.difficulty-tabs{flex-wrap:wrap}.vocab-table th,.vocab-table td{padding:var(--spacing-xs) var(--spacing-sm)}}@media print{body{background-color:#fff}.card{box-shadow:none;border:1px solid #ccc}}.header[data-astro-cid-37fxchfa]{position:sticky;top:0;background-color:var(--color-paper);border-bottom:1px solid var(--color-border);z-index:100;height:var(--header-height)}.header-inner[data-astro-cid-37fxchfa]{display:flex;align-items:center;justify-content:space-between;height:100%}.logo[data-astro-cid-37fxchfa]{text-decoration:none}.logo-text[data-astro-cid-37fxchfa]{font-size:1.25rem;font-weight:600;color:var(--color-text)}.nav[data-astro-cid-37fxchfa]{display:flex;gap:var(--spacing-md)}.nav-link[data-astro-cid-37fxchfa]{color:var(--color-text-muted);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all .2s ease}.nav-link[data-astro-cid-37fxchfa]:hover{color:var(--color-accent);text-decoration:none}.main[data-astro-cid-37fxchfa]{min-height:calc(100vh - var(--header-height) - 80px);padding:var(--spacing-xl) 0}.footer[data-astro-cid-37fxchfa]{background-color:var(--color-paper);border-top:1px solid var(--color-border);padding:var(--spacing-lg) 0}.footer-inner[data-astro-cid-37fxchfa]{text-align:center}.footer-text[data-astro-cid-37fxchfa]{color:var(--color-text-muted);font-size:.875rem;margin:0}.bottom-nav[data-astro-cid-37fxchfa]{display:none;position:fixed;bottom:0;left:0;right:0;background-color:#f5efe6f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--color-border);padding:var(--spacing-sm) 0;padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom));z-index:100;transition:transform .3s ease}.bottom-nav[data-astro-cid-37fxchfa].hidden{transform:translateY(100%)}.bottom-nav-item[data-astro-cid-37fxchfa]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:var(--spacing-xs) 0;color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.bottom-nav-item[data-astro-cid-37fxchfa]:hover,.bottom-nav-item[data-astro-cid-37fxchfa].active{color:var(--color-accent);text-decoration:none}.bottom-nav-icon[data-astro-cid-37fxchfa]{width:24px;height:24px;margin-bottom:2px}.bottom-nav-label[data-astro-cid-37fxchfa]{font-size:.625rem;font-weight:500}.external-indicator[data-astro-cid-37fxchfa]{font-size:.5rem;vertical-align:super}@media(max-width:768px){.header[data-astro-cid-37fxchfa]{display:none}.bottom-nav[data-astro-cid-37fxchfa]{display:flex}.main[data-astro-cid-37fxchfa]{min-height:calc(100vh - 80px);padding-bottom:80px}}