.pi-brand-logo-frame{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}
.pi-brand-logo-frame img{width:44px;height:44px;object-fit:contain;display:block}
.pi-brand-logo-frame i{display:none}.pi-brand-logo-frame.logo-missing i{display:inline-flex}
.pi-etf-reading-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:9999;background:linear-gradient(90deg,#06b6d4,#f6c65b,#0f766e);box-shadow:0 0 14px rgba(14,165,233,.45);transition:width .08s linear}
.pi-etf-progress-card{display:grid;grid-template-columns:minmax(220px,.45fr) 1fr;gap:1rem;align-items:center;margin:1rem 0 1.3rem;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(236,254,255,.78));border:1px solid rgba(14,165,233,.16)}
.pi-etf-progress-card strong{display:block;margin-top:.25rem;font-size:1.05rem;color:#0f172a}.pi-etf-progress-card small{grid-column:1/-1;color:#64748b}.pi-etf-progress-track{height:11px;border-radius:999px;background:rgba(148,163,184,.16);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(148,163,184,.14)}.pi-etf-progress-track span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#06b6d4,#f6c65b);box-shadow:0 0 18px rgba(14,165,233,.32);transition:width .25s ease}
.pi-etf-lesson{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.pi-etf-lesson:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.08)}.pi-etf-lesson[open]{border-left:4px solid #f6c65b;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(236,254,255,.62));box-shadow:0 18px 38px rgba(14,165,233,.08);transform:scale(1.006)}
.pi-etf-exposure-lab .pi-section-head{margin-bottom:1rem}.pi-etf-lab-shell{display:grid;grid-template-columns:260px 1fr;gap:1rem;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.96));border:1px solid rgba(15,23,42,.08)}.pi-etf-lab-tabs{display:flex;flex-direction:column;gap:.65rem}.pi-etf-lab-tabs button{text-align:left;border:1px solid rgba(14,165,233,.18);background:#fff;border-radius:16px;padding:.85rem 1rem;font-weight:800;color:#0f172a;cursor:pointer;transition:.18s ease}.pi-etf-lab-tabs button:hover{transform:translateX(3px);box-shadow:0 10px 22px rgba(15,23,42,.07)}.pi-etf-lab-tabs button.active{background:linear-gradient(135deg,#e0f7ff,#fff8db);border-color:rgba(14,165,233,.35);box-shadow:0 12px 26px rgba(14,165,233,.12)}.pi-etf-lab-result{border:1px solid rgba(148,163,184,.18);border-radius:22px;padding:1.1rem 1.2rem;background:rgba(255,255,255,.86)}.pi-etf-lab-result span{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900;color:#0284c7}.pi-etf-lab-result h3{margin:.4rem 0 .55rem;font-size:1.35rem}.pi-etf-lab-result p{color:#475569;line-height:1.65}.pi-etf-lab-result ul{margin:.8rem 0 0;padding-left:1.1rem;color:#334155;line-height:1.65}
.pi-etf-cost-live{position:relative;overflow:hidden}.pi-etf-live-hint{display:block;margin-top:.55rem;color:#64748b;font-weight:700}.pi-etf-cost-bar{margin-top:1rem;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:#fff;padding:.9rem}.pi-etf-cost-bar-label{display:flex;justify-content:space-between;gap:1rem;font-size:.82rem;font-weight:900;color:#334155;margin-bottom:.55rem}.pi-etf-cost-track{height:18px;border-radius:999px;display:flex;overflow:hidden;background:rgba(148,163,184,.15);box-shadow:inset 0 0 0 1px rgba(148,163,184,.14)}.pi-etf-cost-net{background:linear-gradient(90deg,#0ea5e9,#10b981);transition:width .25s ease}.pi-etf-cost-loss{background:linear-gradient(90deg,#f97316,#ef4444);transition:width .25s ease}.pi-etf-cost-caption{display:flex;justify-content:space-between;gap:1rem;margin-top:.45rem;font-size:.78rem;color:#64748b}.pi-etf-cost-caption b{color:#0f172a}
.pi-etf-benchmark-tip{border-bottom:1px dashed rgba(2,132,199,.65);cursor:help;position:relative;font-weight:900}.pi-etf-benchmark-tip::after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% + 8px);min-width:220px;max-width:280px;background:#0f172a;color:white;padding:.7rem .8rem;border-radius:12px;font-size:.78rem;font-weight:700;line-height:1.45;box-shadow:0 14px 28px rgba(15,23,42,.18);opacity:0;transform:translateY(6px);pointer-events:none;transition:.16s ease;z-index:20}.pi-etf-benchmark-tip:hover::after{opacity:1;transform:translateY(0)}.pi-etf-synthetic-tag{display:inline-flex;align-items:center;gap:.35rem;margin-left:.45rem;padding:.18rem .45rem;border-radius:999px;background:#fff7ed;color:#c2410c;border:1px solid rgba(249,115,22,.24);font-size:.72rem;font-weight:900}.pi-etf-synthetic-tag i{font-size:.7rem}
.pi-fiis-summary-card,.pi-filter-card-shell,.pi-fiis-legend,.pi-platform-promo-card,.pi-etf-tools-grid .pi-card{transition:transform .18s ease,box-shadow .18s ease}.pi-fiis-summary-card:hover,.pi-filter-card-shell:hover,.pi-fiis-legend:hover,.pi-platform-promo-card:hover,.pi-etf-tools-grid .pi-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(15,23,42,.08)}
@media (max-width:768px){.pi-etf-progress-card,.pi-etf-lab-shell{grid-template-columns:1fr}.pi-etf-lab-tabs{display:grid;grid-template-columns:1fr 1fr}.pi-etf-lab-tabs button{font-size:.86rem}.pi-etf-cost-bar-label,.pi-etf-cost-caption{flex-direction:column;gap:.25rem}}
.pi-etf-live-hint-auto{grid-column:1/-1;display:flex;align-items:center;gap:.45rem;padding:.75rem .9rem;border-radius:16px;background:linear-gradient(135deg,rgba(14,165,233,.08),rgba(16,185,129,.08));border:1px solid rgba(14,165,233,.14)}
.pi-etf-live-hint-auto i{color:#0ea5e9;filter:drop-shadow(0 0 7px rgba(14,165,233,.28))}