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