.category-header.svelte-1c2bplq{background:linear-gradient(135deg,var(--light-yellow, #fff7d6) 0%,var(--light-amber, #ffe8b5) 100%);padding:2.5rem 1.5rem;margin-bottom:2.5rem;border-radius:20px;text-align:center;box-shadow:0 20px 45px #fdba2d33}.category-info.svelte-1c2bplq{max-width:820px;margin:0 auto;display:grid;gap:1.2rem}.category-title.svelte-1c2bplq{font-size:clamp(2.2rem,5vw,2.8rem);color:var(--dark-gray, #374151);margin:0;font-weight:800}.category-description.svelte-1c2bplq{display:grid;gap:.8rem;color:var(--medium-gray, #4b5563);line-height:1.75;font-size:1.05rem}.category-description.svelte-1c2bplq p:where(.svelte-1c2bplq){margin:0}.quiz-count.svelte-1c2bplq{display:inline-flex;align-self:center;align-items:center;justify-content:center;gap:.4rem;background:#facc1538;color:#854d0e;padding:.55rem 1.4rem;border-radius:999px;font-weight:700;font-size:.95rem}.quiz-list-section.svelte-1c2bplq{max-width:1200px;margin:0 auto;padding:0 1.5rem 3rem;display:grid;gap:1.8rem}.tab-switcher.svelte-1c2bplq{display:inline-flex;align-items:center;gap:.75rem;background:#fffc;border-radius:999px;padding:.5rem .75rem;box-shadow:0 10px 24px #0f172a14;margin-inline:auto}.tab-switcher.svelte-1c2bplq button:where(.svelte-1c2bplq){border:none;background:transparent;font-weight:700;color:#78350f;padding:.6rem 1.6rem;border-radius:999px;cursor:pointer;transition:background .2s ease,transform .2s ease;min-width:96px;min-height:44px}.tab-switcher.svelte-1c2bplq button:where(.svelte-1c2bplq):hover,.tab-switcher.svelte-1c2bplq button:where(.svelte-1c2bplq):focus-visible{background:#facc1540;outline:none;transform:translateY(-1px)}.tab-switcher.svelte-1c2bplq button.active:where(.svelte-1c2bplq){background:linear-gradient(135deg,#facc15,#f97316);color:#78350f;box-shadow:0 12px 25px #f9731640}.quiz-panel.svelte-1c2bplq{outline:none}.quiz-grid.svelte-1c2bplq{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.6rem}.quiz-card.svelte-1c2bplq{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 16px 40px #0f172a14;border:1px solid rgba(248,196,113,.35);transition:transform .25s ease,box-shadow .25s ease}.quiz-card.svelte-1c2bplq:hover,.quiz-card.svelte-1c2bplq:focus-within{transform:translateY(-4px);box-shadow:0 20px 48px #ea580c2e}.quiz-link.svelte-1c2bplq{text-decoration:none;color:inherit;display:grid;gap:0}.quiz-image.svelte-1c2bplq{position:relative;overflow:hidden}.quiz-image.svelte-1c2bplq picture:where(.svelte-1c2bplq),.quiz-image.svelte-1c2bplq img:where(.svelte-1c2bplq){display:block;width:100%}.quiz-image.svelte-1c2bplq picture:where(.svelte-1c2bplq){aspect-ratio:calc(5 / 3)}.quiz-image.svelte-1c2bplq img:where(.svelte-1c2bplq){height:100%;object-fit:cover;transition:transform .3s ease}.quiz-card.svelte-1c2bplq:hover .quiz-image:where(.svelte-1c2bplq) img:where(.svelte-1c2bplq),.quiz-card.svelte-1c2bplq:focus-within .quiz-image:where(.svelte-1c2bplq) img:where(.svelte-1c2bplq){transform:scale(1.03)}.quiz-category.svelte-1c2bplq{position:absolute;top:12px;right:12px;background:#facc15f2;color:#7c2d12;padding:.4rem .9rem;border-radius:999px;font-size:.85rem;font-weight:700;letter-spacing:.05em;box-shadow:0 8px 18px #facc1559}.quiz-content.svelte-1c2bplq{padding:1.4rem 1.6rem 1.6rem;display:grid;gap:.6rem}.quiz-date.svelte-1c2bplq{color:var(--medium-gray, #4b5563);font-size:.9rem}.quiz-title.svelte-1c2bplq{font-size:1.15rem;color:var(--dark-gray, #1f2937);margin:0;line-height:1.5;font-weight:700}.no-quizzes.svelte-1c2bplq{text-align:center;padding:2.5rem 1.5rem;background:#ffffffd9;border-radius:20px;border:1px dashed rgba(250,204,21,.5);color:#92400e;box-shadow:0 12px 30px #facc1526}.no-quizzes.svelte-1c2bplq p:where(.svelte-1c2bplq){margin:.4rem 0;font-size:1rem}@media (max-width: 768px){.category-header.svelte-1c2bplq{padding:2rem 1.25rem}.quiz-list-section.svelte-1c2bplq{padding-inline:1rem}.quiz-grid.svelte-1c2bplq{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.2rem}.tab-switcher.svelte-1c2bplq{flex-wrap:wrap;justify-content:center}}@media (max-width: 520px){.quiz-grid.svelte-1c2bplq{grid-template-columns:1fr}.quiz-image.svelte-1c2bplq picture:where(.svelte-1c2bplq){aspect-ratio:calc(4 / 3)}}
