/* Small overrides on top of Bootstrap 5 — most styling now comes from Bootstrap classes. */
body { min-height: 100vh; }
.navbar-brand { font-weight: 700; }
code { word-break: break-all; }

/* Small hover/focus help balloons */
.info-tip { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 1.1rem; height: 1.1rem; margin-left: .25rem; border-radius: 50%; background: #0d6efd; color: #fff; font: italic 700 .7rem/1 Georgia, serif; cursor: help; vertical-align: middle; text-transform: none; }
.info-tip:hover::after, .info-tip:focus::after { content: attr(data-tip); position: absolute; z-index: 1080; left: 50%; top: 135%; transform: translateX(-20%); width: 260px; padding: .5rem .65rem; border-radius: .4rem; background: #212529; color: #fff; font: 400 .8rem/1.35 system-ui, sans-serif; text-align: left; white-space: normal; box-shadow: 0 4px 12px rgba(0,0,0,.25); }