.mod-calc{max-width:650px;margin:0 auto;text-align:left;background:#fff;color:#1f2937;border:1px solid #d6d8df;border-radius:22px;padding:24px;box-shadow:0 20px 50px #0a122329}
.mod-fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:end}
.mod-fields label{font-size:13px;font-weight:600;min-width:0}.mod-fields input{display:block;width:100%;min-width:0;background:#f5f6f8;color:#111827;border:1px solid #d6d8df;border-radius:14px;padding:12px;margin-top:8px;font:500 20px Poppins,sans-serif}
.mod-symbol{padding-bottom:15px;color:#7f60f0;font:italic 20px Georgia,serif}
.mod-calc input:focus-visible,.mod-calc button:focus-visible{outline:3px solid #c8baff;outline-offset:3px}.mod-fields input[aria-invalid=true]{border-color:#b42345}
.mod-calc .mod-help{color:#667085;font-size:12px;line-height:1.6;margin:12px 0 18px;max-width:none}
.mod-modes{border:0;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px}.mod-modes legend{font-size:13px;font-weight:600;margin-bottom:8px}.mod-modes label{display:flex;align-items:center;gap:8px;cursor:pointer;background:#f5f6f8;border:1px solid transparent;border-radius:999px;padding:9px 12px;font-size:12px}.mod-modes label:has(input:checked){background:#eee9ff;border-color:#cbbfff;color:#6244cd}.mod-modes input{accent-color:#7f60f0}.mod-modes small{flex-basis:100%;font-size:11px;line-height:1.7;color:#667085}
.mod-actions{display:flex;gap:10px}.mod-calc button{font:600 14px Poppins,sans-serif;cursor:pointer;border:0;border-radius:999px;padding:11px 18px;transition:filter .15s,box-shadow .15s}.mod-actions button[type=submit]{background:#7f60f0;color:#fff;flex:1}.mod-actions button[type=reset]{background:#e7e8eb;color:#111827}.mod-calc button:hover{filter:brightness(.96);box-shadow:0 3px 10px #14192814}
.mod-result{margin-top:20px;border:1px solid #ddd4ff;border-radius:18px;padding:18px;background:#faf8ff;overflow-wrap:anywhere}.mod-calc [hidden]{display:none!important}.mod-result-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;color:#667085}.mod-result output{display:block;color:#6445ce;font-size:clamp(25px,5vw,36px);font-weight:700;line-height:1.4;margin:8px 0 14px}.mod-calc .mod-equation{color:#1a212e;font:20px/1.6 Georgia,serif;max-width:none;margin:0 0 14px}.mod-steps{list-style:none;padding:12px 0 0;margin:0;border-top:1px solid #e6defa;display:grid;gap:6px;font-size:13px}.mod-steps li{display:flex;justify-content:space-between;gap:12px}.mod-steps span:last-child{text-align:right;min-width:0}.mod-calc .mod-error{color:#a11b35;font-size:13px;max-width:none;margin:12px 0 0}.mod-examples{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px;align-items:center}.mod-examples>span{font-size:12px;color:#667085;margin-right:4px}.mod-examples button{background:#eee9ff;color:#6244cd;font-size:12px;padding:7px 11px}
.article .featured{height:auto}.mod-date{font-size:13px;color:#667085}.mod-table-wrap{overflow-x:auto;margin:22px 0}.mod-table-wrap table{width:100%;border-collapse:collapse;background:#fff}.mod-table-wrap th,.mod-table-wrap td{text-align:left;padding:12px;border:1px solid #e5e7eb;font-size:14px}.mod-table-wrap th{background:#eee9ff;color:#1a212e}.mod-formula{background:#eee9ff;border-left:3px solid #7f60f0;border-radius:0 12px 12px 0;padding:16px;font:22px/1.6 Georgia,serif;overflow-wrap:anywhere}
.sp-dd-menu::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}.sp-dd:focus-within .sp-dd-menu{opacity:1;visibility:visible;transform:none}
@media(max-width:480px){.mod-calc{padding:18px}.mod-fields{gap:8px}.mod-fields input{font-size:17px;padding:10px}.mod-symbol{font-size:16px}.mod-actions button{padding:11px 12px;font-size:12px}.mod-steps li{flex-wrap:wrap}.mod-modes label{width:100%}}
@media(prefers-reduced-motion:reduce){.mod-calc button{transition:none}}