.wb-content-container { width:100%; max-width:640px; margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; }
/* Thin dark header. #wb-ctrl-header is just the sticky/region wrapper (NOT a Vue mount). */
.wb-navbar-thin { padding-top:.25rem; padding-bottom:.25rem; background-color:#004f76; }
.wb-navbar-thin > .container-fluid { padding-left:16px; padding-right:16px; }
@media (min-width:1260px) { .wb-navbar-thin > .container-fluid { padding-left:56px; padding-right:56px; } }
.wb-navbar-thin .navbar-brand img { height:38px; width:auto; }
.wb-navbar-thin .navbar-nav .nav-link { font-size:.9rem; text-transform:uppercase; letter-spacing:.02em; color:rgba(255,255,255,.85); }
.wb-navbar-thin .navbar-nav .nav-link:hover, .wb-navbar-thin .navbar-nav .nav-link:focus { color:#fff; }
@media (min-width:988px) { .wb-navbar-thin .navbar-nav .nav-link { padding-left:.9rem; padding-right:.9rem; } }
@media (max-width:987.98px) {
  .wb-navbar-thin .wb-account { padding-top:.75rem; width:100%; }
  .wb-navbar-thin .wb-account-name { flex:1 1 auto; width:auto; max-width:none; text-align:left; }
}
/* Compact search */
.wb-navbar-thin .wb-search-input, .wb-navbar-thin form .input-group-append .btn { font-size:.8rem; line-height:1.3; padding:.2rem .5rem; height:auto; }
.wb-navbar-thin .wb-search-input { max-width:150px; }
/* Account widget (Vue island) */
.wb-account { font-size:.78rem; color:#fff; display:flex; align-items:center; }
.wb-account-name { width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; color:#fff; text-decoration:none; }
.wb-account-name:hover, .wb-account-name:focus { color:#fff; text-decoration:underline; }
.wb-account-signout { margin-left:.5rem; color:rgba(255,255,255,.75); text-decoration:none; white-space:nowrap; }
.wb-account-signout:hover, .wb-account-signout:focus { color:#fff; text-decoration:underline; }
/* Smaller, brighter hamburger */
.wb-navbar-thin .navbar-toggler { padding:.15rem .45rem; font-size:1rem; border-color:rgba(255,255,255,.4); }
.wb-navbar-thin .navbar-toggler-icon { width:1.4em; height:1.4em; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.95%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
/* "More" dropdown matched to the dark nav */
.dropdown-menu.show { display:block; }
.wb-navbar-thin .dropdown-menu { background-color:#004f76; border:1px solid rgba(255,255,255,.15); font-size:.82rem; padding-top:.25rem; padding-bottom:.25rem; }
.wb-navbar-thin .dropdown-item { color:#fff; }
.wb-navbar-thin .dropdown-item:hover, .wb-navbar-thin .dropdown-item:focus { color:#fff; background-color:rgba(255,255,255,.12); }
/* Footer rendered full-bleed (neutralize the col-context side margins) */
.wb-footer { margin-left:0 !important; margin-right:0 !important; }