.novel-article-teaser.svelte-l5kkow{background-color:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-soft);border:1px solid var(--color-border-subtle);display:flex;flex-direction:column;width:100%;max-width:450px;height:360px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin:0}.novel-article-teaser.svelte-l5kkow:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.novel-article-teaser.svelte-l5kkow:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.novel-article-teaser-image-container.svelte-l5kkow{width:100%;height:180px;overflow:hidden;background-color:var(--color-surface-muted);flex-shrink:0}.novel-article-teaser-image.svelte-l5kkow{width:100%;height:100%;object-fit:cover;display:block}.novel-article-teaser-content.svelte-l5kkow{padding:var(--space-2) var(--space-3);flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.novel-article-teaser-title.svelte-l5kkow{font-size:var(--font-size-h3);font-weight:var(--font-weight-heading-h3);font-family:var(--font-family-heading);line-height:1.2;margin:0;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;text-align:center}.novel-article-teaser--loading.svelte-l5kkow{background-color:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-soft);border:1px solid var(--color-border-subtle);width:450px;height:360px}.novel-article-teaser-skeleton.svelte-l5kkow{display:flex;flex-direction:column;height:100%}.novel-article-teaser-skeleton-image.svelte-l5kkow{width:100%;height:180px;background-color:var(--color-surface-muted);animation:svelte-l5kkow-novel-article-teaser-pulse 1.5s ease-in-out infinite;flex-shrink:0}.novel-article-teaser-skeleton-content.svelte-l5kkow{padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.novel-article-teaser-skeleton-title.svelte-l5kkow{height:1.5rem;background-color:var(--color-surface-muted);border-radius:var(--radius-sm);animation:svelte-l5kkow-novel-article-teaser-pulse 1.5s ease-in-out infinite;width:80%}@keyframes svelte-l5kkow-novel-article-teaser-pulse{0%,to{opacity:1}50%{opacity:.5}}.novel-article-teaser--error.svelte-l5kkow{background-color:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-2);box-shadow:var(--shadow-soft);border:1px solid var(--color-border-subtle);width:450px;height:360px;display:flex;align-items:center;justify-content:center}.novel-article-teaser-error-message.svelte-l5kkow{color:var(--color-text);margin:0;font-size:var(--font-size-small);text-align:center}.learn-page.svelte-8s3559{min-height:100dvh;width:100%}.learn-header-container.svelte-8s3559{margin:0 auto;padding:var(--space-2) var(--space-2) var(--space-3) var(--space-2)}.learn-header.svelte-8s3559{text-align:center}.learn-header-title.svelte-8s3559{margin-top:0;font-size:var(--font-size-h1);font-weight:var(--font-weight-heading-h1);font-family:var(--font-family-heading);margin-bottom:var(--space-2);color:var(--color-text)}.learn-header-description.svelte-8s3559{font-size:var(--font-size-body);color:var(--color-text-muted);margin-bottom:var(--space-2)}.learn-intro.svelte-8s3559{font-size:var(--font-size-body);color:var(--color-text-muted);margin:var(--space-2) auto 0;max-width:720px;line-height:1.6}.learn-image.svelte-8s3559{width:100%;padding:var(--space-4) var(--space-2) 0;display:flex;justify-content:center}.learn-image-img.svelte-8s3559{width:100%;max-width:800px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);display:block;margin:0 auto}.learn-more.svelte-8s3559{width:100%;padding:0 var(--space-2);margin-top:var(--space-3);margin-bottom:var(--space-4);display:flex;flex-direction:column;align-items:center}.learn-more-title.svelte-8s3559{margin:0;font-size:var(--font-size-h2);font-weight:var(--font-weight-heading-h2);font-family:var(--font-family-heading);color:var(--color-text);text-align:center}.learn-more-text.svelte-8s3559{margin:var(--space-2) 0 0;padding:0 var(--space-3);max-width:980px;font-size:var(--font-size-body);color:var(--color-text-muted);text-align:center;line-height:1.7;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);padding-top:var(--space-2);padding-bottom:var(--space-2)}.learn-cta.svelte-8s3559{width:100%;padding:var(--space-6) var(--space-2) var(--space-6)}.learn-cta-divider.svelte-8s3559{width:100%;max-width:980px;height:1px;background:var(--color-border-subtle);margin:0 auto var(--space-4)}.learn-cta-prompt.svelte-8s3559{text-align:center;max-width:900px;margin:0 auto var(--space-3);font-size:var(--font-size-body);color:var(--color-text-muted);line-height:1.6}.learn-cta-buttons.svelte-8s3559{display:flex;justify-content:center;flex-wrap:wrap}.learn-cta-buttons.svelte-8s3559 .button:where(.svelte-8s3559){margin-right:var(--space-3);margin-bottom:var(--space-2)}.learn-cta-buttons.svelte-8s3559 .button:where(.svelte-8s3559):last-child{margin-right:0}.articles-grid-container.svelte-8s3559{width:100%;padding:0 var(--space-4);display:flex;justify-content:center}.articles-grid.svelte-8s3559{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:var(--space-4);width:100%;max-width:1400px;justify-items:center;justify-content:center}.articles-grid.svelte-8s3559 .novel-article-teaser{margin:0}.error-state.svelte-8s3559,.empty-state.svelte-8s3559{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.error-message.svelte-8s3559,.empty-message.svelte-8s3559{font-size:var(--font-size-body);color:var(--color-text);margin-bottom:var(--space-4)}.empty-message-hint.svelte-8s3559{font-size:var(--font-size-small);color:var(--color-text-muted);margin:0}.button.svelte-8s3559{padding:var(--space-3) var(--space-5);background-color:var(--color-primary);color:var(--color-surface);border:none;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:600;font-family:var(--font-family-heading);cursor:pointer;box-shadow:var(--shadow-soft);transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease}.button.svelte-8s3559:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-medium)}.button.svelte-8s3559:active:not(:disabled){transform:translateY(0)}.button.svelte-8s3559:disabled{opacity:.5;cursor:not-allowed}.button.svelte-8s3559:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.button--primary.svelte-8s3559{background-color:var(--color-primary);color:var(--color-surface)}.button--ghost.svelte-8s3559{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border-subtle);box-shadow:none}@media(max-width:960px){.articles-grid.svelte-8s3559{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-3)}.learn-header-container.svelte-8s3559{padding:var(--space-3) var(--space-3) var(--space-4)}.articles-grid-container.svelte-8s3559{padding:0 var(--space-3)}.learn-image.svelte-8s3559{padding:var(--space-3) var(--space-3)}.learn-cta.svelte-8s3559,.learn-more.svelte-8s3559{padding-left:var(--space-3);padding-right:var(--space-3)}}@media(max-width:480px){.articles-grid.svelte-8s3559{grid-template-columns:1fr;gap:var(--space-2)}}