.consumables-container.svelte-tcxiwg{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem}.page-header.svelte-tcxiwg{text-align:center;margin-bottom:2rem}.page-header.svelte-tcxiwg h1:where(.svelte-tcxiwg){color:var(--color-header);margin-bottom:1rem;font-family:Garamond,serif;font-size:2.5rem}.page-header.svelte-tcxiwg p:where(.svelte-tcxiwg){max-width:42rem;color:var(--color-text);margin:0 auto;font-size:1.25rem}.consumables-grid.svelte-tcxiwg{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;display:grid}@media (width<=1024px){.consumables-grid.svelte-tcxiwg{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.consumables-grid.svelte-tcxiwg{grid-template-columns:1fr}}.consumable-card.svelte-tcxiwg{background-color:var(--color-background);border:1px solid var(--color-border);box-sizing:border-box;border-radius:4px;width:100%;padding:1.5rem;text-decoration:none;transition:transform .2s,background-color .2s}.consumable-card.svelte-tcxiwg:hover{background-color:var(--color-hover);transform:translateY(-2px)}.consumable-card.svelte-tcxiwg .card-header:where(.svelte-tcxiwg){align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.consumable-card.svelte-tcxiwg .card-header:where(.svelte-tcxiwg) .icon:where(.svelte-tcxiwg){color:var(--color-text-accent)}.consumable-card.svelte-tcxiwg .card-header:where(.svelte-tcxiwg) h2:where(.svelte-tcxiwg){color:var(--color-header);border:none;margin:0;font-size:1.25rem}.consumable-card.svelte-tcxiwg p:where(.svelte-tcxiwg){color:var(--color-text)}