/* Loan & build advisor - on top of app.css, placement.css and rights.css */
.ctl.num input{font:500 15px "IBM Plex Mono",monospace; letter-spacing:0; color:var(--ink); background:var(--raised);
  border:1px solid var(--line); border-radius:4px; padding:7px 9px; width:110px}
.ctl .seg{margin-top:0}
.ctl .seg button{letter-spacing:.06em}
.ctl .seg button[aria-checked="true"]{background:var(--accent-wash); color:var(--accent)}
#termctl[hidden]{display:none}
#ratereset{padding-bottom:9px; font-size:12px}

.plansum{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin:4px 0 6px}
@media (max-width:860px){.plansum{grid-template-columns:repeat(2,minmax(0,1fr))}}
.plansum:empty{display:none}
.plansum .s{background:var(--raised); border:1px solid var(--line-soft); border-radius:6px; padding:9px 12px}
.plansum .s .lab{font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); font-weight:600}
.plansum .s .v{font:600 20px/1.2 "IBM Plex Mono",monospace; font-variant-numeric:tabular-nums; margin-top:3px}
.plansum .s .v.pos{color:var(--verd)} .plansum .s .v.neg{color:var(--alarm)}
.plansum .s .d{font-size:12px; color:var(--ink-3); margin-top:2px}

/* how far a level's return covers its break-even */
.cov{display:inline-flex; align-items:center; gap:7px}
.cov .track{position:relative; width:72px; height:7px; background:var(--surface-2); border-radius:2px; overflow:hidden}
.cov .fill{position:absolute; inset:0 auto 0 0; border-radius:2px}
.cov .mark{position:absolute; top:-2px; bottom:-2px; width:1.5px; background:var(--ink-2); left:66.6%}
.cov b{font:500 12.5px "IBM Plex Mono",monospace; min-width:38px; text-align:right}

.verdict-chip{display:inline-block; font:600 10.5px/1.6 Archivo,sans-serif; letter-spacing:.06em; text-transform:uppercase;
  border-radius:3px; padding:0 6px; border:1px solid currentColor; white-space:nowrap}
.verdict-chip.self{color:var(--verd)} .verdict-chip.interest{color:var(--accent)}
.verdict-chip.loss,.verdict-chip.none{color:var(--alarm)}
.warn{color:var(--accent)}
.rank td .basis{display:block; color:var(--ink-3); font-size:11.5px; white-space:normal; max-width:280px}
#cmpnote{font-size:13.5px; margin:10px 0 0}