.hoai-calc{max-width:900px;margin:auto;padding:26px;background:#fff;color:#1f2937;border:1px solid #d6d8df;border-radius:22px;text-align:left;box-shadow:0 24px 55px #0a122333}
.hoai-calc fieldset{border:0;margin:0 0 22px;padding:0;min-width:0}.hoai-calc legend{font-weight:700;font-size:17px;margin-bottom:12px;color:#1a212e}.hoai-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hoai-calc label{display:block;font-size:14px;font-weight:500}.hoai-calc input:not([type=checkbox]),.hoai-calc select{width:100%;min-height:46px;margin-top:6px;padding:10px 13px;font:inherit;color:#111827;background:#f5f6f8;border:1px solid #d6d8df;border-radius:12px}.hoai-calc input:focus-visible,.hoai-calc select:focus-visible,.hoai-calc button:focus-visible{outline:3px solid #c8baff;outline-offset:2px}.hoai-calc input[type=checkbox]{accent-color:#7f60f0;width:18px;height:18px;flex-shrink:0}.hoai-calc .hoai-check{display:flex;align-items:flex-start;gap:9px;margin-top:14px}.hoai-calc .hoai-note{font-size:12px;color:#596273;max-width:none;margin:10px 0 0;line-height:1.65}.hoai-calc a{color:#6244cd}.hoai-phases{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hoai-phase{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#eee9ff;border-radius:12px;padding:10px}.hoai-phase label{display:flex;align-items:center;gap:8px;font-size:12px}.hoai-phase small{display:block;color:#667085}.hoai-phase input[type=number]{width:67px;min-height:36px;padding:5px;margin:0;background:#fff;flex-shrink:0}.hoai-phase input:disabled{opacity:.45}.hoai-actions{display:flex;gap:10px}.hoai-actions button{border:0;border-radius:999px;background:#7f60f0;color:#fff;padding:13px 22px;font:600 15px Poppins,sans-serif;cursor:pointer}.hoai-actions button[type=reset]{background:#e7e8eb;color:#111827}.hoai-actions button:hover{filter:brightness(.95);box-shadow:0 4px 10px #1419281a}.hoai-error{color:#a11b35;margin-top:12px;font-size:14px}.hoai-result{border:1px solid #cbbfff;background:#faf8ff;border-radius:18px;padding:20px;margin-top:16px}.hoai-result h2{font-size:18px;margin:0 0 12px;color:#1a212e}.hoai-result dl>div{display:flex;justify-content:space-between;gap:14px;font-size:13px;padding:7px 0;border-bottom:1px solid #e7e2f3}.hoai-result dd{font-weight:600;text-align:right;margin:0}.hoai-total{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px;color:#6244cd}.hoai-total output{font-weight:800;font-size:clamp(20px,3vw,30px)}.hoai-table-wrap{overflow-x:auto;margin:22px 0}.hoai-table-wrap table{width:100%;border-collapse:collapse;background:#fff;text-align:left}.hoai-table-wrap th,.hoai-table-wrap td{padding:12px;border:1px solid #e5e7eb;font-size:14px}.hoai-table-wrap th{background:#eee9ff;color:#1a212e}.hoai-date{font-size:13px;color:#667085;margin-bottom:22px}.sp-hero h1{font-size:clamp(28px,3.5vw,40px);line-height:1.25;max-width:900px;margin:0 auto 24px}.featured{height:auto}.hoai-calc [hidden]{display:none!important}@media(max-width:620px){.hoai-fields,.hoai-phases{grid-template-columns:1fr}.hoai-calc{padding:18px}.hoai-actions{flex-wrap:wrap}.hoai-actions button{flex:1}.hoai-result{padding:14px}.hoai-result dl>div{font-size:12px}.hoai-total{flex-wrap:wrap}}