.search-container{position:relative;max-width:500px;margin:0 auto var(--spacing-xl)}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);padding-left:calc(var(--spacing-lg) + 28px);font-size:1rem;border:2px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg);color:var(--color-text);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.search-input::placeholder{color:var(--color-text-muted)}.search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.learning-search-wrapper{margin-bottom:var(--spacing-xl)}.search-results{margin-top:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.search-results--loading,.search-results--empty,.search-results--hint{text-align:center;color:var(--color-text-muted)}.search-results__count{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.search-results__list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.search-result-item{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-fast)}.search-result-item:hover{border-color:var(--color-primary);background-color:var(--color-bg-secondary)}.search-result-item__chapter{font-size:.75rem;color:var(--color-text-muted);width:100%}.search-result-item__keyword{font-weight:500;color:var(--color-text);flex:1}.search-result-item__course{font-size:.75rem;color:var(--color-primary)}.courses{display:grid;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.course-card{display:flex;gap:var(--spacing-lg);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-normal)}.course-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.course-card__icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-primary)}.course-card__title{margin-bottom:var(--spacing-sm);color:var(--color-text)}.course-card__description{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.course-card__link{color:var(--color-primary);font-weight:500;font-size:.875rem}.courses-loading,.courses-error,.courses-empty{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.auth-prompt{text-align:center;padding:var(--spacing-2xl);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-top:var(--spacing-xl)}.auth-prompt__icon{color:var(--color-primary);margin-bottom:var(--spacing-lg)}.auth-prompt h3{margin-bottom:var(--spacing-md)}.auth-prompt p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.learning-cta[data-astro-cid-h6r6x5zu]{text-align:center;margin-top:var(--spacing-2xl);padding:var(--spacing-xl);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg)}.learning-cta[data-astro-cid-h6r6x5zu]>p[data-astro-cid-h6r6x5zu]{color:var(--color-text-muted)}.concept-diagram[data-astro-cid-h6r6x5zu]{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.concept-diagram[data-astro-cid-h6r6x5zu] h3[data-astro-cid-h6r6x5zu]{color:var(--color-text);margin-bottom:var(--spacing-lg);font-size:1.25rem}.concept-diagram[data-astro-cid-h6r6x5zu] .mermaid[data-astro-cid-h6r6x5zu]{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.diagram-caption[data-astro-cid-h6r6x5zu]{color:var(--color-text-secondary);font-size:.9rem;max-width:500px;margin:0 auto;white-space:pre-line}@media (max-width: 768px){.course-card{flex-direction:column}}