.ranking-layout{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}.ranking-main{display:flex;flex-direction:column;gap:16px;min-width:0}.ranking-sidebar{position:sticky;top:96px}.ranking-sidebar__inner{background:var(--color-bg-card);border:1.8px solid var(--color-ink);border-radius:28px;box-shadow:5px 5px 0 var(--color-ink);padding:24px;display:flex;flex-direction:column;gap:20px}.ranking-sidebar__header{display:flex;align-items:baseline;justify-content:space-between}.ranking-sidebar__title{font-family:var(--font-display);font-size:18px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.ranking-sidebar__hand{font-family:var(--font-hand);font-size:16px;color:var(--color-ink-3)}.ranking-sidebar__sliders{display:flex;flex-direction:column;gap:20px}.ranking-sidebar__section{padding-top:16px;border-top:1px solid var(--color-line)}.ranking-sidebar__section-label{display:flex;align-items:center;gap:6px;font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-3);margin-bottom:10px}.ranking-sidebar__chips{display:flex;flex-wrap:wrap;gap:6px}.ranking-sidebar__chips .chip{font-size:12px}.ranking-sidebar__summary{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px dashed var(--color-line)}.ranking-sidebar__stat{display:flex;justify-content:space-between;font-size:13px;color:var(--color-ink-2)}.ranking-sidebar__stat span{display:inline-flex;align-items:center;gap:6px}.ranking-sidebar__stat strong{color:var(--color-ink);font-weight:800}.ranking-sidebar__date{font-size:11px;font-family:var(--font-mono);color:var(--color-ink-3);margin:0;display:flex;align-items:center;justify-content:center;gap:5px}.slider-field{display:flex;flex-direction:column;gap:8px}.slider-field__header{display:flex;align-items:baseline;justify-content:space-between}.slider-field__label{font-size:12px;font-weight:650;color:var(--color-ink-2)}.slider-field__value{font-family:var(--font-display);font-size:18px;font-weight:800;letter-spacing:-.02em}.slider-field__range{display:flex;justify-content:space-between;font-size:10px;color:var(--color-ink-3)}.ranking-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.ranking-count{font-size:14px;font-weight:650;color:var(--color-ink-2);margin:0}.ranking-sort{display:flex;align-items:center;gap:6px}.ranking-sort__label{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-3);margin-right:2px;display:inline-flex;align-items:center;gap:4px}.ranking-empty{border:1.8px dashed var(--color-line);border-radius:28px;background:var(--color-bg-soft);padding:48px;text-align:center}.ranking-empty__title{font-family:var(--font-display);font-size:20px;font-weight:800;margin:0}.ranking-empty__sub{font-size:15px;color:var(--color-ink-2);margin:8px 0 0}.ranking-list{display:flex;flex-direction:column;gap:18px;padding-top:6px}.ranking-disclaimer{font-size:12px;line-height:1.6;color:var(--color-ink-3);margin:0}.offer-card{position:relative;background:var(--color-bg-card);border:1.5px solid var(--color-ink);border-radius:22px;padding:22px 24px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.offer-card:hover{transform:translateY(-2px);border-color:var(--color-orange);box-shadow:0 4px 0 var(--color-orange)}.offer-card--top{border-width:1.8px;box-shadow:3px 3px 0 var(--color-ink)}.offer-card--top:hover{box-shadow:0 4px 0 var(--color-orange)}.offer-rank{position:absolute;top:-10px;left:-6px;z-index:2;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);font-family:var(--font-display);font-size:14px;font-weight:800;border:1.5px solid var(--color-ink)}.offer-rank--top{background:var(--color-orange);color:#fff;box-shadow:2px 2px 0 var(--color-ink)}.offer-rank--normal{background:var(--color-bg-soft);color:var(--color-ink-2)}:global(.offer-best-badge){position:absolute;top:-12px;left:34px;z-index:2;padding:5px 12px;background:var(--color-yellow);color:var(--color-ink);border:1.5px solid var(--color-ink);border-radius:var(--radius-pill);font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;box-shadow:2px 2px 0 var(--color-ink)}.offer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.offer-bank{display:flex;align-items:center;gap:14px;min-width:0}.offer-bank__info{min-width:0}.offer-bank__name{display:block;font-family:var(--font-display);font-size:17px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.offer-bank__product{display:block;font-size:13px;color:var(--color-ink-2);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.offer-hero-rate{text-align:right;flex-shrink:0}.offer-hero-rate__value{display:block;font-family:var(--font-display);font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--color-orange)}.offer-hero-rate__label{display:block;font-size:11px;color:var(--color-ink-3);margin-top:2px}.offer-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:14px 0;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}.offer-metric__label{display:flex;align-items:center;gap:5px;font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-3);margin-bottom:4px}.offer-metric__value{display:block;font-family:var(--font-display);font-size:17px;font-weight:800;letter-spacing:-.02em;line-height:1}.offer-metric__sub{display:block;font-size:11px;color:var(--color-ink-3);margin-top:3px}.offer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.offer-tags{display:flex;flex-wrap:wrap;gap:6px}.offer-tags .chip{font-size:11px;padding:4px 10px}.offer-cta{flex-shrink:0;font-size:14px;font-weight:700;color:var(--color-ink);border:1.5px solid var(--color-ink);border-radius:var(--radius-pill);padding:8px 18px;transition:all .12s ease;text-decoration:none}.offer-cta:hover{background:var(--color-ink);color:var(--color-bg);transform:translateY(-1px)}.offer-crosssell{font-family:var(--font-hand);font-size:15px;color:var(--color-ink-2);margin:10px 0 0;padding-top:10px;border-top:1px dashed var(--color-line)}@media(max-width:1100px){.ranking-layout{grid-template-columns:1fr 300px;gap:20px}}@media(max-width:900px){.ranking-layout{grid-template-columns:1fr}.ranking-sidebar{position:static;order:-1}.offer-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.ranking-sidebar__inner{padding:20px;border-radius:20px}.offer-card{padding:18px 16px;border-radius:18px}.offer-header{flex-direction:column;align-items:flex-start}.offer-hero-rate{text-align:left}.offer-metrics{grid-template-columns:1fr 1fr 1fr;gap:10px}.offer-bottom{flex-direction:column;align-items:flex-start}.offer-tags .chip{font-size:10px;padding:3px 8px}}