.crp-home .crp-top20{padding-block:60px;background:#fff}
.crp-top20 .crp-top20-heading{display:flex;justify-content:center;text-align:center;margin-bottom:32px}
.crp-top20-heading .crp-kicker{display:inline-block;margin-bottom:12px;color:#039bc5;font-size:12px;font-weight:600;letter-spacing:.16em}
.crp-top20 .crp-top20-heading h2{margin:0;color:#173646;font-size:32px;font-weight:600;line-height:1.35;letter-spacing:-.045em;word-break:keep-all}
.crp-top20 .crp-top20-heading p{margin:12px 0 0;font-size:15px;color:#6d7f89;line-height:1.65;word-break:keep-all}
.crp-home .crp-top20 .crp-top20-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}
@media(min-width:769px) and (max-width:1023px){.crp-home .crp-top20 .crp-top20-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.crp-home .crp-top20 .crp-top20-grid>.crp-card:only-child{display:flex}.crp-home .crp-top20 .crp-top20-grid>.crp-card:only-child .crp-card-image{aspect-ratio:1.08}.crp-home .crp-top20 .crp-top20-grid>.crp-card:only-child .crp-card-meta{padding:12px var(--ds-card-inset) 16px}
.crp-top20-grid>.crp-card{position:relative;background:#f6f9fb;border:1px solid #e8eff3;border-radius:16px;overflow:hidden;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.65,.3,1);transform-origin:center top}
.crp-top20-grid>.crp-card.is-reveal-pending{opacity:0;transform:translateY(28px) scale(.97)}
.crp-top20-grid .crp-card-image{position:relative;border-radius:15px 15px 0 0}
.crp-top20-grid .crp-card-image:hover{background:#eef5f8}
.crp-top20-rank{position:absolute;z-index:1;top:14px;left:14px;display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border:1px solid #dce8ee;border-radius:10px;background:#fff;color:#477082;font-size:16px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
.crp-top20-rank.is-leading{border-color:#00a7d4;background:#00a7d4;color:#fff}
.crp-top20-empty{padding:44px 20px;border:1px solid #e4ecf1;border-radius:16px;background:#f7fafc;text-align:center;color:#6d7f89;font-size:15px}.crp-top20-empty p{margin:0}.crp-top20-empty a{display:inline-block;margin-top:16px;color:#078eae}
@media(max-width:768px){
 .crp-home .crp-top20{padding-block:38px}.crp-top20 .crp-top20-heading{margin-bottom:24px}.crp-top20-heading .crp-kicker{font-size:10px;margin-bottom:9px}.crp-top20 .crp-top20-heading h2{font-size:25px;letter-spacing:-.055em}.crp-top20 .crp-top20-heading p{max-width:290px;margin:10px auto 0;font-size:13px}
 .crp-home .crp-top20 .crp-top20-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.crp-top20-grid>.crp-card{border-radius:12px}.crp-top20-grid .crp-card-image{border-radius:11px 11px 0 0}.crp-top20-rank{top:9px;left:9px;min-width:27px;height:27px;padding:0 6px;border-radius:8px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.crp-top20-grid>.crp-card,.crp-top20-grid>.crp-card.is-reveal-pending{opacity:1;transform:none;transition:none}}
@media print{.crp-top20-grid>.crp-card.is-reveal-pending{opacity:1;transform:none}}