/* infographic.css — dual palette, WCAG compliant */
.inf-card{background:var(--bg-card);border:1.5px solid var(--border-md);border-radius:20px;padding:1.6rem 1.85rem;box-shadow:var(--shadow-md);position:relative}
.inf-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#D43B2A,#F2B07B);border-radius:20px 20px 0 0}
[data-theme="dark"] .inf-card::before{background:linear-gradient(90deg,#FEBD69,#F2B07B)}
.inf-card::after{content:'';position:absolute;inset:-5px;border-radius:25px;border:1.5px solid rgba(212,59,42,.12);animation:rpulse 3s ease-in-out infinite;pointer-events:none}
[data-theme="dark"] .inf-card::after{border-color:rgba(254,189,105,.1)}
@keyframes rpulse{0%,100%{opacity:0}50%{opacity:1}}
.inf-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}
.inf-card-title{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}
.inf-live-badge{display:flex;align-items:center;gap:4px;font-size:.78rem;font-weight:700;color:#166534;background:#DCFCE7;padding:3px 10px;border-radius:100px}
[data-theme="dark"] .inf-live-badge{background:rgba(22,101,52,.3);color:#4ADE80}
.inf-live-dot{width:6px;height:6px;background:#166534;border-radius:50%;animation:livepulse 1.6s infinite}
[data-theme="dark"] .inf-live-dot{background:#4ADE80}
@keyframes livepulse{0%,100%{opacity:1}50%{opacity:.3}}
.inf-rank-row{display:flex;align-items:center;gap:.8rem;padding:8px 0;border-bottom:1px solid var(--border)}
.inf-rank-row:last-of-type{border-bottom:none}
.inf-rank-pos{width:28px;height:28px;border-radius:8px;background:var(--red-lt);color:var(--red-deep);font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
[data-theme="dark"] .inf-rank-pos{background:rgba(254,189,105,.12);color:#FEBD69}
.inf-rank-pos.top{background:#D43B2A;color:#FFFFFF}
[data-theme="dark"] .inf-rank-pos.top{background:#FEBD69;color:#131A22}
.inf-rank-keyword{font-size:.85rem;font-weight:600;color:var(--text-primary);flex:1}
.inf-rank-bar-wrap{width:72px;height:6px;background:var(--bg-surface-2);border-radius:3px;overflow:hidden}
.inf-rank-bar{height:100%;background:#D43B2A;border-radius:3px;width:0;transition:width 1.2s cubic-bezier(.4,0,.2,1)}
[data-theme="dark"] .inf-rank-bar{background:#FEBD69}
.inf-rank-change{font-size:.78rem;font-weight:700;color:#166534;min-width:26px;text-align:right}
[data-theme="dark"] .inf-rank-change{color:#4ADE80}
.inf-float{position:absolute;background:var(--bg-card);border:1.5px solid var(--border-md);border-radius:14px;padding:.9rem 1.15rem;box-shadow:var(--shadow-md);animation:float-card 4s ease-in-out infinite}
.inf-float-2{animation-delay:-2s;animation-duration:5s}
.inf-float-3{animation-delay:-1s;animation-duration:3.5s}
@keyframes float-card{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.inf-float-num{font-family:'Fraunces',serif;font-size:1.5rem;font-weight:900;line-height:1;color:var(--text-primary)}
.inf-float-label{font-size:.78rem;font-weight:700;color:var(--text-muted);margin-top:.2rem;text-transform:uppercase;letter-spacing:.07em}
.inf-float-green{border-color:rgba(22,101,52,.18)}
.inf-float-green .inf-float-num{color:#166534}
[data-theme="dark"] .inf-float-green{border-color:rgba(74,222,128,.18)}
[data-theme="dark"] .inf-float-green .inf-float-num{color:#4ADE80}
.hero-card-glow{position:absolute;inset:-30px;background:radial-gradient(ellipse at 50% 50%,rgba(212,59,42,.08),transparent 70%);pointer-events:none;border-radius:30px}
[data-theme="dark"] .hero-card-glow{background:radial-gradient(ellipse at 50% 50%,rgba(254,189,105,.07),transparent 70%)}