#main-content{background:#fff}.compare-detail-page{min-height:100vh}.compare-detail-hero{background:linear-gradient(#ebf5ff 0%,#ebf5ff59 65%,#fff 100%);padding:2rem 0 2.5rem}@media (width>=768px){.compare-detail-hero{padding:2.5rem 0 3rem}}.compare-detail-breadcrumb{color:#6b7280;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.875rem;display:flex}.compare-detail-breadcrumb a{color:#6b7280;transition:color .15s}.compare-detail-breadcrumb a:hover{color:#1270b5}.compare-detail-breadcrumb span{color:#9ca3af}.compare-detail-breadcrumb span:last-child{color:#222;font-weight:500}.compare-detail-hero__title{color:#222;letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.7rem,3.6vw,2.4rem);font-weight:700;line-height:1.12}.compare-detail-hero__desc{color:#6b7280;max-width:68ch;margin-top:.75rem;font-size:16px;line-height:1.6}@media (width>=768px){.compare-detail-hero__desc{font-size:1.125rem}}.compare-detail-criteria{background:#fff;border:1px solid #e5e7eb;border-radius:4px;margin:2rem 0;padding:1.25rem 1.5rem;box-shadow:0 1px 2px #1018280a}.compare-detail-criteria__title{color:#222;margin-bottom:.75rem;font-size:15px;font-weight:700}.compare-detail-criteria__tags{flex-wrap:wrap;gap:.5rem;display:flex}.compare-criteria-tag{color:#1270b5;background:#ebf5ff;border-radius:9999px;align-items:center;gap:6px;padding:6px 13px;font-size:.875rem;font-weight:500;display:inline-flex}.compare-criteria-tag svg{color:#168de2}.compare-detail-rankings{flex-direction:column;gap:1rem;margin-bottom:3rem;display:flex}.compare-rank{background:#fff;border:1px solid #e5e7eb;border-radius:4px;transition:box-shadow .2s,transform .2s;overflow:hidden;box-shadow:0 1px 2px #1018280a}.compare-rank:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.compare-rank--first{border-color:#168de2;box-shadow:0 2px 4px #1018280a,0 14px 32px -16px #168de259}.compare-rank__header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.compare-rank__header--gold{background:#ebf5ff;border-bottom-color:#d1eaff}.compare-rank__header-left{align-items:center;gap:.75rem;display:flex}.compare-rank__badge{color:#4b5563;background:#e5e7eb;border-radius:9999px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 10px;font-size:1.125rem;font-weight:700;display:flex}@media (width>=768px){.compare-rank__badge{height:44px;font-size:1.25rem}}.compare-rank--first .compare-rank__badge{color:#fff;background:#168de2}.compare-rank__award{color:#1270b5;background:#fff;border:1px solid #d1eaff;border-radius:9999px;padding:5px 13px;font-size:.875rem;font-weight:600}.compare-rank__body{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}@media (width>=768px){.compare-rank__body{flex-direction:row;justify-content:space-between;align-items:center}}.compare-rank__op{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.compare-rank__avatar{color:#168de2;background:#ebf5ff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.25rem;font-weight:700;display:flex}.compare-rank--first .compare-rank__avatar{color:#fff;background:#168de2}.compare-rank__name{color:#222;font-size:1.125rem;font-weight:700}.compare-rank__reason{color:#6b7280;margin-top:3px;font-size:14px;line-height:1.5}.compare-rank__actions{flex-shrink:0}.compare-rank__btn{color:#fff;background:#168de2;border-radius:4px;justify-content:center;align-items:center;padding:11px 22px;font-size:14px;font-weight:700;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex}.compare-rank__btn:hover{background:#1270b5;transform:translateY(-1px);box-shadow:0 8px 18px -8px #168de280}.compare-detail-guides{background:#fff;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:2rem;padding:1.25rem 1.5rem;box-shadow:0 1px 2px #1018280a}.compare-detail-guides__title{color:#222;margin-bottom:1rem;font-size:15px;font-weight:700}.compare-detail-guides__grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=768px){.compare-detail-guides__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.compare-detail-guides__grid{grid-template-columns:repeat(3,1fr)}}.compare-guide-card{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:14px 16px;transition:border-color .15s,background .15s,transform .15s;display:block}.compare-guide-card:hover{background:#ebf5ff;border-color:#d1eaff;transform:translateY(-2px)}.compare-guide-card__title{color:#222;margin-bottom:3px;font-size:14px;font-weight:700;line-height:1.35;transition:color .15s}.compare-guide-card:hover .compare-guide-card__title{color:#1270b5}.compare-guide-card__desc{color:#6b7280;font-size:12.5px;line-height:1.5}.compare-detail-cta{text-align:center;color:#fff;background:#168de2;border-radius:4px;margin-bottom:4rem;padding:clamp(2rem,4vw,3rem) 1.5rem;box-shadow:0 20px 40px -20px #168de28c}.compare-detail-cta__title{letter-spacing:-.015em;margin-bottom:.5rem;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700}.compare-detail-cta__desc{color:#ffffffe6;margin-bottom:1.5rem;font-size:15px}.compare-detail-cta__btn{color:#1270b5;background:#fff;border-radius:4px;align-items:center;gap:.5rem;padding:14px 28px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.compare-detail-cta__btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px -10px #00000059}