.library-main{padding-block:40px 80px;min-height:70vh}.library-intro{max-width:790px;margin-block-end:24px}.library-intro h1{font-size:clamp(2rem,3.5vw,2.8rem);line-height:1.2;margin-block:12px 20px}.library-intro>p:last-child{max-width:650px;font-size:1.1rem;line-height:1.9;color:var(--muted)}.library-filters{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding-block:24px;border-block:1px solid var(--line)}.library-search{flex:1 1 240px}.library-search input{width:100%;padding:14px 18px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font:inherit;color:inherit}.level-filters{display:flex;gap:8px;flex-wrap:wrap}.level-filter{font:inherit;padding:9px 14px;border:1px solid var(--line);border-radius:8px;background:transparent;color:inherit;cursor:pointer}.level-filter[aria-pressed=true]{background:var(--blue);color:#f6f8ff;border-color:var(--blue)}.library-status{min-height:0;margin-block:28px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 44px}.library-book{min-width:0}.library-cover{display:block;max-width:300px;aspect-ratio:2/3;box-shadow:5px 8px 0 oklch(88% .024 265);border-radius:3px;overflow:hidden;transition:transform .2s ease}.library-cover:hover{transform:translateY(-5px)}.library-cover img{display:block;width:100%;height:100%;object-fit:cover}.book-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-block:20px 12px;font-size:.8rem;color:var(--muted)}.book-meta span:first-child{font-weight:800;color:var(--blue);background:oklch(94% .025 265);padding:3px 10px;border-radius:5px}.library-book h2{font-family:Nunito,sans-serif;font-size:1.45rem;line-height:1.35;margin-block:10px;min-height:3.9rem;max-width:300px;text-align:start}.library-book h2 a{text-decoration:none;color:var(--ink)}.library-book>p{line-height:1.8;max-width:310px;min-height:3.7rem;color:var(--muted)}.level-guide{margin-block-start:48px;color:var(--muted);font-size:.85rem;line-height:1.8}.library-back{display:inline-flex;margin-block-end:40px}.story-header{display:grid;grid-template-columns:230px minmax(0,1fr);gap:48px;align-items:center;max-width:960px;margin-inline:auto}.story-header>img{width:100%;height:auto;box-shadow:5px 8px 0 oklch(88% .024 265)}.story-header h1{font-family:Nunito,sans-serif;font-size:clamp(2rem,4vw,3.6rem);line-height:1.12;max-width:650px;margin-block:18px;text-align:start}.story-header p{line-height:1.8}.reader-guidance{display:flex;justify-content:space-between;gap:20px;align-items:center;max-width:800px;margin:48px auto 28px;padding-block:20px;border-block:1px solid var(--line);font-size:.95rem}.reader-guidance p{margin:0}.public-story{max-width:720px;margin-inline:auto;font-family:NunitoSans,sans-serif;font-size:clamp(1.15rem,2.4vw,1.4rem);line-height:2;color:var(--ink)}.public-story p{margin-block:0 26px}.reader-word{display:inline;appearance:none;font:inherit;line-height:inherit;background:transparent;color:inherit;border:0;border-radius:4px;padding:0;cursor:pointer}.reader-word:hover,.reader-word[aria-expanded=true]{background:oklch(92% .044 82)}.reader-word:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.reader-meaning{position:fixed;z-index:20;bottom:24px;inset-inline-end:24px;width:min(390px,calc(100vw - 32px));max-height:70vh;overflow:auto;background:oklch(98% .01 265);border:1px solid oklch(81% .052 265);border-radius:16px;box-shadow:0 12px 40px oklch(25% .04 265 / .18);padding:24px}.reader-meaning .eyebrow{margin:0 0 16px}.meaning-close{position:absolute;inset-inline-end:10px;top:8px;background:transparent;border:0;font-size:30px;width:44px;height:44px;cursor:pointer;color:var(--ink)}#meaning-content>strong{display:block;font-family:Nunito,sans-serif;font-size:1.8rem}#meaning-content p{line-height:1.7;margin-block:8px}.meaning-ar{font-family:Arabic,sans-serif;font-size:1.35rem;color:var(--blue)}.story-quiz{max-width:760px;margin:64px auto 0}.story-quiz h2{font-size:1.8rem}.quiz-question{padding-block:28px;border-block-end:1px solid var(--line)}.quiz-question fieldset{border:0;padding:0;margin:0 0 20px}.quiz-question legend{font-family:Nunito,sans-serif;font-weight:800;font-size:1.15rem;line-height:1.5;padding:0 0 16px}.quiz-question label{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:8px;margin-block:8px;cursor:pointer}.quiz-question label:has(input:checked){background:oklch(95% .024 265);border-color:var(--blue)}.quiz-question input{margin-top:5px;accent-color:var(--blue)}.quiz-feedback{display:grid;gap:8px;line-height:1.7}.library-page [hidden]{display:none!important}.library-page :focus-visible{outline:3px solid var(--blue);outline-offset:4px}
@media(max-width:800px){.library-grid{gap:44px 26px}.library-book h2{font-size:1.2rem}.story-header{grid-template-columns:180px minmax(0,1fr);gap:28px}.reader-guidance{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.library-main{padding-block-start:36px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px}.library-book h2{min-height:0;font-size:1.05rem}.library-book>p{font-size:.85rem;min-height:0}.book-meta{font-size:.7rem;gap:7px;margin-block-start:15px}.library-filters{gap:14px}.level-filter{padding:9px 11px}.story-header{grid-template-columns:110px minmax(0,1fr);gap:20px;align-items:start}.story-header h1{font-size:1.7rem;margin-block:10px}.story-header .eyebrow{font-size:.6rem}.story-header p{font-size:.85rem}.reader-meaning{bottom:16px;inset-inline-end:16px}.library-page .nav-wrap{gap:16px}.library-page .nav-actions{gap:14px}.library-page .brand{font-size:1.1rem}.library-page .brand svg{width:32px}.library-page .language-picker{max-width:100px}}
@media(prefers-reduced-motion:reduce){.library-cover{transition:none}.library-cover:hover{transform:none}}

.category-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex-basis:100%;font-size:.95rem}.category-picker select{font:inherit;color:var(--ink);background:var(--paper);padding:12px 16px;border:1px solid var(--line);border-radius:10px;max-width:100%;min-width:220px}.library-book>.book-category{min-height:0;margin-block:6px;font-size:.8rem;color:var(--blue)}.story-contents{max-width:720px;margin:32px auto 48px;padding:24px;background:oklch(96% .018 265);border-radius:16px}.story-contents h2{font-size:1.15rem;margin-top:0}.story-contents ol{list-style:none;padding:0;margin:0;display:grid;gap:12px}.story-contents a{display:block;color:var(--blue);padding-block:8px;line-height:1.5}.public-story h2{font-family:Nunito,sans-serif;font-size:1.5em;line-height:1.4;margin-block:56px 24px;scroll-margin-top:100px}
.breadcrumbs{margin-block:0 28px;font-size:.8rem;color:var(--muted)}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px 16px;padding:0;margin:0;align-items:center}.breadcrumbs li:not(:last-child)::after{content:'›';margin-inline-start:16px}.breadcrumbs a{color:inherit;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.category-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-block:28px}.category-links a{color:var(--blue);font-size:.95rem;text-decoration:none;padding-block:8px;border-block-end:1px solid var(--line)}.category-links a[aria-current=page]{font-weight:700;border-color:var(--blue)}.category-links span{color:var(--muted)}.story-sharing{display:flex;gap:20px;align-items:center;flex-wrap:wrap;max-width:960px;margin:0 auto 28px}.story-sharing button.text-link{font:inherit;border:0;background:transparent;padding:8px 0;cursor:pointer;color:var(--blue)}.story-sharing [role=status],#story-tools-status{font-size:.85rem;color:var(--muted)}.related-stories{margin-block-start:80px;padding-block-start:32px;border-block-start:1px solid var(--line)}.related-stories>h2{font-size:1.8rem;margin-block:0 32px}.book-category a{color:inherit}.breadcrumbs li:last-child{overflow-wrap:anywhere}