/* Limited to the ten reviewed calculator families. Never size canvases here. */
.ns-practical .hero-inner{max-width:1200px}
.ns-practical .hero h1{max-width:980px;color:#fff}
.ns-practical .hero-sub{margin:14px 0 0;max-width:880px;text-wrap:pretty}
.ns-tool-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.ns-tool-jump a{display:inline-flex;align-items:center;min-height:42px;padding:9px 15px;border:1px solid #ffffff36;border-radius:7px;color:#dfefeb;background:#ffffff06;text-decoration:none;font-size:13px;font-weight:600}
.ns-tool-jump a:first-child{color:#082e3e;background:#c5e9d4;border-color:#c5e9d4}
.ns-tool-jump a:hover{border-color:#c5e9d4;background:#ffffff15;color:#fff}
.ns-practical #ns-calculator,.ns-practical .ns-reading [id]{scroll-margin-top:88px}
.ns-practical .ns-reading{max-width:1100px;margin:32px auto;padding:0 24px;color:#142e3c;font-size:15px;line-height:1.95}
.ns-reading>section{margin:32px 0}
.ns-practical .ns-reading h2{font-size:clamp(19px,2vw,24px);font-weight:700;letter-spacing:-.02em;color:#123c48;margin:0 0 16px;line-height:1.6;border:0;padding:0;display:block}
.ns-reading p{margin:0 0 14px;max-width:940px;overflow-wrap:anywhere}
.ns-reading .ns-example{padding:26px 30px;background:#edf5ef;border:1px solid #cbded4;border-left:4px solid #087c76;border-radius:10px}
.ns-reading .ns-eyebrow{font-size:11px;letter-spacing:.13em;font-weight:700;color:#276960;margin-bottom:8px}
.ns-reading a{color:#096b67;text-underline-offset:4px}
.ns-reading .ns-back{display:inline-flex;padding:8px 0;font-size:13px;font-weight:600}
.ns-reading .ns-faq{margin:0;border-top:1px solid #d6e2db;background:transparent;padding:0}
.ns-reading .ns-faq:last-child{border-bottom:1px solid #d6e2db}
.ns-reading .ns-faq summary{cursor:pointer;padding:18px 32px 18px 0;font-weight:600;line-height:1.7;list-style:none;position:relative}
.ns-reading .ns-faq summary::-webkit-details-marker{display:none}
.ns-reading .ns-faq summary::marker{content:""}
.ns-reading .ns-faq summary::after{content:"+";position:absolute;right:4px;top:18px;color:#087c76;font-size:20px;font-weight:400}
.ns-reading .ns-faq[open] summary::after{content:"−"}
.ns-reading .ns-faq[open] summary{color:#087c76}
.ns-reading .ns-faq p{padding:0 0 20px;color:#435f67;margin:0}
.ns-reading .ns-reference{font-size:12px;color:#526a73;border-top:1px solid #d6e2db;padding:20px 0;margin-top:32px;overflow-wrap:anywhere}
.ns-reading .ns-reference p{margin-bottom:7px}
.ns-reading .ns-updated{margin-top:14px;font-size:11px}
.ns-practical summary:focus-visible,.ns-practical button:focus-visible{outline:3px solid #b17520;outline-offset:3px}
@media(max-width:640px){.ns-practical .ns-reading .ns-faq summary{padding-right:28px}}
@media(max-width:640px){.ns-tool-jump{gap:7px;margin-top:18px}.ns-tool-jump a{font-size:12px;padding:8px 10px;min-height:42px}.ns-practical .ns-reading{padding:0 18px;font-size:14px;margin-top:24px}.ns-reading .ns-example{padding:20px 18px}.ns-reading>section{margin:26px 0}.ns-reading .ns-faq summary{padding:16px 0}.ns-practical .hero h1{font-size:23px}}