.decision-aid { margin:1.5rem 0; padding:1.25rem; border:1px solid #c7d1d8; border-left:4px solid #24476a; background:#f7f9fa; color:#182e40; }
.decision-aid.row.container { margin:1.5rem auto; }
.decision-aid h2 { margin-top:0; }
.decision-aid table { width:100%; border-collapse:collapse; table-layout:fixed; margin:1rem 0; }
.decision-aid th,.decision-aid td { padding:.6rem; border:1px solid #b9c8d3; vertical-align:top; overflow-wrap:anywhere; }
.decision-aid th { text-align:left; background:#e7edf1; }
.decision-links { padding-left:1.25rem; }
.decision-links li { margin:.75rem 0; }
.decision-links span { display:block; font-size:.94em; margin:.2rem 0; }
.decision-links a,.decision-aid a,.decision-contents a,.decision-breadcrumbs a { text-decoration:underline; text-underline-offset:2px; }
.decision-source,.decision-topic { font-size:.9em; }
.decision-breadcrumbs { font-size:.84rem; margin:.8rem 0; color:#24476a; }
.decision-breadcrumbs ol { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:.35rem; }
.decision-breadcrumbs li:not(:last-child)::after { content:'›'; padding-left:.35rem; }
.decision-contents { padding:1rem; margin-bottom:1.25rem; border-bottom:1px solid #c7d1d8; }
.decision-contents ul { padding-left:1.25rem; margin-bottom:0; }
.decision-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.9rem 1.25rem; margin:1rem 0; }
.decision-fields label { display:block; font-weight:bold; }
.decision-fields input { display:block; width:100%; max-width:100%; padding:.6rem; border:1px solid #7890a1; background:white; color:#152e40; margin-top:.35rem; box-sizing:border-box; }
.decision-form button { background:#24476a; color:#fff; padding:.7rem 1rem; border:0; margin:.3rem .5rem .3rem 0; cursor:pointer; }
.decision-form button[type=reset] { background:#526774; }
.decision-form button:focus-visible,.decision-fields input:focus-visible { outline:3px solid #c49325; outline-offset:3px; }
.decision-result { margin-top:1rem; }
.decision-result dt { font-weight:bold; }
.decision-result dd { margin:.2rem 0 .8rem; }
.decision-error { border-left:4px solid #a32929; padding:.7rem; }
[id^=decision-],#monthly-budget,#loan-estimate-comparison { scroll-margin-top:1rem; }
@media(max-width:600px) { .decision-fields { grid-template-columns:1fr; } .decision-aid { padding:.85rem; } .decision-aid table { font-size:.84rem; } .decision-aid th,.decision-aid td { padding:.4rem; } }

.decision-fields fieldset { min-width:0; padding:1rem; border:1px solid #a5b8c5; }
.decision-fields fieldset label { margin:.7rem 0; }
.decision-fields legend { font-weight:bold; padding:0 .5rem; }

form.decision-form { display:block; flex:none; width:100%; }
.decision-form .decision-fields { width:100%; }
.decision-form button { display:inline-block; height:auto; min-height:0; width:auto; max-width:100%; vertical-align:top; }
.decision-aid a,.decision-contents a,.decision-breadcrumbs a { color:#24476a !important; }
.decision-aid.row.container { padding:1.25rem !important; box-sizing:border-box; }

.decision-aid table thead th:first-child,.decision-aid table tbody th[scope=row] { width:24%; }
@media(max-width:600px) { .decision-aid.row.container { padding:.85rem !important; } }

@media(max-width:600px) {
 .decision-three-column thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; }
 .decision-aid table.decision-three-column,.decision-three-column tbody,.decision-three-column tbody tr,.decision-aid .decision-three-column tbody th,.decision-three-column tbody td { display:block; width:100% !important; box-sizing:border-box; }
 .decision-three-column tbody tr { margin-bottom:.9rem; }
 .decision-three-column td::before { content:attr(data-column-label); display:block; font-weight:bold; margin-bottom:.25rem; }
}