.em-bond-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.em-bond-form label{display:block;font-size:14px;line-height:1.5}.em-bond-form input,.em-bond-form textarea{display:block;width:100%;box-sizing:border-box;padding:10px;border:1px solid #aaa;background:#fff;color:#181818;border-radius:0;font:inherit}.em-bond-form textarea{font-family:monospace;font-size:14px;margin:8px 0}.em-bond-form button{margin:8px 8px 8px 0;padding:12px;border:2px solid #191919;background:#f2c94c;color:#111;font:inherit;font-weight:700;cursor:pointer}.em-bond-form button:disabled{background:#eee;color:#777;cursor:default}.em-bond-form :focus-visible{outline:3px solid #165b96;outline-offset:3px}.em-bond-form details{border:1px solid #ccc;padding:12px;margin:16px 0}.em-bond-form summary{cursor:pointer;font-weight:700}.em-bond-form + [data-result]{background:#fbf5dc;border-left:4px solid #d3ad29;padding:16px;line-height:1.7;overflow-wrap:anywhere}@media(max-width:600px){.em-bond-grid{grid-template-columns:1fr}.em-bond-form button{width:100%;margin-right:0}}

/* Guided bond scenario, based on its own saved ChatGPT image mockup. */
.em-tool.em-bond-guide{max-width:none;width:100%;margin:14px 0 20px;padding:0;border:0;background:transparent;font:13px/1.5 var(--sans,system-ui,sans-serif)}
.em-bond-guide .em-basic-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.em-bond-guide .em-basic-fields label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700}
.em-bond-guide .em-basic-fields input,.em-bond-guide .em-bond-payment-row input{width:100%;min-width:0;padding:9px 10px;border:1px solid #cbd0da;border-radius:5px;background:#fff;color:#111;font:13px/1.4 var(--sans,system-ui,sans-serif)}
.em-bond-payments-head{margin:22px 0 9px}.em-bond-payments-head h4,.em-bond-flow h4{margin:0 0 4px;font-size:14px}.em-bond-payments-head p{margin:0!important;font-size:11px!important}
.em-bond-payment-table{max-width:100%;border:1px solid #d9dce3;border-radius:5px;overflow-x:auto}.em-bond-payment-head,.em-bond-payment-row{display:grid;grid-template-columns:minmax(110px,1.3fr) minmax(80px,.8fr) minmax(100px,1fr) 32px;gap:6px;align-items:end;min-width:430px;padding:8px}.em-bond-payment-head{background:#f3f4f6;border-bottom:1px solid #d9dce3;font-size:10px;font-weight:700}.em-bond-payment-row+.em-bond-payment-row{border-top:1px solid #e3e6eb}.em-bond-payment-row label{min-width:0}.em-bond-payment-row label span{display:none}.em-bond-guide .em-bond-payment-row button[data-bond-remove]{min-width:32px;width:32px;height:34px;margin:0;padding:0;border:1px solid #d9dce3;border-radius:5px;background:#fff;font:20px/1 var(--sans,system-ui,sans-serif)}
.em-bond-guide .em-bond-add{margin:10px 0 0;padding:8px 12px;border:1px solid #cbd0da;border-radius:5px;background:#fff;font:700 11px var(--sans,system-ui,sans-serif)}.em-bond-guide .em-bond-offer{margin-top:17px;border:1px solid #d9dce3;border-radius:5px;padding:12px}.em-bond-guide .em-bond-offer summary{font-size:12px}.em-bond-offer .em-basic-fields{margin:13px 0}.em-bond-offer p{margin-bottom:0!important;font-size:11px!important}
.em-bond-guide .em-basic-actions{margin-top:17px}.em-bond-guide .em-basic-actions button,.em-bond-guide .em-bond-form .em-basic-actions button{min-width:0;width:auto;margin:0;padding:9px 12px;border:1px solid #b5bac4;border-radius:5px;background:#fff;color:#111;font:700 11px/1.4 var(--sans,system-ui,sans-serif)}.em-bond-guide .em-basic-actions button:first-child,.em-bond-guide .em-bond-form .em-basic-actions button:first-child{background:#f5cd4c;border-color:#dbaf25}.em-bond-guide .em-basic-actions button:disabled{color:#777;background:#eee}.em-bond-guide [data-bond-status]{min-height:16px;margin:10px 0 0!important;font-size:11px!important}
.em-bond-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.em-bond-summary>div{min-width:0;min-height:93px;padding:12px;border:1px solid #d9dce3;border-radius:5px;background:#fff}.em-bond-summary>div:nth-child(5){background:#f1f8f3}.em-bond-summary>div:nth-child(6){background:#fff4c8}.em-bond-summary span{display:block;font-size:11px}.em-bond-summary strong{display:block;margin-top:13px;font-size:clamp(17px,1.6vw,22px);line-height:1.2;overflow-wrap:anywhere}.em-bond-guide [data-result]{margin:12px 0!important;padding:9px 11px;border-left:3px solid #d7ae2c;background:#fff9e9;color:#3c414b!important;font-size:11px!important}
.em-bond-flow{margin-top:18px}.em-bond-flow-line{display:flex;gap:0;min-height:105px;max-width:100%;overflow-x:auto;padding:9px 0 4px}.em-bond-flow-event{position:relative;display:flex;flex:1 0 100px;min-width:100px;flex-direction:column;gap:2px;border-top:3px solid #edc648;padding:12px 6px 0;font-size:10px}.em-bond-flow-event:first-child{border-top-color:#9ca6b4}.em-bond-flow-event i{position:absolute;top:-8px;left:8px;width:12px;height:12px;border-radius:50%;background:#edc648}.em-bond-flow-event:first-child i{background:#9ca6b4}.em-bond-flow-event small{font-size:10px;color:#6b7380}.em-bond-flow-event b{font-size:11px;overflow-wrap:anywhere}.em-bond-flow p{margin-top:9px!important;font-size:11px!important}.em-bond-caution{margin:13px 0 0!important;padding:10px;border-left:3px solid #d7ae2c;background:#fff7de;font-size:11px!important}
@media(max-width:850px){.em-bond-guide .em-basic-layout{grid-template-columns:1fr}}
@media(max-width:520px){.em-bond-summary>div{padding:9px;min-height:88px}.em-bond-summary strong{font-size:17px}.em-bond-payment-head{display:none}.em-bond-payment-row{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.em-bond-payment-row label:first-child{grid-column:1/-1}.em-bond-payment-row label span{display:block;margin-bottom:4px;font-size:10px;font-weight:700}.em-bond-payment-row button[data-bond-remove]{grid-column:1/-1;justify-self:end}}

/* Closer to the saved bond mockup while retaining the site's real header/font. */
.em-bond-guide .em-basic-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.em-bond-guide .em-basic-steps li span{width:46px;height:46px;border-radius:50%;background:#e9ebee;font-size:16px}
.em-bond-guide .em-basic-steps li:first-child span{background:#ffd43f}
.em-bond-guide .em-basic-fields{grid-template-columns:1fr;gap:10px}
.em-bond-guide .em-basic-fields label{display:grid;grid-template-columns:minmax(125px,38%) minmax(0,1fr);gap:8px;align-items:center;font-size:12px;font-weight:500}
.em-bond-guide .em-bond-payment-head,.em-bond-guide .em-bond-payment-row{grid-template-columns:minmax(115px,1.2fr) minmax(70px,.75fr) minmax(100px,1fr) 32px}
.em-bond-guide .em-bond-payment-table{max-height:320px;overflow-y:auto}
.em-bond-guide .em-bond-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
.em-bond-guide .em-bond-summary>div{min-height:112px}
.em-bond-guide .em-bond-summary strong{font-size:clamp(16px,1.65vw,22px)}
.em-bond-guide .em-bond-flow-event{flex-basis:84px;min-width:84px}
.em-bond-guide .em-bond-flow-line{min-height:112px}
.em-bond-guide .em-basic-explain>div{counter-reset:em-guide-tip}
.em-bond-guide .em-basic-explain p{position:relative;padding-left:48px;counter-increment:em-guide-tip}
.em-bond-guide .em-basic-explain p:before{content:counter(em-guide-tip);position:absolute;left:0;top:0;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffebaa;font-weight:750}
@media(max-width:1000px){.em-bond-guide .em-basic-layout{grid-template-columns:1fr}.em-bond-guide .em-bond-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.em-bond-guide .em-bond-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.em-bond-guide .em-basic-fields label{display:flex;flex-direction:column;align-items:stretch}.em-bond-guide .em-bond-payment-head{display:none}.em-bond-guide .em-bond-payment-row{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.em-bond-guide .em-bond-payment-row label:first-child{grid-column:1/-1}.em-bond-guide .em-bond-payment-row label span{display:block}}