html{width:100%;height:100%}*{box-sizing:border-box}body{max-width:1600px;margin:0 auto;padding:0;background:var(--background-color);color:var(--text-color);font-family:'Work Sans',sans-serif;font-size:1rem;font-weight:400;line-height:1.6}footer{background-color:var(--background-color);color:var(--text-color);z-index:1000;padding-top:25px;padding-bottom:10px}.footer-container{width:90%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.85rem;flex-wrap:wrap;padding-left:10px;padding-right:10px}.icon-link{text-decoration:none}.fa-brands{font-size:40px;color:var(--content-text-color)}.light-mode{--background-color:#FFFFFF;--text-color:#503847;--link-color:#503847;--content-border-color:#9959EA;--content-background-color:#FED1D4;--content-background-gradient:linear-gradient(90deg, #fff7ad, #ffa9f9);--content-text-color:#503847}.dark-mode{--background-color:#f5c2e7;--text-color:#503847;--link-color:#503847;--content-border-color:#9959EA;--content-background-color:#FED1D4;--content-background-gradient:linear-gradient(90deg, #fff7ad, #ffa9f9);--content-text-color:#503847}.light-mode .light-img{display:inline}.light-mode .medium-img{display:none}.light-mode .dark-img{display:none}.dark-mode .light-img{display:none}.dark-mode .medium-img{display:none}.dark-mode .dark-img{display:inline}.header_logo{height:180px;max-width:1089px}table{width:100%;margin:0 auto;border:0;border-spacing:10px;border-collapse:collapse}.section_header{width:100%;margin:0 auto;border:0;text-align:left}.section_subheader{width:100%;margin:0 auto;border:0;text-align:left}.header_block,.subheader_block{width:100%;margin:0}.header_text{margin:0;padding-left:1rem;font-family:'Work Sans',sans-serif}.subheader_text{margin:0;padding-left:1rem;font-family:'Work Sans',sans-serif}.section_content{width:90%;margin:0 auto;border:0;text-align:center;table-layout:fixed;border-collapse:separate}.content_block{width:100%;margin:0;padding:10px;background:var(--content-background-color);color:var(--content-text-color);border-style:solid;border-color:var(--content-border-color);border-width:1px;border-radius:10px;vertical-align:text-top}.section_grid{width:100%;margin:0 auto;border:0;text-align:left;table-layout:auto}.grid_block{width:100%;margin:0;padding:0;border:0;vertical-align:text-top}.content_text_title{margin:0;font-family:Garamond,Georgia,Times New Roman,serif}.content_text{margin:0;font-family:Arial,sans-serif}.rank{width:20%;vertical-align:text-top;text-align:center}.prodcut_summary{width:80%}h1{margin:0;font-size:4rem}h2{margin:0;font-size:2rem}h3{margin:0;font-size:1.5rem}h4{margin:0;font-size:1.25rem}h5{margin:0;font-size:1rem}a{color:var(--link-color);text-decoration:underline}.header_link{color:var(--link-color);text-decoration:none}.subheader_link{color:var(--link-color);text-decoration:underline}input[type=checkbox].checkbox-button,input[type=radio].radio-button{display:none}.link-button,button,input[type=checkbox].checkbox-button+.checkbox-button-label,input[type=radio].radio-button+.radio-button-label{display:inline-block;padding:.5rem 1rem;margin:.1rem;border-radius:10px;border:1px solid var(--content-text-color);background:var(--content-text-color);color:var(--content-background-color);font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out,transform 80ms ease-out}@media (hover:hover) and (pointer:fine){.link-button:focus,.link-button:hover,button:focus,button:hover,input[type=checkbox].checkbox-button+.checkbox-button-label:hover,input[type=radio].radio-button+.radio-button-label:hover{background:var(--content-background-color);color:var(--content-text-color);box-shadow:0 .15rem .4rem rgba(0,0,0,.18);transform:translateY(-1px)}}button:active,input[type=checkbox].checkbox-button+.checkbox-button-label:active,input[type=radio].radio-button+.radio-button-label:active{transform:translateY(0);box-shadow:0 .05rem .15rem rgba(0,0,0,.25)}input[type=checkbox].checkbox-button:checked+.checkbox-button-label,input[type=checkbox].checkbox-button:checked+.checkbox-button-label:active,input[type=checkbox].checkbox-button:checked+.checkbox-button-label:hover,input[type=radio].radio-button:checked+.radio-button-label,input[type=radio].radio-button:checked+.radio-button-label:active,input[type=radio].radio-button:checked+.radio-button-label:hover{background:var(--content-background-color)!important;color:var(--content-text-color)!important;box-shadow:0 .15rem .4rem rgba(0,0,0,.18)!important;transform:translateY(-1px)!important}button:disabled,button:disabled:active,button:disabled:focus,button:disabled:hover,input[type=checkbox].checkbox-button:disabled+.checkbox-button-label,input[type=radio].radio-button:disabled+.radio-button-label{opacity:.5;cursor:default;box-shadow:none!important;transform:none!important;border:1px solid var(--content-text-color);background:var(--content-text-color)!important;color:var(--content-background-color)!important}.header-container{display:flex;justify-content:space-between;align-items:center;position:relative;margin:0 1rem}nav ul{display:flex;list-style:none;gap:2rem;margin:0;padding:0}nav ul a{color:var(--text-color);text-decoration:none}.menu-checkbox-button{display:none}.menu-checkbox-button-label{display:none;flex-direction:column;justify-content:space-between;width:25px;height:20px;background:0 0;border:none;cursor:pointer;padding:0;z-index:1001}.menu-checkbox-button-label span{width:100%;height:3px;background:var(--text-color);transition:all .3s ease;transform-origin:center}.mobile-nav{position:absolute;top:100%;left:auto;right:1rem;width:250px;background:var(--background-color);max-height:0;overflow:hidden;transform:none;transition:max-height .3s ease-out;box-shadow:0 4px 12px rgba(0,0,0,.2);border-radius:10px}.mobile-nav-list{list-style:none;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.mobile-nav-list a{color:var(--text-color);text-decoration:none;font-size:1.2rem;padding:.5rem 0}.mobile-nav-list h4{color:var(--text-color);text-decoration:none;font-size:1.2rem;padding:.5rem 0}.form-grid,.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem;max-width:600px;padding:1rem}.form-row,.result-row{display:contents}.form-grid label,.result-grid label{font-weight:600;text-align:right;padding-right:1rem}.form-grid input,.form-grid select{padding:.5rem;border:1px solid var(--content-border-color);border-radius:10px;font-size:1rem;background:var(--background-color);color:var(--text-color)}.form-grid button{grid-column:1/-1}@media (max-width:1200px){.header_logo{height:138px}.form-grid,.result-grid{grid-template-columns:1fr}.form-grid label,.result-grid label{text-align:left;padding-right:0;padding-bottom:.25rem}}@media (max-width:800px){.header_logo{height:116px}.menu-checkbox-button-label{display:flex}.menu-checkbox-button-label span{transition:.3s}nav{position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);transform:translateX(-100%);transition:transform .3s ease}nav.active{transform:translateX(0)}nav ul{flex-direction:column;padding:2rem;gap:1rem}.menu-checkbox-button:checked~.mobile-nav{max-height:175px}.menu-checkbox-button:checked~.menu-checkbox-button-label span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-checkbox-button:checked~.menu-checkbox-button-label span:nth-child(2){opacity:0}.menu-checkbox-button:checked~.menu-checkbox-button-label span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}}@media (max-width:650px){.header_logo{height:64px}table{border-spacing:0}.content_block,.content_chart,.header_block,.subheader_block{display:block!important;margin:10px auto!important}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}h5{font-size:.9rem}}