.proportion-article-visual{background:radial-gradient(circle at 90% 10%,#7048f521,#0000 34%),#f8f7ff;border:1px solid #ddd6fe;border-radius:22px;margin:34px 0;padding:clamp(20px,4vw,30px);overflow:hidden}.proportion-visual-heading{margin-bottom:22px}.proportion-visual-heading span,.proportion-related-heading>span{color:#6842f4;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:850;display:block}.proportion-visual-heading strong{color:#111827;margin-top:7px;font-size:clamp(1.15rem,3vw,1.55rem);line-height:1.35;display:block}.proportion-visual-heading p,.proportion-related-heading p{color:#5e6b82;margin:8px 0 0;line-height:1.65}.proportion-article-svg{width:100%;height:auto;display:block}.proportion-article-svg .visual-box{fill:#fff;stroke:#d8d2fa;stroke-width:3px}.proportion-article-svg .visual-line{stroke:#7048f5;stroke-width:7px;stroke-linecap:round}.proportion-article-svg .visual-value{fill:#6842f4;font-size:25px;font-weight:900}.proportion-article-svg .visual-copy{fill:#627087;font-size:18px;font-weight:650}.proportion-article-formula{background:#f3f0ff;border:1px solid #ddd6fe;border-radius:17px;margin:25px 0;padding:21px}.proportion-article-formula span{color:#6842f4;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:850;display:block}.proportion-article-formula strong{color:#111827;margin-top:7px;font-size:clamp(1.15rem,3vw,1.65rem);line-height:1.45;display:block}.proportion-step-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0;display:grid}.proportion-step-grid>div{text-align:center;background:#f8f9fc;border:1px solid #e3e6ee;border-radius:16px;padding:18px 14px}.proportion-step-grid span{color:#657188;font-size:.78rem;font-weight:750;display:block}.proportion-step-grid strong{color:#111827;margin-top:7px;font-size:1.08rem;line-height:1.45;display:block}.proportion-note{background:#f5f2ff;border-left:4px solid #7048f5;border-radius:10px;margin:24px 0;padding:18px 20px}.proportion-note strong{color:#111827;display:block}.proportion-note p{margin:7px 0 0}.proportion-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:25px 0;display:grid}.proportion-method-grid article{background:#fafbfe;border:1px solid #e0e3ec;border-radius:17px;padding:20px}.proportion-method-grid span{color:#6842f4;letter-spacing:.07em;text-transform:uppercase;font-size:.74rem;font-weight:850}.proportion-method-grid strong{color:#111827;margin-top:7px;line-height:1.4;display:block}.proportion-method-grid p{margin-bottom:0}.proportion-table-wrap{margin:25px 0;overflow-x:auto}.proportion-table{border-collapse:collapse;width:100%}.proportion-table th,.proportion-table td{text-align:left;border:1px solid #e1e4ed;padding:14px 16px}.proportion-table th{color:#111827;background:#f3f0ff}.proportion-table td{color:#5f6c82}.proportion-table tbody tr:nth-child(2n){background:#fafbfe}.proportion-related{margin-top:42px}.proportion-related-heading{margin-bottom:20px}.proportion-related-heading h2{margin:7px 0 8px}.proportion-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.proportion-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}.proportion-related-card:hover{border-color:#a58cff;transform:translateY(-3px);box-shadow:0 14px 30px #3625781a}.proportion-related-card>span{color:#6842f4;letter-spacing:.07em;text-transform:uppercase;font-size:.72rem;font-weight:850}.proportion-related-card strong{color:#111827;margin-top:9px;font-size:1.03rem;line-height:1.4;display:block}.proportion-related-card p{color:#647087;margin:10px 0 16px;font-size:.91rem;line-height:1.6}.proportion-related-card small{color:#6842f4;margin-top:auto;font-weight:800}@media (width<=820px){.proportion-step-grid,.proportion-method-grid,.proportion-related-grid{grid-template-columns:1fr}.proportion-related-card{min-height:0}.proportion-article-svg .visual-value{font-size:19px}.proportion-article-svg .visual-copy{font-size:14px}}