.category-page.svelte-160w91v{max-width:1200px;margin:0 auto;padding:20px}.category-title.svelte-160w91v{font-size:2rem;color:#002b5c;margin-bottom:1.5rem;text-transform:capitalize}.content-wrapper.svelte-160w91v{display:flex;gap:2rem}.left-column.svelte-160w91v{flex:2}.stories-grid.svelte-160w91v{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.story-card.svelte-160w91v{position:relative;background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;text-decoration:none;color:#000;transition:transform .2s ease}.story-card.svelte-160w91v:hover{transform:scale(1.02)}.story-card.svelte-160w91v img:where(.svelte-160w91v){width:100%;height:180px;-o-object-fit:cover;object-fit:cover}.story-card.svelte-160w91v h2:where(.svelte-160w91v){font-size:1.2rem;margin:10px;color:#036}.story-card.svelte-160w91v p:where(.svelte-160w91v){font-size:.9rem;margin:0 10px 10px;color:#444}.right-column.svelte-160w91v{flex:1;background:#f5f5f5;padding:20px;border-radius:8px;height:-moz-fit-content;height:fit-content;position:sticky;top:150px}.right-column.svelte-160w91v h2:where(.svelte-160w91v){font-size:1.5rem;margin-bottom:1rem;color:#002b5c}.story-titles.svelte-160w91v{list-style:none;padding:0;margin:0}.story-titles.svelte-160w91v li:where(.svelte-160w91v){margin-bottom:.8rem}.story-titles.svelte-160w91v li:where(.svelte-160w91v) a:where(.svelte-160w91v){text-decoration:none;color:#036;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:color .2s}.story-titles.svelte-160w91v li:where(.svelte-160w91v) a:where(.svelte-160w91v):hover,.story-titles.svelte-160w91v li:where(.svelte-160w91v) a.selected:where(.svelte-160w91v){color:#fc0}.story-titles.svelte-160w91v li:where(.svelte-160w91v) a:where(.svelte-160w91v) .chevron:where(.svelte-160w91v){width:16px;height:16px;transition:transform .2s ease,color .2s ease;color:#036}.story-titles.svelte-160w91v li:where(.svelte-160w91v) a:where(.svelte-160w91v):hover .chevron:where(.svelte-160w91v),.story-titles.svelte-160w91v li:where(.svelte-160w91v) a.selected:where(.svelte-160w91v) .chevron:where(.svelte-160w91v){transform:translate(3px);color:#fc0}@media (max-width: 900px){.content-wrapper.svelte-160w91v{flex-direction:column}.stories-grid.svelte-160w91v{grid-template-columns:1fr}}
