.comparison-page[data-astro-cid-u5myjws4]{max-width:1100px;margin:0 auto;padding:var(--space-8) var(--space-4)}.page-header[data-astro-cid-u5myjws4]{text-align:center;margin-bottom:var(--space-12)}.category-label[data-astro-cid-u5myjws4]{display:inline-block;font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;color:var(--color-primary);margin-bottom:var(--space-4)}.page-description[data-astro-cid-u5myjws4]{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:700px;margin:0 auto}.section[data-astro-cid-u5myjws4]{margin-bottom:var(--space-12)}.section[data-astro-cid-u5myjws4] h2[data-astro-cid-u5myjws4]{margin-bottom:var(--space-6)}.section-intro[data-astro-cid-u5myjws4]{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.category-grid[data-astro-cid-u5myjws4]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}@media(max-width:768px){.category-grid[data-astro-cid-u5myjws4]{grid-template-columns:1fr}}.category-card[data-astro-cid-u5myjws4]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.category-card[data-astro-cid-u5myjws4] h3[data-astro-cid-u5myjws4]{color:var(--color-primary);margin-bottom:var(--space-4);font-size:var(--text-lg)}.category-card[data-astro-cid-u5myjws4] ul[data-astro-cid-u5myjws4]{list-style:none;padding:0}.category-card[data-astro-cid-u5myjws4] li[data-astro-cid-u5myjws4]{padding:var(--space-2) 0;font-size:var(--text-sm);border-bottom:1px solid var(--color-border)}.category-card[data-astro-cid-u5myjws4] li[data-astro-cid-u5myjws4]:last-child{border-bottom:none}.table-wrapper[data-astro-cid-u5myjws4]{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.comparison-table[data-astro-cid-u5myjws4]{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.comparison-table[data-astro-cid-u5myjws4] th[data-astro-cid-u5myjws4],.comparison-table[data-astro-cid-u5myjws4] td[data-astro-cid-u5myjws4]{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.comparison-table[data-astro-cid-u5myjws4] th[data-astro-cid-u5myjws4]{background:var(--color-surface);font-weight:600}.comparison-table[data-astro-cid-u5myjws4] tr[data-astro-cid-u5myjws4]:last-child td[data-astro-cid-u5myjws4]{border-bottom:none}.category-tag[data-astro-cid-u5myjws4]{display:inline-block;padding:var(--space-1) var(--space-2);background:#dc26261a;color:var(--color-primary);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600}.framework-details[data-astro-cid-u5myjws4]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}@media(max-width:768px){.framework-details[data-astro-cid-u5myjws4]{grid-template-columns:1fr}}.detail-card[data-astro-cid-u5myjws4]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.detail-card[data-astro-cid-u5myjws4] h3[data-astro-cid-u5myjws4]{margin-bottom:var(--space-4)}.components[data-astro-cid-u5myjws4]{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.component[data-astro-cid-u5myjws4]{padding:var(--space-2) var(--space-3);background:var(--color-bg);border-radius:var(--radius-sm);font-size:var(--text-sm)}.use-when[data-astro-cid-u5myjws4]{font-size:var(--text-sm);color:var(--color-text-secondary);border-top:1px solid var(--color-border);padding-top:var(--space-4);margin-top:auto}.quiz-section[data-astro-cid-u5myjws4]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8)}.quiz-container[data-astro-cid-u5myjws4]{max-width:600px;margin:0 auto}.question-number[data-astro-cid-u5myjws4]{font-size:var(--text-sm);color:var(--color-primary);font-weight:600;margin-bottom:var(--space-2)}.quiz-question[data-astro-cid-u5myjws4] h3[data-astro-cid-u5myjws4]{margin-bottom:var(--space-6)}.options[data-astro-cid-u5myjws4]{display:flex;flex-direction:column;gap:var(--space-3)}.option-btn[data-astro-cid-u5myjws4]{width:100%;padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-base);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.option-btn[data-astro-cid-u5myjws4]:hover{border-color:var(--color-primary);background:#dc26261a}.quiz-result[data-astro-cid-u5myjws4]{text-align:center}.result-card[data-astro-cid-u5myjws4]{background:var(--color-bg);border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-6) 0;text-align:left}.result-card[data-astro-cid-u5myjws4] h4[data-astro-cid-u5myjws4]{color:var(--color-primary);margin-bottom:var(--space-4)}.result-card[data-astro-cid-u5myjws4] ul[data-astro-cid-u5myjws4]{list-style:none;padding:0}.result-card[data-astro-cid-u5myjws4] li[data-astro-cid-u5myjws4]{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.result-card[data-astro-cid-u5myjws4] li[data-astro-cid-u5myjws4]:last-child{border-bottom:none}.result-card[data-astro-cid-u5myjws4] li[data-astro-cid-u5myjws4] strong[data-astro-cid-u5myjws4]{display:block;margin-bottom:var(--space-1)}.cta-section[data-astro-cid-u5myjws4]{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8)}.cta-section[data-astro-cid-u5myjws4] p[data-astro-cid-u5myjws4]{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.btn[data-astro-cid-u5myjws4]{display:inline-block;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:all var(--transition-fast);border:none;cursor:pointer}.btn-primary[data-astro-cid-u5myjws4]{background:var(--color-primary);color:#fff}.btn-primary[data-astro-cid-u5myjws4]:hover{background:var(--color-primary-hover)}.btn-secondary[data-astro-cid-u5myjws4]{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary[data-astro-cid-u5myjws4]:hover{border-color:var(--color-primary);color:var(--color-primary)}