.wtct-comparison-wrapper{
    max-width:1180px;
    margin:28px auto;
    padding:12px;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.wtct-shell{
    background:linear-gradient(180deg,#ffffff 0%,#f5f7fb 100%);
    border:1px solid #e7ebf2;
    border-radius:30px;
    padding:28px;
    box-shadow:0 18px 48px rgba(17,24,39,0.08);
}
.wtct-badge{
    display:inline-block;
    padding:8px 14px;
    border-radius:999px;
    background:#eef4ff;
    color:#2f5aaa;
    font-size:13px;
    font-weight:600;
    margin-bottom:14px;
}
.wtct-header h3{
    margin:0 0 8px;
    font-size:34px;
    line-height:1.15;
    color:#101828;
}
.wtct-header p{
    margin:0 0 22px;
    color:#5d6678;
    font-size:15px;
    max-width:800px;
}
.wtct-category-wrap{
    margin-bottom:16px;
}
.wtct-category-wrap label,
.wtct-select-card label{
    display:block;
    margin-bottom:8px;
    font-size:14px;
    font-weight:600;
    color:#1b2432;
}
.wtct-category-select,
.wtct-item-select{
    width:100%;
    min-height:52px;
    border-radius:16px;
    border:1px solid #d9deea;
    background:#fff;
    padding:12px 16px;
    font-size:15px;
    box-shadow:inset 0 1px 2px rgba(17,24,39,0.02);
}
.wtct-selectors{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    margin-bottom:18px;
}
.wtct-select-card{
    padding:18px;
    border-radius:22px;
    background:rgba(255,255,255,0.9);
    border:1px solid #e8edf5;
    box-shadow:0 8px 22px rgba(17,24,39,0.04);
}
.wtct-message{
    padding:14px 16px;
    border-radius:16px;
    background:#f6f9ff;
    border:1px solid #dce8ff;
    color:#36527b;
    margin-bottom:16px;
}
.wtct-summary-bar{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
    margin:0 0 18px;
}
.wtct-summary-box{
    padding:18px;
    border-radius:20px;
    background:#ffffff;
    border:1px solid #e8edf5;
    box-shadow:0 8px 22px rgba(17,24,39,0.04);
}
.wtct-summary-label{
    display:block;
    color:#687385;
    font-size:13px;
    margin-bottom:8px;
}
.wtct-summary-box strong{
    font-size:19px;
    color:#111827;
}
.wtct-table-wrap{
    overflow-x:auto;
}
.wtct-compare-table{
    width:100%;
    min-width:860px;
    border-collapse:separate;
    border-spacing:0;
    overflow:hidden;
    background:#fff;
    border:1px solid #e7ebf1;
    border-radius:24px;
}
.wtct-compare-table th,
.wtct-compare-table td{
    padding:18px 18px;
    border-bottom:1px solid #edf1f6;
    text-align:left;
    vertical-align:top;
}
.wtct-compare-table th{
    background:#f7f9fc;
    color:#111827;
    font-size:15px;
    font-weight:700;
}
.wtct-compare-table tr:last-child td{
    border-bottom:none;
}
.wtct-factor-name{
    font-weight:700;
    color:#1f2937;
    min-width:170px;
}
.wtct-factor-detail{
    color:#374151;
    line-height:1.6;
    white-space:pre-line;
}
.wtct-rating-inline{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin-top:12px;
}
.wtct-rating-label{
    color:#6b7280;
    font-size:13px;
    font-weight:600;
}
.wtct-rating-pill{
    display:inline-block;
    min-width:52px;
    text-align:center;
    padding:6px 10px;
    border-radius:999px;
    background:#111827;
    color:#fff;
    font-weight:700;
    font-size:13px;
}
.wtct-stars{
    color:#d18a00;
    letter-spacing:1px;
    font-size:16px;
}
.wtct-rating-na,
.wtct-empty{
    color:#7b8597;
}
.wtct-value-cell{
    transition:all .2s ease;
}
.wtct-winner-cell{
    background:#eefaf1;
}
.wtct-loser-cell{
    background:#fff7f7;
}
@media (max-width: 900px){
    .wtct-summary-bar{
        grid-template-columns:repeat(2,1fr);
    }
}
@media (max-width: 767px){
    .wtct-shell{
        padding:18px;
        border-radius:22px;
    }
    .wtct-header h3{
        font-size:24px;
    }
    .wtct-selectors{
        grid-template-columns:1fr;
    }
    .wtct-summary-bar{
        grid-template-columns:1fr;
    }
    .wtct-select-card,
    .wtct-summary-box{
        border-radius:16px;
    }
}