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