.ranking-page[data-astro-cid-2edc6foj]{display:flex;flex-direction:column;gap:var(--spacing-12)}.ranking-hero[data-astro-cid-2edc6foj]{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:var(--radius-2xl);padding:var(--spacing-12) var(--spacing-6);text-align:center;color:#fff;position:relative;overflow:hidden}.ranking-hero[data-astro-cid-2edc6foj]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.15) 0%,transparent 50%)}.hero-content[data-astro-cid-2edc6foj]{position:relative;z-index:1;max-width:800px;margin:0 auto}.ranking-badge[data-astro-cid-2edc6foj]{display:inline-block;background:#fff3;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-callout);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4);backdrop-filter:blur(10px)}.hero-title[data-astro-cid-2edc6foj]{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);line-height:1.2}.gradient-text[data-astro-cid-2edc6foj]{background:linear-gradient(135deg,gold,#ffed4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description[data-astro-cid-2edc6foj]{font-size:var(--font-size-title-3);opacity:.9;margin-bottom:var(--spacing-8);line-height:1.5}.ranking-stats[data-astro-cid-2edc6foj]{display:flex;justify-content:center;gap:var(--spacing-8);flex-wrap:wrap}.stat[data-astro-cid-2edc6foj]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1)}.stat-number[data-astro-cid-2edc6foj]{font-size:var(--font-size-title-1);font-weight:var(--font-weight-bold)}.stat-label[data-astro-cid-2edc6foj]{font-size:var(--font-size-footnote);opacity:.8}.quick-nav[data-astro-cid-2edc6foj]{background:var(--color-background-secondary);border-radius:var(--radius-xl);padding:var(--spacing-8)}.nav-container[data-astro-cid-2edc6foj] h2[data-astro-cid-2edc6foj]{text-align:center;margin-bottom:var(--spacing-6);font-size:var(--font-size-title-1);color:var(--color-label-primary)}.nav-grid[data-astro-cid-2edc6foj]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.nav-item[data-astro-cid-2edc6foj]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);background:var(--color-background-primary);border-radius:var(--radius-large);text-decoration:none;transition:all var(--transition-base);border:2px solid transparent}.nav-item[data-astro-cid-2edc6foj]:hover{transform:translateY(-4px);box-shadow:var(--shadow-large);border-color:var(--color-primary)}.nav-icon[data-astro-cid-2edc6foj]{font-size:2rem}.nav-text[data-astro-cid-2edc6foj]{font-weight:var(--font-weight-semibold);color:var(--color-label-primary)}.ranking-section[data-astro-cid-2edc6foj]{scroll-margin-top:100px}.section-header[data-astro-cid-2edc6foj]{text-align:center;margin-bottom:var(--spacing-8)}.section-header[data-astro-cid-2edc6foj] h2[data-astro-cid-2edc6foj]{font-size:var(--font-size-title-1);font-weight:var(--font-weight-bold);color:var(--color-label-primary);margin-bottom:var(--spacing-3)}.section-description[data-astro-cid-2edc6foj]{font-size:var(--font-size-callout);color:var(--color-label-secondary);max-width:600px;margin:0 auto;line-height:1.6}.ranking-list[data-astro-cid-2edc6foj]{display:flex;flex-direction:column;gap:var(--spacing-8)}.ranking-item[data-astro-cid-2edc6foj]{background:var(--color-background-primary);border-radius:var(--radius-2xl);padding:var(--spacing-6);box-shadow:var(--shadow-medium);display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-6);align-items:start;position:relative;overflow:hidden}.ranking-item[data-astro-cid-2edc6foj]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.rank-1[data-astro-cid-2edc6foj]:before{background:linear-gradient(90deg,gold,#ffed4a)}.rank-2[data-astro-cid-2edc6foj]:before{background:linear-gradient(90deg,silver,#e8e8e8)}.rank-3[data-astro-cid-2edc6foj]:before{background:linear-gradient(90deg,#cd7f32,#daa520)}.rank-badge[data-astro-cid-2edc6foj]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-3);border-radius:var(--radius-large);min-width:80px;font-weight:var(--font-weight-bold);color:#fff}.rank-badge[data-astro-cid-2edc6foj].first{background:linear-gradient(135deg,gold,#ffed4a);color:#333}.rank-badge[data-astro-cid-2edc6foj].second{background:linear-gradient(135deg,silver,#e8e8e8);color:#333}.rank-badge[data-astro-cid-2edc6foj].third{background:linear-gradient(135deg,#cd7f32,#daa520)}.rank-number[data-astro-cid-2edc6foj]{font-size:var(--font-size-title-1)}.crown[data-astro-cid-2edc6foj]{font-size:1.5rem}.site-info[data-astro-cid-2edc6foj]{flex:1}.site-header[data-astro-cid-2edc6foj]{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4);flex-wrap:wrap}.site-name[data-astro-cid-2edc6foj]{font-size:var(--font-size-title-2);font-weight:var(--font-weight-bold);color:var(--color-label-primary);margin:0}.badges[data-astro-cid-2edc6foj]{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.badge[data-astro-cid-2edc6foj]{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-small);font-size:var(--font-size-caption-1);font-weight:var(--font-weight-medium);color:#fff}.badge[data-astro-cid-2edc6foj].editor-choice{background:var(--color-error)}.badge[data-astro-cid-2edc6foj].trending{background:var(--color-primary)}.badge[data-astro-cid-2edc6foj].quality{background:var(--color-secondary)}.badge[data-astro-cid-2edc6foj].stable{background:var(--color-success)}.badge[data-astro-cid-2edc6foj].specialty{background:var(--color-warning)}.badge[data-astro-cid-2edc6foj].mature{background:#8b4513}.rating-overview[data-astro-cid-2edc6foj]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);flex-wrap:wrap;gap:var(--spacing-4)}.overall-score[data-astro-cid-2edc6foj]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1)}.score[data-astro-cid-2edc6foj]{font-size:var(--font-size-title-1);font-weight:var(--font-weight-bold);color:var(--color-primary)}.key-points[data-astro-cid-2edc6foj]{display:flex;flex-direction:column;gap:var(--spacing-1)}.point[data-astro-cid-2edc6foj]{font-size:var(--font-size-footnote);color:var(--color-label-secondary)}.detailed-ratings[data-astro-cid-2edc6foj]{margin-bottom:var(--spacing-4)}.rating-item[data-astro-cid-2edc6foj]{display:grid;grid-template-columns:120px 1fr 60px;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.rating-label[data-astro-cid-2edc6foj]{font-size:var(--font-size-footnote);color:var(--color-label-secondary)}.rating-bar[data-astro-cid-2edc6foj]{height:8px;background:var(--color-fill-quaternary);border-radius:var(--radius-small);overflow:hidden}.rating-fill[data-astro-cid-2edc6foj]{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width var(--transition-slow)}.rating-score[data-astro-cid-2edc6foj]{font-size:var(--font-size-footnote);font-weight:var(--font-weight-semibold);color:var(--color-label-primary);text-align:right}.site-description[data-astro-cid-2edc6foj] h4[data-astro-cid-2edc6foj]{font-size:var(--font-size-callout);font-weight:var(--font-weight-semibold);color:var(--color-label-primary);margin:var(--spacing-4) 0 var(--spacing-2) 0}.pros-list[data-astro-cid-2edc6foj],.cons-list[data-astro-cid-2edc6foj]{margin:var(--spacing-2) 0;padding-left:var(--spacing-4)}.pros-list[data-astro-cid-2edc6foj] li[data-astro-cid-2edc6foj]{color:var(--color-success);margin-bottom:var(--spacing-1)}.cons-list[data-astro-cid-2edc6foj] li[data-astro-cid-2edc6foj]{color:var(--color-warning);margin-bottom:var(--spacing-1)}.pricing-info[data-astro-cid-2edc6foj]{background:var(--color-background-secondary);padding:var(--spacing-4);border-radius:var(--radius-large);margin-top:var(--spacing-4)}.price-grid[data-astro-cid-2edc6foj]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-3);margin-top:var(--spacing-2)}.price-item[data-astro-cid-2edc6foj]{display:flex;flex-direction:column;gap:var(--spacing-1);text-align:center}.price-type[data-astro-cid-2edc6foj]{font-size:var(--font-size-footnote);color:var(--color-label-secondary)}.price-value[data-astro-cid-2edc6foj]{font-size:var(--font-size-callout);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.cta-section[data-astro-cid-2edc6foj]{display:flex;flex-direction:column;gap:var(--spacing-2);align-self:center}.cta-button[data-astro-cid-2edc6foj]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-large);text-decoration:none;font-weight:var(--font-weight-semibold);text-align:center;transition:all var(--transition-base);min-width:200px}.cta-button[data-astro-cid-2edc6foj].primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff}.cta-button[data-astro-cid-2edc6foj].secondary{background:var(--color-fill-tertiary);color:var(--color-label-primary);border:2px solid var(--color-primary)}.cta-button[data-astro-cid-2edc6foj].tertiary{background:var(--color-background-secondary);color:var(--color-label-primary)}.cta-button[data-astro-cid-2edc6foj]:hover{transform:translateY(-2px);box-shadow:var(--shadow-large)}.cta-bonus[data-astro-cid-2edc6foj]{font-size:var(--font-size-caption-1);opacity:.8}.ranking-compact[data-astro-cid-2edc6foj]{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-6)}.compact-item[data-astro-cid-2edc6foj]{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-background-secondary);border-radius:var(--radius-large)}.compact-rank[data-astro-cid-2edc6foj]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-fill-tertiary);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);color:var(--color-label-primary)}.compact-info[data-astro-cid-2edc6foj]{flex:1}.compact-info[data-astro-cid-2edc6foj] h4[data-astro-cid-2edc6foj]{margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-headline);color:var(--color-label-primary)}.compact-info[data-astro-cid-2edc6foj] p[data-astro-cid-2edc6foj]{margin:0;font-size:var(--font-size-footnote);color:var(--color-label-secondary)}.compact-score[data-astro-cid-2edc6foj]{font-size:var(--font-size-headline);font-weight:var(--font-weight-bold);color:var(--color-primary)}.comparison-section[data-astro-cid-2edc6foj]{margin-top:var(--spacing-12)}.comparison-table-wrapper[data-astro-cid-2edc6foj]{overflow-x:auto;border-radius:var(--radius-large);box-shadow:var(--shadow-medium)}.comparison-table[data-astro-cid-2edc6foj]{width:100%;border-collapse:collapse;background:var(--color-background-primary)}.comparison-table[data-astro-cid-2edc6foj] th[data-astro-cid-2edc6foj],.comparison-table[data-astro-cid-2edc6foj] td[data-astro-cid-2edc6foj]{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--color-separator-non-opaque)}.comparison-table[data-astro-cid-2edc6foj] th[data-astro-cid-2edc6foj]{background:var(--color-background-secondary);font-weight:var(--font-weight-semibold);color:var(--color-label-primary);position:sticky;top:0;z-index:10}.site-name-cell[data-astro-cid-2edc6foj]{display:flex;align-items:center;gap:var(--spacing-2)}.rank-badge-small[data-astro-cid-2edc6foj]{padding:var(--spacing-1) var(--spacing-2);background:var(--color-primary);color:#fff;border-radius:var(--radius-small);font-size:var(--font-size-caption-2);font-weight:var(--font-weight-medium)}.score-cell[data-astro-cid-2edc6foj]{font-weight:var(--font-weight-bold);color:var(--color-primary)}.rank-1-row[data-astro-cid-2edc6foj]{background:#ffd7000d}.rank-2-row[data-astro-cid-2edc6foj]{background:#c0c0c00d}.rank-3-row[data-astro-cid-2edc6foj]{background:#cd7f320d}.category-ranking[data-astro-cid-2edc6foj]{scroll-margin-top:100px;margin:var(--spacing-12) 0}.category-ranking[data-astro-cid-2edc6foj] h2[data-astro-cid-2edc6foj]{text-align:center;font-size:var(--font-size-title-1);color:var(--color-label-primary);margin-bottom:var(--spacing-6)}.category-grid[data-astro-cid-2edc6foj]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-6)}.category-card[data-astro-cid-2edc6foj]{padding:var(--spacing-6);border-radius:var(--radius-xl);text-align:center;position:relative;overflow:hidden}.category-card[data-astro-cid-2edc6foj].gold{background:linear-gradient(135deg,gold,#ffed4a);color:#333}.category-card[data-astro-cid-2edc6foj].silver{background:linear-gradient(135deg,silver,#e8e8e8);color:#333}.category-card[data-astro-cid-2edc6foj].bronze{background:linear-gradient(135deg,#cd7f32,#daa520);color:#fff}.category-rank[data-astro-cid-2edc6foj]{font-size:var(--font-size-title-2);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.category-card[data-astro-cid-2edc6foj] h3[data-astro-cid-2edc6foj]{font-size:var(--font-size-title-3);margin-bottom:var(--spacing-3)}.category-features[data-astro-cid-2edc6foj]{display:flex;flex-direction:column;gap:var(--spacing-1);margin-top:var(--spacing-4)}.feature[data-astro-cid-2edc6foj]{font-size:var(--font-size-footnote);font-weight:var(--font-weight-medium)}.tips-section[data-astro-cid-2edc6foj] h2[data-astro-cid-2edc6foj]{text-align:center;font-size:var(--font-size-title-1);color:var(--color-label-primary);margin-bottom:var(--spacing-6)}.tips-grid[data-astro-cid-2edc6foj]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6)}.tip-card[data-astro-cid-2edc6foj]{background:var(--color-background-secondary);padding:var(--spacing-6);border-radius:var(--radius-xl);text-align:center;transition:transform var(--transition-base)}.tip-card[data-astro-cid-2edc6foj]:hover{transform:translateY(-4px)}.tip-icon[data-astro-cid-2edc6foj]{font-size:3rem;margin-bottom:var(--spacing-3)}.tip-card[data-astro-cid-2edc6foj] h3[data-astro-cid-2edc6foj]{font-size:var(--font-size-headline);font-weight:var(--font-weight-semibold);color:var(--color-label-primary);margin-bottom:var(--spacing-3)}.tip-card[data-astro-cid-2edc6foj] p[data-astro-cid-2edc6foj]{color:var(--color-label-secondary);line-height:1.6;margin:0}@media (max-width: 768px){.ranking-item[data-astro-cid-2edc6foj]{grid-template-columns:1fr;gap:var(--spacing-4)}.rank-badge[data-astro-cid-2edc6foj]{justify-self:center}.cta-section[data-astro-cid-2edc6foj]{order:-1}.rating-overview[data-astro-cid-2edc6foj]{flex-direction:column;text-align:center}.rating-item[data-astro-cid-2edc6foj]{grid-template-columns:1fr;gap:var(--spacing-2);text-align:center}.rating-bar[data-astro-cid-2edc6foj]{max-width:200px;justify-self:center}.comparison-table-wrapper[data-astro-cid-2edc6foj]{font-size:var(--font-size-footnote)}.comparison-table[data-astro-cid-2edc6foj] th[data-astro-cid-2edc6foj],.comparison-table[data-astro-cid-2edc6foj] td[data-astro-cid-2edc6foj]{padding:var(--spacing-2)}.nav-grid[data-astro-cid-2edc6foj]{grid-template-columns:repeat(2,1fr)}.category-grid[data-astro-cid-2edc6foj],.tips-grid[data-astro-cid-2edc6foj]{grid-template-columns:1fr}}