#mx377 *{box-sizing:border-box}#mx377{margin:0;background:#fff;color:#334155;font:14px/1.5 Arial,sans-serif}#mx377 h2{color:#0a2154;font-size:19px;letter-spacing:-.35px;line-height:1.3;margin:0 0 15px}#mx377 h3{font-size:14px;color:#0a2154;margin:18px 0 10px}#mx377 p{margin:7px 0}#mx377 .subtitle{font-size:15px;margin:0 0 20px}#mx377 .crumb{font-size:12px;color:#64748b}#mx377 .crumb span{margin:0 10px}#mx377 .presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:18px}#mx377 .presets button{position:relative;display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:12px;height:104px;padding:8px 12px 8px 7px;background:white;text-align:left;border:1px solid #c8dff4;border-radius:9px;color:#0a2154}#mx377 .presets .selected{border:2px solid #086cff;box-shadow:0 0 0 2px #e8f1ff;padding:7px 11px 7px 6px}#mx377 .presets b{font-size:14px;display:block;line-height:1.3}#mx377 .presets small{font-size:11px;color:#64748b;display:block;margin-top:5px}#mx377 .presets i{position:absolute;top:7px;left:8px;width:11px;height:11px;border:1px solid #9db4d0;border-radius:50%;background:#fff}#mx377 .presets .selected i{background:#086cff;box-shadow:inset 0 0 0 2px white;border-color:#086cff}#mx377 .art{height:84px;width:100px;display:block;overflow:hidden;position:relative;background:white;border-radius:7px}#mx377 .art img{height:100%;width:300%;max-width:none;position:absolute;top:0;object-fit:fill}#mx377 .art .a0{left:0}#mx377 .art .a1{left:-100%}#mx377 .art .a2{left:-200%}#mx377 .columns{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:14px}#mx377 .panel{position:relative;background:white;border:1px solid #c8dff4;border-radius:10px;padding:17px;min-width:0}#mx377 .section-icon{color:#0871f6;margin-right:6px}#mx377 .inputpanel h3{border-top:1px solid #e2edf7;padding-top:12px;margin-top:12px}#mx377 .inputpanel h3:first-of-type{padding:0;border:0}#mx377 .inputpanel label{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:10px;align-items:center;font-size:13px;font-weight:600;margin:12px 0}#mx377 .input{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:7px;min-width:0}#mx377 input,#mx377 select,#mx377 button{font:inherit;color:inherit}#mx377 input,#mx377 select{width:100%;min-width:0;border:1px solid #b3c8df;background:white;border-radius:5px;padding:7px 9px;height:38px;font-size:13px}#mx377 input[type=number]{appearance:auto}#mx377 input::-webkit-inner-spin-button{opacity:1}#mx377 .input .unit{display:flex;align-items:center;justify-content:center;font-size:12px;border:1px solid #c8dff4;border-radius:5px;background:#fff;font-weight:400}#mx377 .output{border-top:1px solid #e2edf7;padding-top:16px!important;margin-top:18px!important}#mx377 .output .input{grid-template-columns:1fr}#mx377 .settings{margin-top:17px}#mx377 .settings summary,#mx377 .faq summary{cursor:pointer;font-size:12px;border:1px solid #c8dff4;border-radius:6px;padding:10px 11px;color:#334155;background:#fff}#mx377 .settings p,#mx377 .faq p{font-size:12px;color:#64748b}#mx377 .info{background:#f2f8fd;border:1px solid #c8dff4;border-radius:7px;padding:11px 12px;font-size:12px;color:#4d6380;margin-top:14px}#mx377 .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}#mx377 button{cursor:pointer;min-height:42px;background:#fff;border:1px solid #0871f6;color:#0762de;border-radius:6px;padding:8px 11px;font-size:13px;font-weight:600;line-height:1.3}#mx377 button.primary{background:#0865fa;color:white}#mx377 button:focus-visible,#mx377 input:focus-visible,#mx377 select:focus-visible,#mx377 summary:focus-visible,#mx377 a:focus-visible{outline:3px solid #5ab6ff;outline-offset:3px}#mx377 .result{background:#def9ed;border:1px solid #a6e9cd;border-radius:8px;padding:16px 19px;color:#07533f}#mx377 .result small{font-size:11px;letter-spacing:.6px}#mx377 .result strong{display:block;font-size:54px;line-height:1.15;letter-spacing:-1.7px;margin:3px 0 6px}#mx377 .result strong span{font-size:29px;letter-spacing:-.7px}#mx377 .result p{font-size:12px;margin:0}#mx377 .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 16px}#mx377 .metrics>div{padding:9px 6px;border:1px solid #c8dff4;border-radius:6px;background:#f5f9fd;min-width:0;text-align:center}#mx377 .metrics small{display:block;color:#64748b;font-size:10px}#mx377 .metrics b{display:block;color:#0a2154;font-size:15px;margin-top:4px;letter-spacing:-.2px}#mx377 .charthead{display:flex;align-items:center;justify-content:space-between;gap:10px}#mx377 .charthead h2,#mx377 .charthead h3{margin:0}#mx377 .pill{font-size:10px;color:#1265d9;background:#eef6ff;border:1px solid #c8dff4;padding:4px 8px;border-radius:20px;white-space:nowrap}#mx377 .pill.teal{color:#087c67;border-color:#b5e6d9;background:#effaf6}#mx377 .panel>svg{display:block;width:100%;height:auto;overflow:visible;margin-top:6px}#mx377 .panel>svg text{font:12px Arial,sans-serif;fill:#5b6f88}#mx377 .panel>svg text.blue{fill:#1265ed;font-weight:600}#mx377 .panel>svg text.teal{fill:#0a9c83;font-weight:600}#mx377 .grid{stroke:#e3edf6;stroke-width:1;fill:none}#mx377 .scan{display:grid;grid-template-columns:auto 1fr;gap:9px 14px;padding:10px 12px;border:1px solid #d8e7f5;border-radius:7px;background:#f8fbfd}#mx377 .scan button{font-size:11px;min-height:32px;padding:6px 10px}#mx377 .scan span{font-size:11px;color:#526983;align-self:center;text-align:right}#mx377 .scan input{grid-column:1/-1;padding:0;height:15px;border:0;accent-color:#0b9b85;background:none}#mx377 .chartnote{font-size:10px;color:#73849c;margin:9px 0 0;line-height:1.5}#mx377 .watermark{display:flex;justify-content:flex-end;height:22px;margin-top:6px}#mx377 .watermark img{width:122px;height:19px;object-fit:contain;opacity:.55}#mx377 .lower{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);margin-top:14px}#mx377 .dh{display:flex;align-items:center;gap:13px;font-size:12px;margin:13px 0 0}#mx377 .dh .input{width:170px;grid-template-columns:1fr 73px}#mx377 .dh input{height:32px;font-size:12px}#mx377 .lower table{width:100%;border-collapse:collapse;margin-top:15px;border:1px solid #c8dff4;font-size:12px}#mx377 .lower td,#mx377 .lower th{padding:12px 9px;border-bottom:1px solid #dce9f5;text-align:left;font-weight:400}#mx377 .lower thead th{background:#f3f8fc;color:#0a2154;font-weight:600}#mx377 .emphasis{background:#e4f8f0;color:#08614d}#mx377 .muted{color:#64748b;font-size:12px}#mx377 .insight{background:#f3f8fc;border:1px solid #c8dff4;padding:13px;border-radius:7px;font-size:12px;margin-top:16px}#mx377 .insight b{color:#0a2154}#mx377 .insight p{color:#64748b;font-size:11px;margin-bottom:0}#mx377 .export{margin-top:16px}#mx377 .education{grid-template-columns:1fr 1fr;margin-top:16px}#mx377 .education p{font-size:12px}#mx377 .formula{border:1px solid #c8dff4;border-radius:6px;background:#f2f8fd;padding:15px;font-size:14px;color:#0a2154}#mx377 .worked{padding:9px 0;line-height:1.9}#mx377 .faq details{margin:8px 0 0}#mx377 .sources{border-top:1px solid #d7e6f4;padding-top:20px;margin-top:25px}#mx377 .sources h2{font-size:23px}#mx377 .sourcegrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}#mx377 .sourcegrid>a{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:center;min-height:100px;border:1px solid #c8dff4;border-radius:9px;padding:15px;color:#0a2154;text-decoration:none}#mx377 .sourcebrand{font-size:20px;font-weight:700;color:#176b9b;text-align:center;letter-spacing:-.5px}#mx377 .sourcebrand.nist{color:#092b4e;font-size:26px}#mx377 .sourcegrid b{font-size:14px;display:block}#mx377 .sourcegrid small{font-size:11px;color:#64748b;display:block;margin-top:5px}#mx377 .center{text-align:center}#mx377 .related{margin:25px 0 0}#mx377 .relatedhead{display:flex;justify-content:space-between;gap:16px;align-items:center}#mx377 .relatedhead h2{font-size:22px}#mx377 .relatedhead>a{font-size:11px;color:#0865fa;text-decoration:none}#mx377 .relatedgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#mx377 .relatedgrid>a{border:1px solid #c8dff4;border-radius:8px;min-height:105px;padding:14px;display:grid;grid-template-columns:46px 1fr;align-items:center;gap:12px}#mx377 .relatedicon{font-size:31px;color:#0871f6}#mx377 .relatedgrid b{font-size:14px;color:#0a2154;display:block}#mx377 .relatedgrid small{font-size:11px;color:#64748b;display:block;margin-top:5px}
@media(max-width:760px){#mx377 .presets{grid-template-columns:1fr}#mx377 .columns{grid-template-columns:1fr}#mx377 .presets button{grid-template-columns:95px 1fr}#mx377 .sourcegrid,#mx377 .relatedgrid{grid-template-columns:1fr}#mx377 .relatedhead{align-items:flex-start;flex-direction:column;gap:0}#mx377 .inputpanel label{grid-template-columns:1fr 1fr}#mx377 .result strong{font-size:45px}#mx377 .result strong span{font-size:25px}#mx377 .metrics b{font-size:13px}#mx377 .panel{padding:13px}#mx377 .scan{grid-template-columns:1fr}#mx377 .scan span{text-align:left}#mx377 .scan input{grid-column:1}#mx377 .relatedgrid>a{min-height:90px}}#mx377 .art svg{width:100%;height:100%;display:block;overflow:hidden}#mx377 .section-icon svg{vertical-align:middle}#mx377 .relatedicon svg{display:block;max-width:100%;height:64px}#mx377 .relatedgrid>a{grid-template-columns:56px 1fr}#mx377 .equivalents{border-top:1px solid #e2edf7;margin-top:18px;padding-top:3px}#mx377 .equivalents h3{border:0!important;padding-top:0!important;font-size:12px}#mx377 .equivalents>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-top:7px}#mx377 .equivalents span{color:#64748b}#mx377 .equivalents b{color:#0a2154}#mx377 .rate-law{margin-bottom:18px}#mx377 .check{display:flex!important;gap:8px!important;align-items:center;justify-content:flex-start;margin-bottom:3px!important}#mx377 .check input{width:16px!important;height:16px!important}#mx377 .tiny{font-size:11px;line-height:1.6}#mx377 .legend{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#64748b;margin:9px 0 5px}#mx377 .legend span:before{content:'';display:inline-block;width:17px;height:3px;vertical-align:middle;margin-right:6px;background:#1265ed}#mx377 .legend .tealkey:before{background:#079d8a}#mx377 .legend .amberkey:before{background:#eca23a}#mx377 .teaching{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;margin-top:16px;align-items:center}#mx377 .teaching h2{margin-bottom:6px}#mx377 .snapshots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:460px}#mx377 .snapshots svg{display:block;width:100%;height:auto}#mx377 .snapshots b,#mx377 .snapshots small{display:block;text-align:center}#mx377 .snapshots b{font-size:12px;color:#0a2154}#mx377 .snapshots small{font-size:11px;color:#64748b;margin-top:3px}#mx377 .teachingcopy p{font-size:12px;color:#64748b;line-height:1.7}#mx377 .teachingcopy h3{margin-top:0}#mx377 .teachingcopy .formula{font-size:13px;line-height:1.8}#mx377 .teachingcopy .watermark{margin-top:14px}#mx377 .inputpanel label{font-size:13px}#mx377 .result strong{font-size:48px}#mx377 .result p{font-size:11px}#mx377 .sourcebrand{min-width:82px}#mx377 .worked{line-height:1.9}
@media(max-width:760px){#mx377 .teaching{grid-template-columns:1fr;gap:20px}#mx377 .snapshots{margin:auto}#mx377 .result strong{font-size:42px}#mx377 .teachingcopy .watermark{margin-top:10px}#mx377 .legend{gap:12px}#mx377 .metrics b{font-size:12px}}#mx377 .relatedgrid>a{text-decoration:none}#mx377 .relatedicon{overflow:hidden}#mx377 .relatedicon svg{width:64px;height:64px}#mx377 .ionpills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 18px}#mx377 .ionpills button{height:32px;min-width:0;border:1px solid #c8dff4;background:white;color:#334155;border-radius:6px;font-size:12px;font-weight:600}#mx377 .ionpills button.active{border-color:#1e88e5;background:#edf6ff;color:#0a4d96;box-shadow:inset 0 0 0 1px #1e88e5}#mx377 .inputpanel .settings{margin-top:12px}#mx377 .inputpanel .settings table{font-size:11px}#mx377 .inputpanel .tiny{line-height:1.6}#mx377 .inputpanel input:disabled{opacity:.52}#mx377 .result strong{font-size:49px}#mx377 .result strong span{font-size:18px;letter-spacing:0;font-weight:600}#mx377 .metrics b{font-size:14px}#mx377 .metrics small{font-size:10px}#mx377 .ac-scan{grid-template-columns:1fr 1fr}#mx377 .ac-scan label{color:#0a2154;font-size:12px;font-weight:600}#mx377 .activitycard{border:1px solid #c8e9e1;background:#ecfaf6;border-radius:8px;padding:17px 20px;margin:19px 0 15px;color:#0e6657}#mx377 .activitycard small,#mx377 .activitycard span{display:block}#mx377 .activitycard small{font-size:10px;font-weight:700;letter-spacing:.7px}#mx377 .activitycard strong{display:block;font-size:35px;letter-spacing:-1px;line-height:1.4;margin:4px 0}#mx377 .activitycard span{font-size:12px}#mx377 .quantity-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:10px 0 15px;border-bottom:1px solid #dfebf4;font-size:12px}#mx377 .quantity-row b{white-space:nowrap;color:#0a2154}#mx377 .atmosphere-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;align-items:center}#mx377 .cloud{width:100%;height:auto}#mx377 .atmosphere-inner h3{font-size:14px;margin-top:0}#mx377 .atmosphere-inner p{font-size:12px;line-height:1.7;color:#64748b}#mx377 .atmosphere .watermark{margin-top:7px}#mx377 .effective .insight{margin-top:16px}#mx377 .comparison{margin-top:16px}#mx377 .comparison table{border-collapse:collapse;width:100%;font-size:12px}#mx377 .comparison th,#mx377 .comparison td{padding:12px 13px;text-align:left;border-bottom:1px solid #dfebf4}#mx377 .comparison thead th{background:#f1f7fc;color:#0a2154;font-size:11px}#mx377 .comparison th{font-weight:600}#mx377 .comparison .emphasis{background:#e3f7ef}#mx377 .range-status{display:inline-block;padding:3px 7px;border-radius:5px;background:#edf7f2;color:#22715c;font-size:10px;font-weight:600;white-space:nowrap}#mx377 .range-status.outside{background:#fff3df;color:#996522}#mx377 .comparison .chartnote{margin-top:12px}#mx377 .effective .muted{font-size:12px}#mx377 .atmosphere .charthead{align-items:flex-start}#mx377 .columns.lower{grid-template-columns:1.15fr 1fr}#mx377 .sourcegrid small{font-size:11px}#mx377 .sources .chartnote{margin-top:13px}#mx377 .result p{font-size:11px}#mx377 .inputpanel label{font-size:13px}
@media(max-width:760px){#mx377 .columns.lower{grid-template-columns:1fr}#mx377 .result strong{font-size:42px}#mx377 .result strong span{font-size:15px}#mx377 .metrics b{font-size:12px}#mx377 .atmosphere-inner{grid-template-columns:1fr 1fr}#mx377 .comparison{overflow-x:auto}#mx377 .comparison table{min-width:540px}#mx377 .ac-scan{grid-template-columns:1fr}#mx377 .quantity-row{align-items:flex-start;flex-wrap:wrap}#mx377 .activitycard strong{font-size:32px}}#mx377 .inputpanel .input{grid-template-columns:minmax(0,1fr) 90px}#mx377 .inputpanel select{padding-left:6px;padding-right:3px;font-size:12px}#mx377 .atmosphere-inner{grid-template-columns:1.35fr 1fr;min-height:290px}
@media(max-width:760px){#mx377 .atmosphere-inner{min-height:0;grid-template-columns:1.2fr 1fr}#mx377 .inputpanel label{grid-template-columns:.9fr 1.1fr}}
@media(max-width:430px){#mx377 .inputpanel label{grid-template-columns:1fr;gap:5px}#mx377 .inputpanel .input{grid-template-columns:minmax(0,1fr) 100px}#mx377 .metrics b{font-size:11px}}#mx377 .presets{grid-template-columns:repeat(2,minmax(0,1fr))}#mx377 .presets b{font-size:15px}#mx377 .presets small{font-size:12px}#mx377 .wideinput select{padding:7px}#mx377 .inputpanel>label{grid-template-columns:.8fr 1.2fr}#mx377 .component{border-top:1px solid #e0ebf5;margin-top:14px;padding-top:13px}#mx377 .component-title{display:flex;gap:8px;align-items:center;color:#0a2154;font-size:13px}#mx377 .component-title small{margin-left:auto;color:#778a9d;font-weight:400;font-size:10px}#mx377 .dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-right:3px}#mx377 .d1{background:#237bcb}#mx377 .d2{background:#17aca3}#mx377 .d3{background:#bddfe9}#mx377 .panel>svg.mixing{margin:16px 0 10px}#mx377 .mixing text{font-size:12px;fill:#63788d}#mx377 .mixing text.native-label{font-weight:700;font-size:15px;fill:#163359}#mx377 .volumebar{display:flex;height:13px;border-radius:8px;overflow:hidden;gap:3px}#mx377 .barlegend{display:flex;gap:16px;justify-content:space-between;margin-top:9px;font-size:10px;color:#566d83}#mx377 .barlegend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}#mx377 .balance{margin-top:16px}#mx377 .tablewrap{overflow-x:auto}#mx377 .balance table{width:100%;border-collapse:collapse;font-size:12px;margin-top:17px;text-align:left}#mx377 .balance td,#mx377 .balance th{padding:13px 12px;border-bottom:1px solid #dce9f5}#mx377 .balance thead{background:#f3f8fc;color:#163359}#mx377 .balance th{font-weight:600}#mx377 .ratio{display:flex;align-items:center;justify-content:center;gap:32px;padding:13px 0}#mx377 .ratio>div{text-align:center}#mx377 .ratio small,#mx377 .ratio b,#mx377 .ratio span{display:block}#mx377 .ratio small{font-size:11px;color:#64748b}#mx377 .ratio b{font-size:23px;color:#0a776b;margin:3px 0}#mx377 .ratio span{font-size:12px}#mx377 .ratio .colon{font-size:26px;color:#8ba0b5}#mx377 .fullfaq{margin-top:16px}#mx377 .fullfaq h2{margin-bottom:12px}#mx377 .fullfaq summary{font-size:13px}#mx377 .tiny{font-size:11px}#mx377 .watermark img{opacity:.65}#mx377 .education .panel{min-height:235px} @media(max-width:760px){#mx377 .presets{grid-template-columns:1fr}#mx377 .barlegend{gap:6px;font-size:9px}#mx377 .balance td,#mx377 .balance th{padding:11px 8px;white-space:nowrap}#mx377 .ratio{gap:20px}#mx377 .education .panel{min-height:0}} @media(min-width:761px){#mx377 .mixing{min-height:275px}}#mx377 .presets{grid-template-columns:repeat(2,minmax(0,1fr))}#mx377 .art{background:transparent}#mx377 .art svg{width:100%;height:100%;display:block}#mx377 .quickpresets{display:flex;gap:7px;margin:16px 0}#mx377 .quickpresets button{min-height:30px;padding:5px 10px;font-size:11px;border-color:#c8dff4;color:#526b87}#mx377 .quickpresets .active{background:#eef6ff;color:#0865e8;border-color:#0865e8;box-shadow:inset 0 0 0 1px #0865e8}#mx377 .matrix-entry{display:flex;align-items:center;justify-content:center;gap:20px;padding:18px 0 12px}#mx377 .matrix-name{font-family:Georgia,serif;font-size:25px;font-style:italic;color:#16365c}#mx377 .matrix-bracket{position:relative;padding:12px 19px}#mx377 .matrix-bracket:before,#mx377 .matrix-bracket:after{content:"";position:absolute;top:0;bottom:0;width:9px;border:2px solid #305b81}#mx377 .matrix-bracket:before{left:0;border-right:0}#mx377 .matrix-bracket:after{right:0;border-left:0}#mx377 .entrygrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:200px}#mx377 .inputpanel .entrygrid label{display:block;margin:0;font-weight:400}#mx377 .entrygrid label>span{display:block;font-size:10px;text-align:center;color:#73849c;margin-bottom:4px}#mx377 .entrygrid input{height:48px;font-size:19px;text-align:center;font-weight:600;color:#17375c;border-color:#bad0e5;padding:6px 12px}#mx377 .entrygrid input:focus{border-color:#1678e7;background:#f7fbff}#mx377 .entryhint{text-align:center;font-size:11px;color:#64748b;margin:9px 0 18px}#mx377 .inputpanel .settings textarea{display:block;width:100%;min-height:70px;padding:9px;border:1px solid #c8dff4;border-radius:6px;font:13px monospace;margin:10px 0}#mx377 .inputpanel>.settings+label{grid-template-columns:.65fr 1.35fr}#mx377 .result strong{font-size:58px}#mx377 .resultpanel .charthead h2{font-size:18px}#mx377 .geometry text{fill:#60768f;font-size:11px}#mx377 .geometry .plot-small{font-size:9px;letter-spacing:.5px}#mx377 .geometry .plot-big{font-size:42px;font-weight:700;fill:#087f6b;letter-spacing:-1px}#mx377 .geometry .plot-body{font-size:12px}#mx377 .geometry .plot-strong{font-size:12px;font-weight:700;fill:#9b702d}#mx377 .geomlegend{display:flex;gap:20px;justify-content:center;font-size:10px;color:#64748b;margin:6px 0}#mx377 .geomlegend i{display:inline-block;width:10px;height:8px;margin-right:5px}#mx377 .squarelegend{border:1px dashed #1265d9;background:#e8f2ff}#mx377 .arealegend{border:1px solid #079e8c;background:#dcf3ed}#mx377 .lower-math{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);margin-top:15px}#mx377 .cross-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:9px;align-items:center;margin-top:20px}#mx377 .cross-layout>svg{width:100%;height:auto}#mx377 .calcsteps>div{display:flex;gap:11px;font-size:11px;color:#64748b;padding:9px 0}#mx377 .calcsteps b{display:block;font-size:14px;color:#0a2154;margin-top:4px}#mx377 .step-index{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#e9f3ff;color:#1265d9;font-size:11px;font-weight:600}#mx377 .step-index.teal{color:#087f6b;background:#e5f6ef}#mx377 .calcsteps .answerline{border-top:1px solid #dce9f5;margin-top:5px}#mx377 .inverse-display{display:flex;justify-content:center;align-items:center;gap:18px;margin:24px 0 22px}#mx377 .inverse-display>span{font:italic 23px Georgia,serif;color:#17375c}#mx377 .readgrid{display:grid;grid-template-columns:repeat(2,55px);gap:15px 7px;align-items:center;text-align:center;font-size:22px;color:#17375c}#mx377 .fraction{display:inline-flex;flex-direction:column;line-height:1.2;font-size:18px;font-weight:400;text-align:center}#mx377 .fraction>span:first-child{border-bottom:1px solid currentColor;padding:0 5px 3px}#mx377 .fraction>span:last-child{padding-top:3px}#mx377 .verification{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;background:#f2f9f6;border:1px solid #c8e5dc;border-radius:6px}#mx377 .verification span{font-size:11px;color:#64748b}#mx377 .verification b{font-size:13px;color:#087f6b}#mx377 .sarrus{margin-top:17px}#mx377 .sarrus .charthead h2{margin-bottom:5px}#mx377 .sarrus-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;margin-top:14px;align-items:center}#mx377 .sarrus-layout svg{width:100%;height:auto;display:block}#mx377 .diaglegend{display:flex;justify-content:center;gap:20px;font-size:10px;color:#64748b}#mx377 .diaglegend span:first-child{color:#1265d9}#mx377 .sarrus-arithmetic h3{margin:0 0 12px}#mx377 .productline{padding:10px 12px;border:1px solid #d9e7f4;border-radius:6px;margin:9px 0;background:#f8fbfe;font-size:12px}#mx377 .productline span,#mx377 .productline b,#mx377 .productline strong{display:block}#mx377 .productline span{font-size:10px;color:#64748b}#mx377 .productline b{font-size:12px;color:#294666;font-weight:400;margin:4px 0}#mx377 .productline strong{font-size:15px;color:#0b7766}#mx377 .sarrusanswer{background:#e5f7ef;border:1px solid #b9e6d2;padding:11px 13px;border-radius:6px;font-size:16px;color:#08785f}#mx377 .property-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px;border:1px solid #c8dff4;border-radius:8px;background:#f5f9fc;padding:15px 5px}#mx377 .property-strip>div{padding:0 15px;border-right:1px solid #dce9f5}#mx377 .property-strip>div:last-child{border:0}#mx377 .property-strip b{display:block;font-size:12px;color:#16375a}#mx377 .property-strip span{display:block;font-size:11px;color:#64748b;margin-top:3px}#mx377 .relatedicon{overflow:hidden}#mx377 .relatedicon svg{overflow:hidden}#mx377 .resultpanel .metrics b{font-size:14px}#mx377 .sources .sourcegrid>a{grid-template-columns:85px minmax(0,1fr);gap:16px}#mx377 .presets .art{background:transparent}#mx377 .inputpanel .info{margin-top:17px}
@media(max-width:960px){#mx377 .entrygrid{width:165px}#mx377 .matrix-entry{gap:13px}#mx377 .entrygrid input{font-size:18px;padding:6px 8px}#mx377 .entrygrid{gap:9px}#mx377 .cross-layout{grid-template-columns:1fr}#mx377 .cross-layout>svg{max-width:205px;margin:auto}#mx377 .sarrus-layout{gap:14px}#mx377 .resultpanel .charthead{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:760px){#mx377 .presets{grid-template-columns:1fr}#mx377 .entrygrid{width:210px}#mx377 .matrix-entry{gap:20px}#mx377 .cross-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}#mx377 .columns.lower-math,#mx377 .sarrus-layout,#mx377 .education{grid-template-columns:1fr}#mx377 .resultpanel .charthead{flex-direction:row;align-items:center}#mx377 .property-strip{grid-template-columns:1fr;gap:12px;padding:14px 5px}#mx377 .property-strip>div{border:0}#mx377 .sarrus .charthead{align-items:flex-start;flex-direction:column;gap:8px}#mx377 .sarrus-layout>div:first-child{max-width:480px;margin:auto}#mx377 .education .panel{min-height:0}}
@media(max-width:430px){#mx377 .entrygrid{width:170px}#mx377 .matrix-entry{gap:14px}#mx377 .matrix-bracket{padding:10px 15px}#mx377 .entrygrid input{height:45px;font-size:18px}#mx377 .quickpresets{gap:5px}#mx377 .quickpresets button{padding:5px 7px;font-size:10px}#mx377 .resultpanel .charthead{flex-direction:column;align-items:flex-start}#mx377 .cross-layout{grid-template-columns:1fr}#mx377 .cross-layout>svg{max-width:220px}#mx377 .geomlegend{gap:10px;font-size:9px}#mx377 .readgrid{grid-template-columns:repeat(2,52px)}#mx377 .actions button{font-size:11px}#mx377 .resultpanel .metrics b{font-size:12px}#mx377 .property-strip span{font-size:11px}#mx377 .presets b{font-size:14px}#mx377 .presets small{font-size:11px}#mx377 .calcsteps b{font-size:14px}#mx377 .sarrus-arithmetic .productline b{font-size:11px;overflow-wrap:anywhere}}

#mx377 [hidden]{display:none!important}#mx377 .mx-night{display:none}#mx377 .inverse-scroll,#mx377 .sarrus-scroll{overflow-x:auto;max-width:100%;min-width:0;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}#mx377 .inverse-display{width:max-content;min-width:100%;padding:3px;box-sizing:border-box}#mx377 .readgrid{grid-template-columns:repeat(var(--n,2),max-content)}#mx377 .readgrid>b{min-width:55px;white-space:nowrap}#mx377 .sarrus-scroll svg{min-width:410px}#mx377 .sarrus-layout>div:first-child{width:100%;min-width:0}#mx377 .result strong{overflow-wrap:anywhere}#mx377 #mxExact p{font:12px monospace;overflow-wrap:anywhere}#mx377 #mxExact summary{font-size:11px;cursor:pointer}#mx377 .calcsteps b,#mx377 .sarrus-arithmetic,#mx377 .verification{overflow-wrap:anywhere}#mx377 .calcsteps>div>span:last-child{min-width:0}#mx377 .entrygrid{grid-template-columns:repeat(var(--n,2),minmax(0,1fr))}#mx377 .entrygrid.three{width:230px;gap:7px}#mx377 .entrygrid.three input{font-size:16px;padding:5px}#mx377 .entrygrid input::-webkit-inner-spin-button{opacity:1}#mx377 .entrygrid input{appearance:auto}#mx377 #mxError{background:#fff4df;color:#805000;border:1px solid #e6ce98;padding:10px;border-radius:6px;font-size:12px}#mx377 .result.singular,#mx377 .result.invalid{background:#fff4df;color:#805000;border-color:#e6ce98}#mx377 button:disabled{opacity:.5;cursor:not-allowed}#mx377 #mxCopyFallback{width:100%;min-height:160px}#mx377 .sarrus-hint{display:none}
@media(max-width:760px){#mx377 .sarrus-hint{display:block}#mx377 .inverse-display{justify-content:flex-start}#mx377 .inverse-scroll .matrix-bracket{margin:auto}}@media(max-width:360px){#mx377 .entrygrid.three{width:190px}#mx377 .matrix-entry{gap:8px}#mx377 .matrix-name{font-size:20px}}
:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 {background:#0b1727;color:#d4e0ec}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .panel,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .presets button,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .settings summary,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .faq summary,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 input,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 select,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 button{background:#102238;color:#d4e0ec;border-color:#34516e}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 h2,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 h3,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .metrics b,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .calcsteps b,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .matrix-name,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .inverse-display>span,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .readgrid,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .property-strip b,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .productline b,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .sourcegrid a{color:#e6f0ff}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .metrics>div,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .info,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .formula,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .property-strip,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .productline{background:#162d43;border-color:#34516e;color:#c8d8e9}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .result,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .verification,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .sarrusanswer{background:#103d33;border-color:#347561;color:#b4f2d6}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .selected,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .quickpresets .active{background:#1d3f61!important;border-color:#70b9ff!important;color:#e6f0ff}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .muted,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .chartnote,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .entryhint,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .geomlegend,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .metrics small,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .settings p,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .faq p,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .presets small{color:#a8bdd3}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .geometry text,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .cross-layout svg text,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .sarrus-layout svg text{fill:#c7d8e8}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .geometry rect{fill:#132e36;stroke:#345e62}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .grid{stroke:#284158}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .geometry .plot-big{fill:#73dfbf}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .geometry .plot-strong{fill:#efc77e}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .mx-day{display:none}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .mx-night{display:block}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .result.singular,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .result.invalid,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 #mxError{background:#3a2d17;border-color:#8a6d34;color:#ffdc9a}#mx377 #detValue.long{font-size:38px;letter-spacing:-1px}#mx377 .metrics b{overflow-wrap:anywhere}#mx377 .geometry text{font-variant-numeric:tabular-nums}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #mx377 .sarrus-layout svg rect{fill:#183047;stroke:#34516e}@media(max-width:430px){#mx377 #detValue.long{font-size:26px;letter-spacing:-.5px}}