.hh-api-outcome{box-sizing:border-box;max-width:100%;margin:2rem 0;padding:clamp(1rem,3vw,1.8rem);border:1px solid #cbd5e1;border-radius:18px;background:#fff;color:#152238;scroll-margin-top:100px}
.hh-api-outcome *{box-sizing:border-box;min-width:0}
.hh-api-outcome [hidden]{display:none!important}
.hh-api-outcome h2{font-size:clamp(1.45rem,3vw,1.9rem);line-height:1.2;margin:.4rem 0 .8rem;overflow-wrap:anywhere}
.hh-api-outcome p{line-height:1.65;overflow-wrap:anywhere}
.hh-api-outcome-eyebrow{font-size:.76rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#1d4ed8;margin:0}
.hh-api-outcome-rule{padding:.9rem 1rem;border-radius:10px;background:#eff6ff;line-height:1.6;margin:1rem 0}
.hh-api-outcome-shared,.hh-api-outcome-records,.hh-api-outcome-fields,.hh-api-outcome-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.hh-api-outcome label{display:flex;flex-direction:column;gap:.45rem;font-size:.88rem;font-weight:650;line-height:1.4}
.hh-api-outcome input,.hh-api-outcome select{width:100%;max-width:100%;min-height:44px;padding:.65rem .7rem;background:#fff;color:#152238;border:1px solid #94a3b8;border-radius:7px;font:inherit;font-weight:400}
.hh-api-outcome input::placeholder{color:#526176;opacity:1}
.hh-api-outcome input[aria-invalid=true]{border:2px solid #991b1b}
.hh-api-outcome fieldset{border:1px solid #cbd5e1;border-radius:12px;padding:1rem;margin:0}
.hh-api-outcome legend{padding:0 .4rem;font-size:1.05rem;font-weight:750}
.hh-api-outcome-note{font-size:.8rem;color:#475569;margin:.7rem 0 1rem}
.hh-api-outcome details{margin:.8rem 0}
.hh-api-outcome summary{cursor:pointer;line-height:1.5;color:#173f8a;font-weight:650;padding:.3rem 0;overflow-wrap:anywhere}
.hh-api-outcome details[open]>.hh-api-outcome-fields{margin-top:.8rem}
.hh-api-outcome-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}
.hh-api-outcome button{min-height:44px;max-width:100%;padding:.65rem .9rem;border:1px solid #94a3b8;border-radius:8px;font:inherit;font-size:.88rem;font-weight:650;background:#fff;color:#173f8a;cursor:pointer;white-space:normal}
.hh-api-outcome button[data-hh-outcome-calculate]{background:#1d4ed8;color:#fff;border-color:#1d4ed8}
.hh-api-outcome :is(button,input,select,summary,a):focus-visible{outline:3px solid #2563eb;outline-offset:3px}
.hh-api-outcome-status{font-size:.86rem;color:#475569}
.hh-api-outcome-errors{padding:.85rem;background:#fef2f2;color:#991b1b;border:1px solid #fca5a5;border-radius:8px;line-height:1.6;margin-top:1rem}
.hh-api-outcome-errors p{margin:.2rem 0}
.hh-api-outcome-example{border-left:3px solid #2563eb;padding:.5rem .8rem;background:#eff6ff;font-size:.84rem}
.hh-api-outcome-result{border:1px solid #cbd5e1;border-radius:12px;padding:1rem;background:#f8fafc}
.hh-api-outcome-result h3{font-size:1.1rem;line-height:1.4;margin:0 0 .9rem}
.hh-api-outcome-result dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;margin:0}
.hh-api-outcome-result dt{font-size:.84rem;color:#475569;line-height:1.5}
.hh-api-outcome-result dd{margin:0;font-size:.93rem;font-weight:700;line-height:1.5;text-align:right;overflow-wrap:anywhere}
.hh-api-outcome-result .hh-api-outcome-primary{color:#173f8a}
.hh-api-outcome-result p{font-size:.82rem;margin:.9rem 0 0}
.hh-api-outcome-results>.hh-api-outcome-comparison{grid-column:1/-1;margin:0;font-size:.88rem;line-height:1.6}
.hh-api-outcome-method{border-top:1px solid #cbd5e1;padding-top:.65rem;margin-top:1.2rem!important;font-size:.88rem}
@media(max-width:700px){.hh-api-outcome-shared,.hh-api-outcome-records,.hh-api-outcome-results{grid-template-columns:minmax(0,1fr)}}
@media(max-width:400px){.hh-api-outcome-fields{grid-template-columns:minmax(0,1fr)}.hh-api-outcome-result dl{grid-template-columns:minmax(0,1fr)}.hh-api-outcome-result dd{text-align:left;margin-top:-.5rem}}