.craft-calculator{align-items:stretch;gap:24px;display:grid}.craft-card{border:1px solid var(--color-base-300);border-top:4px solid var(--color-primary);border-radius:var(--radius-box);min-width:0;box-shadow:none;padding:clamp(1rem,3vw,1.5rem)}.craft-input-card{background:var(--color-base-100);gap:1.25rem;display:grid}.craft-result-card{border-color:color-mix(in oklab,var(--color-primary) 40%,var(--color-base-300) 60%);border-top-color:var(--color-primary);background:color-mix(in oklab,var(--color-primary) 10%,var(--color-base-100) 90%);flex-direction:column;display:flex}.craft-card-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.craft-card-heading h2{overflow-wrap:anywhere;min-width:0;font-size:1.25rem;font-weight:700;line-height:1.35}.craft-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:16px 12px;display:grid}.craft-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.craft-field{flex-direction:column;justify-content:flex-end;align-self:stretch;gap:8px;min-width:0;display:flex}.craft-field>span{overflow-wrap:anywhere;font-size:.9375rem;font-weight:600;line-height:1.4}.craft-grid .craft-field>span{min-height:2.625rem}.craft-control{align-items:stretch;min-width:0;display:flex}.craft-control input,.craft-field select{box-sizing:border-box;border-radius:var(--radius-field);width:100%;min-width:0;height:44px;font-size:16px;line-height:24px}.craft-control>span{border:1px solid var(--color-base-300);border-radius:0 var(--radius-field) var(--radius-field) 0;background:var(--color-base-200);white-space:nowrap;border-inline-start:0;justify-content:center;align-items:center;min-width:max-content;padding-inline:.65rem;font-size:.875rem;display:flex}.craft-control input:not(:only-child){border-start-end-radius:0;border-end-end-radius:0;flex:1 1 0;width:0}.craft-unit{max-width:15rem}.craft-help,.craft-assumption,.craft-empty,.craft-status{font-size:.9rem;line-height:1.65}.craft-clear,.craft-primary-action{box-sizing:border-box;border-radius:var(--radius-field);height:44px;min-height:44px;box-shadow:none;padding-inline:16px;font-size:14px;line-height:20px}.craft-clear{flex:0 0 128px;width:128px;min-width:128px;max-width:128px}.craft-primary-action-row{justify-content:center;margin-top:auto;padding-top:20px;display:flex}.craft-primary-action{width:256px;min-width:256px;max-width:256px}.craft-error{border-inline-start:3px solid var(--color-error);color:var(--color-error);padding-inline-start:.75rem;line-height:1.6}.craft-result-card dl{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:12px;margin-top:20px;display:grid}.craft-result-card dl>div{border:1px solid color-mix(in oklab,var(--color-primary) 40%,var(--color-base-300) 60%);border-radius:var(--radius-box);background:color-mix(in oklab,var(--color-primary) 16%,var(--color-base-100));flex-direction:column;gap:8px;min-width:0;padding:16px;display:flex}.craft-result-card dt{font-size:.925rem}.craft-result-card dd{overflow-wrap:anywhere;font-size:20px;font-weight:600;line-height:28px}.craft-primary-result dd{font-size:32px;font-weight:600;line-height:40px}.craft-assumption{margin-top:20px}.craft-status{min-height:20px;margin-top:8px}.craft-guide{border-top:1px solid var(--color-base-300);text-align:start;width:100%;max-width:48rem;margin:3.5rem auto 0;padding-top:1.5rem;line-height:1.75}.craft-guide h2{margin:2rem 0 .75rem;font-size:1.5rem;font-weight:700;line-height:1.35}.craft-guide h2:first-child{margin-top:0}.craft-guide h3{margin:1.5rem 0 .5rem;font-size:1.1rem;font-weight:700}.craft-guide p,.craft-guide ol,.craft-guide ul{margin:.75rem 0}.craft-guide ol,.craft-guide ul{padding-inline-start:1.5rem}.craft-guide li+li{margin-top:.5rem}.craft-example,.craft-formula{border:1px solid var(--color-base-300);border-radius:var(--radius-field);background:var(--color-base-200);padding:1rem}.craft-field select{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding-inline-end:2rem;overflow:hidden}@media (width>=800px){.craft-calculator{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.craft-grid,.craft-grid-two{grid-template-columns:1fr}.craft-grid .craft-field>span{min-height:0}.craft-primary-action{min-width:min(256px,100%);max-width:100%}.craft-result-card dl{grid-template-columns:1fr}}