.decking-joist-hero .pill-row{margin-top:18px}.decking-joist-hero .pill{white-space:nowrap}.decking-joist-box>p{margin-top:6px}.decking-joist-form{margin-top:18px}.optional{font-size:.78rem;font-weight:650;color:#718077}.decking-joist-help{margin:18px 0 2px;padding:14px 16px;border-radius:14px;background:#eef5ef;border:1px solid #c9dacd;color:#294337}.decking-joist-help strong{color:#173b2b}.decking-joist-error{display:none;margin-top:14px;padding:13px 15px;border-radius:12px;background:#fff0ed;border:1px solid #efc0b8;color:#762d25;font-weight:750}.decking-joist-error.show{display:block}.decking-joist-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;padding:18px;border-radius:18px;background:#173b2b}.decking-joist-empty{grid-column:1/-1;color:#fff;display:flex;flex-direction:column;gap:5px;padding:7px}.decking-joist-empty span{color:#dce7df;font-size:.9rem}.decking-joist-result{min-height:94px;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:14px;background:rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-between}.decking-joist-result span{color:#dce7df;font-size:.79rem;font-weight:700}.decking-joist-result strong{color:#fff;font-size:1.36rem;line-height:1.15;letter-spacing:-.02em}.decking-joist-result.primary{background:#f2b84b;border-color:#f2b84b}.decking-joist-result.primary span,.decking-joist-result.primary strong{color:#173b2b}.decking-joist-result.stock{background:#244b38}.decking-joist-warning{grid-column:1/-1;padding:13px 15px;border-radius:13px;background:#fff5dc;border:1px solid #f2cf78;color:#624916}.decking-joist-method{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0}.decking-joist-method>div{border:1px solid #d4ddd6;border-radius:16px;padding:17px;background:#fff}.decking-joist-method strong{color:#173b2b}.decking-joist-method p{margin:6px 0 0}.decking-joist-formula{margin:22px 0;padding:19px;border-radius:16px;background:#173b2b;color:#fff}.decking-joist-formula strong{display:block;font-size:1.14rem}.decking-joist-formula p{margin:8px 0 0;color:#dce7df}.decking-joist-example,.decking-joist-sources{margin:22px 0;padding:18px;border:1px solid #d4ddd6;border-radius:16px;background:#f8faf8}.decking-joist-example p:last-child,.decking-joist-sources p:last-child{margin-bottom:0}.decking-joist-sources a{overflow-wrap:anywhere}@media(max-width:760px){.decking-joist-hero .hero-art{display:none}.decking-joist-hero{padding-bottom:24px}.decking-joist-hero .pill-row{gap:8px}.decking-joist-hero .pill{white-space:normal}.decking-joist-box{margin-top:4px}.decking-joist-results{grid-template-columns:1fr;padding:13px}.decking-joist-result{min-height:78px}.decking-joist-method{grid-template-columns:1fr}}