.compare-home.compare-interactive .compare-card-grid{display:flex;gap:16px;align-items:stretch}
.compare-home.compare-interactive .compare-card{--compare-accent:#2267e8;position:relative;flex:1 1 0;min-width:0;min-height:340px;height:340px;padding:26px 22px;justify-content:center;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.20) 0%,rgba(255,255,255,.065) 50%,rgba(255,255,255,0) 100%),var(--compare-accent);border:1px solid var(--compare-accent);color:#fff;transform:none;transition:flex-grow .6s cubic-bezier(.22,1,.36,1),background-color .5s ease,color .4s ease,border-color .5s ease,box-shadow .5s ease}
.compare-home.compare-interactive .compare-card.naver{--compare-accent:#168357}
.compare-home.compare-interactive .compare-card.local{--compare-accent:#7061b5}
.compare-home.compare-interactive .compare-card.self{--compare-accent:#233e67}
.compare-home.compare-interactive .compare-card-top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin:0;text-align:center}
.compare-home.compare-interactive .compare-card-icon{background:transparent;color:#fff;width:62px;height:62px;min-width:62px;border-radius:0}
.compare-home.compare-interactive .compare-card-icon svg{width:48px;height:48px;stroke-width:1.5}
.compare-home.compare-interactive .compare-card-label{color:inherit;font-size:17px;line-height:1.4;word-break:keep-all}
.compare-home.compare-interactive .compare-card-top>svg{position:absolute;top:20px;right:20px;margin:0;color:var(--compare-accent);opacity:0}
.compare-home.compare-interactive .compare-card-details{max-height:0;opacity:0;visibility:hidden;overflow:hidden;transition:opacity .35s ease;pointer-events:none}
.compare-home.compare-interactive .compare-card-details h3{font-size:24px;line-height:1.4;color:#18283b;margin:0}
.compare-home.compare-interactive .compare-card-details p{font-size:16px;line-height:1.55;color:#61748a;margin:10px 0 0;word-break:keep-all}
.compare-home.compare-interactive .compare-detail-link{display:block;color:var(--compare-accent);font-size:14px;font-weight:600;margin-top:14px}
.compare-home.compare-interactive .compare-card.is-expanded{flex-grow:2.15;background-color:#fff;color:var(--compare-accent);border-color:#bcd0ed;box-shadow:0 10px 28px #17385d0c}
.compare-home.compare-interactive .compare-card.is-expanded .compare-card-top{gap:8px;margin-bottom:20px}
.compare-home.compare-interactive .compare-card.is-expanded .compare-card-icon{color:var(--compare-accent);height:42px;min-height:42px}
.compare-home.compare-interactive .compare-card.is-expanded .compare-card-icon svg{width:36px;height:36px}
.compare-home.compare-interactive .compare-card.is-expanded .compare-card-top>svg{opacity:1}
.compare-home.compare-interactive .compare-card.is-expanded .compare-card-details{max-height:230px;opacity:1;visibility:visible;pointer-events:auto}
.compare-home.compare-interactive .compare-card:focus-visible{outline:3px solid #2267e8;outline-offset:4px}
.compare-touch-hint{display:none}
@media(max-width:900px){.compare-home.compare-interactive .compare-card-grid{flex-direction:column;gap:12px}.compare-home.compare-interactive .compare-card{flex:0 0 auto;width:100%;height:150px;min-height:150px;padding:20px 24px;transition:height .45s cubic-bezier(.22,1,.36,1),background-color .5s ease,color .4s ease}.compare-home.compare-interactive .compare-card-icon{width:48px;height:48px;min-width:48px}.compare-home.compare-interactive .compare-card-icon svg{width:40px;height:40px}.compare-home.compare-interactive .compare-card-top{gap:10px}.compare-home.compare-interactive .compare-card.is-expanded{flex:0 0 auto;height:340px;min-height:340px}.compare-home.compare-interactive .compare-card-details h3{font-size:23px}}
@media(hover:none){.compare-home.compare-interactive .compare-touch-hint{display:block;margin:14px 0 0;color:#61748a;font-size:13px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.compare-home.compare-interactive .compare-card,.compare-home.compare-interactive .compare-card-details{transition:none}}

.compare-home.compare-interactive .compare-card-icon{transition:color .4s ease}
@media(prefers-reduced-motion:reduce){.compare-home.compare-interactive .compare-card-icon{transition:none}}