.content-comparison-header{background:linear-gradient(135deg,#2ecc71 0,#208e4e 100%);color:#fff;padding:3em 0;position:relative;overflow:hidden}.content-comparison-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="comparison" width="50" height="50" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="2" fill="rgba(255,255,255,0.1)"/><rect x="10" y="10" width="30" height="30" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23comparison)"/></svg>');animation:backgroundMove 20s linear infinite}.content-comparison-header .container{position:relative;z-index:2}.content-comparison-header .header-breadcrumbs{margin-bottom:1.5em}.content-comparison-header .header-breadcrumbs .breadcrumbs ul{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px)}.content-comparison-header .header-breadcrumbs .breadcrumbs ul li{color:#fff}.content-comparison-header .header-breadcrumbs .breadcrumbs ul li a{color:#fff;opacity:.8;transition:opacity .3s ease}.content-comparison-header .header-breadcrumbs .breadcrumbs ul li a:hover{opacity:1}.content-comparison-header .header-content{display:flex;justify-content:space-between;align-items:center;gap:3em}@media (max-width:52em){.content-comparison-header .header-content{flex-direction:column;text-align:center}}.content-comparison-header .comparison-info{flex:1}.content-comparison-header .comparison-info .page-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5em;color:#fff}@media (max-width:30em){.content-comparison-header .comparison-info .page-title{font-size:2rem}}.content-comparison-header .comparison-info .sites-display{display:flex;align-items:center;gap:2em;margin-bottom:1.5em}@media (max-width:30em){.content-comparison-header .comparison-info .sites-display{flex-direction:column;gap:1em}}.content-comparison-header .comparison-info .sites-display .site-item{background:rgba(255,255,255,.1);padding:1.5em 2em;border-radius:12px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);text-align:center}.content-comparison-header .comparison-info .sites-display .site-item .site-label{display:block;font-size:.8rem;opacity:.8;letter-spacing:.5px;margin-bottom:.5em}.content-comparison-header .comparison-info .sites-display .site-item .site-name{text-transform:uppercase;font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-weight:700;font-size:1.3rem;display:block}.content-comparison-header .comparison-info .sites-display .vs-separator{font-size:1.5rem;font-weight:700;opacity:.8;animation:pulse 2s infinite}@media (max-width:30em){.content-comparison-header .comparison-info .sites-display .vs-separator{transform:rotate(90deg)}}.content-comparison-header .comparison-info .comparison-meta{display:flex;gap:2em;font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:.9rem;opacity:.9}@media (max-width:30em){.content-comparison-header .comparison-info .comparison-meta{flex-direction:column;gap:.5em}}.content-comparison-header .comparison-info .comparison-meta span{background:rgba(255,255,255,.1);padding:.5em 1em;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.content-comparison-header .overall-metrics{display:flex;flex-direction:column;align-items:center}.content-comparison-header .overall-metrics .primary-score{text-align:center}.content-comparison-header .overall-metrics .primary-score .score-circle{width:140px;height:140px;border-radius:50%;border:8px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);margin-bottom:1em}.content-comparison-header .overall-metrics .primary-score .score-circle .score-percentage{font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:2.2rem;font-weight:700;color:#fff;line-height:1;margin-bottom:.25em}.content-comparison-header .overall-metrics .primary-score .score-circle .score-label{font-size:.9rem;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.content-comparison-header .overall-metrics .primary-score.excellent .score-circle{border-color:#2ecc71}.content-comparison-header .overall-metrics .primary-score.good .score-circle{border-color:#f1c40f}.content-comparison-header .overall-metrics .primary-score.warning .score-circle{border-color:#f39c12}.content-comparison-header .overall-metrics .primary-score.error .score-circle{border-color:#e74c3c}.content-comparison-header .overall-metrics .primary-score .performance-info{font-size:.9rem;opacity:.8;background:rgba(255,255,255,.1);padding:.5em 1em;border-radius:6px}.algorithm-metrics{background:#fff}.algorithm-metrics .metrics-overview{margin-bottom:3em}.algorithm-metrics .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2em;margin-bottom:3em}.algorithm-metrics .algorithm-metric{background:#ecf0f1;border-radius:16px;padding:2em;transition:all .3s ease;border-left:5px solid}.algorithm-metrics .algorithm-metric.jaccard{border-left-color:#9b59b6}.algorithm-metrics .algorithm-metric.cosine{border-left-color:#3498db}.algorithm-metrics .algorithm-metric.fingerprint{border-left-color:#e74c3c}.algorithm-metrics .algorithm-metric.semantic{border-left-color:#2ecc71}.algorithm-metrics .algorithm-metric.topic{border-left-color:#f39c12}.algorithm-metrics .algorithm-metric:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.1)}.algorithm-metrics .algorithm-metric .metric-header{display:flex;align-items:center;gap:1em;margin-bottom:1.5em}.algorithm-metrics .algorithm-metric .metric-header .metric-icon{font-size:2.5rem;flex-shrink:0}.algorithm-metrics .algorithm-metric .metric-header .metric-info{flex:1}.algorithm-metrics .algorithm-metric .metric-header .metric-info h3{margin:0 0 .5em 0;font-size:1.2rem;font-weight:600;color:#2c3e50}.algorithm-metrics .algorithm-metric .metric-header .metric-info .metric-score{font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:1.8rem;font-weight:700}.algorithm-metrics .algorithm-metric .metric-header .metric-info .metric-score.excellent{color:#2ecc71}.algorithm-metrics .algorithm-metric .metric-header .metric-info .metric-score.good{color:#f1c40f}.algorithm-metrics .algorithm-metric .metric-header .metric-info .metric-score.warning{color:#f39c12}.algorithm-metrics .algorithm-metric .metric-header .metric-info .metric-score.error{color:#e74c3c}.algorithm-metrics .algorithm-metric .metric-bar{height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden;margin-bottom:1em}.algorithm-metrics .algorithm-metric .metric-bar .metric-fill{height:100%;border-radius:6px;transition:width 1.5s ease-out}.algorithm-metrics .algorithm-metric .metric-bar .metric-fill.excellent{background:#2ecc71}.algorithm-metrics .algorithm-metric .metric-bar .metric-fill.good{background:#f1c40f}.algorithm-metrics .algorithm-metric .metric-bar .metric-fill.warning{background:#f39c12}.algorithm-metrics .algorithm-metric .metric-bar .metric-fill.error{background:#e74c3c}.algorithm-metrics .algorithm-metric .metric-description{font-size:.9rem;color:#95a5a6;line-height:1.4;opacity:.8}.algorithm-metrics .analysis-summary .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2em}.algorithm-metrics .analysis-summary .summary-card{background:#fff;border-radius:12px;padding:0;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);border-left:5px solid #3498db}.algorithm-metrics .analysis-summary .summary-card .summary-icon{font-size:2rem;margin-bottom:1em}.algorithm-metrics .analysis-summary .summary-card .summary-content{padding:2em}.algorithm-metrics .analysis-summary .summary-card .summary-content h4{margin:0 0 1.5em 0;font-size:1.3rem;font-weight:700;color:#2c3e50;display:flex;align-items:center;gap:.5em}.algorithm-metrics .analysis-summary .summary-card.risk-assessment{border-left-color:#e74c3c}.algorithm-metrics .analysis-summary .summary-card.risk-assessment .risk-level{display:flex;flex-direction:column;gap:.5em}.algorithm-metrics .analysis-summary .summary-card.risk-assessment .risk-level .risk-indicator{padding:.25em .75em;border-radius:15px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start}.algorithm-metrics .analysis-summary .summary-card.risk-assessment .risk-level .risk-indicator.critical{background:#e74c3c;color:#fff}.algorithm-metrics .analysis-summary .summary-card.risk-assessment .risk-level .risk-indicator.high{background:#f39c12;color:#fff}.algorithm-metrics .analysis-summary .summary-card.risk-assessment .risk-level .risk-indicator.moderate{background:#f1c40f;color:#fff}.algorithm-metrics .analysis-summary .summary-card.risk-assessment .risk-level .risk-indicator.low{background:#2ecc71;color:#fff}.algorithm-metrics .analysis-summary .summary-card.risk-assessment .risk-level .risk-text{color:#2d3436;line-height:1.4}.algorithm-metrics .analysis-summary .summary-card.top-concerns{border-left-color:#f39c12}.algorithm-metrics .analysis-summary .summary-card.top-concerns .concerns-list .concern-item{padding:1em 0;border-bottom:1px solid #eee}.algorithm-metrics .analysis-summary .summary-card.top-concerns .concerns-list .concern-item:last-child{border-bottom:none}.algorithm-metrics .analysis-summary .summary-card.top-concerns .concerns-list .concern-item.good .concern-type{color:#2ecc71}.algorithm-metrics .analysis-summary .summary-card.top-concerns .concerns-list .concern-item .concern-type{font-weight:700;color:#2c3e50;display:block;margin-bottom:.25em}.algorithm-metrics .analysis-summary .summary-card.top-concerns .concerns-list .concern-item .concern-desc{font-size:.9rem;color:#95a5a6;line-height:1.4}.algorithm-metrics .analysis-summary .summary-card.performance-stats{border-left-color:#3498db}.algorithm-metrics .analysis-summary .summary-card.performance-stats .stats-list .stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75em 0;border-bottom:1px solid #eee}.algorithm-metrics .analysis-summary .summary-card.performance-stats .stats-list .stat-item:last-child{border-bottom:none}.algorithm-metrics .analysis-summary .summary-card.performance-stats .stats-list .stat-item .stat-label{font-weight:600;color:#2d3436}.algorithm-metrics .analysis-summary .summary-card.performance-stats .stats-list .stat-item .stat-value{font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-weight:700;color:#2c3e50}.page-comparisons{background:#ecf0f1;padding:4em 0}.page-comparisons .page-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5em}.page-comparisons .page-link-bubble{background:#fff;border-radius:12px;padding:1.5em;display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#2d3436;transition:all .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.1);border:2px solid transparent}.page-comparisons .page-link-bubble:hover{transform:translateY(-3px) translateX(5px);box-shadow:0 8px 25px rgba(0,0,0,.15);border-color:#3498db;text-decoration:none;color:#2d3436}.page-comparisons .page-link-bubble .bubble-content{flex:1}.page-comparisons .page-link-bubble .bubble-content .page-names{align-items:center;gap:.5em;margin-bottom:.75em;flex-wrap:wrap}.page-comparisons .page-link-bubble .bubble-content .page-names .page-name{font-size:.8rem;color:#95a5a6;font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:.9rem;text-transform:uppercase}.page-comparisons .page-link-bubble .bubble-content .page-names .vs-text{font-size:.8rem;color:#95a5a6;font-weight:700}.page-comparisons .page-link-bubble .bubble-content .page-score{font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:1.5rem;font-weight:700;margin-bottom:.5em}.page-comparisons .page-link-bubble .bubble-content .page-score.excellent{color:#2ecc71}.page-comparisons .page-link-bubble .bubble-content .page-score.good{color:#f1c40f}.page-comparisons .page-link-bubble .bubble-content .page-score.warning{color:#f39c12}.page-comparisons .page-link-bubble .bubble-content .page-score.error{color:#e74c3c}.page-comparisons .page-link-bubble .bubble-content .page-index{color:#2c3e50;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.page-comparisons .page-link-bubble .bubble-arrow{margin-left:1em;opacity:.5;transition:all .3s ease}.page-comparisons .page-link-bubble .bubble-arrow svg{display:block}.page-comparisons .page-link-bubble:hover .bubble-arrow{opacity:1;transform:translateX(3px)}.page-comparisons .no-pages-message{grid-column:1/-1;text-align:center;padding:4em 2em;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.page-comparisons .no-pages-message .message-icon{font-size:4rem;margin-bottom:1em;opacity:.5}.page-comparisons .no-pages-message h3{margin-bottom:1em;color:#2c3e50}.page-comparisons .no-pages-message p{color:#95a5a6;max-width:400px;margin:0 auto;line-height:1.5}.footer-cta{background:linear-gradient(135deg,#2ecc71 0,#25a25a 100%);color:#fff;padding:4em 0;text-align:center}.footer-cta .cta-content{max-width:600px;margin:0 auto}.footer-cta .cta-content h2{font-size:2.5rem;margin-bottom:1em;color:#fff}@media (max-width:52em){.footer-cta .cta-content h2{font-size:2rem}}.footer-cta .cta-content p{font-size:1.2rem;margin-bottom:2em;opacity:.9}.footer-cta .cta-buttons{display:flex;gap:1em;justify-content:center}@media (max-width:30em){.footer-cta .cta-buttons{flex-direction:column;align-items:center}}@keyframes backgroundMove{from{transform:translateX(0) translateY(0)}to{transform:translateX(-50px) translateY(-50px)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.algorithm-metric,.page-link-bubble,.summary-card{animation:slideInUp .6s ease-out both}.algorithm-metric:nth-child(1),.page-link-bubble:nth-child(1),.summary-card:nth-child(1){animation-delay:.1s}.algorithm-metric:nth-child(2),.page-link-bubble:nth-child(2),.summary-card:nth-child(2){animation-delay:.2s}.algorithm-metric:nth-child(3),.page-link-bubble:nth-child(3),.summary-card:nth-child(3){animation-delay:.3s}.algorithm-metric:nth-child(4),.page-link-bubble:nth-child(4),.summary-card:nth-child(4){animation-delay:.4s}.algorithm-metric:nth-child(5),.page-link-bubble:nth-child(5),.summary-card:nth-child(5){animation-delay:.5s}.algorithm-metric:nth-child(6),.page-link-bubble:nth-child(6),.summary-card:nth-child(6){animation-delay:.6s}@media (max-width:52em){.metrics-grid{grid-template-columns:repeat(2,1fr)}.page-links-grid{grid-template-columns:repeat(2,1fr)}.summary-cards{grid-template-columns:1fr}}@media (max-width:30em){.content-comparison-header .page-title{font-size:2rem}.content-comparison-header .comparison-meta{flex-direction:column;gap:.5em}.content-comparison-header .overall-metrics .primary-score .score-circle{width:120px;height:120px}.content-comparison-header .overall-metrics .primary-score .score-circle .score-percentage{font-size:2rem}.metrics-grid{grid-template-columns:1fr}.page-links-grid{grid-template-columns:1fr}.page-link-bubble .bubble-content .page-names{flex-direction:column;align-items:flex-start;gap:.25em}}@media print{.content-comparison-header{background:#ecf0f1!important;color:#1a1a1a!important}.algorithm-metric,.page-link-bubble,.summary-card{break-inside:avoid;box-shadow:none!important;border:1px solid #95a5a6!important}.footer-cta{display:none!important}.page-link-bubble:hover{transform:none!important}}