.percentage-change-visual{background:radial-gradient(circle at 90% 10%,#7047f521,#0000 35%),#f8f7ff;border:1px solid #ddd6fe;border-radius:22px;margin:34px 0;padding:clamp(20px,4vw,30px);overflow:hidden}.percentage-change-visual-header{margin-bottom:22px}.percentage-change-visual-header span,.percentage-change-related-heading>span{color:#6842f4;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:850;display:block}.percentage-change-visual-header strong{color:#111827;margin-top:6px;font-size:clamp(1.15rem,3vw,1.55rem);line-height:1.3;display:block}.percentage-change-visual-header p,.percentage-change-related-heading p{color:#59667c;margin:8px 0 0;line-height:1.65}.percentage-change-svg{width:100%;height:auto;display:block}.percentage-change-svg .visual-label{fill:#111827;font-size:22px;font-weight:800}.percentage-change-svg .visual-copy{fill:#627087;font-size:18px;font-weight:650}.percentage-change-svg .visual-value{fill:#6842f4;font-size:25px;font-weight:900}.percentage-change-formula{background:#f3f0ff;border:1px solid #ddd6fe;border-radius:17px;margin:25px 0;padding:21px}.percentage-change-formula span{color:#6842f4;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:850;display:block}.percentage-change-formula strong{color:#111827;margin-top:7px;font-size:clamp(1.05rem,3vw,1.5rem);line-height:1.5;display:block}.percentage-change-example-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0;display:grid}.percentage-change-example-grid>div{text-align:center;background:#f8f9fc;border:1px solid #e3e6ee;border-radius:16px;padding:18px 14px}.percentage-change-example-grid span{color:#657188;font-size:.78rem;font-weight:750;display:block}.percentage-change-example-grid strong{color:#111827;margin-top:6px;font-size:1.25rem;display:block}.percentage-change-step-list{counter-reset:percentage-step;gap:12px;margin:25px 0;padding:0;list-style:none;display:grid}.percentage-change-step-list li{color:#59677e;counter-increment:percentage-step;background:#fafbfe;border:1px solid #e3e6ee;border-radius:15px;min-height:50px;padding:14px 16px 14px 60px;line-height:1.6;position:relative}.percentage-change-step-list li:before{color:#fff;content:counter(percentage-step);background:#7047f5;border-radius:50%;place-items:center;width:35px;height:35px;font-size:.8rem;font-weight:850;display:grid;position:absolute;top:11px;left:13px}.percentage-change-table-wrap{margin:25px 0;overflow-x:auto}.percentage-change-table{border-collapse:collapse;border:1px solid #e1e4ed;width:100%}.percentage-change-table th,.percentage-change-table td{text-align:left;vertical-align:top;border:1px solid #e1e4ed;padding:14px}.percentage-change-table th{color:#111827;background:#f3f0ff}.percentage-change-table td{color:#647087;line-height:1.55}.percentage-change-note,.percentage-change-warning{border-radius:16px;margin:25px 0;padding:20px}.percentage-change-note{background:#eef2ff;border:1px solid #c7d2fe}.percentage-change-note strong{color:#3730a3;display:block}.percentage-change-note p{color:#4f5680;margin:8px 0 0}.percentage-change-warning{background:#fff7ed;border:1px solid #fed7aa}.percentage-change-warning strong{color:#9a3412;display:block}.percentage-change-warning p{color:#7c4a2d;margin:8px 0 0}.percentage-change-related{margin-top:42px}.percentage-change-related-heading{margin-bottom:20px}.percentage-change-related-heading h2{margin:7px 0 8px}.percentage-change-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.percentage-change-related-card{min-height:210px;color:inherit;background:#faf9ff;border:1px solid #e1ddf8;border-radius:18px;flex-direction:column;padding:21px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.percentage-change-related-card:hover{border-color:#a58cff;transform:translateY(-3px);box-shadow:0 14px 30px #3625781a}.percentage-change-related-card>span{color:#6842f4;letter-spacing:.07em;text-transform:uppercase;font-size:.72rem;font-weight:850}.percentage-change-related-card strong{color:#111827;margin-top:9px;font-size:1.03rem;line-height:1.4;display:block}.percentage-change-related-card p{color:#647087;margin:10px 0 16px;font-size:.91rem;line-height:1.6}.percentage-change-related-card small{color:#6842f4;margin-top:auto;font-weight:800}@media (width<=820px){.percentage-change-related-grid,.percentage-change-example-grid{grid-template-columns:1fr}.percentage-change-related-card{min-height:0}.percentage-change-svg .visual-label{font-size:17px}.percentage-change-svg .visual-copy{font-size:14px}.percentage-change-svg .visual-value{font-size:19px}}