.articles-page.svelte-1s239gg{margin:6rem 0;min-height:auto;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.container.svelte-1s239gg{max-width:1400px;margin:0 auto;padding:0 1rem}.page-header.svelte-1s239gg{margin-bottom:2rem}.page-header.svelte-1s239gg h1:where(.svelte-1s239gg){font-size:var(--font-xxl);margin-bottom:1rem}.header-content.svelte-1s239gg{display:flex;align-items:center;justify-content:space-between;gap:1rem}.title-container.svelte-1s239gg{text-align:left}.underline.svelte-1s239gg{height:3px;width:80px;background-color:var(--accent);margin-bottom:.5rem}.lead.svelte-1s239gg{font-size:var(--font-base);color:var(--text-primary);text-align:left;max-width:60%;line-height:1.6;opacity:.9}.header-actions.svelte-1s239gg{display:flex;align-items:center;gap:1rem;margin-top:1.5rem}.create-btn.svelte-1s239gg{padding:.6rem 1.2rem;background-color:var(--accent);color:#fff;border:none;border-radius:20px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.create-btn.svelte-1s239gg:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.form-header.svelte-1s239gg{margin-bottom:2rem}.back-btn.svelte-1s239gg{padding:.5rem 1rem;background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.back-btn.svelte-1s239gg:hover{background-color:var(--bg-secondary);border-color:var(--accent)}.controls.svelte-1s239gg{display:flex;gap:1rem;margin-bottom:2rem}.search-container.svelte-1s239gg{flex:1;max-width:400px}.filter-controls.svelte-1s239gg{display:flex;gap:1rem;flex-wrap:wrap}.search-input-wrapper.svelte-1s239gg{position:relative;display:flex;align-items:center}.search-icon.svelte-1s239gg{position:absolute;left:1rem;color:var(--text-primary);z-index:1}.search-input.svelte-1s239gg{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:1rem}.search-input.svelte-1s239gg:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.clear-search.svelte-1s239gg{position:absolute;right:.75rem;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.25rem;border-radius:3px}.clear-search.svelte-1s239gg:hover{background-color:var(--bg-tertiary)}.filter-container.svelte-1s239gg,.sort-container.svelte-1s239gg{min-width:180px}.category-filter.svelte-1s239gg,.sort-filter.svelte-1s239gg{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:1rem;cursor:pointer}.category-filter.svelte-1s239gg:focus,.sort-filter.svelte-1s239gg:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.loading-state.svelte-1s239gg,.error-state.svelte-1s239gg,.empty-state.svelte-1s239gg{text-align:center;padding:4rem 2rem}.spinner.svelte-1s239gg{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;margin:0 auto 1rem;animation:svelte-1s239gg-spin 1s linear infinite}@keyframes svelte-1s239gg-spin{to{transform:rotate(360deg)}}.error-state.svelte-1s239gg i:where(.svelte-1s239gg),.empty-state.svelte-1s239gg i:where(.svelte-1s239gg){font-size:3rem;color:var(--accent);margin-bottom:1rem}.error-state.svelte-1s239gg h3:where(.svelte-1s239gg),.empty-state.svelte-1s239gg h3:where(.svelte-1s239gg){font-size:1.5rem;margin-bottom:.5rem;color:var(--text-secondary)}.error-state.svelte-1s239gg p:where(.svelte-1s239gg),.empty-state.svelte-1s239gg p:where(.svelte-1s239gg){margin-bottom:1.5rem;color:var(--text-primary)}.results-header.svelte-1s239gg{margin-bottom:2rem}.results-header.svelte-1s239gg h2:where(.svelte-1s239gg){font-size:1.5rem;color:var(--text-secondary);text-align:center}.cards-grid.svelte-1s239gg{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;width:100%}.btn.svelte-1s239gg{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all .2s ease;border:1px solid transparent;cursor:pointer;background:none;font-size:1rem}.btn-primary.svelte-1s239gg{background-color:var(--accent);color:#fff}.btn-primary.svelte-1s239gg:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-secondary.svelte-1s239gg{background-color:transparent;color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary.svelte-1s239gg:hover{background-color:var(--bg-secondary);transform:translateY(-1px)}@media (max-width: 1200px){.cards-grid.svelte-1s239gg{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.filter-container.svelte-1s239gg,.sort-container.svelte-1s239gg{flex:1}.cards-grid.svelte-1s239gg{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.header-content.svelte-1s239gg{flex-direction:column;align-items:flex-start}.lead.svelte-1s239gg{max-width:100%}.header-actions.svelte-1s239gg{margin-top:1rem}.controls.svelte-1s239gg{flex-direction:column}.search-container.svelte-1s239gg,.filter-container.svelte-1s239gg{max-width:none}.cards-grid.svelte-1s239gg{grid-template-columns:1fr}}@media (max-width: 480px){.articles-page.svelte-1s239gg{margin-top:5rem}}