#av378 *{box-sizing:border-box}#av378{margin:0;background:#fff;color:#334155;font:14px/1.5 Arial,sans-serif}#av378 h2{color:#0a2154;font-size:19px;letter-spacing:-.35px;line-height:1.3;margin:0 0 15px}#av378 h3{font-size:14px;color:#0a2154;margin:18px 0 10px}#av378 p{margin:7px 0}#av378 .subtitle{font-size:15px;margin:0 0 20px}#av378 .crumb{font-size:12px;color:#64748b}#av378 .crumb span{margin:0 10px}#av378 .presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:18px}#av378 .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}#av378 .presets .selected{border:2px solid #086cff;box-shadow:0 0 0 2px #e8f1ff;padding:7px 11px 7px 6px}#av378 .presets b{font-size:14px;display:block;line-height:1.3}#av378 .presets small{font-size:11px;color:#64748b;display:block;margin-top:5px}#av378 .presets i{position:absolute;top:7px;left:8px;width:11px;height:11px;border:1px solid #9db4d0;border-radius:50%;background:#fff}#av378 .presets .selected i{background:#086cff;box-shadow:inset 0 0 0 2px white;border-color:#086cff}#av378 .art{height:84px;width:100px;display:block;overflow:hidden;position:relative;background:white;border-radius:7px}#av378 .art img{height:100%;width:300%;max-width:none;position:absolute;top:0;object-fit:fill}#av378 .art .a0{left:0}#av378 .art .a1{left:-100%}#av378 .art .a2{left:-200%}#av378 .columns{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:14px}#av378 .panel{position:relative;background:white;border:1px solid #c8dff4;border-radius:10px;padding:17px;min-width:0}#av378 .section-icon{color:#0871f6;margin-right:6px}#av378 .inputpanel h3{border-top:1px solid #e2edf7;padding-top:12px;margin-top:12px}#av378 .inputpanel h3:first-of-type{padding:0;border:0}#av378 .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}#av378 .input{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:7px;min-width:0}#av378 input,#av378 select,#av378 button{font:inherit;color:inherit}#av378 input,#av378 select{width:100%;min-width:0;border:1px solid #b3c8df;background:white;border-radius:5px;padding:7px 9px;height:38px;font-size:13px}#av378 input[type=number]{appearance:auto}#av378 input::-webkit-inner-spin-button{opacity:1}#av378 .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}#av378 .output{border-top:1px solid #e2edf7;padding-top:16px!important;margin-top:18px!important}#av378 .output .input{grid-template-columns:1fr}#av378 .settings{margin-top:17px}#av378 .settings summary,#av378 .faq summary{cursor:pointer;font-size:12px;border:1px solid #c8dff4;border-radius:6px;padding:10px 11px;color:#334155;background:#fff}#av378 .settings p,#av378 .faq p{font-size:12px;color:#64748b}#av378 .info{background:#f2f8fd;border:1px solid #c8dff4;border-radius:7px;padding:11px 12px;font-size:12px;color:#4d6380;margin-top:14px}#av378 .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}#av378 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}#av378 button.primary{background:#0865fa;color:white}#av378 button:focus-visible,#av378 input:focus-visible,#av378 select:focus-visible,#av378 summary:focus-visible,#av378 a:focus-visible{outline:3px solid #5ab6ff;outline-offset:3px}#av378 .result{background:#def9ed;border:1px solid #a6e9cd;border-radius:8px;padding:16px 19px;color:#07533f}#av378 .result small{font-size:11px;letter-spacing:.6px}#av378 .result strong{display:block;font-size:54px;line-height:1.15;letter-spacing:-1.7px;margin:3px 0 6px}#av378 .result strong span{font-size:29px;letter-spacing:-.7px}#av378 .result p{font-size:12px;margin:0}#av378 .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 16px}#av378 .metrics>div{padding:9px 6px;border:1px solid #c8dff4;border-radius:6px;background:#f5f9fd;min-width:0;text-align:center}#av378 .metrics small{display:block;color:#64748b;font-size:10px}#av378 .metrics b{display:block;color:#0a2154;font-size:15px;margin-top:4px;letter-spacing:-.2px}#av378 .charthead{display:flex;align-items:center;justify-content:space-between;gap:10px}#av378 .charthead h2,#av378 .charthead h3{margin:0}#av378 .pill{font-size:10px;color:#1265d9;background:#eef6ff;border:1px solid #c8dff4;padding:4px 8px;border-radius:20px;white-space:nowrap}#av378 .pill.teal{color:#087c67;border-color:#b5e6d9;background:#effaf6}#av378 .panel>svg{display:block;width:100%;height:auto;overflow:visible;margin-top:6px}#av378 .panel>svg text{font:12px Arial,sans-serif;fill:#5b6f88}#av378 .panel>svg text.blue{fill:#1265ed;font-weight:600}#av378 .panel>svg text.teal{fill:#0a9c83;font-weight:600}#av378 .grid{stroke:#e3edf6;stroke-width:1;fill:none}#av378 .scan{display:grid;grid-template-columns:auto 1fr;gap:9px 14px;padding:10px 12px;border:1px solid #d8e7f5;border-radius:7px;background:#f8fbfd}#av378 .scan button{font-size:11px;min-height:32px;padding:6px 10px}#av378 .scan span{font-size:11px;color:#526983;align-self:center;text-align:right}#av378 .scan input{grid-column:1/-1;padding:0;height:15px;border:0;accent-color:#0b9b85;background:none}#av378 .chartnote{font-size:10px;color:#73849c;margin:9px 0 0;line-height:1.5}#av378 .watermark{display:flex;justify-content:flex-end;height:22px;margin-top:6px}#av378 .watermark img{width:122px;height:19px;object-fit:contain;opacity:.55}#av378 .lower{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);margin-top:14px}#av378 .dh{display:flex;align-items:center;gap:13px;font-size:12px;margin:13px 0 0}#av378 .dh .input{width:170px;grid-template-columns:1fr 73px}#av378 .dh input{height:32px;font-size:12px}#av378 .lower table{width:100%;border-collapse:collapse;margin-top:15px;border:1px solid #c8dff4;font-size:12px}#av378 .lower td,#av378 .lower th{padding:12px 9px;border-bottom:1px solid #dce9f5;text-align:left;font-weight:400}#av378 .lower thead th{background:#f3f8fc;color:#0a2154;font-weight:600}#av378 .emphasis{background:#e4f8f0;color:#08614d}#av378 .muted{color:#64748b;font-size:12px}#av378 .insight{background:#f3f8fc;border:1px solid #c8dff4;padding:13px;border-radius:7px;font-size:12px;margin-top:16px}#av378 .insight b{color:#0a2154}#av378 .insight p{color:#64748b;font-size:11px;margin-bottom:0}#av378 .export{margin-top:16px}#av378 .education{grid-template-columns:1fr 1fr;margin-top:16px}#av378 .education p{font-size:12px}#av378 .formula{border:1px solid #c8dff4;border-radius:6px;background:#f2f8fd;padding:15px;font-size:14px;color:#0a2154}#av378 .worked{padding:9px 0;line-height:1.9}#av378 .faq details{margin:8px 0 0}#av378 .sources{border-top:1px solid #d7e6f4;padding-top:20px;margin-top:25px}#av378 .sources h2{font-size:23px}#av378 .sourcegrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}#av378 .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}#av378 .sourcebrand{font-size:20px;font-weight:700;color:#176b9b;text-align:center;letter-spacing:-.5px}#av378 .sourcebrand.nist{color:#092b4e;font-size:26px}#av378 .sourcegrid b{font-size:14px;display:block}#av378 .sourcegrid small{font-size:11px;color:#64748b;display:block;margin-top:5px}#av378 .center{text-align:center}#av378 .related{margin:25px 0 0}#av378 .relatedhead{display:flex;justify-content:space-between;gap:16px;align-items:center}#av378 .relatedhead h2{font-size:22px}#av378 .relatedhead>a{font-size:11px;color:#0865fa;text-decoration:none}#av378 .relatedgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#av378 .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}#av378 .relatedicon{font-size:31px;color:#0871f6}#av378 .relatedgrid b{font-size:14px;color:#0a2154;display:block}#av378 .relatedgrid small{font-size:11px;color:#64748b;display:block;margin-top:5px}
@media(max-width:760px){#av378 .presets{grid-template-columns:1fr}#av378 .columns{grid-template-columns:1fr}#av378 .presets button{grid-template-columns:95px 1fr}#av378 .sourcegrid,#av378 .relatedgrid{grid-template-columns:1fr}#av378 .relatedhead{align-items:flex-start;flex-direction:column;gap:0}#av378 .inputpanel label{grid-template-columns:1fr 1fr}#av378 .result strong{font-size:45px}#av378 .result strong span{font-size:25px}#av378 .metrics b{font-size:13px}#av378 .panel{padding:13px}#av378 .scan{grid-template-columns:1fr}#av378 .scan span{text-align:left}#av378 .scan input{grid-column:1}#av378 .relatedgrid>a{min-height:90px}}#av378 .art svg{width:100%;height:100%;display:block;overflow:hidden}#av378 .section-icon svg{vertical-align:middle}#av378 .relatedicon svg{display:block;max-width:100%;height:64px}#av378 .relatedgrid>a{grid-template-columns:56px 1fr}#av378 .equivalents{border-top:1px solid #e2edf7;margin-top:18px;padding-top:3px}#av378 .equivalents h3{border:0!important;padding-top:0!important;font-size:12px}#av378 .equivalents>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-top:7px}#av378 .equivalents span{color:#64748b}#av378 .equivalents b{color:#0a2154}#av378 .rate-law{margin-bottom:18px}#av378 .check{display:flex!important;gap:8px!important;align-items:center;justify-content:flex-start;margin-bottom:3px!important}#av378 .check input{width:16px!important;height:16px!important}#av378 .tiny{font-size:11px;line-height:1.6}#av378 .legend{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#64748b;margin:9px 0 5px}#av378 .legend span:before{content:'';display:inline-block;width:17px;height:3px;vertical-align:middle;margin-right:6px;background:#1265ed}#av378 .legend .tealkey:before{background:#079d8a}#av378 .legend .amberkey:before{background:#eca23a}#av378 .teaching{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;margin-top:16px;align-items:center}#av378 .teaching h2{margin-bottom:6px}#av378 .snapshots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:460px}#av378 .snapshots svg{display:block;width:100%;height:auto}#av378 .snapshots b,#av378 .snapshots small{display:block;text-align:center}#av378 .snapshots b{font-size:12px;color:#0a2154}#av378 .snapshots small{font-size:11px;color:#64748b;margin-top:3px}#av378 .teachingcopy p{font-size:12px;color:#64748b;line-height:1.7}#av378 .teachingcopy h3{margin-top:0}#av378 .teachingcopy .formula{font-size:13px;line-height:1.8}#av378 .teachingcopy .watermark{margin-top:14px}#av378 .inputpanel label{font-size:13px}#av378 .result strong{font-size:48px}#av378 .result p{font-size:11px}#av378 .sourcebrand{min-width:82px}#av378 .worked{line-height:1.9}
@media(max-width:760px){#av378 .teaching{grid-template-columns:1fr;gap:20px}#av378 .snapshots{margin:auto}#av378 .result strong{font-size:42px}#av378 .teachingcopy .watermark{margin-top:10px}#av378 .legend{gap:12px}#av378 .metrics b{font-size:12px}}#av378 .relatedgrid>a{text-decoration:none}#av378 .relatedicon{overflow:hidden}#av378 .relatedicon svg{width:64px;height:64px}#av378 .ionpills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 18px}#av378 .ionpills button{height:32px;min-width:0;border:1px solid #c8dff4;background:white;color:#334155;border-radius:6px;font-size:12px;font-weight:600}#av378 .ionpills button.active{border-color:#1e88e5;background:#edf6ff;color:#0a4d96;box-shadow:inset 0 0 0 1px #1e88e5}#av378 .inputpanel .settings{margin-top:12px}#av378 .inputpanel .settings table{font-size:11px}#av378 .inputpanel .tiny{line-height:1.6}#av378 .inputpanel input:disabled{opacity:.52}#av378 .result strong{font-size:49px}#av378 .result strong span{font-size:18px;letter-spacing:0;font-weight:600}#av378 .metrics b{font-size:14px}#av378 .metrics small{font-size:10px}#av378 .ac-scan{grid-template-columns:1fr 1fr}#av378 .ac-scan label{color:#0a2154;font-size:12px;font-weight:600}#av378 .activitycard{border:1px solid #c8e9e1;background:#ecfaf6;border-radius:8px;padding:17px 20px;margin:19px 0 15px;color:#0e6657}#av378 .activitycard small,#av378 .activitycard span{display:block}#av378 .activitycard small{font-size:10px;font-weight:700;letter-spacing:.7px}#av378 .activitycard strong{display:block;font-size:35px;letter-spacing:-1px;line-height:1.4;margin:4px 0}#av378 .activitycard span{font-size:12px}#av378 .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}#av378 .quantity-row b{white-space:nowrap;color:#0a2154}#av378 .atmosphere-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;align-items:center}#av378 .cloud{width:100%;height:auto}#av378 .atmosphere-inner h3{font-size:14px;margin-top:0}#av378 .atmosphere-inner p{font-size:12px;line-height:1.7;color:#64748b}#av378 .atmosphere .watermark{margin-top:7px}#av378 .effective .insight{margin-top:16px}#av378 .comparison{margin-top:16px}#av378 .comparison table{border-collapse:collapse;width:100%;font-size:12px}#av378 .comparison th,#av378 .comparison td{padding:12px 13px;text-align:left;border-bottom:1px solid #dfebf4}#av378 .comparison thead th{background:#f1f7fc;color:#0a2154;font-size:11px}#av378 .comparison th{font-weight:600}#av378 .comparison .emphasis{background:#e3f7ef}#av378 .range-status{display:inline-block;padding:3px 7px;border-radius:5px;background:#edf7f2;color:#22715c;font-size:10px;font-weight:600;white-space:nowrap}#av378 .range-status.outside{background:#fff3df;color:#996522}#av378 .comparison .chartnote{margin-top:12px}#av378 .effective .muted{font-size:12px}#av378 .atmosphere .charthead{align-items:flex-start}#av378 .columns.lower{grid-template-columns:1.15fr 1fr}#av378 .sourcegrid small{font-size:11px}#av378 .sources .chartnote{margin-top:13px}#av378 .result p{font-size:11px}#av378 .inputpanel label{font-size:13px}
@media(max-width:760px){#av378 .columns.lower{grid-template-columns:1fr}#av378 .result strong{font-size:42px}#av378 .result strong span{font-size:15px}#av378 .metrics b{font-size:12px}#av378 .atmosphere-inner{grid-template-columns:1fr 1fr}#av378 .comparison{overflow-x:auto}#av378 .comparison table{min-width:540px}#av378 .ac-scan{grid-template-columns:1fr}#av378 .quantity-row{align-items:flex-start;flex-wrap:wrap}#av378 .activitycard strong{font-size:32px}}#av378 .inputpanel .input{grid-template-columns:minmax(0,1fr) 90px}#av378 .inputpanel select{padding-left:6px;padding-right:3px;font-size:12px}#av378 .atmosphere-inner{grid-template-columns:1.35fr 1fr;min-height:290px}
@media(max-width:760px){#av378 .atmosphere-inner{min-height:0;grid-template-columns:1.2fr 1fr}#av378 .inputpanel label{grid-template-columns:.9fr 1.1fr}}
@media(max-width:430px){#av378 .inputpanel label{grid-template-columns:1fr;gap:5px}#av378 .inputpanel .input{grid-template-columns:minmax(0,1fr) 100px}#av378 .metrics b{font-size:11px}}#av378 .presets{grid-template-columns:repeat(2,minmax(0,1fr))}#av378 .presets b{font-size:15px}#av378 .presets small{font-size:12px}#av378 .wideinput select{padding:7px}#av378 .inputpanel>label{grid-template-columns:.8fr 1.2fr}#av378 .component{border-top:1px solid #e0ebf5;margin-top:14px;padding-top:13px}#av378 .component-title{display:flex;gap:8px;align-items:center;color:#0a2154;font-size:13px}#av378 .component-title small{margin-left:auto;color:#778a9d;font-weight:400;font-size:10px}#av378 .dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-right:3px}#av378 .d1{background:#237bcb}#av378 .d2{background:#17aca3}#av378 .d3{background:#bddfe9}#av378 .panel>svg.mixing{margin:16px 0 10px}#av378 .mixing text{font-size:12px;fill:#63788d}#av378 .mixing text.native-label{font-weight:700;font-size:15px;fill:#163359}#av378 .volumebar{display:flex;height:13px;border-radius:8px;overflow:hidden;gap:3px}#av378 .barlegend{display:flex;gap:16px;justify-content:space-between;margin-top:9px;font-size:10px;color:#566d83}#av378 .barlegend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}#av378 .balance{margin-top:16px}#av378 .tablewrap{overflow-x:auto}#av378 .balance table{width:100%;border-collapse:collapse;font-size:12px;margin-top:17px;text-align:left}#av378 .balance td,#av378 .balance th{padding:13px 12px;border-bottom:1px solid #dce9f5}#av378 .balance thead{background:#f3f8fc;color:#163359}#av378 .balance th{font-weight:600}#av378 .ratio{display:flex;align-items:center;justify-content:center;gap:32px;padding:13px 0}#av378 .ratio>div{text-align:center}#av378 .ratio small,#av378 .ratio b,#av378 .ratio span{display:block}#av378 .ratio small{font-size:11px;color:#64748b}#av378 .ratio b{font-size:23px;color:#0a776b;margin:3px 0}#av378 .ratio span{font-size:12px}#av378 .ratio .colon{font-size:26px;color:#8ba0b5}#av378 .fullfaq{margin-top:16px}#av378 .fullfaq h2{margin-bottom:12px}#av378 .fullfaq summary{font-size:13px}#av378 .tiny{font-size:11px}#av378 .watermark img{opacity:.65}#av378 .education .panel{min-height:235px} @media(max-width:760px){#av378 .presets{grid-template-columns:1fr}#av378 .barlegend{gap:6px;font-size:9px}#av378 .balance td,#av378 .balance th{padding:11px 8px;white-space:nowrap}#av378 .ratio{gap:20px}#av378 .education .panel{min-height:0}} @media(min-width:761px){#av378 .mixing{min-height:275px}}#av378 .presets{grid-template-columns:repeat(2,minmax(0,1fr))}#av378 .art{background:transparent}#av378 .art svg{width:100%;height:100%;display:block}#av378 .quickpresets{display:flex;gap:7px;margin:16px 0}#av378 .quickpresets button{min-height:30px;padding:5px 10px;font-size:11px;border-color:#c8dff4;color:#526b87}#av378 .quickpresets .active{background:#eef6ff;color:#0865e8;border-color:#0865e8;box-shadow:inset 0 0 0 1px #0865e8}#av378 .matrix-entry{display:flex;align-items:center;justify-content:center;gap:20px;padding:18px 0 12px}#av378 .matrix-name{font-family:Georgia,serif;font-size:25px;font-style:italic;color:#16365c}#av378 .matrix-bracket{position:relative;padding:12px 19px}#av378 .matrix-bracket:before,#av378 .matrix-bracket:after{content:"";position:absolute;top:0;bottom:0;width:9px;border:2px solid #305b81}#av378 .matrix-bracket:before{left:0;border-right:0}#av378 .matrix-bracket:after{right:0;border-left:0}#av378 .entrygrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:200px}#av378 .inputpanel .entrygrid label{display:block;margin:0;font-weight:400}#av378 .entrygrid label>span{display:block;font-size:10px;text-align:center;color:#73849c;margin-bottom:4px}#av378 .entrygrid input{height:48px;font-size:19px;text-align:center;font-weight:600;color:#17375c;border-color:#bad0e5;padding:6px 12px}#av378 .entrygrid input:focus{border-color:#1678e7;background:#f7fbff}#av378 .entryhint{text-align:center;font-size:11px;color:#64748b;margin:9px 0 18px}#av378 .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}#av378 .inputpanel>.settings+label{grid-template-columns:.65fr 1.35fr}#av378 .result strong{font-size:58px}#av378 .resultpanel .charthead h2{font-size:18px}#av378 .geometry text{fill:#60768f;font-size:11px}#av378 .geometry .plot-small{font-size:9px;letter-spacing:.5px}#av378 .geometry .plot-big{font-size:42px;font-weight:700;fill:#087f6b;letter-spacing:-1px}#av378 .geometry .plot-body{font-size:12px}#av378 .geometry .plot-strong{font-size:12px;font-weight:700;fill:#9b702d}#av378 .geomlegend{display:flex;gap:20px;justify-content:center;font-size:10px;color:#64748b;margin:6px 0}#av378 .geomlegend i{display:inline-block;width:10px;height:8px;margin-right:5px}#av378 .squarelegend{border:1px dashed #1265d9;background:#e8f2ff}#av378 .arealegend{border:1px solid #079e8c;background:#dcf3ed}#av378 .lower-math{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);margin-top:15px}#av378 .cross-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:9px;align-items:center;margin-top:20px}#av378 .cross-layout>svg{width:100%;height:auto}#av378 .calcsteps>div{display:flex;gap:11px;font-size:11px;color:#64748b;padding:9px 0}#av378 .calcsteps b{display:block;font-size:14px;color:#0a2154;margin-top:4px}#av378 .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}#av378 .step-index.teal{color:#087f6b;background:#e5f6ef}#av378 .calcsteps .answerline{border-top:1px solid #dce9f5;margin-top:5px}#av378 .inverse-display{display:flex;justify-content:center;align-items:center;gap:18px;margin:24px 0 22px}#av378 .inverse-display>span{font:italic 23px Georgia,serif;color:#17375c}#av378 .readgrid{display:grid;grid-template-columns:repeat(2,55px);gap:15px 7px;align-items:center;text-align:center;font-size:22px;color:#17375c}#av378 .fraction{display:inline-flex;flex-direction:column;line-height:1.2;font-size:18px;font-weight:400;text-align:center}#av378 .fraction>span:first-child{border-bottom:1px solid currentColor;padding:0 5px 3px}#av378 .fraction>span:last-child{padding-top:3px}#av378 .verification{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;background:#f2f9f6;border:1px solid #c8e5dc;border-radius:6px}#av378 .verification span{font-size:11px;color:#64748b}#av378 .verification b{font-size:13px;color:#087f6b}#av378 .sarrus{margin-top:17px}#av378 .sarrus .charthead h2{margin-bottom:5px}#av378 .sarrus-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;margin-top:14px;align-items:center}#av378 .sarrus-layout svg{width:100%;height:auto;display:block}#av378 .diaglegend{display:flex;justify-content:center;gap:20px;font-size:10px;color:#64748b}#av378 .diaglegend span:first-child{color:#1265d9}#av378 .sarrus-arithmetic h3{margin:0 0 12px}#av378 .productline{padding:10px 12px;border:1px solid #d9e7f4;border-radius:6px;margin:9px 0;background:#f8fbfe;font-size:12px}#av378 .productline span,#av378 .productline b,#av378 .productline strong{display:block}#av378 .productline span{font-size:10px;color:#64748b}#av378 .productline b{font-size:12px;color:#294666;font-weight:400;margin:4px 0}#av378 .productline strong{font-size:15px;color:#0b7766}#av378 .sarrusanswer{background:#e5f7ef;border:1px solid #b9e6d2;padding:11px 13px;border-radius:6px;font-size:16px;color:#08785f}#av378 .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}#av378 .property-strip>div{padding:0 15px;border-right:1px solid #dce9f5}#av378 .property-strip>div:last-child{border:0}#av378 .property-strip b{display:block;font-size:12px;color:#16375a}#av378 .property-strip span{display:block;font-size:11px;color:#64748b;margin-top:3px}#av378 .relatedicon{overflow:hidden}#av378 .relatedicon svg{overflow:hidden}#av378 .resultpanel .metrics b{font-size:14px}#av378 .sources .sourcegrid>a{grid-template-columns:85px minmax(0,1fr);gap:16px}#av378 .presets .art{background:transparent}#av378 .inputpanel .info{margin-top:17px}
@media(max-width:960px){#av378 .entrygrid{width:165px}#av378 .matrix-entry{gap:13px}#av378 .entrygrid input{font-size:18px;padding:6px 8px}#av378 .entrygrid{gap:9px}#av378 .cross-layout{grid-template-columns:1fr}#av378 .cross-layout>svg{max-width:205px;margin:auto}#av378 .sarrus-layout{gap:14px}#av378 .resultpanel .charthead{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:760px){#av378 .presets{grid-template-columns:1fr}#av378 .entrygrid{width:210px}#av378 .matrix-entry{gap:20px}#av378 .cross-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}#av378 .columns.lower-math,#av378 .sarrus-layout,#av378 .education{grid-template-columns:1fr}#av378 .resultpanel .charthead{flex-direction:row;align-items:center}#av378 .property-strip{grid-template-columns:1fr;gap:12px;padding:14px 5px}#av378 .property-strip>div{border:0}#av378 .sarrus .charthead{align-items:flex-start;flex-direction:column;gap:8px}#av378 .sarrus-layout>div:first-child{max-width:480px;margin:auto}#av378 .education .panel{min-height:0}}
@media(max-width:430px){#av378 .entrygrid{width:170px}#av378 .matrix-entry{gap:14px}#av378 .matrix-bracket{padding:10px 15px}#av378 .entrygrid input{height:45px;font-size:18px}#av378 .quickpresets{gap:5px}#av378 .quickpresets button{padding:5px 7px;font-size:10px}#av378 .resultpanel .charthead{flex-direction:column;align-items:flex-start}#av378 .cross-layout{grid-template-columns:1fr}#av378 .cross-layout>svg{max-width:220px}#av378 .geomlegend{gap:10px;font-size:9px}#av378 .readgrid{grid-template-columns:repeat(2,52px)}#av378 .actions button{font-size:11px}#av378 .resultpanel .metrics b{font-size:12px}#av378 .property-strip span{font-size:11px}#av378 .presets b{font-size:14px}#av378 .presets small{font-size:11px}#av378 .calcsteps b{font-size:14px}#av378 .sarrus-arithmetic .productline b{font-size:11px;overflow-wrap:anywhere}}#av378 .presets{grid-template-columns:repeat(3,minmax(0,1fr))}#av378 .presets button{grid-template-columns:92px minmax(0,1fr);gap:10px}#av378 .presets .art{width:92px;height:84px}#av378 .result strong{font-size:58px}#av378 .result strong span{font-size:25px;letter-spacing:0}#av378 .inputpanel h3{font-size:12px;margin-top:21px;padding-top:16px}#av378 .inputpanel h3:first-of-type{margin-top:18px}#av378 .single-summary{display:flex;justify-content:space-between;align-items:center;background:#f5f9fd;border:1px solid #d5e4f1;border-radius:7px;padding:13px 12px}#av378 .single-summary small{font-size:9px;letter-spacing:.7px;color:#698098;display:block}#av378 .single-summary b{font-size:23px;color:#16385c;display:block;margin-top:4px}#av378 .sign-pill{font-size:10px;color:#7e6033;background:#fff5e6;border:1px solid #ead6b5;padding:4px 7px;border-radius:15px}#av378 .inputpanel label{grid-template-columns:1fr 1.1fr}#av378 .inputpanel input{font-size:16px;height:41px;text-align:right;font-weight:600;padding-right:9px}#av378 .inputpanel label:has(select){grid-template-columns:.7fr 1.3fr}#av378 .inputpanel .quickpresets{margin:14px 0}#av378 .distanceplot{margin:17px 0 0!important}#av378 .distanceplot text.tick{font-size:12px;fill:#71869d}#av378 .distanceplot text.distance-label{font-size:15px;fill:#087f6c;font-weight:600}#av378 .distanceplot text.point-label{font-size:14px;font-weight:600}#av378 .line-insight{display:flex;justify-content:space-evenly;align-items:center;gap:12px;border:1px solid #d9e7f3;background:#f7fafd;border-radius:7px;padding:12px 15px;margin:0 0 11px}#av378 .line-insight>span{font-size:11px;color:#6a7f95}#av378 .line-insight b{display:block;font-size:15px;color:#16385c;margin-top:3px}#av378 .line-insight .insight-arrow{font-size:22px;color:#91a8bd}#av378 .resultpanel .chartnote{text-align:center}#av378 .workspace .resultpanel{display:flex;flex-direction:column}#av378 .resultpanel .watermark{margin-top:auto;padding-top:12px;height:32px}#av378 .lower-math{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}#av378 .expression table{width:100%;border-collapse:collapse;margin-top:19px;font-size:13px}#av378 .expression th,#av378 .expression td{border-bottom:1px solid #e0eaf4;padding:15px 12px;text-align:left}#av378 .expression th{font-weight:600;color:#183658}#av378 .expression thead th{background:#f3f8fc;font-size:11px}#av378 .expression tbody th{font-size:15px;white-space:nowrap}#av378 .expression td:last-child{font-size:18px;color:#0b7967}#av378 .quotient{display:flex;align-items:center;gap:11px}#av378 .quotient .fraction{font-size:16px}#av378 .quotient small{font-size:11px;color:#64748b;font-weight:400;white-space:nowrap}#av378 .inequality{margin:22px 0 20px;text-align:center}#av378 .inequality>span{font-size:17px;font-family:Georgia,serif;color:#27425f}#av378 .inequality strong{display:block;font-size:43px;line-height:1.3;color:#087e69;letter-spacing:-1px;margin-top:8px}#av378 .inequality strong i{font-style:normal;font-size:27px;color:#7a93a6;margin:0 16px}#av378 .compare-row{display:grid;grid-template-columns:73px minmax(0,1fr) 20px;gap:10px;align-items:center;margin:14px 0;font-size:12px}#av378 .bar-track{height:11px;background:#edf3f8;border-radius:5px;overflow:hidden}#av378 .bar-track i{display:block;height:100%;border-radius:5px}#av378 .compare-row>b{color:#16385c;text-align:right}#av378 .triangle-note{padding-top:16px;margin-top:22px;border-top:1px solid #e0eaf4;font-size:12px}#av378 .triangle-note b{color:#16385c}#av378 .triangle-note p{font-size:12px;color:#64748b;line-height:1.7}#av378 .triangle .chartnote{font-size:10px}#av378 .teaching{grid-template-columns:1.15fr 1fr;gap:30px;padding:22px;margin-top:17px}#av378 .magnitude-diagram svg{width:100%;height:auto;display:block;margin-top:10px}#av378 .magnitude-diagram text{font-size:12px;fill:#5b728b}#av378 .magnitude-diagram .blue{fill:#1265d9;font-weight:600}#av378 .magnitude-diagram .teal{fill:#079e8c;font-weight:600}#av378 .eyebrow{font-size:9px;letter-spacing:1px;color:#748ba1;font-weight:600}#av378 .teachingcopy h3{font-size:25px;margin:8px 0 10px;letter-spacing:-.4px}#av378 .teachingcopy p{font-size:12px}#av378 .teachingcopy .formula{font-size:13px;padding:12px}#av378 .property-strip strong{display:block;font-size:15px;color:#087f6b;margin-top:8px}#av378 .property-strip{padding:17px 5px}#av378 .education .worked{font-size:13px;padding-top:5px}#av378 .sourcegrid>a{grid-template-columns:95px minmax(0,1fr)!important;gap:17px}#av378 .relatedgrid>a{min-height:104px}#av378 .relatedgrid b{font-size:13px}#av378 .relatedgrid small{font-size:11px} @media(max-width:960px){#av378 .presets button{grid-template-columns:77px minmax(0,1fr);gap:6px;padding-right:8px}#av378 .presets .art{width:77px}#av378 .presets b{font-size:13px}#av378 .presets small{font-size:10px}#av378 .quotient{flex-wrap:wrap}#av378 .expression th,#av378 .expression td{padding:13px 8px}#av378 .teaching{gap:18px}} @media(max-width:760px){#av378 .presets{grid-template-columns:1fr}#av378 .presets button{grid-template-columns:95px minmax(0,1fr);gap:12px}#av378 .presets .art{width:95px}#av378 .presets b{font-size:14px}#av378 .presets small{font-size:11px}#av378 .columns.lower-math,#av378 .teaching{grid-template-columns:1fr}#av378 .teaching{padding:17px;gap:12px}#av378 .teachingcopy h3{font-size:24px}#av378 .resultpanel .watermark{margin-top:6px}#av378 .result strong{font-size:52px}#av378 .line-insight b{font-size:14px}#av378 .quotient{flex-wrap:nowrap}#av378 .sourcegrid>a{grid-template-columns:83px minmax(0,1fr)!important;gap:12px}} @media(max-width:430px){#av378 .expression table{font-size:11px}#av378 .expression th,#av378 .expression td{padding:12px 6px}#av378 .expression tbody th{font-size:13px}#av378 .quotient{gap:6px;flex-wrap:wrap}#av378 .quotient small{font-size:10px}#av378 .resultpanel .charthead{flex-direction:row;align-items:center}#av378 .resultpanel .charthead h2{font-size:16px}#av378 .resultpanel .charthead .pill{font-size:8px}#av378 .line-insight{padding:11px 8px;gap:7px}#av378 .line-insight b{font-size:13px}#av378 .single-summary b{font-size:21px}#av378 .sourcebrand{font-size:17px}#av378 .inequality{margin-top:17px}#av378 .compare-row{grid-template-columns:70px minmax(0,1fr) 18px;gap:8px}#av378 .result strong{font-size:49px}#av378 .sourcegrid b{font-size:13px}}
#av378 [hidden]{display:none!important}#av378 .av-night{display:none}#av378 #avError{background:#fff4df;color:#805000;border:1px solid #e6ce98;padding:10px;border-radius:6px;font-size:12px}#av378 .result.invalid{background:#fff4df;color:#805000;border-color:#e6ce98}#av378 button:disabled{opacity:.5;cursor:not-allowed}#av378 #avCopyFallback{width:100%;min-height:160px}#av378 :is(.result strong,.single-summary b,.line-insight b,.metrics b,.property-strip strong,.triangle-note,.teachingcopy h3,.worked){overflow-wrap:anywhere}#av378 .result strong.long{font-size:35px;letter-spacing:-1px}#av378 .fraction{white-space:nowrap}#av378 .tablewrap{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}#av378 .tablewrap table{min-width:360px}#av378 .quotient{width:max-content}#av378 .expression td{max-width:210px;overflow-wrap:anywhere}#av378 .inequality strong.long{font-size:27px}#av378 .property-strip div{min-width:0}#av378 input::-webkit-inner-spin-button{opacity:1}#av378 .presets button{min-width:0}#av378 .metrics b{font-size:14px}#av378 .teachingcopy h3.long{font-size:19px}#av378 .single-summary{gap:10px}#av378 .single-summary>div{min-width:0}#av378 .sign-pill{flex-shrink:0}#av378 .productline{min-width:0}#av378 .sourcebrand{font-size:18px}#av378 .presets .selected{background:#fff}#av378 .expression .undefined{font-size:12px;color:#8d6628}#av378 .inputpanel input{appearance:auto}#av378 #avLineNote{min-height:15px}@media(max-width:430px){#av378 .result strong.long{font-size:26px}#av378 .single-summary b{font-size:19px}#av378 .line-insight b{font-size:12px}#av378 .single-summary{flex-wrap:wrap}#av378 .charthead{flex-wrap:wrap}}
:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 {background:#0b1727;color:#d4e0ec}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .panel,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .presets button,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .settings summary,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .faq summary,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 input,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 select,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 button{background:#102238;color:#d4e0ec;border-color:#34516e}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 h2,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 h3,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .metrics b,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .property-strip b,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .sourcegrid a,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .single-summary b,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .line-insight b,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .expression th,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .triangle-note b,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .compare-row>b,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .teachingcopy h3{color:#e6f0ff}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .metrics>div,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .info,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .formula,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .property-strip,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .single-summary,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .line-insight,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .expression thead th{background:#162d43;border-color:#34516e;color:#c8d8e9}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .result,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .expression .emphasis{background:#103d33;border-color:#347561;color:#b4f2d6}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .presets .selected{background:#1d3f61!important;border-color:#70b9ff!important;color:#e6f0ff}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .muted,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .chartnote,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .metrics small,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .settings p,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .faq p,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .presets small,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .single-summary small,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .triangle-note p,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .property-strip span,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .sourcegrid small,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .quotient small,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .line-insight>span,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .teachingcopy p{color:#a8bdd3}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .distanceplot text,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .magnitude-diagram text{fill:#c7d8e8}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .distanceplot text.distance-label,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .magnitude-diagram .teal{fill:#7ce2c7}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .distanceplot rect,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .magnitude-diagram rect{fill:#163f41;stroke:#347561}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .distanceplot path[stroke="#e9f0f7"]{stroke:#284158}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .av-day{display:none}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .av-night{display:block}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .result.invalid,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 #avError,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .sign-pill{background:#3a2d17;border-color:#8a6d34;color:#ffdc9a}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .expression td,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .expression th,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .triangle-note{border-color:#34516e}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .expression td:last-child,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .property-strip strong,:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .inequality strong{color:#85e6c3}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .inequality>span{color:#d4e0ec}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .bar-track{background:#263e57}:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #av378 .expression .undefined{color:#f2cd8e}#av378 .compare-row>b{overflow-wrap:anywhere;min-width:0;font-size:11px}#av378 .compare-row.long{grid-template-columns:73px minmax(0,1fr) minmax(20px,70px)}#av378 .expression .tablewrap{contain:inline-size}#av378 .line-insight>span{min-width:0}